طراحی تجربه کابری موبایل: جستجوی کاربر پسند

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

نوار جستجو

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

نمایش نوار جستجو به صورت برجسته

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

یک نمونه بد: استفاده از یک آیکون برای سرچ به تنهایی محتوا ر ا پنهان می کند. از نظر ux کاربران نباید عملی انجام دهند تا متوجه شوند چه کاری می توانند انجام دهند.

یک نمونه خوب: نیازی به اقدام اضافی از سمت کاربر نیست.

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

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

از آیکون ذره بین استفاده کنید

آیکن ها نمایش تصویری از یک شی ، کنش یا ایده هستند. چند نماد جهانی وجود دارد که کاربران می شناسند نماد ذره بین یکی از این نمادها است.

https://uxplanet.org/icons-as-part-of-an-awesome-user-experience-e468e16b206b

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

ورودی جستجو

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

هدف در اینجا استفاده آسان از جستجو است.

پیش فرض های خوب انتخاب کنید

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

پیشنهادات خودکار (Auto-Suggestions)

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

از پیشنهادات خودکار برای کاهش ورود داده ها و ارائه نتایج فوری استفاده می شود.

 جستجوهای اخیر و ذخیره شده

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

رابط های کاربری موفق تلفن همراه از اصل کاربرد پذیری پیروی می کنند: احترام به تلاش کاربران

به همین دلیل است که برنامه ها باید تمام جستجوهای اخیر را ذخیره کنند تا زمان بعدی که کاربر جستجو انجام می دهد این داده را به کاربر ارائه دهند. این به ذخیره زمان و تلاش در جستجوی آینده همان مطلب در آینده کمک می کند.

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

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

جستجوی صوتی

تایپ در تلفن سخت است و احتمال خطا وجود دارد پس از این ایده می توان استفاده کرد.

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

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

جستجوی صوتی میتواند به جستجوی متنی کمک کند ولی جایگزین کاملی نیست.

فرآیند جستجو

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

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

اگر مدت زمان انتظار نامشخص باشد برای کاربر آزاردهنده است و زمان برای او سخت می گذرد پس باید به کاربر نشان واضحی از مدت زمان انتظار بدهید.

نتایج جستجو

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

لیست یا گرید (List or Grid)

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

نکته مهمی که باید بخاطر بسپارید موبایل در تعداد نتایج جستجو که می تواند بدون نیاز به پیمایش نمایش دهد ، محدود است. شما باید اطمینان حاصل کنید که نتایج جستجوی اول (3 یا 5) به طور پیش فرض بسیار مرتبط هستند.

مثال زیر تفاوت list در مقابل grid برای نتایج جستجو را نشان می دهد. در سایت Authority Sports ، طرح بندی grid طولانی استفاده شده به این معنی است که کاربران قبل از انتخاب نوع محصول باید حدود 8 حرکت اسکرول انجام دهند.

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

بارگیری تنبل

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

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

صفحه “No results” خالی

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

اگر کاربر نتوانست مطلب مورد نظر را پیدا کند سعی کنید گزینه های ارزشمندی به کاربر ارائه دهید.

مرتب سازی و فیلتر کردن نتایج جستجو

 در مطالعه کاربردپذیری که Baymard Institute انجام داد مشاهده شد که بیش از 50 درصد کاربران تلاش می کنند لیست محصولات را فیلتر کنند با این حال 94 درصد سایت ها و برنامه های تجارت الکترونیکی تلفن همراه از این رفتار پشتیبانی نمی کنند.

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

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

میکرو اینترکشن های جستجو (Search Microinteractions)

جستجو مکان مناسبی برای microinteractionها و انیمیشن است آن ها بهترین تکنیک برای ارائه بازخورد لذت بخش است:

• با بازخورد یا نتیجه یک عمل ارتباط برقرار کنید.
• حس دستکاری مستقیم را تقویت کنید.
• به کاربران کمک کنید تا نتایج اقدامات خود را تجسم کنند و از خطاها جلوگیری کنند.

از Microinteractionها به عنوان تسهیل کننده برای تعامل استفاده می کنند در جهت بازخورد، نوتیفیکیشن ها و دستورالعمل ها

نتیجه

استیو کروگ در کتاب خود Don’t Make Me Think پیشنهاد کرد که ما باید کنترل های جستجو را به گونه ای تنظیم کنیم که کاربران بتوانند تنظیمات آن ها را به انگلیسی یا هر زبان دیگری بخوانند.

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

پیش فرض مناسب و داده های پیشنهادی می توانند به کاربران در کاهش اشتباه و افزایش بهره وری کمک کنند.

https://uxplanet.org/mobile-ux-design-user-friendly-search-51e5f78f5a1e