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

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

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

طراحی داده های ورودی و شش هدف آن.

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

  1. انتخاب داده ها و روشی مناسب برای وارد کردن آنها.
  2. کاهش حجم داده های ورودی.
  3. طراحی صفحات جذاب برای ورود اطلاعات.
  4. استفاده از کنترل های معتبر بمنظور کاهش خطا.
  5. طراحی داده های مستند.
  6. توسعه کنترل های داده های ورودی موثر.

مروری بر الگوها.

  1. صفحه کلیدهای هوشمند.
  2. تکمیل خودکار و ارزش های پیش فرض.
  3. ایجاد علاقه .
  4. Action Bars.
  5. Login اجتماعی.
  6. کلید های بزگ.
  7. Swiping for Actins.
  8. Notifications

  9. کنترل های قابل کشف.

  10. داده های ورودی بسط پذیر.
  11. Undo (خنثی کردن).

صفحه کلیدهای هوشمند.

مشکل.

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

راه حل.

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

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

ارزشهای پیش فرض و تکمیل خودکار.

مشکل.

کاربران تمایل دارند فعالیت های مدنظرشان به سرعت تکمیل شود.

راه حل.

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

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

ایجاد علاقه.

مشکل.

کاربران تمایل دارند قبل از انجام هرکاری یکبار آنرا امتحان کنند.

راه حل.

بیشتر اپلیکیشن ها به کاربران این امکان را میدهند تا قبل هر اقدامی حتی قبل از sign up یا log in یکبار اپلیکیشن را امتحان کنند.

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

دراپلیکیشن هایی مانند Carousel و Duolingo که برای عملکرد خود متکی به داده های ورودی کاربران هستند تاخیر در ثبت اکانت مفهومی ندارد اما اپلیکیشن هایی مانند Wunderlist یا Houzz قبل از تعیین هویت کاربران به آنها این امکان را میدهند تا از برنامه مربوطه استفاده کنند. اغلب اوقات رجیستر شدن با یک مزیت اضافی مانند همگام سازی دستگاه در Wunderlist یا ایجاد کتابچه ایده ها در Houzzهمراه است که ثبت اکانت را جذاب تر میکند. شاید تاخیر در رجیستر شدن همیشه ایده ای خوبی نباشد اما گنجاندن گزینه ی ""try before you register روش خوبی برای ایجاد انگیزه ی بیشتر در کاربران است.

Action Bars.

مشکل.

کاربران تمایل دارند به عملکردهایی که مکررا استفاده میشوند دسترسی سریع داشته باشند.

راه حل.

از طریق Action bar یا toolbar در اصطلاح iOS دسترسی سریع به عملکردهای مهم را برای کاربران فراهم کنید. درحالیکه  navigation barبر وب و طراحی اولیه اپلیکیشن های موبایل حمکرانی میکنند استفاده از سایر الگوها مانند drawers،  slideoutsو sidebars، کلید تبادلات، نقشه خوان عمودی و محتوا محور نشان داده است که میتوان اولویت را به عملکردهای مقدماتی و ثانویه اختصاص داد و navigation ثانویه را در جایگاه دوم قرار داد. عملکردهایی مانند سرچ، اشتراک گذاری و خلق مضامین جدید ازجمله عملکردهای رایج در یک اپلیکیشن محسوب میشوند. این منوی پایدار به کاربران کمک میکند با رابط کاربری آشنا شوند درعین حال با تمرکز برعملکردهای مهم از آشفتگی نیز اجتناب میشود.

Login اجتماعی.

مشکل.

کاربران تمایل دارند sign in و log in برنامه ها به سادگی انجام شود.

راه حل.

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

کلیدهای بزرگ.

مشکل.

کاربران تمایل دارند فورا از اقداماتی که میتوانند انجام دهند آگاه شوند.

راه حل.

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

.Swiping for Actions

مشکل.

کاربران تمایل دارند متون خاصی را دنبال کنند.

راه حل.

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

Notifications.

مشکل.

کاربران تمایل دارند فعالیت های جدید یا فعالیت های که میخواهند را بطور مختصر مرور کنند.

راه حل.

از طریق علامت گذاری متون و مطالب جدید، فعالیت های جدید را مشخص کنید. برای اجرای این قابلیت چندین الگو وجود دارد. بعنوان مثال iOS برای نخستین بار تعدادی علامت روی lable(برچسب) جای داد که امروزه اپلیکیشن های بسیاری مانند فیس بوک، Linkedln یا Quora نیز از این روند پیروی میکنند. اما توییتر برای اشاره به فعالیت جدید به شیوه ای زیرکانه یک نقطه ی کوچک در قسمت فوقانی آیکون تایم لاین قرار میدهد. روش دیگر برای نمایش نوتیفیکیشن ها بوسیله بنر یا علامتی است به نشانه ی فعالیت جدید به نمایش درمی آید. اپلیکیشن فیس بوک برای اشاره به وجود آیتم های جدید در قسمت newsfeed از یک popup کوچک استفاده میکند.

کنترل های قابل کشف.

مشکل.

کاربران تمایل دارند به کنترل های ثانویه یا کنترل هایی که به بخش های خاص یا محتوا در اپلیکیشن مرتبط هستند دسترسی سریع داشته باشند.

راه حل.

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

داده های ورودی بسط پذیر.

مشکل.

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

راه حل.

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

.Undo

مشکل.

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

راه حل.

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

 

 

الگوی داده های ورودی برای طراحی اپلیکیشن های موبایل
پنجشنبه 8 مرداد 1394 - 12:54:22 6213 آخرین بازدید : جمعه 10 فروردین 1403 - 00:47:58 1
*
*