https://virgool.io/feed/@atkhbn دانش آموخته IT، علاقه مند به رشد و یادگیری fa 2026-04-15 04:37:34 https://files.virgool.io/upload/users/306387/avatar/jsGaLw.png?height=120&width=120 https://virgool.io/@atkhbn https://virgool.io/@atkhbn/%D9%86%DA%A9%D8%A7%D8%AA%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D8%B1%D8%A7%D8%A6%D9%87-%DB%8C-%DB%8C%DA%A9-%DA%AF%D8%B4%D8%AA-%D9%88-%DA%AF%D8%B0%D8%A7%D8%B1-%D8%B1%D8%A7%D8%AD%D8%AA-%D9%88-%D9%87%D9%85%D9%88%D8%A7%D8%B1-%D8%AF%D8%B1-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-xgd2vkrefcux "فهرست" یکی از مهمترین جنبه های طراحی محصول است. کاربرها برای پیدا کردن محتوا و خدمات و امکانات سایت شما از فهرست استفاده می کنند. کمک به کاربران برای پیمایش راحت تر در فهرست ها باید از اولویت های اصلی هر اپلیکیشن یا وب سایت باشد.به هر حال مهم نیست شما چقدر برای تهیه محتوا و ارائه خدمات و ویژگی های خوب وقت صرف می کنید، اگر بازدیدکننده نتواند آنها را پیدا کند همه این کارها بی فایده است.1. طراحی ناوبری متناسب با مدلهای ذهنی کاربرببینید کاربران چطور سایت شما را پیمایش می کنند. از ابزار های تحلیل وب استفاده کنید تا بفهمید کاربرها دنبال چه چیزی میگردند. جلسات نشست کاربر را مرور کنید تا درک کنید چه نوع تسک هایی توسط کاربر انجام و تکمیل می شوند.مثالی از گزارش رفتار کاربر در Google Analytics. نمای "جریان رفتار" را در گزارش رفتار Google Analytics بررسی کنید. در این گزارش ایده هایی در مورد جریانات کلی که کاربران هنگام پیمایش در وب سایت شما دنبال می کنند و اینکه برای بهینه سازی این جریان ها چه کاری باید انجام دهید ارائه خواهد شد.فهرست خود را یکپارچه طراحی کنید. ناسازگاری باعث ایجاد سردرگمی می شود. آیتم های ریشه و اصلی فهرست را به مکان جدید در صفحات مختلف منتقل نکنید، یا گزینه های پیمایش را اصلاح نکنید.دسته بندی های محتوای خود را ارزیابی کنید. میتوانید برای اطمینان از این که دسته بندی محتوایی که تعریف کرده اید برای بازدیدکنندگان شما مناسب است یا خیر از مرتب سازی کارتی استفاده کنید.لباس و لوازم جانبی دو دسته گسترده برای یک وب سایت فروشگاهی هستند. اگر می خواهید بدانید که کلاه ها در دسته اول قرار دارند یا دسته دوم ، برای پاسخ به این سوال باید مرتب سازی کارت را انجام دهید.منوهای خود را با کاربران آزمایش کنید ارزیابی تئوری طراحی می تواند دشوار باشد. به یاد داشته باشید شما جای کاربر نیستید. جلساتی برای تست کاربردپذیری در نظر بگیرید تا ببینید مردم هنگام مرور وب سایت شما با چه مشکلاتی روبرو می شوند.2. طراحیِ قابل کشف منو را پنهان نکنید. هنگامی که آیتم های منو زیر دکمه ی همبرگری فهرست پنهان میشود، افراد باید فکر کنند که برای کشف منو به زیر آن دکمه نگاه کنند. این موضوع تأثیر منفی بر قابلیت دسترسی پذیری میگذارد. یک جا نمایش دادن گزینه های منو، به تشخیص سریع قبل از فراخوانی آیتم ها کمک می کند. برای صفحه های کوچکتر مانند تلفن همراه همچنین بهتر است از منوی همبرگری خودداری کنید و آیتم های فهرست را بر اساس سطح اولویت نشان دهید.تعداد گزینه ها به صفحه نمایش بستگی دارد.اطمینان حاصل کنید که منو دارای وزن بصری کافی است. استایل منوی شما باید آن را از بقیه اجزای صفحه متمایز کند. برای جدا کردن منو از بقیه صفحه، از فضای خالی به اضافه ی کنتراست رنگ برای آیتم های فهرست استفاده کنید.از آیکون ها برای برقراری ارتباط معنادار استفاده کنید. آیکون های متناسب می توانند به کاربران کمک کنند بدون خواندن برچسب های متنی آیتم های منو را درک کنند. با این حال برچسب ها را با آیکون جایگزین نکنید. اگر از آیکون ها به تنهایی و بدون متن همراه برای فهرست استفاده شود ممکن است بازدیدکنندگان برای درک معنای آیکون به مشکل بخورند.اپل از آیکون ها برای انتقال معنای دسته بندی محصولات استفاده می کندمنوها را در مکان های آشنا قرار دهید. به یاد داشته باشید که مردم بیشتر وقت خود را در سایت های دیگر می گذرانند. آنها انتظار دارند وب سایت شما هم شبیه به سایر وب سایت ها کار کند. بنابراین منو را در مناطقی قرار دهید که کاربران انتظار دارند آن را پیدا کنند: بالای صفحه ،سمت راست صفحه یا فوتر.3. بازدیدکنندگان را هدایت و راهنمایی کنیداز برچسب های واضح استفاده کنید. طراحی فهرست وب سایت باید قابل پیش بینی باشد. بازدید کننده باید بتواند معنی هر آیتم در فهرست را پیش از تعامل با آن پیش بینی کند. به همین دلیل بهتر است از اصطلاحات تخصصی برای برچسب ها خودداری کنید. از واژه های ساده ای که برای همه در همه ی قسمت های سایت شما آشنا است استفاده کنید از جمله برچسب های منو.لینک های منو را فعال و پویا نشان دهید. اگر آیتم ها تعاملی و شبیه به لینک به نظر نرسند بازدیدکنندگان حتی نمی توانند متوجه شوند که این یک منو است. از راهنمای بصری مانند رنگ های متضاد استفاده کنید تا به بازدیدکنندگان سیگنال واضحی از آنچه ایستا یا قابل کلیک و پویا است ارائه دهید.آیتم های فهرست با اندازه مناسب را طراحی کنید. اگر آیتم های فهرست بسیار کوچک یا نزدیک به یکدیگر باشند می توانند باعث خطا شوند. یک منطقه قابل لمس با اندازه حدود 9 میلی متر برای اکثر کاربران مناسب است.فعلی بازدیدکنندگان را اعلام کنید. به بازدیدکنندگان کمک کنید تا بتوانند تشخیص دهند در کدام قسمت از سلسله مراتب سایت شما قرار دارند. گزینه ای که در حال حاضر از فهرست انتخاب شده را برجسته و متمایز کنید و مطمئن باشید که عنوان صفحه هم موضوع فعلی را مشخص می کند.برجسته کردن موقعیت فعلی در سایت مک دونالدبرای صفحات با اسکرول طولانی از منوهای چسبنده (sticky menus) استفاده کنید. با یک منوی معمولی بازدیدکنندگانی که به انتهای یک صفحه طولانی رسیده اند باید برای دسترسی به فهرست، دوباره به بالای صفحه برگردند. از طرف دیگر منوهای چسبنده همیشه در معرض دید هستند و این باعث افزایش تعامل می شود.4. طراحی برای امکان اسکن سریعبرچسب های 2 کلمه ای در نظر بگیرید. هر مورد از فهرست باید حاوی یک یا دو کلمه باشد. چرا؟ چون معمولا بازدیدکنندگان هنگام اسکن کردن لیست ها، حدود 2 کلمه را مرور میکنند.برای شروع آیتم های فهرست از به کار بردن کلمات تکراری خودداری کنید. زیرا مانع از اسکن سریع می شود.سمت چپ: استفاده از کلمات تکراری برای شروع موارد لیست در یک منوآیتم های فهرست را راست چین کنید (فارسی). با استفاده از ترازبندی مناسب قابلیت اسکن را بهبود می بخشید.مراقب ALL CAPS باشید. (متون انگلیسی) THIS IS A SENTENCE WRITTEN IN ALL CAPS.می بینید که خوانایی با تمام کلمات کاهش می یابد زیرا همه کلمات دارای شکل مستطیل یکنواخت هستند. ALL CAPS ممکن است برای آیتم های منوی یک یا دو کلمه ای کار کند ، اما بهتر است وقتی بسیاری از موارد منو 3 کلمه هستند از آن اجتناب کنید.تعداد آیتم هایهای سطح بالا و اصلی را محدود کنید. جورج میلر روانشناس شناختی دریافت که تعداد اشیایی که یک انسان معمولی می تواند در حافظه کوتاه مدت نگه دارد 7 ± 2 است. هنگام طراحی منو به این تعداد توجه کنید. اگر یک وب سایت پیچیده طراحی کنید، می توانید تعداد محدودی از آیتم های سطح بالای فهرست ارائه دهید و در عوض بقیه را در زیر منوها قرار دهید.ترتیب آیتم های فهرست را در نظر بگیرید. نه تنها تعداد آیتم ها مهم است بلکه ترتیب آنها نیز مهم است. بر اساس نظریه اثر موقعیت ترتیبی، افراد اولین و آخرین مورد از یک مجموعه را بهتر به خاطر می آورند. با توجه به این تأثیر موارد ابتدا و انتها بسیار موثرتر هستند زیرا مغز ما آنها را خیلی راحت تر از موارد میانی در یک لیست به خاطر می آورد.به همین ترتیب آیتم هایی که در ابتدا یا انتهای فهرست خود قرار می دهیم برجسته تر می شوند. به عنوان مثال اگر یک صفحه فرود(Landing page) برای یک محصول طراحی می کنید ممکن است بخواهید ابتدا لینکی به صفحه جزئیات محصول در نظر بگیرید و گزینه های "با ما تماس بگیرید" یا "خرید" به عنوان آخرین اولویت در فهرست باشند.با استفاده از مگا منوها به کاربران اجازه می دهید گزینه های پیمایشی سطح پایین را مشاهده کنند. Mega-menu ها منوهای کشویی بزرگی هستند که شامل چندین سطح لینک همزمان هستند. آنها به کاربران امکان نادیده گرفتن برخی از سطح های فهرست را میدهند که باعث صرفه جویی در وقت بازدیدکنندگان میشوند. مگا منوها esteelauder.com5. بار شناختی بازدید کننده را به حداقل برسانیدسعی کنید از فهرست های فلت استفاده کنید. Flat navigation یک سیستم ناوبری است که بازدید کننده می تواند طی یک تا دو کلیک به عمیق ترین صفحه تعیین شده در سایت دسترسی پیدا کند. سعی کنید تعداد سطوح را بدون ایجاد سردرگمی محدود کنید.از انیمیشن فانتزی خودداری کنید. منو مکان مناسبی برای پیاده سازی انیمیشن نیست. از افزودن جلوه های کاملاً تزئینی برای منوها پرهیز کنید چون ممکن است باعث حواس پرتی و به هم زدن تمرکز بازدیدکنندگان شود.منبعhttps://uxplanet.org Atefeh Khabazian Atefeh Khabazian Wed, 09 Dec 2020 20:33:04 +0330 https://virgool.io/ux-unicorn/%D9%81-%D8%A7%D8%B2-%D8%A7%D9%84%D9%81%D8%A8%D8%A7%DB%8C-%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-%D9%81%D8%B1%D9%85-%D9%87%D8%A7-t8h2vqdgm7hq واقعیت این است که اکثر مردم پر کردن فرم ها را دوست ندارند.اما چرا؟فرم پر کردن شبیه به امتحان دادن است! باعث می شود کاربران احساس اضطراب داشته باشند. اگر کاربران پس از صرف وقت برای پر کردن یک فرم بازخورد مثبتی دریافت نکنند در برابر آن احساس دلسردی و اتلاف وقت می کنند.فرم ها به کاربران کمک می کنند تا برای رسیدن به هدف نهایی خود، اطلاعاتشان را به سایت ها یا اپلیکیشن ها ارسال کنند. مثلا خرید یک محصول، یا دانلود یک فایل.کاربر باید بتواند فرم های شما را سریع و راحت تکمیل کند. با این حال اگر اصول طراحی فرم را رعایت نکرده باشید، ممکن است فرم های شما گیج کننده، آشفته و پر کردن آنها برای کاربران سخت باشد. و همانطور که می دانید سایت های با هزینه تعامل بالا، نرخ تبدیل پایینی دارند.صرف کمی وقت برای بررسی طراحی فرم، می تواند برای کاربردپذیری، تجربه کاربری و نرخ تبدیل سایت شما شگفت انگیز باشد. در اینجا 16 نکته ی مهم برای طراحان UI / UX آورده شده است که می خواهند طراحی فرم وب و تلفن همراه خود را فوق العاده کنند.1. کاربرهایتان را بشناسیدبه این فکر کنید که چه کسی می خواهد به فرم پاسخ دهد و با این کار چه چیزی را می خواهد بدست آورد.اگر پاداش یا تجربه مثبتی در نتیجه ی این کار وجود داشته باشد ، احتمال انجامش توسط کاربران بسیار بیشتر است.هرگونه توانایی و تفاوت جسمانی را که ممکن است کاربران تجربه کنند در نظر بگیرید:مشکلات بینایی موثر بر توانایی خواندن.محدودیت های کنترلی موثر بر توانایی استفاده از ماوس، صفحه کلید و صفحه لمسی.مسائل شناختی که بر توانایی فرد در درک فرم تأثیر می گذارد.2. طرح خود را اصلاح کنید- فرم ها باید ساده باشند. از عناوین واضح استفاده کنید تا مستقیما به همان چیزی که از کاربر خواسته شده اشاره کند.- استفاده از فضای سفید حس سادگی را تقویت می کند.- استفاده از یک ستون محتوا در اولویت است. ستون های بیشتر احتمال وقفه و حواس پرتی در روند کار را افزایش می دهد.اگر از بیش از یک ستون استفاده کنید، محتوا باید کاملاً مرتبط باشد.پترن تک ستونه در مقابل دو ستونه- اگر مسیر طولانی ای باید طی شود، پیشرفت را در طول کار نشان دهید تا کاربر بتواند ارزیابی کند که برای انجام کار چقدر زمان و تلاش لازم است.این موضوع را می توان با نشان دادن هر مرحله، یا میزان درصد تکمیل شدن نشان داد. هرکدام از آنها به کاهش ترک کردن صفحه کمک می کند.نمایش مراحل پیشرفت در فرایند خرید از سایت آمازون- دکمه های رادیویی و چک باکس ها را به صورت سطری (عمودی) قرار دهید نه در کنار هم. مرور و تصمیم گیری در این حالت برای کاربر آسانتر است.نحوه قرارگیری دکمه های رادیویی نسبت به همبه کاربر نشان دهید چه مقدار اطلاعات لازم است. به عنوان مثال اندازه فیلد را طوری تنظیم کنید تا تعداد حدودیِ کاراکترها نشان داده شود.ابعاد متفاوت فیلدها برای ورودی های مختلف3. فوکوس خودکار (auto-focus) را اعمال کنیدجلب توجه کابر به اولین آیتم باعث میشود تا کاربر بداند از کجا باید شروع کند.مطمئن شوید auto focus را اعمال کرده اید تا در هر لحظه مشخص شود کدام فیلد باید پر شود.نحوه auto focus باید یک سرنخ بصری باشد، مانند تغییر رنگ حاشیه یا پس زمینه فیلد انتخاب شده، یا نمایش نشانگر چشمک زن (cursor) در فیلد مورد نظر.تأکید بصری بیشتری بر روی فیلدهای فعال داشته باشید. استفاده از رنگ های قویتر و افزایش ضخامت خط کادر دور فیلد از تکنیک های معمول است. برای همه ی فرم از یک استایل استفاده کنید تا یک دست باشد.این کار علاوه بر صرفه جویی در وقت و کاهش مراحل، باعث آرامش کاربر شده و وی را برای ادامه کار ترغیب می کند.مشخص کردن فیلدی که در این لحظه باید پر شود4. گروه بندی منطقی ایجاد کنیدممکن است کاربران با دیدن یک فرم طولانی که نیاز به اطلاعات دقیق و زیادی دارد دلسرد شوند.گروههای منطقی از فیلدها را تعریف کنید و بخش ها یا زیرمجموعه های کوتاه تری ایجاد کنید.با این حال ، بعضی اوقات استفاده از فرم های طولانی اجتناب ناپذیر است، وقتی این اتفاق می افتد بهترین راه برای مقابله با آن، طراحی فرم های پلکانی است.طراحی پله ای به شما این امکان را می دهد فرم های خود را به بخشها و حتی در صورت لزوم به صفحه های مختلف تقسیم کنید.به جای فیلدهای سفارشی(نیاز به تایپ)، از فیلدهای کشویی یا چند گزینه ای با دکمه های رادیویی استفاده کنید تا به کاربران کمک کنید به طور سریع و کارآمد از فرم های طولانی عبور کنند.هدف ما داشتن سکشن هایی است که بیش از 6 فیلد جداگانه نداشته باشند و به این ترتیب هر بخش با عناوین و فضای خالی (space) قابل شناسایی است.نحوه اولیت بندی محتوا را نیز در نظر بگیرید. باید تقریبا مثل یک مکالمه ی یکپارچه به نظر برسد.این موارد را در نظر بگیرید:طوری که کاربران فکر می کنند و انتظار دارند.اول پراهمیت ترین ها درخواست شوند.راحت ترین ها در ابتدا باشند تا کاربران احساس آرامش و راحتی کنند.گروه بندی فیلدها و جدا کردن هر سکشن با خط5. عنوان لیبل ها را مختصر و واضح انتخاب کنیدبرچسب ها به کاربر اطلاع می دهند که یک فیلد مربوط به چه زمینه ای است. آنها را خارج از فیلد قرار دهید، حالت ایده آل آن تراز از بالا یا شناور است. در این حالت در مقایسه با تراز از چپ، کاربران سریع تر می توانند فرم ها را پر کنند.برچسب های تراز از بالا همچنین برای پیاده سازی در تلفن همراه سازگارتر است.برچسب ها را نزدیک به فیلدی که به آن مربوط است قرار دهید. این جفت باید از جفت برچسب و فیلدهای مجاور فاصله ی مناسبی داشته باشد تا از سردرگمی جلوگیری کند.نسبت به طول اسامی برچسب ها مراقب باشید تا اسکن آنها آسانتر و سریعتر انجام شود. یک یا دو کلمه کافی است در عین حال که از جملات کامل پرهیز شود.از حروف بزرگ (در انگلیسی) خودداری کنید زیرا خوانایی آن دشوارتر است.لیبل های تراز شده از بالا6. برای اطلاعات متنی از placeholder استفاده کنید- متن placeholder توضیحات بیشتری در مورد اطلاعات مورد نیاز، مانند فرمت و محدودیت تعداد کاراکتر ارائه می دهد. متن placeholder را در داخل فیلد قرار دهید.- استایل متفاوتی را برای متن placeholder انتخاب کنید تا به راحتی از فیلدهای تکمیل شده توسط کاربر قابل تشخیص باشد.- متن placeholder هنگام فعال بودن یک فیلد باید ناپدید شود ، از این رو ترجیح داده می شود که هر hint و نکته ای در خارج از فیلد قرار داشته باشد.- از حروف بزرگ(زبان انگلیسی) خودداری کنید زیرا خوانایی آن دشوارتر است.متن placeholder می تواند فرمت مورد نیاز را نمایش دهد- از متن placeholder به عنوان برچسب استفاده نکنید زیرا کاربران ممکن است عنوان فیلدی که در حال پر کردن آن هستند را فراموش کنند.- می توانید حالتی را ایجاد کنید تا متن placeholder بلافاصله پس از فعال شدن فیلد، به بالای فیلد منتقل شده و به برچسب تبدیل شود.تبدیل placeholder به لیبل در هنگام تایپ کردن7. متون CTA را واضح و مختصر بنویسیدعنوان دکمه های CTA باید توصیف کننده عمل یا هدفی که دارند باشد. کاربران میخواهند در مورد اتفاقی که بعد از فشردن دکمه می افتد از قبل آگاه باشند. این کار اعتماد و اطمینان را افزایش می دهد.در مواردی که فرم ها یک عمل اولیه و ثانویه دارند - معمولاً ادامه دادن و لغو کردن - تمایز بصری ایجاد کنید. با استفاده از رنگهای قویتر بر عملکرد اصلی تأکید کنید.در مثال زیر از آمازون ، تأکید بر این است که مردم را به عضویت در Prime سوق دهند. از این رو CTA ثبت نام از برجستگی بسیار بیشتری برخوردار است.CTA آمازونمی توانید تا زمانی که تمام محتوای مورد نیاز در فرمت صحیح وارد نشده CTA را غیرفعال کنید.8. از ابزار مناسبِ هر کار استفاده کنیدهمانطور که در بالا گفته شد کنترل های ورودی مانند دکمه های رادیویی و چک باکس در فرم می توانند به خوبی در وقت صرفه جویی کنند.با این حال مطمئن شوید به استانداردها پایبند هستید تا کاربر را گیج نکنید:- چک باکس ها باید کاربر را قادر به انتخاب چند گزینه از لیست کند. اگر کاربر نیاز دارد که آگاهانه چیزی را انتخاب کند (مانند اشتراک خبرنامه) از آن استفاده نکنید چون همیشه نمی توان تشخیص داد که آیا کاربر چک باکسی را به صورت عمدی یا غیرعمدی در فرم ها خالی گذاشته است یا خیر.- دکمه های رادیویی کاربران را قادر می سازد تا یک انتخاب واحد داشته باشند. آنها نباید در طراحی فرم به زیر دسته ها تقسیم شوند. و به یاد داشته باشید گاهی اوقات هیچ یک از این دو حالت ایده آل نیستند. اگر بیش از 5 گزینه برای انتخاب توسط کاربر دارید، از لیست های کشویی استفاده کنید.در مواردی که شش گزینه یا کمتر وجود دارد ، همه آنها را در فرم ارائه دهید. چک باکس ها- برای لیست های طولانی امکان جستجو را در نظر بگیرید تا از اسکرول های طولانی جلوگیری کرده و به عملکرد سریعتر کمک کند.- از یک چک باکس تکی می توان به عنوان یک پاسخ استفاده کرد، به عنوان مثال پذیرفتن شرایط و ضوابط (اگر نمیخواهید از دکمه CTA استفاده کنید).- برای دکمه ی تکمیل فرم از چک باکس خودداری کنید و به جای آن از دکمه CTA استفاده کنید.9. تایپ کردن را به حداقل برسانیدنیاز به تایپ کردن را برای کاربر به حداقل برسانید. گزینه های دیگر به این دلایل ترجیح داده می شوند:تایپ کردن به زمان بیشتری نیاز داردفعالیت بیشتری لازم داردبیشتر مستعد خطاست، به ویژه در تلفن همراهتجزیه و تحلیل و تشخیص اینکه چه چیزی مورد نیاز است دشوارتر استدر صورت نیاز به متن تایپی، کلیدواژه هایی را در آن قرار دهید. به ویژه اگر نیاز است به یک گزینه خاص برسید. مثلا یافتن عنوان یک شغل.نمایش کلمات کلیدی برای انتخاب توسط کاربرتکنیک هایی را برای به حداقل رساندن میزان جزئیاتی که کاربر به صورت دستی وارد می کند به کار ببرید، اگر میتوانید خودتان اطلاعات را برای آنها پیدا کنید.مثلا کدپستی برای آدرس یا ثبت مشخصات وسیله نقلیه برای پیدا کردن ماشین. این کار باعث کاهش زمان و افزایش اعتماد به نفس می شود.ابزار یافتن وسیله نقلیهبه گفته گوگل، فرم هایی که سرعت کاربران را کاهش می دهند ناامیدکننده هستند و میتوانند نرخ ترک کردن توسط کاربر را افزایش دهند. یکی از راه های کاهش این ناامیدی، به ویژه در فرم های طولانی، ارائه گزینه های برای تکمیل خودکار یا از پیش پر شده است.تکمیل خودکار به کاربر کمک می کند تا با ذخیره اطلاعات اولیه مانند نام، آدرس و جزئیات کارت اعتباری در مرورگرهای کاربر فرم ها را سریعتر تکمیل کند.10. برای افزایش انتقال مفاهیم از تصاویر استفاده کنیداستفاده از آیکون یا تصویرسازی ها در یک فرم یک روش موثر برای کاهش نسبت متن درون فرم است.جلوه های بصری می تواند در مرتبط کردن آنچه کاربر نیاز دارد و آنچه فکر می کند موثر باشد، خصوصاً در مواردی که بیان آن در کلمات برای کاربر آسان نیست، مانند یک سبک مد.همچنین تجربه کاربری را تعاملی تر می کند ، بنابراین احتمال ترک کردن صفحه را کاهش می دهد.نمایش بصری اسم برندها11. بیغام های خطا را معنادار تعریف کنیدخطاها اغلب توسط کاربر و هنگام پر کردن فرم به وجود می آید که البته طبیعی و اجتناب ناپذیر است. به همین دلیل شما به پیغام های خطایی که خوب طراحی شده اند نیاز دارید.برای ایجاد انگیزه در کاربران ، اطمینان حاصل کنید که پیام های خطای شما مفهوم واضحی دارند و به خوبی قابل مشاهده هستند.برای طراحی فرایند اصلاح اشتباهات در فرم ها سه اصل اساسی وجود دارد:پیام خطا باید به راحتی قابل درک و قابل دیدن باشدفیلد (های) دارای خطا باید به آسانی قابل ردیابی باشندکاربران لازم نیست دستورالعمل های رفع خطا را بخاطر بسپارند- وقتی خطایی رخ داد پیام خطا را به همراه یک آیکون در همان فیلد نشان دهید. افزودن یک آیکون به دسترسی پذیری کمک می کند زیرا ممکن است کاربران کم بینا یا دارای کوررنگی نتوانند رنگ قرمز، سبز و خاکستری را تشخیص دهند.- فقط پس از اینکه کاربر یک مرحله را تکمیل کرد از تکنیک های اعتبار سنجی استفاده کنید. هشدار خطا در حین تکمیل کار ناامیدکننده است و موجب حواس پرتی میشود به ویژه هنگامی که کاربر می داند خطا چیست.استثنا در این قانون زمانی است که این هشدار در تکمیل کار کمک کننده باشد مثلا وقتی از کاراکتر های نادرست استفاده میکند.- هنگام اطلاع از خطا، کاربر را به محل خطا ارجاع دهید بنابراین کاربر مجبور نیست آن را پیدا کند.- اگر یک دستورالعمل ساده برای کمک به ورود صحیح وجود دارد، آن را نمایش دهید.- در مواردی که دستورالعمل پر کردن یک فیلد به توضیحات پیچیده تر و بیشتری نیاز دارد، یک دکمه ی اطلاعات بیشتر (tip tool) را در نظر بگیرید که وقتی آن قسمت فعال است به صورت پویا نمایش داده شود.- اعتبار سنجی درون خطی(Inline) می تواند به صورت نکات راهنما، پنجره های بازشو یا متن قرمزرنگ باشد. اعتبار سنجی فرم باید فوری (در زمان پر کردن فرم، نه بعد از اتمام) باشد تا کاربر بتواند بلافاصله اشتباه خود را اصلاح کند. اگر کاربر بعداً مجبور شود به قسمت قبلی فرم برگردد بار وظایف او دو برابر و احتمال خطا حتی بیشتر خواهد شد.- از قرار دادن دکمه های ریست/پاک کردن خودداری کنید زیرا ممکن است به صورت تصادفی همه ی داده ها پاک شوند. آنها به ندرت به کاربران کمک می کنند و خطر داشتن آنها بسیار بیشتر از سود آنهاست.نمایش خطا12. فقط آنچه را بخواهید که واقعاً نیاز دارید کارها را تا حد ممکن بدون چالش و ساده نگه دارید.فیلدهای بیشتر = موانع بیشتر = دلسردی بیشتردر نظر داشته باشید که از روش های دیگری نیز میتوان برای جمع آوری این اطلاعات استفاده کرد.اگر اطلاعاتی میخواهید که ورود آنها اختیاری است صریحا بگویید. برای موارد اختیاری از کلمه "اختیاری" استفاده کنید. هر چیز دیگری به طور پیش فرض اجباری است و باید تکمیل شود.ارائه توضیحات برای دلایل نیاز به اطلاعات خاص می تواند باعث کاهش عدم اطمینان در کاربر شود.اگر این گرفتن این اطلاعات برای کاربر سودمند باشد ممکن است او را برای افزودن اطلاعات دیگری تشویق کند.توضیح اینکه چرا این اطلاعات لازم است13. پشتیبانی با ورود رمز عبور- قبل از اتمام کار توضیح دهید برای تعیین رمز عبور چه شرایطی لازم است. مثلا فرمت، استفاده از کاراکترهای خاص، حروف بزرگ و غیره.- اگر میخواهید در هنگام ورود رمز، شرایط آن به طور دائمی نمایش داده نشوند، آنچه را که کاربر باید وارد کند را هنگام تایپ کردن کاراکترهای های بیشتر، به روز کنید.- کاراکترهای رمز را به صورت پیش فرض پنهان کنید و گزینه ای را برای نمایش گذرواژه به کاربران اضافه کنید، یعنی دکمه ای برای پنهان کردن/نمایش دادن.- هنگام تنظیم رمز ورود، قدرت گذرواژه را مشخص کرده و پس از هر بار وارد کردن کاراکتر، آن را به روز کنید.- اگر Caps Lock روشن است به کاربر هشدار دهید.- گزینه ای جهت بازیابی برای مواردی که رمز خود را فراموش کرده اند ارائه دهید.نمایش قدرت رمز14. بازخورد (feedback)به کاربر اطلاع دهید که فرم آنها با موفقیت تکمیل شده است. آنها را در ابهام باقی نگذارید! به خصوص اگر برای پردازش داده ها و دستیابی به نتیجه نهایی، زمان و تلاش زیادی صرف شده باشد.نماش فیدبک پس از اتمام کار15. کمی شوخ طبعی به خرج دهیدلازم نیست خشک و جدی باشید! بسته به محتوای محلی که فرم در آن قرار دارد، گفتگومحور پیش بروید و کمی طنز را چاشنی تجربه کاربری کنید.در محلی که کاربران تعامل دارند و واکنش های احساسی مثبتی دریافت کنند، تا زمانی که کارآمدی تحت تاثیر قرار نگرفته، میتواند در افزایش نرخ تبدیل موثر باشد!16. آزمون ، آزمایش ، آزمایش.هنگامی که از طرح خود راضی بودید، قبل از انتشار آن را آزمایش کنید!ببینید چه چیزی کار میکند و چه چیزی خیر. برای درک اینکه کاربران در کجا و به چه دلایلی به چالش میخورند، از پروسه های هدف محور استفاده کنید. به این فکر کنید که برای حل این مشکلات چه اقداماتی میتوانید انجام دهید.تکرار و آزمایش مجدد به اندازه مناسب تا زمانی که هم شما و هم کاربران راضی باشید.نتیجه گیریفرم ها برای کسب و کارها ضروری هستند تا بتوانند مشتریان خود را قادر به ارائه اطلاعات و انجام کارهایی مانند خرید محصولات کنند.آنها باید بدون چالش و آسان باشند تا بتوانند نرخ تبدیل بالایی را فراهم کنند.اگر فرم طراحی شده گیج کننده باشد یا برای رفع خطاهای پیش آمده راهنمایی واضحی نداشته باشد، می تواند باعث از دست دادن کاربران بالقوه شود.منابعuxplanet.orguxdesign.cc Atefeh Khabazian Atefeh Khabazian Mon, 07 Dec 2020 19:48:22 +0330 https://virgool.io/@atkhbn/%D8%A2%D9%81%D8%A8%D9%88%D8%B1%D8%AF%DB%8C%D9%86%DA%AF-%DA%86%D8%B7%D9%88%D8%B1-%D8%A8%D8%A7-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D9%87%D8%A7%D9%85%D9%88%D9%86-%D8%AE%D8%AF%D8%A7%D8%AD%D8%A7%D9%81%D8%B8%DB%8C-%DA%A9%D9%86%DB%8C%D9%85-ohwl2m4ti3i5 هنر خداحافظی کردن با کاربران! اگر شما صاحب یک کسب و کار هستید، احتمالا ماه ها یا حتی سالهای زیادی برای ساخت محتوا، جذب مخاطب،بهینه سازی موتور های جستجو و به طور کلی بالا بردن اعتبار "آنلاین" تلاش کردید.به عبارتی یک "ردپای دیجیتالی" در قالب مکالمه و تعامل با کاربر ایجاد کردید که همه ی اینها به مراقبت و زمان زیادی نیاز داره.محتوای خیلی زیادی در مورد نحوه جذب کاربران جدید، نحوه رفتار محترمانه با اونها و اطمینان از اینکه اونها محصول شما و مزایاش رو درک کردن و میتونن به مشتریانی تبدیل بشن که برای شما ایجاد درآمد کنن، وجود داره.با این حال، اطلاعات کمتری در مورد نحوه رفتار با کاربری که قصد داره با شما قطع همکاری کنه در دسترس هست. این مقاله چند نکته ی ضروری که برای قطع رابطه با کاربر (آفبوردینگ) لازمه رعایت بشه رو بررسی کرده. در این شرایط چطور باید کاربر رو به سمت درب خروج بدرقه کرد؟ آیا اصلا باید به اونها اجازه ی خروج بدیم؟اگر دوست دارید در این باره بیشتر بدونید، این مقاله رو تا انتها بخونید :)چرا طراحی یک تجربه کاربری خوب در آفبوردینگ اهمیت داره؟یک آفبوردینگ درست و خوب، یک "تجربه ی نهایی" عالی رو ایجاد می کنه. ممکنه در آینده مشتری ها تصمیم بگیرن که دوباره از محصول شما استفاده کنن، بنابراین لازمه آخرین تجربه ای که با محصول شما دارن یک تجربه دوستانه باشه و به خوبی ازش یاد بشه، یا حداقل تلخ و همراه با حس نفرت نباشه!آفبوردینگ فرصتی برای بهبود محصول و پیام رسانی است. دلیل اصلی ترک مشتریان اینه که محصول شما نتونسته نیاز اونها رو برآورده کنه. اگر خیلی مودبانه در مورد دلیل رفتن از کاربرها سوال کنید، بازخوردهای ارزنده ای دریافت میکنید که به شما در فرایند بهبود محصول و همینطور حفظِ بهترِ مشتری های آینده کمک می کنه.آخرین شانس شما برای حفظ کاربران قدیمی است. مسلما حفظ کاربر های موجود خیلی ارزون تر و به صرفه تر از به دست آوردن کاربرهای جدیده. بنابراین یک آفبوردینگ خوب این موقعیت رو برای کاربرها فراهم میکنه تا تغییر عقیده بدن و اندک انگیزه ای برای موندن داشته باشن!جدایی آسون نیست!فکر کردن به جدا شدن یک کاربر از سازمان کار سختیه، چون شما برای جذب تک تک کاربرها زحمت زیادی کشیدید و قطعا حضورشون برای کسب و کار شما مهمه، اما حتی همین وضعیت ناخوشایند میتونه فرصت خوبی باشه تا یک "تجربه کاربری" عالی ارائه بدید!خبر خوب...! حتی بعد از دست دادن کاربرها، اونها همچنان سفیرهایی هستن که تجربه مثبتی که در مورد خدمات شما داشتن رو با دوستان و همکاران خودشون به اشتراک میذارن،و میتونن برای شما کاربر جدیدی به وجود بیارن که از طریق انتقال دهان به دهان تجربیات با شما آشنا شدن.انواع آفبوردینگخداحافظی با کاربر میتونه حالت های متفاوتی داشته باشه. مثلا میتونید به کاربر این انتخاب رو بدید که آیا به طور دائمی حسابش رو حذف کنه یا موقتی؟ آیا تمام اطلاعاتش حذف بشن یا نگهداری بشن؟در هر صورت از هر روشی که استفاده میکنید، یادتون باشه حتما این امکان در اختیار کاربر قرار داده شده باشه.توقف یا غیرفعال کردن حساب کاربری (Deactive)به این معنی که کاربر از الان به بعد با سرویس شما همکاری نمیکنه، اما اگر یک زمانی تصمیم به برگشت داشته باشه، میتونه بدون نیاز به پرداخت مجدد هزینه احتمالی، یا از دست دادن اطلاعات، از همون نقطه ای که استفاده از سرویس شما رو متوقف کرده، کارش رو از سر بگیره.مثالی از غیرفعال کردن موقت حساب کاربریلغو عضویتترجیح سازمان ها اینه که کاربر رو به طور دائمی از دست ندن، بلکه فقط برای مدتی استفاده از خدمات رو متوقف کنن. البته باید مطمئن باشید که کاربر میتونه هر زمانی عضویتش رو دوباره از سر بگیره. همونطور که "Netflix" این کار رو انجام میده: لغو عضویت در سرویس نتفلیکسحذف حسابگاهی اوقات ممکنه کاربر بخواد حسابش رو به طور کامل حذف کنه، به این معنی که نام کاربری و هر اطلاعات دیگری توی حساب وجود داره، بدون امکان بازگشت حذف بشه.حذف دائمی حساب کاربریبعضی شرکتها ممکنه دوتا متد رو با هم ادغام کرده باشن، غیرفعال کردن و حذف دائمی.مثلا وقتی اکانت توییتر رو غیرفعال میکنید، اگر بعد از 30 روز برنگردید حساب به طور دائمی حذف میشه.اما چطور با کاربر خداحافظی کنیم که مطمئن باشیم تجربه خوبی برای کاربر رقم زدیم؟چند نکته ای که در ادامه میاد به این موضوع می پردازه:سختش نکن!بعضی سازمان ها تصور میکنن که بهتره کاربرها رو به هر قیمتی نگه دارن. مثلا با سخت کردن پروسه ی "حذف حساب" یا مخفی کردن این گزینه، کاربرها رو از این کار منصرف کنن. یا مثلا دکمه ی حذف حساب رو طوری طراحی کنن تا کاربر دچار اشتباه بشه و به جای لغو اشتراک، اشتراکش ثبت بشه! ولی بذارید یه رازی رو بهتون بگم:وقتی یک کاربر "واقعا" تصمیم می گیره استفاده از خدمات شما رو متوقف کنه، همیشه راه انجام دادنش رو پیدا میکنه! مهم نیست چقدر خوب مخفی شده باشه :)یک تجربه ی آفبوردینگ بد میتونه وجهه ی سازمان شما رو خراب کنه و اعتماد کاربر رو از بین ببره.یک تجربه لذتبخش میتونه روی کاربر تاثیر مثبتی بذاره و حتی ممکنه بعدها تصمیم بگیره دوباره از محصول شما استفاده کنه، یا به دیگران توصیه کنه.اگر شما اصول "آنبوردینگ" رو بلد باشید، احتمالا می دونید چطور باید کاربر رو هدایت کنید تا بتونید یک عضویت موفقیت آمیز داشته باشید. در مورد آفبورینگ هم همینطوره و تفاوتی نمیکنه. باید یک سری اصول رو رعایت کنید و فرایند رو به خوبی توضیح بدید تا منجر به گیج شدن یا به اشتباه افتادن کاربر نشه. همه ی اطلاعاتی رو که کاربر توی این شرایط بهش احتیاج داره ارائه بدید:- کجا و چطور میتونم لغو عضویت کنم؟- نتایج احتمالی لغو عضویت چه چیزهای هست؟- آیا محدودیت یا شروطی وجود داره که ممکنه نیاز به بررسی داشته باشن؟به کاربر نشون بدید که در مورد حساب کاربریش آزادی عمل داره و شما به انتخاب شون احترام میذارید.از محیط خارج نشید!اگر کاربری با تلفن همراه عضو سایت شما شده، باید قادر باشه با همون تلفن حسابش رو حذف کنه!یک مثال رو بررسی کنیم تا معنی این جمله رو بهتر متوجه بشیم:ممکنه شما قبلا توی یک سایت ثبت نام کرده باشید و حالا تصمیم به لغو عضویت گرفتید، اما گزینه ای برای این کار پیدا نمی کنید!بعد از مکاتبه با پشتیبانی سایت متوجه میشید برای لغو عضویت لازمه از طریق تلفن، توی فلان بازه ی ساعتی با فلان شماره تماس بگیرید!این یعنی خارج شدن از محیطی که عملیات ثبت نام رو در اون انجام دادید و قطعا برای کاربر آزاردهنده ست.با کاربر مثل انسان رفتار کنید نه یک کاربر!درسته که شما دارید یکی از کاربرهای سرویستون رو از دست میدید، با این حال طرف مقابل شما یک انسان واقعیه که محصول شما رو تجربه کرده، با اسم سازمان شما آشناست و ممکنه حتی یکی از طرفداران برند شما باشه.درسته که این شخص در حال حاضر در حال رفتنه ولی یک "مشتریِ از دست رفته" همچنان سفیر برند شماست و حتی ممکنه در آینده تصمیم به بازگشت بگیره.دلایل حذف حساب رو بپرسیدبهترین زمان برای دریافت نظر کاربرها در مورد دلیل لغو عضویت، درست قبل یا بلافاصله بعد از بستن حساب هست. این بازخورد میتونه برای جلوگیری از "از دست دادن مشتری ها" در آینده خیلی ارزشمند باشه.اگرچه بهتره کاربرها رو تشویق به تایپ کردنِ بازخورد کنیم ولی اگر قصد دارید سوال های از پیش طرح شده بپرسید، سعی کنید پاسخ ها به صورت انتخابی و گزینه ای باشن. چون برای کاربر خیلی راحته که از یک لیست انتخاب کنه اما تایپ کردن یک پاسخ نیاز به زمان و فکر کردن داره که اکثر آدمها حاضر نیستن توی درب خروج و موقع رفتن ارائه اش بدن!با انتخاب اختیاری جواب ها (انتخاب پاسخ های از پیش تعیین شده یا تایپ توسط کاربر)، کاربرهایی که برای پاسخگویی اهمیت قائل هستن از ارائه بازخورد و نوشتن توضیحات بیشتر خوشحال می شن، اما کاربران دیگه می تونن به راحتی از این مرحله عبور کنن.آفبوردینگ اطلاعات خیلی خوبی برای شناخت مشتری ها به شما میده و همینطور کمک میکنه تا بتونید تجربه کاربری رو بهبود بدید.برای کاربر شما حتما دلیلی وجود داره که تصمیم گرفته استفاده از حساب کاربریش رو متوقف کنه،ازش بخواید توضیح بده چرا تصمیم به رفتن گرفته و شما چطور میتونید این شرایط رو بهتر کنید.به طور مثال لینکدین دلایل احتمالی بستن حساب رو میپرسه و برای هرکدوم یک راه حل جداگانه ارائه میده.دلایل احتمالی حذف حساب و ارائه ی راه حل برای هرکدام اتفاقی که بعد از حذف حساب میفته رو توضیح بدید پس از حذف حساب، اطلاعات و مواردی که ممکنه کاربرها از دست بدن رو کاملا توضیح بدید. در صورت تصمیم به بستن حساب ، LinkedIn به شما نشان میده که ارتباطات ، تأییدها و پیشنهادهای خودتون رو از دست خواهید داد. اگر احیانا داده های محرمانه یا اطلاعات شخصی رو هم ذخیره می کنید، به کاربران این امکان رو بدید که قبل از پایان اشتراک، این داده ها رو دانلود کنن یا توضیح بدید که برای حفظ حریم خصوصی داده های اونها رو بعد از یک تاریخ خاص به طور خودکار حذف می کنید.مواردی که بعد از حذف حساب لینکدین حذف می شونداز حذف اتفاقی حساب جلوگیری کنیدشرایطی رو در نظر بگیرید که کاربر اشتباهی به صفحه حذف حساب رفته و فقط با یک دکمه ممکنه به طور کاملا ناخواسته اطلاعاتش رو حذف بکنه.برای اینکه جلوی همچین اتفاقی رو بگیرید، یک اعتبارسنجی قرار بدید تا مطمئن باشید این روال آگاهانه طی شده. مثلا وارد کردن رمز عبور، کد امنیتی، کلمه ی تایید یا حتی تایپ یک کلمه ی خاص میتونن امنیت نسبی ایجاد کنن.همچنین یادآوری کنید حذف اطلاعات برگشت ناپذیره تا کاربر بتونه قدرت تصمیم گیری بیشتری داشته باشه.قبل از حذف حساب،لازمه کلمه ی delete تایپ بشهبه کاربرها امکانی بدید تا به جای حذف دائمی، استفاده از خدمات شما رو موقتا متوقف کنن. اینطوری اطلاعات کاربر همچنان باقی میمونه و در آینده شانس برگشتن اونها وجود داره.با یک متن مثبت تمومش کن!با کاربران خودتون مهربون باشید! از اونها برای عصویت تشکر کنید و نشون بدید که هر زمانی در آینده آماده ی ادامه ی همکاری هستید.آخرین جمله ی سرویس Mailchomp بعد از حذف حسابنتیجه گیریمهم نیست چقدر این موضوع رو نادیده بگیرید، به هرحال به عنوان صاحب کسب و کار با این چالش رو به رو خواهید شد و باید اجازه بدید تا کاربرها شما رو ترک کنن!وقتی مشتریان از دست رفته به تجربه ای که در استفاده از محصول شما داشتن نگاه میکنن، یک آفبوردینگ خوب به عنوان آخرین تجربه ای که با شما داشتن از همه چیز پررنگ تره.همینطور آفبوردینگ فرصت خوبی برای بهبود تجربه ی کاربری، برند و اعتبار شماست.جو مک لئود، بنیانگذار andEnd، در مجله UX درباره "آفبوردینگ" این حرف را می زند:تجارب آفبوردنگ باید به خوبی طراحی شوند، نباید در بلاتکلیفی رها شوند. همانطور که شواهد از چنین نمونه های تحقیقات روانشناختی نشان می دهد، نحوه ی مواجهه با "پایان" مهم است.تاثیر اولین برداشت به طور موقت ادامه دارد، تاثیر آخرین برخورد دائمی است. بنابراین بیایید طراحی را شروع کنیم!منابع: https://www.appcues.com/blog/user-customer-offboarding-ux https://usersnap.com/blog/user-offboarding/ https://jasonfrye.com/2018/01/24/user-account-deletion-ux-a-user-deletion-design-pattern/ https://uxplanet.org/offboarding-the-way-to-say-goodbye-to-your-users-26bf45b5bf4a Atefeh Khabazian Atefeh Khabazian Wed, 18 Nov 2020 12:02:53 +0330