اصول طراحی تجربه کاربری (ux design) دراپلیکیشن‌های موبایل

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

” اگر کسب و کار شما از نمایش در تلفن های همراه پشتیبانی نمی کند، کسب و کار شما مرده است. “

_ جاناتان استارک _ پر فروشنده ترین نویسنده فناوری های موبایل

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

اگه میخواین بدونین که چطوری باید این کار رو انجام بدین در ادامه با ما همراه باشین.همچنین اگه دوست دارین که مقالات تجربه کاربری (ux) هر هفته براتون ارسال بشه روی این لینک کلیک کنین و فرم رو پر کنین.

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

در طراحی برای موبایل موارد متعددی باید در نظر گرفته شوند. علاوه بر استانداردهای طراحی تجربه کاربری (UX) ، موارد مربوط به طراحی مبتنی بر موبایل نیز باید مورد ملاحظه قرار گیرند . برای مثال، آیا سرویس موبایلی خود را با سرویس کنونی ترکیب خواهید کرد؟ آیا از طراحی تعاملی یا طراحی تطبیقی استفاده خوهید کرد؟(برای درک مفهوم طراحی تعاملی به مقاله5 بعد طراحی تعاملی در تجربه کاربری(ux) کدام اند؟ مراجعه کنین) بخش مهمی از این موارد به فضا و شرایط بستگی دارد و شرایطی که به استفاده از دستگاه های تلفن همراه توسط مشتریان برای انجام اقدامات مورد نظر اشاره دارد. اگر کاربران شما از میزکار خود به اپلیکیشن‌های موبایلشان دسترسی داشته باشند ( مانند نسخه وب پیام رسان ها ) شرایط بسیار فوق العاده ای خواهد بود، اما بسیاری از کاربران اینگونه نیستند. آنها ممکن است در سوپرمارکت ها، در حین عبور و مرور و یا در کافی شاپ از آن استفاده کنند.

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

1. اقدامات جزئی : زمانی که کاربر برای بازه زمانی کوتاهی از دستگاه تلفن خود استفاده می کند.

2. محلی : زمانی که کاربر قصد دارد در مورد رویدادهای محیط اطراف خود اطلاع کسب کند.

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

ملاحظات کلی برای طراحی تجربه کاربری(ux) اپلیکیشن‌های موبایل

صفحات کوچک

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

یک روند خوب بدین صورت خواهد بود:

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

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

در طراحی لایه های انعطاف پذیر سعی کنید به استانداردهای وب پایبند باشید.

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

مسیریابی را تسهیل کنید

صفحه کلیدها و صفحات لمسی برخلاف ماوس امکان ناوبری و مسیریابی دقیق را فراهم نمی آورند، بنابراین سعی کنید:

1. مسیریابی را بر اساس نحوه تعامل کاربران اولویت بندی کنید و محبوب ترین موارد را در ابتدای صفحه قرار دهید.

2. میزان مسیریابی را به حداقل برسانید.

3. از واضح و کوتاه بودن نامگذاری ها به منظور سهولت مسیریابی اطمینان حاصل کنید.

4. کلیدهای میانبر را برای دسترسی به امکانات مختلف ایجاد کنید.

5. فضای ۳۰ × ۳۰ پیکسلی را برای نقاط لمسی ایجاد کنید.

6. از واضح بودن لینک ها اطمینان حاصل کرده و فعال یا غیرفعال بودن آنها را نیز به طور واضح مشخص کنید.

7. اگر نسخه های جداگانه ای دارید، انتقال از نسخه سایت موبایل به سایت کامل را تسهیل کنید.

محتوا را به صورت حداقل نگه دارید

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

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

ورودی های دریافتی از کاربران را کاهش دهید

هرچه درگیری کاربر با تلفن همراه خود کمتر باشد، از وب سایت شما لذت بیشتری خواهد برد. موارد زیر را در طراحی تجربه کاربری(ux) اپلیکیشن‌های موبایل در نظر بگیرید:

1. لینک ها (URL ها) کوتاه باشند.

2. مکانیسم های ورودی جایگزین نظیر ویدئو، صوت و … را ارائه دهید.

3. کاهش ورودی های موجود در فرم ( شما می توانید سوالات و فرم ها را به زمانی موکول کنید که کاربر از طریق دسکتاپ وارد شده باشد )

4. امکان ورود مداوم را فراهم آورید ( بسیاری از تلفن های هوشمند دارای رمز عبور یا حسگر انگشت هستند _ بنابراین باقی ماندن مداوم در حساب کاربری در مقایسه با دسکتاپ ریسک کمتری خواهد داشت )

5. پیمایش ( Scroll ) را به حداقل رسانده و صرفا پیمایش در یک جهت را ممکن سازید.

به خاطر داشته باشید که ارتباطات موبایلی پایدار نیستند

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

سعی کنید :

1. داده ها را نگه دارید تا در صورت قطعی اینترنت از بین نروند.

2. اندازه صفحه را کاهش دهید تا به سرعت بارگذاری شود.

3. تبلیغات برروی سایت های موبایل را غیرفعال کنید زیرا آنها پهنای باند زیادی استفاده می کنند.

4. تصاویر را به حداقل رسانده و سایز آنها را کاهش دهید.

5. تعداد تصاویر موجود در متون را کاهش دهید تا سرعت بارگذاری افزایش یابد.

تجارب منسجم و مداوم

از آنجایی که کاربران همواره از نسخه موبایل و دسکتاپ استفاده می کنند، انتظار دارند هر دو تجارب مشابهی را ارائه دهند. موارد زیر را برای یک طراحی تجربه کاربری(ux) اپلیکیشن‌ موبایل خوب به خاطر داشته باشید:

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

تیم آفیس کوچولو به شما کمک می‌کنه تا به بهترین نحو این کار رو (درطراحی تجربه کاربری/ ux) انجام بدین.برای دریافت مشاوره، فرم مشاوره آفیس کوچولو رو پر کنین تا مشاوران ما باهاتون تماس بگیرن.