مهدی منافی
مهدی منافی
خواندن ۳ دقیقه·۵ سال پیش

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

بعد از 5 سال بالاخره نوبت تسک " کاربر چطوری باید بفهمه این قسمت باید راست کلیک کنه؟ " تو برنامه کیمیا رسید.

محیط برنامه کیمیا که یه نرم افزار حسابداری دسکتاپه، جوری طراحی شده که به کاربر داره میگه: ببین! تو توی این برنامه فقط میتونی چپ کلیک کنی! فکر راست کلیک رو از سرت بنداز صحرا! خب اگه بخوایم بقیه برنامه‌های حوزه دسکتاپ رو هم نگاه کنیم، اکثراً راست کلیک تو محیط برنامه‌شون خیلی کمه.

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

اول از همه عکس پایین رو نگاه کنید:

کادر سفید
کادر سفید

ما قرار بود تو این بخش کوچیک دو تا گزینه "روزانه و ماهانه" رو نشون کاربر بدیم. کاربر باید میتونست تو این قسمت کوچیک تراز رو روی روزانه یا ماهانه تنظیم میکرد و نتیجه رو که یه مقدار عددی هست همون لحظه میدید. طبق معمول ایده‌های ناپخته زیادی مطرح شد و خیلیا هم از ذهن گذر کرد و واقعاً خجالت آور بود گفتنشون :)

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

آها یادم اومد. اون لحظه که داشتم رو این چالش فکر میکردم، یدفعه یاد این کرسر یا همون نشانگرهای انیمیشنی ماوس افتادم. که مثلاً کنار فلش ماوس یه لودینگ میاد یا همچین چیزایی.

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

تا حالا کرسر طراحی نکرده بودم که برای اولین بار با نرم‌افزار Axialis CursorWorkshop تجربه‌ش کردم. یکم بدقلق بود ولی آخرش یه چیز قابل قبول تونستم دربیارم ازش.

و بالاخره نتیجه:

کلید راست ماوس توی حالت
کلید راست ماوس توی حالت

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

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

پس نتیجه میگیریم که همیشه حذف و اضافه کردن رو سر لوحه طراحی‌هامون قرار ندیم. یه سری چیزا رو میشه بهبود داد و نتیجه بهتر و به صرفه‌تری گرفت ;)

- شما راه حل بهتری برای " نشون دادن اینکه اینجا قابلیت کلیک راست داره " دارین؟

طراحیuxتجربه کاربرuiرابط کاربری
UI/UXD - Python
شاید از این پست‌ها خوشتان بیاید