طراحان غالباً با یک معضل مشترک UX روبرو می شوند: کاربران انتظار دارند ابزارهای قدرتمندی با طیف گسترده ای از ویژگی ها برای پاسخگویی به نیازهای متنوع خود داشته باشند ، اما آنها همچنین نیاز به سادگی و سهولت در استفاده دارند!
متعادل کردن این انتظارات به ویژه در محصولات SaaS چالش برانگیز است ، جایی که عملکرد غنی ضروری است اما می تواند به یک رابط به هم ریخته منجر شود. هنگامی که کاربران با گزینه های بیش از حد به طور همزمان روبرو می شوند ، می تواند منجر به اضافه بار شناختی شود-آنها را کمرنگ کند ، باعث سردرگمی شود و در نهایت منجر به ناامیدی یا ترک خوردگی شود.
اینجاست افشای پیشرونده به یک تکنیک طراحی قدرتمند تبدیل می شود. به جای قرار دادن تمام ویژگی ها و گزینه های مقدماتی ، در ابتدا فقط مهمترین اطلاعات را نشان می دهد و جزئیات پیشرفته تری را نشان می دهد زیرا کاربران عمیق تر هستند. این امر به کاربران جدید اجازه می دهد تا بدون سردرگمی شروع به کار کنند ، در حالی که هنوز کاربران باتجربه را به عمق مورد نیاز خود دسترسی می دهند.
در این وبلاگ ، تعریف افشای مترقی را بررسی خواهیم کرد ، چرا اهمیت دارد ، الگوهای اصلی UI که شامل می شود و چگونه می توان آن را به طور مؤثر در طراحی SaaS اعمال کرد.
افشای مترقی چیست؟
افشای مترقی یک تکنیک طراحی UX است که با آشکار کردن تدریجی اطلاعات ، با حرکت کاربران از طریق یک رابط ، بار شناختی را کاهش می دهد.
این رویکرد در سال 1995 توسط Jakob Nielsen ، بنیانگذار گروه نیلسن نورمن معرفی شد ، این رویکرد برای کمک به کاربران در جلوگیری از خطا در سیستم های پیچیده طراحی شده است. با ارائه محتوا گام به گام ، افشای مترقی UX به کاربران این امکان را می دهد تا به طور همزمان روی یک کار تمرکز کنند و باعث می شوند فرآیندهای پیچیده احساس کنترل تر و کمتری داشته باشند.
انواع افشای مترقی:
-
افشای مرحله به مرحله (مرحله ای): وظایف پیچیده را به دنباله ای از مراحل قابل کنترل تقسیم می کند و تنها یک قسمت از روند را در یک زمان نشان می دهد. مثال: یک جریان طراحی UX چند مرحله ای که در آن کاربران اطلاعات شخصی را وارد می کنند ، ترجیحات را انتخاب می کنند ، سپس تنظیمات را در صفحه های جداگانه مرور می کنند.
-
افشای مشروط: زمینه ها ، گزینه ها یا اقدامات اضافی را فقط در صورت رعایت معیارهای خاص نشان می دهد. مثال: انتخاب “افزودن کد تبلیغی” در فرم پرداخت ، یک قسمت ورودی متن را نشان می دهد.
-
افشای متن: مهمترین اطلاعات را به صورت مقدماتی نشان می دهد ، به تدریج بیشتر آشکار می شود زیرا کاربر با رابط درگیر می شود. مثال: با کلیک بر روی “جزئیات بیشتر” روی کارت محصول برای نمایش مشخصات فنی گسترش می یابد.
-
فعال کردن پیشرو: برخی اقدامات یا عناصر فرم را محدود می کند تا اینکه کاربر یک مرحله مورد نیاز را انجام دهد. مثال: یک دکمه “ادامه” تا زمانی که تمام قسمت های فرم مورد نیاز پر شوند غیرفعال می شوند.
چرا افشای مترقی مهم است؟
1. اضافه بار شناختی را کاهش دهید
افشای پیشرونده باعث می شود کاربران از اطلاعات بیش از حد به یکباره غرق شوند. طبق نظریه بار شناختی (Sweller ، 1988) ، مغز انسان فقط می تواند مقدار محدودی از اطلاعات را در یک زمان پردازش کند. طراحان با تعویق جزئیات غیر ضروری و توجه به آنچه بلافاصله مرتبط است ، به کاربران کمک می کند تا با تلاش ذهنی کمتری تصمیم بگیرند. این امر به ویژه در برنامه های SaaS بسیار مهم است ، جایی که کاربران اغلب با گردش کار پیچیده یا ویژگی های ناآشنا روبرو هستند.
2. یادگیری را بهبود بخشید
با آشکار کردن عملکرد به تدریج ، کاربران می توانند ویژگی ها را در مراحل قابل کنترل کشف کنند. این یک منحنی یادگیری نرم تر برای مبتدیان ایجاد می کند و آنها را قادر می سازد بدون اینکه مجبور شوند هر عملکردی را به صورت مقدماتی درک کنند ، اعتماد به نفس ایجاد کنند.
3. بهره وری استفاده را افزایش دهید
برای کاربران باتجربه ، افشای مترقی تضمین می کند که آنها با جزئیات بی ربط کم نمی شوند. با از بین بردن درهم و برهمی و فقط نشان دادن عناصر عملی در صورت لزوم ، کاربران می توانند وظایف را سریعتر پیدا و انجام دهند.
4. نرخ خطا را به حداقل برسانید
با ساختار تعامل در مراحل منطقی ، مترقی و نشان دادن فقط ورودی های معتبر یا مرتبط ، کاربران کمتر اشتباه می کنند. این از اصل قابلیت استفاده نیلسن از “جلوگیری از خطاها” پشتیبانی می کند. افشای مترقی محدودیت ها و راهنمایی ها را تقویت می کند و احتمال سوء استفاده از سوء استفاده یا ورود نادرست داده ها را کاهش می دهد.
الگوهای UI افشای پیشرونده و موارد استفاده در SaaS
در واقعیت ، افشای مترقی UX در الگوهای مختلف UI اعمال می شود. در این بخش ، بیایید 7 الگوی UI مشترک را مورد بررسی قرار دهیم و موارد استفاده ، همراه با نمونه های افشای مترقی از یک سیستم مدیریت منابع انسانی (HRMS).
1.
آکاردئون یک لیست عمودی انباشته شده از هدرهای قابل ارتقا است که هنگام کلیک محتوا را نشان می دهد یا پنهان می کند. این امر با ارائه اطلاعات فقط در صورت نیاز کاربر به کاهش درهم و برهمی بینایی و بار شناختی کمک می کند.
مثال آکاردئون: ضبط ویدیو در بالا صفحه نمایش “افزایش بلیط” را نشان می دهد ، که در آن کارمندان می توانند با پر کردن یک فرم ، مسئله ای را گزارش دهند. هنگام انتخاب “تیم پشتیبانی” یا “نوع پرس و جو” ، گزینه های اضافی اضافی پنهان باقی می مانند تا اینکه کاربر روی کشویی کلیک کند.
استفاده از موارد در SaaS:
-
سازماندهی سؤالات متداول که در آن کاربران می توانند به صورت انتخابی پاسخ ها را مشاهده کنند
-
پانل های تنظیمات ساختاری با گزینه های پیکربندی گروهی
-
نمایش ردیف داده های قابل ارتقا در داشبورد یا گزارش ها
2. پله (ناوبری جادوگر)
یک استپر کاربران را از طریق یک فرآیند یک قدم در یک زمان راهنمایی می کند و با تقسیم آنها به مراحل قابل کنترل ، وظایف پیچیده را ساده می کند. این به کاربران کمک می کند تا متمرکز بمانند و خطر خطاها را کاهش دهند.
مثال پله: تصویر بالا صفحه نمایش “استعفا” را نشان می دهد که در آن کارمندان می توانند درخواست استعفا را به مدیر خود ارسال کنند. یک پله بینایی کاربران را از طریق چهار مرحله اصلی این روند راهنمایی می کند – ارسال مجدد ، تأیید مدیر ، تأیید منابع انسانی و مصاحبه خروجی نهایی ، درک پیشرفت و مراحل بعدی را آسان می کند.
استفاده از موارد در SaaS:
-
کاربر در حال سوار شدن UX جریان با راه اندازی هدایت
-
فرم های چند مرحله ای مانند ایجاد حساب یا تکمیل پروفایل
-
جادوگران واردات یا پیکربندی داده ها با اقدامات متوالی
زبانه ها
رابط های Tabbed محتوا را به بخش های دارای برچسب تقسیم می کنند و فقط یک بخش را به طور همزمان نشان می دهند. این باعث می شود رابط ها تمیز شوند و جابجایی بین محتوای مرتبط را بدون پیمایش آسان می کند.
مثال زبانه ها: در ضبط ویدیو در بالا ، “تقویم زمان خاموش” و “تعطیلات” در 2 برگه جداگانه سازماندهی می شوند. این امر به کاربران امکان می دهد درخواست های مرخصی قبلی را بدون اینکه در تعطیلات عمومی پریشان شوند ، مشاهده کنند و برعکس – به آنها کمک می کند تا به سرعت اطلاعات مورد نیاز خود را بر اساس زمینه پیدا کنند.
استفاده از موارد در SaaS:
-
جابجایی بین تنظیمات حساب (به عنوان مثال ، “مشخصات” ، “امنیت” ، “صورتحساب”)
-
مشاهده داده های طبقه بندی شده در داشبوردهای تجزیه و تحلیل
-
مدیریت نقش ها یا مجوزهای مختلف کاربر در یک رابط واحد
4. پیمایش
پیمایش به کاربران امکان می دهد محتوای طولانی یا پویا را در یک جریان مداوم مشاهده کنند. این نیاز به چندین کلیک را کاهش می دهد و برای اطلاعاتی که به معنای مصرف به ترتیب یا حجم است ، به خوبی کار می کند.
مثال پیمایش: ضبط ویدیو در بالا صفحه نمایش “زمان خاموش” را نشان می دهد که درخواست های اخیر را نشان می دهد. با پایین آمدن کاربر ، درخواست های قدیمی به تدریج بارگیری و آشکار می شوند.
استفاده از موارد در SaaS:
-
پیمایش بی نهایت برای فیدهای فعالیت یا اعلان ها
-
پیمایش گزارش ها یا اسناد طولانی
-
بررسی جداول داده های سنگین با به روزرسانی در زمان واقعی
5 منوها
منوها ناوبری یا اقدامات را در یک ساختار جمع و جور ادغام می کنند و کاربران را قادر می سازد بدون اینکه رابط کاربری را به هم ریخته و دسترسی پیدا کنند.
مثال منوها: ضبط ویدیو در بالا منوی جانبی را نشان می دهد که وقتی کاربر روی نماد خانه معلق می شود ، گسترش می یابد و معنی هر نماد را نشان می دهد و برچسب های ناوبری را برای دسترسی آسان تر ارائه می دهد.
استفاده از موارد در SaaS:
-
منوهای نوار کناری برای پیمایش بین ماژول ها یا ابزارها
-
منوهای کشویی برای پروفایل های کاربر یا تنظیمات سریع
-
منوهای متنی برای اقدامات سطح ردیف در جداول داده (به عنوان مثال ، ویرایش ، حذف)
6.
Tooltip-On-Demand هنگام شناور کاربران یا روی نمادهای خاص یا متن ، کمک یا توضیحات متنی را ارائه می دهد. این از یادگیری کاربر پشتیبانی می کند بدون اینکه جریان تعامل را قطع کند.
نمونه ای از مجموعه های ابزار: تصویر بالا یک صفحه نمایش “پروفایل” را نشان می دهد که در آن یک ابزار ابزار وقتی کاربر از روی نماد علامت سوال حرکت می کند ظاهر می شود. این توضیح می دهد که چه کسی می تواند ایمیل شخصی کاربر را مشاهده کند و به آنها اطلاع دهد که این اطلاعات می تواند پنهان شود.
استفاده از موارد در SaaS:
-
توضیح اصطلاحات فنی یا معیارها در داشبورد
-
روشن کردن هدف از زمینه های فرم در هنگام ورودی
-
ارائه نکات استفاده برای ابزارها یا ویژگی های پیشرفته
7. گفتگوی و پنجره های معین
مدالها و پنجره ها پوشش هایی هستند که به طور موقت برای نمایش گزینه ها ، اقدامات یا هشدارها به صورت موقت ظاهر می شوند. آنها مانع از دست دادن کاربران در ضمن ارائه کنترل عمیق تر می شوند.
مثال پنجره: ضبط ویدیو در بالا صفحه نمایش “ارسال نامه برگه” را نشان می دهد که در آن کارمندان ساعت کار خود را وارد می کنند. هنگامی که کاربر بر روی دکمه “اضافه کردن کارها” کلیک می کند ، یک پنجره ظاهر می شود و به آنها امکان می دهد وظایف انجام شده در طول هفته را بدون حرکت به دور از صفحه اصلی وارد کنند.
استفاده از موارد در SaaS:
-
نمایش تنظیمات فیلتر پیشرفته برای نمایش داده ها
-
تأیید اقدامات مخرب مانند حذف
-
پیکربندی تنظیمات صادرات یا گزینه های اشتراک گذاری بدون ترک صفحه
افکار نهایی
از طریق این وبلاگ ، شما نقش اساسی افشای مترقی را در تهیه تجربیات کاربر پسند-به ویژه در پیچیدگی محصولات SaaS-بررسی کرده اید. هنگامی که به طور مؤثر اعمال می شود ، افشای مترقی در طراحی UX اصطکاک را کاهش می دهد ، قابلیت استفاده را افزایش می دهد و به کاربران کمک می کند تا بیشترین اهمیت را داشته باشند.
اگر به دنبال راهنمایی های متخصص در زمینه تهیه یک محصول SaaS با تأثیرگذار هستید ، لولیاپوپ برای پشتیبانی اینجا است. به عنوان یک جهانی شناخته شده آژانس طراحی SaaS UX، ما در ایجاد طرح های بصری و محور کاربر تخصص داریم تکنیک های طراحی مد روز SaaS این باعث رشد تجارت می شود.
رسیدن به ما برای یک مشاوره رایگان و کشف کنید که چگونه می توانیم تجربه کاربر SaaS شما را ارتقا دهیم.
