با سلام به دوستان خوب مدرسه گرافیک پلاس.با ارائه ی یک مقاله ی دیگر از دنیای گرافیک در خدمتتون هستیم.در این مقاله به معرفی ۵ ترفند طراحی برای ایجاد UX جذاب موبایل می پردازیم.آیا شما اخیرا به تجزیه و تحلیل وب سایت خود نگاه کرده اید؟ احتمالا بخش قابل توجهی (شاید حتی بیش از نیمی از) کاربران شما از طریق دستگاه تلفن همراه به وب سایت شما می آیند.

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

 

۱- ساده سازی منو

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

منوها را تنها با چند گزینه تنظیم کنید – به تجزیه و تحلیل خود نگاه کنید تا ببینید که اکثریت کاربران به دنبال آن هستند یا برای اولین بار هدایت می کنند.

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

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

برنامه Ebates دو سطح از منو را استفاده می کند: یکی لیستی از معاملات بالایشان ودیگری لیست های نشانه گذاری شده از فروشگاه های مورد علاقه (در آیکون همبرگر / قلب) است. کل طرح یک منو بدون احساس احاطه است.

۲- درباره ی حرکات فکر کنید (و Haptics)

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

این حرکات عبارتند از:

• ضربه و تکرار ضربه
• فشار
• نگه داری
• Drag و drop
• اسکرول (تک و دو انگشتی)
• بزرگنمایی و کوچک نمایی
• Swipe
• تکان ناگهانی(Flick)

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

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

۳- آن را محاوره ای کنید

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

سه راه برای ایجاد رابط کاربری محاوره ای وجود دارد:

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

۴- آن را متحرک کنید

به نظر می رسد عناصر متحرک تقریبا در هر وبسایت ای که بازدید می کنید وجود دارد. و این توسط طراحی است. انیمیشن می تواند طرح را به زندگی بیاورد.

عناصر متحرک بسیار جذاب هستند زیرا توجه مشتری را جلب می کنند و می توانند به کاربران کمک کنند که چگونه با طراحی بهتر ارتباط برقرار کنند. (در هنگام ایجاد یک طرح، به ایده کلاسیک “show، not tell” باز میگردد.)

برای مثال،Google Maps با انیمیشن های کوچک بسته بندی شده است. دفعه بعد که از آن استفاده می کنید، توجه کنید.

Nick Babich، برای UX Planet، یک پرچم بزرگ در مورد استفاده برای انیمیشن در طراحی UI تلفن همراه دارد. او سه شیوه کلیدی برای چگونگی استفاده از انیمیشن را به خوبی معرفی کرد.

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

۵-بارگذاری خوب و استفاده از اشکال مناسب

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

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

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

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

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

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

نتیجه گیری

تجربه کاربر تلفن همراه یکی از مهمترین مواردی است که باید هنگام ساختن وبسایت یا برنامه خود فکر کنید. و کاربران تلفن همراه نیاز دارند همیشه به تغییرات ادامه دهند.ایجاد یک رابط کاربری آسان برای استفاده و استفاده از فن آوری و ویژگی های مدرن برای ایجاد چیزی که کاربران می خواهند بارها و بارها با هم همکاری کنند.

 

 

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.

کلمات کلیدی: 5 ترفند طراحی برای ایجاد UX جذاب موبایل_ایجاد UX جذاب موبایل_دانلود مقاله_طراحی UX موبایل