زهره عسگری
زهره عسگری
خواندن ۲ دقیقه·۴ سال پیش

ورودی اطلاعات یا Data Entry را چگونه کاربردپذیر تر کنیم؟

هر طراح تجربه کاربری تا کنون با طراحی فرم یا Search box مواجه شده، اینجا به چند نکته اشاره خواهم کرد که با رعایت آن‌ها این فرایند کمی راحت‌تر شود.


۱: ورودی ها یا input ها را به درستی با طراحی رابط کاربری مناسب طراحی کنید. حالت فعال یا Hover آن‌ها ها را شفاف طراحی کنید.

منبع: سایت متریال دیزاین
منبع: سایت متریال دیزاین

بیشتر: https://material.io/components/text-fields#anatomy

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

invisionapp.com
invisionapp.com


۳: مواردی که به کاربران پیشنهاد میدهید قابلیت اسکرول داشته باشد.

۴: مرتبط ترین جستجو ها را هایلات و پررنگ تر نشان دهید و گاهی تایتل انتخاب کنید اگر نتایج جستجو زیاد است.

قابلیت اسکرول درdata entry facebook
قابلیت اسکرول درdata entry facebook

۵: نتایج مرتبط را طی یک سلسه مراتب بصری و به ترتیب به کاربران نشان دهید و یا از تصاویر برای راهنمایی کاربران استفاده کنید.

tripadvisor.com
tripadvisor.com


۶: بعضی از کاربران از پیشنهادات شما استقبال نمیکنند، به آنها این فرصت را بدهید که این گزینه را غیرفعال کنند.

۷: سعی کنید کاربران را گیج و گمراه نکنید و حداکثر بیش از ۱۰ پیشنهاد به آنها ندهید، اگر مثلا در جستجو های شبکه های اجتماعی این امر اجنتاب ناپذیر است گزینه بیشتر (more) را اضافه کنید.

inkedin.com
inkedin.com


منابع:

www.welie.com/patterns

www.interaction-design.org


تجربه کاربریطراحی کاربریکاربردپذیریuxdesign
من زهره هستم. یک طراح تجربه کاربری و رابط کاربری که رسالتش در این دنیا اینه که استفاده از محصولات و برای انسان ها راحت تر کنه.
شاید از این پست‌ها خوشتان بیاید