Mammute
ماموت | هنر خلاق ماموت | استودیو ماموت > طراحی گرافیک > چگونه اپلیکیشن موبایل طراحی کنیم. (بخش دوم)
دستورالعمل های طراحی اپ

چگونه اپلیکیشن موبایل طراحی کنیم. (بخش دوم)

در بخش قبلی ۳ نکته درباره چگونگی طراحی اپلیکیشن موبایل را آموختید.

“این مطلب شامل ۳ بخش است. در اینجا بخش دوم را مشاهده می کنید”

۴٫ برای اپتان یک وایرفریم ایجاد کنید.

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

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

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

تصویر از طریق UX/UI Land

تصویر از طریق UX/UI Land

 

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

در این جا چند ابزار ساخت وایرفریم آورده شده است که می توانید از آنها استفاده کنید:
• Axure
• Pidoco
• iPlotz

یک مثال از وایرفریم برای اپ اوبر. تصویر توسط اسکچ اپ سورسز

یک مثال از وایرفریم برای اپ اوبر. تصویر توسط اسکچ اپ سورسز

 

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

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

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

 

۵٫ اپتان را طراحی کنید.

طراحی اپ توسط Nashrulmalik

طراحی اپ توسط Nashrulmalik

 

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

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

 

کار مستقیم با طراح

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

جست و جوی طراحان با ابزار 99 designs’ Designer search

جست و جوی طراحان با ابزار ۹۹ designs’ Designer search

 

اطمینان حاصل کنید که حتما کارهای قبلی طراح را بررسی کنید تا ببینید از نظر مهارت و شیوه و سبک چه چیزی برای شما بهتر است.
برای طراحی اپتان مسابقه راه بیاندازید

از طراحان بخواهید خلاصه ای از خودشان ارائه دهند و به آنها بگویید به چه چیزی نیاز دارید.

از طراحان بخواهید خلاصه ای از خودشان ارائه دهند و به آنها بگویید به چه چیزی نیاز دارید.

 

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

 

از یک سازنده اپ استفاده کنید.

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

 

یک پیمانکار استخدام کنید.

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

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

 

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

به هنگام طراحی برای IOS

به هنگام طراحی برای IOS

 

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

 

طراحی برای آسودگی

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

 

طراحی توسط ساشا رادوجویس

طراحی توسط ساشا رادوجویس

با آگاهی فونت ها و رنگ هایتان را انتخاب کنید.

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

 

به سلسله مراتب و وزن تصویر فکر کنید.

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

 

انسجام داشته باشید.

طراحی منسجم در اپ

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

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

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

 

“این مطلب شامل ۳ بخش است. بخش های بعدی را در مطالب آتی مشاهده خواهید کرد”

اشتراک گذاری

دیدگاه بگذارید

avatar
  اشتراک در  
اطلاع از