تبلیغات
طراحی وب سایت و اپلیکیشن موبایل - مطالب ابر طراحی اپلیکیشن
منوی اصلی
طراحی وب سایت و اپلیکیشن موبایل
طراحی سایت، سئو، طراحی فروشگاه اینترنتی، طراحی اپلیکیشن موبایل
  • نوپرداز کو چهارشنبه 23 خرداد 1397 05:43 ب.ظ نظرات ()

    امروزه طراحی اپلیکیشن موبایل یکی از راه های محبوب ارائه محتوا و خدمات به مشتریان است. اما با توجه به آمار Fortune، بیش از 75 درصد از کاربران یک برنامه را باز کرده و هرگز به آن باز نمی گردند. امروز، کاربران تلفن همراه انتظارات زیادی از اپلیکیشن های موبایل دارند (زمان بارگذاری سریع، سهولت استفاده و لذت بردن از آن).

    پس دقیقا چه چیزی می تواند به عنوان "تجربه خوب" در نظر گرفته شود؟ بیایید اصول مهم در طراحی اپلیکیشن موبایل را بررسی کنیم.

    تجربه کاربری اپلیکیشن موبایل

    کاربران نباید هنگام تعامل با اپلیکیشن موبایل دچار سردرگمی شوند. در غیر این صورت از نظر کاربر اگر اپلیکیشن استفاده نشود بهتر است.

    بهینه سازی تعامل کاربران با اپلیکیشن

    درک این که چگونه کاربران با یک اپلیکیشن ارتباط برقرار می کنند برای بهینه سازی ضروری است. به عنوان یک طراح و توسعه دهنده، ما باید اهداف کاربران را در کل برنامه درک کنیم. در ادامه چند روش محبوب برای تعامل بهتر کاربر با سایت را معرفی کرده ایم: 

    • اگر یک کار در اپلیکیشن شامل بسیاری از مراحل و اقدامات مورد نیاز از طرف کاربر است، بهتر است این کار را به تعداد زیر کارهای مختلف تقسیم کنید. یک مثال خوب، جریان پرداخت در برنامه های تجارت الکترونیک است. شما می توانید فرآیند پرداخت را در تعدادی از مراحل جدا کنید که هر یک از آنها نیاز به یک عمل جدید دارند.بهینه سازی اپلیکیشن 
    • از اطلاعاتی که در حال حاضر در مورد کاربران خود دارید استفاده کنید. شما احتمالا در حال حاضر اطلاعات زیادی در مورد کاربران خود دارید. فقط باید از آن به درستی استفاده کنید. Uber را در مثال زیر در نظر بگیرید. برنامه از کاربر در مورد مکان او سوال نمی کند، بلکه به طور خودکار مکان را بر اساس اطلاعات جغرافیایی وی تشخیص می دهد.اطلاعات کاربران اپلیکیشن 
    • برای انجام اقدامات بعدی توسط کاربران از جلوه های طبیعی استفاده کنید. به وضوح به آن ها نشان دهید که در گام بعدی چه روی خواهد داد. مانند مثال زیر:اپلیکیشن حرفه ای 
    • اولویت بندی های درستی را در وب سایت انجام دهید. با پیروی از این قاعده ساده، رابط کاربری را ساده تر می کنید و آسان تر از آن استفاده می کنید. استفاده از وزن بصری عناصر برای اولویت بندی عناصر مهم (مانند استفاده از رنگ متضاد برای دکمه های فرخوان).

    رابط کاربری مناسب برای دسترسی راحت کاربران به اطلاعات اپلیکیشن

    منظور از طراحی رابط کاربری(ui) مناسب، ارائه اطلاعات به کاربران به بهترین شکل و جلوگیری از وجود اطلاعات نامناسب در اپلیکیشن است. با استفاده از رابط کاربری مناسب، کاربران اطلاعات زیادی دسترسی خواهند داشت. یک نمونه عالی در زیر قرار داده شده است.

    نمونه اپلیکیشن موبایل 

    ناوبری مناسب در طراحی اپلیکیشن موبایل

    تمام محتوا های جالب و مفید در دنیا مهم نیستند اگر مردم به آن ها دسترسی نداشته باشند. 

    در اینجا چند قانون برای ناوبری وجود دارد:

    • ناوبری اپلیکیشن را پنهان نکنید و زیرا اکثر کاربران به سختی آن را پیدا خواهند کرد.
    • ناوبری ثابت. توسعه دهندگان برنامه های موبایل اغلب منوها را در صفحات شخصی پنهان می کنند. این کار را انجام ندهید زیرا ممکن است کاربران آن ها را نادیده بگیرند.
    • ارتباط کاربران با بخش های مختلف اپلیکیشن. "من کجا هستم؟". این یکی از اساسی ترین سوالات کاربران است که باید برای دستیابی به موفقیت پاسخ مناسبی را دریافت کنند.

    منو ناوبری اپلیکیشن 

    نکته: بهتر است از الگوهای ناوبری استاندارد مانند Bar tab (برای iOS) و کشوی Navigation (برای Android) استفاده کنید. اکثر کاربران با هر دو الگوهای ناوبری آشنا هستند. اگر دنبال یک راه حل ساده هستید نیاز به هوشمندی و خلاقیت آنچنانی نخواهد بود.

    طراحی عناصر اپلیکیشن موبایل باید مانند رفتار آن ها باشد

    یک رابط کاربری تلفن همراه باید به وضوح با عناصر ثابت و پویا ارتباط برقرار کند. بر خلاف دسکتاپ که کاربران می توانند از اثرات hover استفاده کنند تا متوجه شوند چه چیزی تعاملی است یا نه، کاربران اپلیکیشن ها می توانند تعامل را تنها با ضربه زدن بر یک عنصر بررسی کنند.

    ضربه زدن روی عناصر اپلیکیشن راحت باشد

    ضربه زدن روی عناصر برنامه 

    در طراحی اپلیکیشن موبایل سعی کنید عناصر را به گونه ای طراحی کنید تا کاربران به راحتی بتوانند به آن ها ضربه بزنند. همچنین اطمینان حاصل کنید که عناصر بیش از حد نزدیک به یکدیگر قرار نگرفته اند. زیرا رعایت نکردن این مورد می تواند سبب انجام اقدامات ناخواسته توسط کاربران شود.

    ناحیه اطراف انگشت شست در صفحه موبایل

    اطراف انگشت شست در صفحه موبایل 

    در حالی انگشت شست ما می تواند همه بخش های صفحه موبایل را پیمایش کند، اما در یک سوم از این قلمرو قدرت بیشتری دارد. این قلمرو ناحیه ی اطراف انگشت شست طبیعی است. مناطق دیگر نیاز به کشیدن انگشت یا حتی تغییر در نوع گرفتن گوشی برای رسیدن به آنها است. بر اساس قرار دادن دست (چپ، راست یا ترکیبی)، می توانیم این موضوع را بهتر درک کنیم.

    نمایش وضعیت سیستموضعیت اپلیکیشن

     هنگامی که یک برنامه مشغول انجام کاری است، باید به نوعی به کاربر بفهمانید که برنامه متوقف نشده است. علائم بصری پیشرفت به کاربران امکان کنترل بهتر برنامه را می دهد.

    انتقال از بخش ناوبری اپلیکیشنطراحی اپلیکیشن موبایل 

    انیمیشن بهترین ابزار برای توصیف حالت های انتقال است. این به کاربران کمک می کند که تغییرات صفحه را درک کنند. انیمیشن می تواند به طور موثر توجه کاربر را جلب کند و درک انتقال های پیچیده را برای کاربران آسان تر کند.

    آخرین ویرایش: - -
    ارسال دیدگاه
  • نوپرداز کو شنبه 12 خرداد 1397 01:47 ب.ظ نظرات ()

    از آن جا که امروزه طراحی فروشگاه اینترنتی رشد خوبی داشته است و دز حال حاظر میلیون ها مشتری بالقه را نیز دارد، این یک ابزار بسیار قدرتمند برای کسب و کار های مختلف به حساب می آید. اما از طرفی طراحی اپلیکیشن موبایل از جمله اپلیکیشن های فروشگاه اینترنتی بسیار وقت گیر است و نیاز به یک سرمایه معینی دارد. به همین جهت لازم است تا تمام عوامل توسعه اپلیکیشن را از قبل در نظر بگیریم. 

    ملزومات طراحی اپلیکیشن موبایل برای فروشگاه اینترنتی

    برای طراحی اپلیکیشن برای یک فروشگاه اینترنتی عالی، ابتدا باید بدانیم که ملزومات اساسی برای این نوع محصول چیست.

    امنیت: معمولا اپلیکیشن های موبایل فروشگاهی از عملیات های خرید پشتیبانی می کنند. یک برنامه جایی است که مشتریان پول خود را برای دریافت کالاها یا خدمات شرکت قرار می دهند. این موضوع منجر به ضرورت ارائه یک سطح مناسب امنیت می شود. همچنین، این مهم ترین عامل برای افرادی است که از اپلیکشن های فروشگاه اینترنتی استفاده می کنند. مسئله امنیت، محبوبیت اپلیکیشن و شهرت شرکت را نیز تحت تاثیر قرار می دهد. وجود سطح بالایی از امنیت استدلالی برای کاربران جهت شروع استفاده از یک اپلیکشن است.

    ارگونومیک: طراحی اپلیکیشن موبایل باید طوری باشد که استفاده از آن آسان باشد. کاربر نباید ساعت ها وقت صرف کند و یا راهنمایی ها را دنبال کند تا یاد بگیرد که چگونه از برنامه شما استفاده کند. اپلیکیشن شما نباید شامل اشکال یا عناصر گیج کننده باشد. همه چیز باید روشن و ساده باشد. تمام اطلاعات غیر ضروری نیز باید حذف شود.

    ثبات و پایداری: ثبات یک اپلیکیشن فروشگاه اینترنتی بسیار مهم است. یک برنامه باید پایدار باشد، هیچ بهانه ای برای آن وجود ندارد. مشتری نباید احساس کند که پول خود را صرف چیزی می کند که در عوض آن خدمات عالی دریافت نخواهد کرد.

    البته، تقریبا غیرممکن است که یک برنامه بدون هیچ اشتباهی طراحی شود. به همین جهت تست اپلیکیشن، بازخورد مشتریان، تجزیه و تحلیل گزارش خطا ها، به روز رسانی و رفع اشکالات منجر می شود که برنامه شما پایدار تر شود.

    سرعت: نکته دیگری که باید در نظر بگیرید این است که چگونه یک اپلیکیشن موبایل برای فروشگاه اینترنتی شما سریع کار می کند. یک برنامه نباید تاخیر داشته باشد و باید سریعا به دستورات کاربر پاسخ دهد. این نکته ضروری است که باید زمان تأخیر به حداقل برسد تا بهترین تجربه ممکن را برای کاربران ایجاد نماید.

    اگر می خواهید یک اپلیکیشن موبایل برای IOS و اندروید ایجاد کنید، باید ویژگی های سیستم های عامل و دستگاه ها را نیز در نظر بگیرید. طراحی یک برنامه کاربردی نیز اهمیت دارد. یک برنامه باید به خوبی نمایش داده شود، به طوری که مردم دچار خستگی نشوند.

    طراحی فروشگاه اینترنتی 

    اجزای پرداخت الکترونیکی در یک اپلیکیشن فروشگاهی

    یکی از مهم ترین موضوعاتی که در هنگام طراحی یک اپلیکیشن موبایل برای فروشگاه اینترنتی باید مورد توجه قرار گیرد، یکپارچگی سیستم پرداخت است. برای این منظور باید یک دروازه و پردازنده پرداخت را به برنامه خود اضافه کنید.

    دروازه پرداخت: این یک رابط کاربری است که مشتری و سیستم پرداخت را به هم متصل می کند. دروازه پرداخت بسیار مهم است، زیرا سطح امنیتی روش پرداخت را تعیین می کند. پس از کلیک بر روی دکمه "خرید"، دروازه پرداخت شروع به کار می کند. اطلاعاتی را که فرد ارائه می دهد رمزگذاری می کند: شماره کارت اعتباری، اطلاعات شخصی و اطلاعات تماس و غیره. همچنین شما می توانید از یک سیستم امنیتی که از قبل وجود دارد استفاده کنید.

    پردازنده پرداخت: اطلاعات از طریق یک دروازه پرداخت به مرحله بعدی منتقل می شوند. این قلب سیستم پرداخت و جایی است که روش های اصلی اجرا می شوند. داده های ارائه شده توسط یک مشتری به یک پردازنده پرداخت منتقل می شود. سپس، این اطلاعات را به بانک با تمام جزئیات لازم ارسال می کند.

    بانک داده ها را پردازش می کند و پاسخ می دهد. یک پردازنده پرداختی از بانک پاسخ را دریافت کرده و تعیین می کند که آیا معامله تایید یا رد می شود. در صورتی که معامله تایید شد، روند با موفقیت به پایان رسید. اگر تراکنش رد شد، به مشتری اطلاع می دهد که وجوه مالی منتقل نشده است.

    پردازنده پرداخت جزء اصلی ترین ماژول های پرداخت یک اپلیکیشن فروشگاهی محسوب می شود، بنابراین باید پایدار باشد. علاوه بر این، خطاها باید کاملا حذف شوند. چنین اجزایی باید با دقت آزمایش شوند تا مطمئن شویم همه چیز درست کار می کند.

    سیستم پرداخت فروشگاه 

    ایده هایی برای طراحی اپلیکیشن موبایل فروشگاه اینترنتی

    در اینجا برخی از ایده هایی را قرار داده ایم که می توانید در هنگام طراحی اپلیکیشن موبایل فروشگاه اینترنتی پیاده سازی کنید. این مثال ها برای شرکت های استارت آپی نیز کاربرد دارند.

    ارائه یک طیف وسیعی از کالاها (مثل لباس)، یک ایده عالی برای طراحی اپلیکیشنی است شبیه به اینستاگرام نمایش داده می شود، جایی که مشتری نوعی "خوراک خبری" را با پیشنهادات شرکت می بیند. مشتری یک تصویر لباسی که دوست دارد لمس می کند و آن را به سبد خرید اضافه می کند.

    حراج. فرد می تواند یک مزایده با پارامترهای مشخصی از پیشنهادات را شروع کند، مانند حداکثر تعداد شرکت کنندگان، قیمت شروع و غیره. بنابراین، یک اپلیکیشن ممکن است مدل حراج زندگی واقعی را ایجاد نماید.

    پیدا کننده محصول. یکی دیگر از ایده ها این است که راه حلی ارائه دهیم که به مردم کمک می کند چیزی را پیدا کنند که به دنبال آن هستند. مشتری یک عکس از محصولات را که مشابه با یک پیشنهاد شما است (یا پیدا می کند) می برد و آن را به برنامه ارسال می کند. سپس، برنامه به او کمک می کند تا همان محصول را در فروشگاه اینترنتی خود پیدا کند.

    ویرایشگر طراحی. اگر شرکت شما لباس هایی با طراحی سفارشی را ارائه می دهد، فرض کنید که یک اپلیکیشن طراحی کنید تا مشتریان بتوانند طراحی لباس مورد نظر خود را انتخاب کنند. این گزینه خوبی برای ایجاد یک طرح با تصاویر است و یک ویرایشگر را نشان می دهد که به افراد اجازه می دهد لباس شخصی خود را ایجاد کنند. به عنوان مثال، یک فرد می تواند یک تی شرت سیاه را انتخاب کند و تصاویر مختلفی را که روی آن چاپ می شود اضافه نماید. ویرایشگر باید دارای لایه ها و ابزارهایی باشد که به مشتریان اجازه می دهد رنگ عناصر را تغییر دهند.

    اپلیکیشن فروشگاه 

    جزئیاتی درباره طراحی اپلیکیشن موبایل فروشگاهی

    برای طراحی اپلیکیشن موبایل فروشگاه اینترنتی به یک تیم نیاز دارید که شامل طراح، مدیر پروژه، یک توسعه دهنده بک اند و دو برنامه نویس موبایل باشد. توجه داشته باشید که هر بخش از برنامه به صرف کردن مقدار مشخصی زمان نیاز دارد که بهتر است از ابتدا پروژه برای آن برنامه ریزی انجام دهید. ویژگی های اصلی که این اپلیکیشن باید داشته باشد عبارتند از:

    • مشخصات کاربر که شامل اطلاعات شخصی، نماد و تاریخ خرید، لیست علاقه مندی ها و غیره باشد.
    • خوراک هماهنگ شده که در زمان واقعی به روز می شود و شامل دسته ها و کالاها می شود.
    • جستجو و فیلتر کردن کالاها
    • مجوز امن و حفاظت از برنامه در برابر حملات و هک شدن
    • یکپارچگی سیستم های پرداخت
    • بخش نظرات و پیشنهادات با پشتیبانی فیدبک ها(مانند چت)
    • ردیابی تحویل سفارشات
    • سیستم بازپرداخت

    چگونه طراحی اپلیکیشن به بهترین شکل ممکن انجام می شود؟

    طراحی اپلیکیشن موبایل 

    توسعه اپلیکیشن های فروشگاهی پس از انتشار برنامه متوقف نمی شود. مهم این است که به کار ادامه دهید تا کار را بهتر انجام دهید، سریع تر کار کنید و خطاها را برای ارائه بهترین خدمات ممکن به مشتریان بالقوه برطرف کنید. 

    تجزیه و تحلیل این که مردم از نرم افزار شما استفاده می کنند و بازخوردی را که از آنها دریافت می کنید را مطالعه کنید. سرویس Google Analytics یک منبع داده مفید است. این برای درک اینکه چگونه افراد با برنامه شما ارتباط برقرار می کنند به شما اطلاعاتی را که نیاز دارید، ارائه می دهد. همچنین توجه داشته باشید که رتبه بندی برنامه در فروشگاه های تلفن همراه نیز مهم است.

    آخرین ویرایش: - -
    ارسال دیدگاه
  • نوپرداز کو دوشنبه 7 خرداد 1397 02:02 ب.ظ نظرات ()

    این روزها اپلیکیشن های موبایل جایگاه ویژه ای در میان مردم جهان ایجاد کرده اند به طوری که روزانه حداقل با یکی از این اپلیکیشن ها سر و کار داریم و به نوعی بخشی جدا نشدنی از امور روزانه ی زندگی همه ی ما شده اند که هر کدام نقشی ایفا کرده و به نوعی برای ما مزیت خاصی دارند و حتی برخی از آنها جزئی از فرایند روزانه ی ما قابل نادیده گرفتن نیستند ، به طور مثال اپلیکیشن فرض کنید در طول روز که مشغول انجام فعالیت های شغلی هستید ، نیاز به جابجایی مبلغی پول به حساب یکی از دوستان و آشنایان داشته باشید ، برای انجام این کار چه میکنید ؟

    اولین فکری که به ذهن میرسد ، مراجعه به بانک و یا یکی از دستگاه های خودپرداز بانکی جهت انتقال وجه است اما این بهترین راه نیست زیرا گوشی های هوشمند اندروید و یا IOS تقریبا در دست دارید که تنها با نصب و اجرا اپلیکیشن بانکی میتوانید به قابلیت های زیادی که این اپلیکیشن ها در اختیار شما قرار میدهند ، دسترسی داشته باشید و از خدمات آنها استفاده کنید . خدماتی مانند انتقال وجه ، پرداخت قبوض بانکی ، خرید شارژ و بسیار دیگر از این دست فعالیت ها که تنها در یک اپلیکیشن کوچک قرار دارد .

    همه ما برنامه های تلفن همراه را دوست داریم، آنها به ما در راه های مختلفی کمک می کنند، ما چت می کنیم، با استفاده از تلفن های همراه کتاب می خوانیم، سرگرم می شویم، از فروشگاه ها استفاده می کنیم ، به دیگران اطلاع رسانی می کنیم و با آنها ارتباط داریم … کارهایی که در هر ثانیه با تلفن همراه انجام می دهیم بسیار زیاد است. به زبان ساده تر ، اپلیکیشن های تلفن همراه ابعاد مختلف زندگی ما را شکل می دهند.

    طراحی اپلیکیشن موبایل در همه ی زمینه ها و برای همه ی اهداف کاربردی است. هر کاربر تلفن همراه نیازمند یک اپلیکیشن دقیق و با کارایی بالا در زمینه های مختلف می باشد. اپلیکیشن های تلفن همراه به دو دسته ی اندروید و آی او اس تقسیم شده اند  و این اپلیکیشن ها به صورت تصادفی محبوب کاربران قرار نگرفته اند ، بلکه برخی ویژگی های کلیدی در آن ها سبب شده است محبوب کاربران شوند و در قلب آنها قرار بگیرند.

    یک اپلیکیشن خوب چه قابلیت هایی دارد ؟

    همه ی ما یک دیدگاه در مورد ابزارها داریم و هر کسی تعریف خاصی از یک اپلیکیشن خوب دارد ، اما واقعا در طراحی اپلیکیشن خوب باید به چه نکاتی توجه داشت که در نظر اکثر مردم ، بعنوان یک معیار قابل اتکا ، مورد تایید قرار گیرد ؟

    1. رابط کاربری آسان و قابل درک برای عموم ( از مهم ترین ویژگی های طراحی یک اپلیکیشن اندرویدی می باشد زیرا تجربه کاربر از استفاده و کار کردن با اپلیکیشن باعث می شود مورد تحسین آنها قرار بگیرد. )
    2. زیبایی و چشم نواز بودن ( روانشناسی رنگ ها )
    3. روان بود از نظر کارایی در گوشی
    4. سرعت مناسب در اجرای برنامه و اشغال حجم کم از حافظه گوشی
    5. داشتن محتوایی عالی و متمرکز که کاربر را به اپلیکیشن شما جذب نماید.
    6. سازماندهی ساختار با توجه به محتوا

    و در آخر هنگامی که یک برنامه Android بارگیری می شود، تصویر ثابت که توجه کاربران را به خود جلب می کند، محافظ صفحه نمایش است در این صفحه، کاربران زمانی که بارکد و تبلیغ نام تجاری سازنده اپلیکیشن را می بینند ، باعث می شود به طور مستقیم یک تصویر ماندگار از اپلیکیشن برای کاربر ایجاد گردد. بنابراین طراحی محافظ صفحه نمایش در طراحی اپلیکیشن Android بسیار اهمیت دارد.

    طراحی اپلیکیشن اندروید

    طراحی اپلیکیشن اندروید

    مواردی که به آن اشاره شد ، گزیده ای از پرامترهای ضروری در طراحی اپلیکیشن است که قطعا شما هم با آن هم عقیده هستید که معیارهای بالا بعنوان پایه ای ترین نیاز در ساخت اپلیکیشن موبایل است و باید در ساخت اپلیکیشن به آن دقت نمود تا لذت استفاده از آن توسط کاربر قابل لمس باشد و در استفاده مداوم از آن ، دچار خستگی و ناراحتی برای کاربر نگردد .

    شرکت طراحی اپلیکیشن وب افرا با داشتن سابقه طولانی در زمینه طراحی سایت و اپلیکیشن ، توانسته است در سالهای گذشته اعتماد برندهای مطرح را بدست آورد و از این رو اپلیکیشن هایی مانند اپلیکیشن سایت مناقصات شرکت پارس نماد داده ها ( پایگاه ملی مناقصات کشور ) را در کارنامه خود داشته باشد و همچنین طراحی اپلیکیشنرستوران را نیز در کارنامه خود دارد که به زودی از آن رونمایی خواهد شد .

    آخرین ویرایش: دوشنبه 7 خرداد 1397 02:03 ب.ظ
    ارسال دیدگاه
  • نوپرداز کو چهارشنبه 15 فروردین 1397 10:19 ق.ظ نظرات ()
    طراحی ضعیف باعث میشود تا کاربران نتوانند از بسیاری از اپلیکیشن های آندروید و iOS براحتی استفاده کنند. در این مقاله به ده نکته اشاره میشود که با لحاظ کردن آنها در طراحی، استفاده از اپلیکیشن ها برای کاربران آسان خواهد شد.
    اینگونه بنظر می رسد کمپانی های مدیا به اپلیکیشن های موبایل که طراحی بدی دارند تمایل بیشتری دارند. طراحی اپلیکیشن موبایلخوب ضروریست، هرچند که سالهاست اپلیکشیشن های بد فروشندگان و فروشگاههای 
    IT این ضرورت را نادیده گرفته اند. در کانتکست موبایل طراحی خوب اهمیت بیشتری دارد زیرا اسکرین های کوچک موبایل و محیط ناپایدار اجرایی آن استفاده از اپلیکیشن را دشوارتر میکند.
    اما نقش توسعه دهندگان چیست؟ و کاربران باید درجستجوی چه باشند؟ آقای 
    Micheal Griffith مدیر یک فروشگاه توسعه ی اپلیکیشن موبایل که اپلیکیشن های آن به زیبایی طراحی شده اند، ده اصل را عنوان کرده که با رعایت این ده اصل اپلیکیشن های بهتری طراحی خواهید کرد:

    ویژگی های یک پلتفرم را به پلتفرم دیگر منتقل نکنید. ظاهر و احساسی که یک پلتفرم به کاربران منتقل میکند، مختص همان پلتفرم بوده و یکی از دلایل انتخاب آن پلتفرم توسط کاربر است. بعلاوه قابلیت های هر پلتفرم برمبنای آنچه ارائه میدهد از سایر پلتفرم ها متفاوت است، بنابراین توسعه دهندگان باید تصمیم بگیرند که آیا انتقال یک اپلیکیشن به همه ی پلتفرم های الزامی است یا خیر. آنها باید به این نکته توجه داشته باشند که یک پلتفرم در مقایسه با سایر پلتفرم ها کارایی بیشتری دارد.
    برای اپلیکیشن های سازمانی که در چندین کانتکست و دستگاه استفاده میشوند درجه ی استاندارد سازی باید بیشتر باشد تا کاربران بتوانند آنچه را در حیطه کاری آنها بوده و در همه دستگاهها آشناست را انجام دهند. به آنها اطمینان خاطر دهید بی آنکه دغده ای برای کاهش زمان یادگیری و نوع دستگاه داشته باشند می توانند آنچه باید را انجام دهند. در این مورد اپلیکیشن بیش از نوع دستگاه در مرکز تجربه کاربری قرار دارد. درحالیکه در اپلیکیشن های معمولی خود دستگاه در مرکزیت تجربه کاربریست. بعلاوه نباید فرضیات بنیادین واسط کاربری از پلتفرم در تعاملات ابتدایی اپلیکیشن مانند دسترسی به منوها را نادیده نگرفت.

    از محدودیت های موبایل بویژه اسمارت فون برای خلاقیت بهره ببرید. بعنوان مثال می توان از یک اپلیکیشن برای تشخیص چهره استفاده کرد تا بجای برش تصویر بصورت دستی auto crop در مرکز فوکوس تصویر انجام شود.

    استفاده بهینه از آندسته از قابلیت های موبایل که در کامپیوتر وجود ندارند. بعنوان مثال می توان از دوربین گوشی برای کاستن از پیشنهادها در جستجو یا  supplierها استفاده کرد. استفاده از سنسورها بویژه جاهایی که دیتای اضافی آنها می تواند از تلاش کاربر یا اپلیکیشن بکاهد.

    سهولت طراحی. طراحان جوان معمولا از متن های کوچک و لی اوت های دشواری استفده میکنند که خواندن و ضربه زدن های دقیق را برای کاربران مسن تر دشوار میکند. از افکت Retina استفاده نکنید زیرا در حال حاضر پیکسل های کوچکتری وجود دارند که متن را حتی در سایزهای کوچکتر از لحاظ فنی خواناتر میکنند. چشم های انسان با عبور از سن سی و پنج سالگی قادر به خواندن متن های خیلی کوچک نمی باشد. بنابراین بهتر است از طراحی قابل تطبیق استفاده شود که لی اوت را برطبق اندازه متن تنظیم میکند. رابط کاربری سایز متن در iOS7 حجم کدنویسی برای آیفون ها و آی پدها را کاهش میدهد.

    پروتوتایپ ها و مدل های تستی را روی دستگاه و اپلیکیشنی که اجرا خواهد شد به مشتری یا کاربران نشان دهید.  پی دی اف یا فوتوشاپی که روی اسکرین کامپیوتر تست شود نمی تواند بازتاب دقیقی از چیزی باشد که در اسکرین موبایل یا تبلت نمایش داده میشود. بعلاوه تعاملات آنها از قبیل تاچ، سوایپ و تایپ نیز یکسان نیست. آنچه که در اسکرین های بزرگ با ماوس و کیبورد بخوبی کار میکند ممکن است در تاچ اسکرین های کوچک وحشتناک بنظر برسد. برعکس این مورد نیز صادق است آنچه که در گوشی های موبایل بخوبی کار میکند می تواند در اسکرین کامپیوتر عملکرد ضعیفی داشته باشد. بنابراین پروتوتایپ ها و نمونه های تستی را در کانتکست درست به مشتری نشان دهید.

    آشنایی با تشبیهات ((Metaphors تشبیهات گرافیکی جهانی اندکی وجود دارند. شما می توانید روی افرادی حساب کنید که با تصاویر آنالوگ قدیمی مانند اسکرین های تلوزیون، کنترل های رادیو، نوار ضبط و غیره آشنایی دارند. نسل های جوانتر با آنها آشنایی ندارند حتی اگر در فیلم های قدیمی دیده باشند. هرچند آیکونوگرافی از لحاظ نظری امکان طراحی جهانی بیشتری را میسر میکند اما بسیاری از زمینه های آنالوگ برای آیکون ها چندان آشنا نبوده و کاربران را گیج میکنند. استفاده از متن حتی درصورت نیاز به لوکالیزیشن می تواند بهتر باشد.

    اجتناب از سادگی بیش از حد هنگامیکه همه چیز از قبیل رنگ، وزن و غیره شبیه یکدیگرند. سادگی بیش از حد درست به گیج کنندگی پیچیدگی زیاد است چراکه هردو در تمرکز کاربر روی وظایف یا محتوا اخلال ایجاد میکنند.

    طراحی apps نه applications. هرچه اپ پیچیده تر باشد استفاده از آن و نویگیت دشوارتر خواهد بود، بخصوص در گوشی های هوشمند و شرایطی مانند نور کم یا زیاد و موقعیت کاربران(حالت ایستاده یا نشسته). درصورت تعداد زیاد کارایی هایی که برای ارائه دارید می توانید آنها را میان مجموعه ای ازاپ های مرتبط تقسیم کنید. به این ترتیب هر اپ بر یک کارایی متمرکز میشود و بار اضافی به آن وارد نمیشود. عدم پیچیدگی بیش از حد و گمراه کننده یک ضرورت محسوب میشود.

    طراحی برای لایه هایی از تجربه. کاربرانی که برای نخستین بار از یک اپلیکیشن تازه وارد شده به بازار استفاده میکنند باید چیزی ارزشمند و ویژه در آن احساس کنند. کاربران آتی نیز باید فواید بیشتر و با دسترسی آسان آنرا دریابند. افرادی که بطور مرتب از یک اپ استفاده میکنند معمولا بدنبال کاربردی عمیق تر برای استفاده مداوم و پایدار هستند. یک نمونه ی خوب از چنین اپی، Flipboard می باشد.

    انتقال دیتا به کاربران در کانتکست. برخی تکنیک ها برای غنی تر کردن تجربه کاربری از حرکت(motion) و تغییر((transitions استفاده کرده و ارزش اپ طراحی شده را به کاربران منتقل کرده و آنها را وادار به جستجوی آن نمیکنند.
    آخرین ویرایش: - -
    ارسال دیدگاه
  • نوپرداز کو دوشنبه 7 اسفند 1396 09:23 ق.ظ نظرات ()

    اپلیکیشن Native یا Hybrid : مسئله این است !
    کاربران عموما زمان استفاده از تلفن‌های هوشمند خود لذت می‌برند! چون خیلی از کارهای خود را از جمله چک کردن ایمیل، گشت و گذار در جوامع مجازی، خوندن کتاب، دیدن فیلم و گوش کردن موسیقی و خیلی کارهای دیگه رو میتونن با دستگاه کوچک خود انجام دهند. البته این چیزی هستش که کاربران بهش توجه میکنن، ولی توسعه دهندگان از دید دیگری به نرم‌افزارهای تلفن همراه نگاه می‌کنند ! یک سوالی که ممکن است برای توسعه دهندگان بوجود آید، توسعه نرم‌افزار بصورت Native یا Hybrid هستش!

    بطور کل نرم‌افزارهای موبایل به سه دسته تقسیم می‌شوند: 
    1. Native App
    2. Web App
    3. Hybrid App

    نرم‌افزار Native چیست؟

    ساخت و توسعه نرم‌افزارهای Native به این معناست که برای برنامه نویسی و توسعه نرم‌افزار خود از زبان‌های اصلی سیستم عامل استفاده کنید. مثلا برای توسعه نرم‌افزار اندروید باید از زبان برنامه نویسی Java و برای توسعه نرم‌افزار آیفون باید از زبان برنامه نویسی Objective-C استفاده کنید. بزرگترین مزیت این حالت بازدهی (performance) بالای نرم‌افزار است، زمانی که شما برنامه خود را بصورت Native می‌نویسید کدهای شما به زبان ماشین کامپایل خواهند شد(Dalvik bytecode در اندروید) که همین موضوع باعث می‌شود شما حداکثر بازدهی ممکن از نرم‌افزار را داشته باشید. بازدهی بالا می‌تواند شامل افکت‌های انیمیشن، روان کار کردن بخش‌های مختلف برنامه، امکان استفاده از multi touch و خیلی موارد دیگه باشه که بدلیل دسترسی مستقیم به موقعیت‌های حافظه و سخت‌افزار گوشی اتفاق میفته.
    توسعه نرم‌افزارهای Native آسان نیست!  چرا؟ چون باید برنامه‌ای که می‌خواهید بنویسید، برای هر platform بشکل مجزا بنویسید. با اینکه امروزه منابع زیادی برای یادگیری برنامه‌نویسی در اینترنت وجود دارند اما باز هم یادگیری برنامه‌نویسی بصورت Native شاید برای همه قابل فهم و انجام نباشه و همین موضوع کمی کار رو سخت میکنه. اگر شما بخواهید نرم‌افزار خود را برای پلتفرم‌های مختلف مانند اندروید، ios و یا ویندوز طراحی کنید باید کدی که می‌نویسید را به زبان برنامه‌نویسی هر کدام از پلتفرم‌ها مجددا بنویسید! شاید منطق و الگوریتم همگی یکی باشند اما مسلما SDK و APIهای که برای هرکدام استفاده می‌کنید متفاوت خواهند بود و از همه مهمتر باید وقت بیشتری برای کدنویسی آن بگذارید.

    پس اگر می‌خواهید برنامه نویسی Native انجام دهید به خاطر داشته باشید برای هر Platfrom باید زبان برنامه‌نویسی آن را یاد بگیرید و مجددا کدهای برنامه خود را بنویسید.

    مزایا

    • بدلیل کامپایل شدن برنامه دارای سرعت بالایی هستند
    • دسترسی به تمامی امکاناتی که سیستم عامل به برنامه‌نویس می‌دهد
    • پشتیبانی از APIهای مختلف

    معایب

    • دوباره نویسی کدهای برنامه برای پلتفرم‌های مختلف
    • هزینه تمام شده بالا بدلیل زمان توسعه برنامه
     

    نرم‌افزار Web چیست ؟

    نرم‌افزارهای web در واقع نرم‌افزار نیستند! آنها وب‌سایتی هستند که بصورت Responsive طراحی شده‌اند و یا اینکه وب‌سایتی هستند که مخصوص موبایل پیاده‌سازی شده‌اند و کاربران می‌توانند توسط مرورگر دستگاه‌های خود آنها را بدرستی مشاهده کنند.  شاید بشه گفت این قبیل نرم‌افزارها  شبیه نرم‌افزار هستند، تا اینکه نرم‌افزار واقعی باشند.
    این نرم‌افزارها با استفاده از HTML5 طراحی و توسعه داده می‌شوند، به همین دلیل باید حتما در مرورگر گوشی آنها را مشاهده کرد. برای دسترسی به این قبیل نرم‌افزارها کاربر باید مانند بازدید از یک وب‌سایت عمل کند، یعنی ابتدا مرورگر را باز کند، در بخش نوار آدرس، آدرس وب‌سایت یا وب‌اپلیکیشن را وارد کند و آنرا از طریق مرورگر مشاهده کند. امکان نصب نرم‌افزار بر روی گوشی وجود ندارد و کاربر فقط می‌تواند یک bookmark از آن آدرس را بر روی گوشی خود بسازد که در آینده دسترسی به آن سایت راحت‌تر باشد.   
    با توجه به اینکه مرورگرهای مختلفی بر روی گوشی‌ها وجود دارد و کاربر شما از مرورگر مورد علاقه خود استفاده می‌کند، اگر نرم‌افزار را اصولی توسعه ندهید و یا برخی نکات در طراحی اپلیکیشن موبایل را در نظر نگیرید، ممکن است نرم‌افزار شما در برخی از مرورگرها دچار مشکل شود.
    البته باید این رو هم گفت که Web Appها خیلی هم بد نیستند! چون کار شما رو به عنوان توسعه دهنده خیلی راحت میکنه! اگر شما در حال طراحی یک وب سایت با ساختار وب اپلیکیشن هستید کافیه موارد لازم برای دستگاه‌های موبایل و تبلت را در نظر بگیرید و نرم‌افزار خود را تولید کنید، بدین شکل شما یکبار کد می‌زنید و با همان کد هم وب‌سایت دارید و هم موبایل اپلیکیشن از نوع Web App

    مزایا

    • نوشتن کد یکبار و استفاده از آن در بسترهای متفاوت
    • با توجه به اینکه فقط یکبار کد نوشته میشه رفع باگ و مشکلات بسیار آسان خواهد بود
    • مستقل از سیستم‌عامل، بستر و حتی نسخه سیستم عامل‌ها

    معایب

    • نداشتن دسترسی به سخت‌افزار گوشی یا تبلت
    • وابسته به مرورگر
    • عدم امکان انتشار نرم‌افزار در مارکت‌ها و app store


    نرم‌افزار Hybrid چیست ؟

    نرم‌افزارهای Hybrid مانند نرم‌افزارهای Web هستند (وب سایت یا وب اپلیکیشن) که باید در مرورگر مشاهده شوند اما تفاوتی که با Web App دارد این است که نیازی نیست کاربر در مرورگر گوشی، برنامه را ببیند بلکه توسط WebView در اندروید و یا UIWebView در iOS (مرورگر native) محتوای نرم‌افزار به کاربر، در قالب یک نرم‌افزار Native نمایش داده خواهد شد. نرم‌افزارهای Hybrid توسط HTML و CSS و JavaScript توسعه داده می‌شوند و سپس توسط نرم‌افزارهای مانند Cordova به نرم‌افزار Native تبدیل می‌شوند.
    البته همانطوری که پیش‌تر گفته شد، تبدیل آنها به نرم‌افزار Native بدین معنا نیست که کدهای ما Compile شوند بلکه بر اساس پلتفرم مورد نظر، Cordova یک اپلیکیشن Native  تولید می‌کند و در آن یک web view قرار می‌دهد و کدهای ما را درون آن اجرا می‌کند.
    این روش توسعه نرم‌افزار نسبت به نرم‌افزارهای Native سریعتر و راحت‌تر است. امکان رفع مشکلات و یا به روزرسانی نرم‌افزار بسیار راحت خواهد بود و هر زمان که بخواهید می‌توانید برای هر بستری که لازم باشد نرم‌افزار خود را منتشر کنید.
    Cordova به شما این امکان را می‌دهد که بدون حتی اضافه کردن یک خط کد به برنامه خود، آنرا برای پلتفرم‌های مختلف منتشر کنید! علاوه بر این تقریبا شما به تمامی امکانات سخت‌افزاری دستگاه (که در نرم‌افزارهای Native می‌توانستید کار کنید) دسترسی دارید و حتی کلی Plugin از قبل توسعه داده شده وجود دارد که می‌توانید بسیار راحت‌تر برنامه خود را توسعه دهید. تنها ایرادی که به نرم‌افزارهای Hybrid وارده اینه که بازدهی نرم‌افزارهایی که بدین شکل توسعه داده می‌شوند به اندازه نرم‌افزارهای Native نیستند و دلیلش هم اینه که کدهای شما توسط مرورگر قرار است پردازش و نمایش داده شود.

    مزایا

    • نوشتن کد یکبار و استفاده از آن در بسترهای متفاوت
    • دسترسی به تمامی امکاناتی که سیستم‌عامل به برنامه نویس می‌دهد
    • دارای Pluginهای متعدد

    معایب

    • بازدهی پایین نسبت به نرم‌افزار Native


    در زمان بررسی Native یا Hybrid بودن نرم‌افزار، Web App جایگاهی ندارد. پس ما مقایسه رو بین این دو نوع نرم‌افزارها انجام می دهیم. 
    همانطوری که در بالا گفته شد در تولید نرم‌افزار Native و Hybrid تقریبا امکانات و قابلیت‌ها یکسان هستند فقط دو فرق عمده دارند:
    1. ​سرعت و بازدهی نرم‌افزار
    2. نحوه نوشتن کد
    در نرم‌افزارهای Hybrid بدلیل اینکه در مرورگر نرم‌افزار Native کدها اجرا می‌شوند، بازدهی پایین‌تری نسبت به Native دارند. چون یکبار باید web view باز شود و سپس داخل آن کدها اجرا شوند. اما در مورد کد نویسی، سرعت توسعه نرم‌افزار در حالت Hybrid خیلی سریع‌تر و راحت‌تر نسبت به Native است.
    حالا به این مرحله می‌رسیم که بین این دو کدام را انتخاب کنیم ؟

    بالاخره Hybrid یا Native ؟

    در اینجا من نظر شخصی خودم رو با تجربه ای که در این زمینه دارم به شما انتقال می‌دهم ولی ممکنه نظرها متفاوت باشه، پس لطفا نظر خودتون رو از طریق نظرات این مطلب ارسال کنید و با دیگران به اشتراک بگذارید.
    اگر می‌خواهید بازدهی نرم‌افزار شما در حد عالی باشه، اگر می‌خواهید بازی بنویسید، اگر می‌خواهید از APIهای Native استفاده کنید و همچنین اگر شما برنامه‌نویس هستید یعنی قبلا حداقل با زبان برنامه نویسی C در حد قابل قبولی کار کرده‌اید و الان هم هنوز تمایل دارید یک برنامه‌نویس باقی بمانید (بطور کل علاقه شما برنامه نویسی است) بهتره که به سمت نرم‌افزارهای Native بروید و یک زبان را انتخاب کنید و آنرا یاد بگیرید. 
    مسلما نوشتن برای همه پلتفرم‌ها کار آسانی نیست و نیاز به زمان دارد، اما با توجه به اینکه برنامه‌نویسی یک مفهوم و درک است، اگر شما بصورت اصولی یک زبان برنامه‌نویسی را یادبگیرید می‌توانید پس از اینکه به آن مسلط شدید، سایر زبان‌های برنامه نویسی را یاد بگیرید. کار خیلی مشکلی نیست، چون تقریبا همه چیز برابر و مفاهیم یکی هستند و فقط syntax ها و نحوه استفاده از apiها متفاوت هستند.

    برای شروع منابعی را معرفی می‌کنم که می‌توانند به شما کمک کنند:
    و اما اگر شما یک طراح وب هستید و می‌خواهید همچنان طراح وب بمانید و علاقه‌ای به یادگیری برنامه نویسی‌های پیچیده ندارید پیشنهاد میکنم بصورت Hybrid نرم‌افزارهای خودتون رو طراحی کنید.
    برای طراحان وب که HTML5 و CSS و JavaScript (منظور FrontEnd Developer است) بلد هستند شاید یادگیری یک زبان برنامه‌نویسی جدید و درک آن بسیار سخت و زمان‌بر باشه، پس بهتره از معلومات قبلی خود استفاده کنید و با کمی وقت گذاشتن و یادگیری تکنولوژی‌ها و ابزارهای جدید نرم‌افزار موبایل طراحی کنید.
    برای تولید نرم‌افزارهای Hybrid می‌تونید از ابزارهای زیر استفاده کنید:
    اصلاح: Xamarin به اشتباه در دسته تولید نرم‌افزارهای Hybrid قرار گرفته است، در واقع خروجی اپ‌هایی که با Xamarin تولید می‌شوند بصورت Native هستند.

    اگر می‌خواهید بصورت Hybrid بازی طراحی کنید و توسعه بدید، پیشنهاد می‌کنم از Ludei استفاده کنید.
    زمانی که بصورت Hybrid کار می‌کنید می‌توانید از فریم‌ورک‌های طراحی و یا برنامه‌نویسی مختلفی استفاده کنید:
    من با Ionic کار کردم که یک فریم‌ورک فوق‌العاد برای توسعه نرم‌افزار بخصوص برای iOS هستش، در این فریم ورک از AngularJSاستفاده شده که بخاطر ساختار MVC، کدها بسیار تمیز و سرعت توسعه هم بالا خواهد بود. جدیدا هم با Meteor شروع به کار کردم که اونم فوق‌العاده هستش، پیشنهاد میکنم اگر میخواین موبایل اپلیکیشن Hybrid توسعه بدید، حتما از یکی از فریم‌ورک‌ها استفاده کنید و AngularJS و Meteor رو در اولویت قرار بدید.

    نتیجه گیری

    تا چند سال پیش همه در تکاپو بودند که برای کسب و کار خود وب‌سایتی داشته باشند و از این طریق خود را معرفی کنند و مشتری جذب کنند، اما امروزه نه تنها وب‌سایت، بلکه ابزارهای نوین مانند نرم‌افزارهای موبایل هم بسیار اهمیت پیدا کرده، پس منطقیه که شما هم سوار بر موج پیشرفت تکنولوژی و ابزارها شوید و آنها را یاد بگیرید. اما مهم اینه که بتونید در سریعترین زمان ممکن به نتیجه برسید! پس توانایی‌های خود را بسنجید و بر اساس آن راه خود را در زمینه توسعه نرم‌افزارهای موبایل انتخاب کنید. امیدوارم این مطلب به انتخاب این راه به شما کمک بکنه.
    منبع: سایت مجید آنلاین

    آخرین ویرایش: دوشنبه 7 اسفند 1396 09:24 ق.ظ
    ارسال دیدگاه