تنظیمات برنامه به کاربران این امکان را می دهد که ترجیحات خود را برای نحوه عملکرد یک برنامه نشان دهند.
غذای آماده
هنگام طراحی تنظیمات برنامه خود موارد زیر را در نظر داشته باشید:
- به تنظیمات سیستم احترام بگذارید. برنامه شما ممکن است به تنظیمات خود نیاز نداشته باشد.
- از زبان واضح و دقیق استفاده کنید.
- در صورت لزوم، یک نمای کلی ارائه دهید و تنظیمات خود را بر اساس گروه ها و صفحه ها تقسیم کنید.
- از الگوهای UX انتخاب مناسب استفاده کنید.
- از پیش فرض های مودبانه استفاده کنید.
- ارائه شفاف و دسترسی به تنظیمات.
تنظیمات مناسب را انتخاب کنید
تنظیمات باید به خوبی سازماندهی شده، قابل پیش بینی و دارای تعداد قابل مدیریتی از گزینه ها باشند. نکات زیر را هنگام تصمیم گیری در مورد چه چیزی در نظر بگیرید:
- اولویت‌هایی را که به‌ندرت به آنها دسترسی پیدا می‌کنید، اضافه کنید.
- اقداماتی که اغلب به آنها دسترسی دارند را شامل نشود. این‌ها باید با ویژگی‌هایی که بیشترین تأثیر را دارند، مرتبط باشند.
- تنظیمات برگزیده کاربر را ذخیره کنید.
- از اطلاعات مربوط به برنامه، مانند شماره نسخه یا اطلاعات مجوز در تنظیمات خودداری کنید.
- از مدیریت حساب کاربری خودداری کنید.
- از تکرار تنظیمات برگزیده موجود در سطح تنظیمات دستگاه خودداری کنید.
پیش فرض های رایج را انتخاب کنید
پیش‌فرض‌هایی را برای تنظیمات برگزیده تعریف کنید که رایج هستند، خطری ایجاد نمی‌کنند، حرف کاربر را قطع نمی‌کنند، و بر باتری و عملکرد تأثیر منفی نمی‌گذارند.
مقدار اولیه برای هر تنظیم باید موارد زیر را انجام دهد:
- نشان دهنده پیش فرضی است که اکثر کاربران انتخاب می کنند.
- خنثی باشید و خطر کمی برای کاربر ایجاد کنید.
- از باتری یا داده تلفن همراه کمتر استفاده کنید.
- فقط در مواقع مهم قطع کنید.
در مورد قرار دادن تصمیم بگیرید.
انتخاب کنید کدام تنظیمات باید در برنامه تعیین شوند و اولویت‌هایی را که بهتر در تنظیمات دستگاه تعیین می‌شوند یا توسط یک سرویس مدیریت می‌شوند حذف کنید. به عنوان مثال، از نادیده گرفتن تم های سیستم خودداری کنید، مگر اینکه با سفارشی سازی بیشتر برای تجربه برنامه خود گسترش دهید.
در نظر بگیرید که آیا به تنظیمات خاصی به اندازه کافی دسترسی پیدا می شود که خارج از نزدیکترین تنظیمات به ویژگی آنها که بر آنها تأثیر می گذارد ظاهر شوند.
تنظیمات دستگاه
تنظیمات سیستم در برنامه تنظیمات دستگاه و تنظیمات سریع می توانند بر برنامه شما تأثیر بگذارند.
گزینه های شخصی سازی اضافی یا جایگزین را برای بهبود تجربه کاربر خود ارائه دهید، اما تنظیمات ارائه شده توسط سیستم را تکرار یا جایگزین نکنید. به عنوان مثال، برنامه شما ممکن است سیستم طرح زمینه را برای شخصی‌سازی بیشتر گسترش دهد یا کنترل‌های صوتی دقیق‌تری ارائه دهد.
تنظیمات ارائه شده توسط سیستم را نادیده نگیرید، زیرا می توانند نیازهای دسترسی شخصی باشند.
تنظیمات سریع که نشان‌دهنده اقداماتی است که کاربران می‌توانند روی آنها ضربه بزنند تا وظایف تکرار شونده را به سرعت انجام دهند، وقتی کاربر صفحه اعلان را پایین می‌کشد، در پانل تنظیمات سریع نمایش داده می‌شود. برنامه شما می تواند یک کاشی تنظیمات سریع برجسته ارائه دهد تا به کاربران شما امکان دسترسی مکرر را بدهد. برای اطلاعات بیشتر در مورد ساخت کاشی، «ایجاد کاشی‌های تنظیمات سریع سفارشی برای برنامه‌تان» را بخوانید و کیت رابط کاربری Android را برای الگوی تنظیمات سریع بررسی کنید.
تنظیمات مبتنی بر زمینه
ترجیحات متنی مکرر را نزدیک به ویژگی که بر آن تأثیر می گذارد قرار دهید. به عنوان مثال، تنظیمات زیرنویس بسته را می توان در پخش کننده ویدیو قرار داد. تنظیمات باقیمانده را که به ندرت به آنها دسترسی پیدا می کنید اینقدر برجسته قرار ندهید.
ناوبری
به طور معمول تنظیمات به عنوان مقصد ناوبری سطح بالا طبقه بندی نمی شوند. با این حال، اگر تنظیمات خاصی برای سفر کاربر شما بسیار مهم است، آنها را در یک جزء ناوبری اصلی مانند نوار ناوبری، کشو یا ریل ناوبری قرار دهید.
اگر پیمایش جانبی مانند کشوی پیمایش وجود دارد، تنظیمات را بعد از همه موارد دیگر (به جز راهنما و بازخورد) قرار دهید. از مترادف هایی مانند "گزینه ها" یا "تنظیمات برگزیده" استفاده نکنید.
معمولاً تنظیمات برای سفرهای کاربر اصلی برنامه ضروری نیستند و در مکان‌های ناوبری ثانویه مانند نوارها یا منوها قرار می‌گیرند.
می‌توانید تنظیمات را در منوی نوار برنامه بالای صفحه بعد از همه موارد دیگر قرار دهید، به جز راهنما و بازخورد، در غیر این صورت آن را در نوار برنامه بالا یا در مقصد دیگری قرار دهید.
برای مثال، در سمت چپ برنامه یک نماد تنظیمات را در نوار بالای برنامه قرار داده است تا مستقیم‌تر به تنظیمات دسترسی پیدا کند. مثال سمت راست نمایه، تنظیمات، راهنما و بازخورد را به همراه یک اقدام ترجیحی در منوی سرریز ترکیب کرده است.
اگر طبقه‌بندی منطقی باشد، می‌توانید تنظیمات را با مقصدهای دیگر ترکیب کنید، مانند حساب :
مطمئن شوید که تنظیمات همیشه در دسترس هستند، حتی در حالت خروج از سیستم، در صورت ترکیب بخش‌ها.
طرح بندی و انتخاب الگوها
با استفاده از فهرست یا طرح بندی جزئیات فهرست، یک بخش تنظیمات ایجاد کنید. تنظیمات می‌توانند از فهرست‌های مواد استفاده کنند، که برچسب‌ها، متن، نمادها و کنترل‌های انتخاب را پشتیبانی می‌کند.
از برچسب اصلی برای ارائه نام مورد استفاده کنید و به صورت اختیاری از متن ثانویه برای وضعیت استفاده کنید. در این مثال، وضعیت با یک نماد در سمت راست برچسب تقویت شده است. نمادها باید به روشن شدن معنای یک تنظیم یا ارتباط وضعیت کمک کنند.
یک نمای کلی ارائه دهید
کاربران می توانند به سرعت مهمترین و پرکاربردترین تنظیمات و مقادیر آنها را مشاهده کنند. یک صفحه نمای کلی با استفاده از طرح بندی فهرست ایجاد کنید. از اجزای طراحی متریال برای ارائه یک تجربه منسجم استفاده کنید. در صورت لزوم، یک صفحه جداگانه در برنامه خود برای مقاصدی مانند حساب، اطلاعات برنامه، راهنما و بازخورد ایجاد کنید.
سعی کنید از قرار دادن این مقاصد در نمای کلی تنظیمات اجتناب کنید. اگر تنظیمات زیادی وجود دارد، تنظیماتی را که کاربران مهمترین آنها را می دانند، اولویت بندی کنید. تنظیمات باقیمانده را گروه بندی کنید و آنها را در یک صفحه جداگانه قرار دهید.
مهار
تنظیمات گروه در گروه های مرتبط کوچکتر. از محتویات و سرفصل های بصری یا ذاتی بین گروه ها به جای موارد فردی استفاده کنید.
فهرست فرعی
از صفحه‌های فرعی برای ساده‌سازی تنظیمات چندگانه یا دسته‌بندی‌های گسترده استفاده کنید و به کاربران کمک کنید روی انتخاب‌های کمتری تمرکز کنند. برای سلسله مراتب تنظیمات پیچیده یا عمیق، قابلیت جستجو را اضافه کنید تا کاربران بتوانند اولویت صحیح را پیدا کنند.
برای 15 یا بیشتر تنظیمات، تنظیمات مربوطه را در زیر صفحه گروه بندی کنید.
از این الگو برای تنظیم یا دسته ای از تنظیمات که حاوی لیستی از موارد معادل است استفاده کنید.
این دستورالعمل ها را برای صفحه های فرعی دنبال کنید:
- از طریق نمای کلی تنظیمات به آنها دسترسی داشته باشید.
- از اصطلاحات ثابت استفاده کنید: برچسب تنظیماتی که گروهی را باز می‌کند باید با عنوان زیر صفحه مطابقت داشته باشد.
الگوها و اجزاء
الگوهای انتخاب UX و اجزای زیر برای تنظیمات پیشنهاد شده است:
سوئیچ انفرادی
از این الگو برای تنظیماتی استفاده کنید که نیاز به توضیحات دقیق تری نسبت به آنچه که معمولاً با چک باکس ها نشان داده می شود، دارد. صفحه فرعی کنترل و توضیحات طولانی تر آن را به طور همزمان نمایش می دهد و به کاربران اجازه می دهد تنظیمات را تنها در حین مشاهده اطلاعات اضافی تغییر دهند. متن ثانویه زیر برچسب تنظیمات، انتخاب فعلی را منعکس می کند.
وابستگی
اگر مقدار یک تنظیم، در دسترس بودن یک یا چند تنظیمات دیگر را کنترل می کند، از این بخش استفاده کنید.
یک تنظیم وابسته را در زیر تنظیماتی که به آن بستگی دارد قرار دهید، با توضیح مختصری در مورد اینکه چرا تنظیمات وابسته در دسترس نیست. از یک سوئیچ والد در یک صفحه فرعی برای جابجایی گروهی از تنظیمات وابسته استفاده کنید. غیرفعال کردن سوئیچ والد، کنترل های وابسته را غیرفعال می کند. اگر تنظیم به تنظیمات سیستم بستگی دارد، وابستگی را توضیح دهید و کاربران را به تنظیمات دستگاه مناسب هدایت کنید.
تک انتخاب
تنظیمی که حالت انتخاب شده یا انتخاب نشده است. از یک سوئیچ یا چک باکس برای حالت روشن و خاموش استفاده کنید. از دکمه های رادیویی برای تنظیمات با یک گزینه استفاده نکنید.
انتخاب های متعدد
از این الگو برای تنظیمی استفاده کنید که نیاز به ارائه مجموعه ای گسسته از گزینه ها دارد، که کاربر می تواند تنها یکی از آنها را انتخاب کند.
دکمه های رادیویی را در یک دیالوگ یا صفحه نمایش کودک ارائه دهید. اگر تنظیم وضعیت بولی یا کمتر از 2 گزینه دارد، از دکمه های رادیویی استفاده نکنید.
لغزنده
از این الگو برای تنظیمی با طیف وسیعی از مقادیر، یا برای تنظیم سریع مقادیر بزرگتر، یا زمانی که یک تنظیم می تواند دقیق تر باشد، استفاده کنید.
تاریخ و زمان
از این الگو برای تنظیمی استفاده کنید که باید تاریخ یا زمان را از کاربر جمع‌آوری کند.
چیدمان تطبیقی
استفاده از چیدمان متعارف فهرست جزییات به شما امکان می دهد تا به سرعت صفحه تنظیمات خود را با صفحات بزرگتر تطبیق دهید. در مورد هر صفحه‌نمایش به‌عنوان یک قاب نگهدارنده فکر کنید تا تطبیق یکپارچه شود.
نمای کلی تنظیمات لیست اولیه را ارائه می دهد، در حالی که صفحه های فرعی بعدی با پنجره های جزئیات سازگار می شوند.
اجازه ندهید موارد تنظیمات تک پنجره تا تمام عرض کشیده شوند، در عوض حداکثر عرض را تنظیم کنید یا محتوای تکمیلی اضافه کنید.
برای تنظیمات بنویس
برچسب‌های تنظیمات خود را مختصر و معنادار کنید. در صورت لزوم، برچسب ها می توانند به چندین خط بپیچند.
برچسب هایی را بنویسید که:
- با مهمترین متن شروع کنید
- از عبارات منفی مانند «نباید» یا «هرگز» به نفع عبارات خنثی مانند «مسدود کردن» اجتناب کنید.
- به جای «به من اطلاع بده» از برچسب‌های غیرشخصی مانند «اعلان‌ها» استفاده کنید. اگر مراجعه به کاربر برای درک تنظیمات ضروری است، از شخص دوم ("شما") به جای شخص اول ("من") استفاده کنید.
- مستقیم و قابل درک هستند.
- اگر جایگزین بهتری وجود ندارد از کلمات اختصاری آشنا استفاده کنید.
- نحوه و چرایی وجود یک محیط ناآشنا را بیان کنید.
برچسب هایی ننویسید که :
- از اصطلاحات عمومی استفاده کنید، مانند: تنظیم، تغییر، ویرایش، تغییر، مدیریت، استفاده، انتخاب یا انتخاب.
- کلمات را از عنوان بخش تکرار کنید.
- اصطلاحات فنی را در نظر بگیرید، مگر اینکه به طور گسترده توسط مخاطبان هدف شما درک شود.
متن پشتیبان به کاربر کمک می‌کند وضعیت فعلی یک تنظیم را بهتر درک کند یا نشان دهد که با فعال شدن یک تنظیم چه اتفاقی می‌افتد. اگر برچسب به تنهایی کافی است، متن ثانویه اضافه نکنید. توضیحات را مختصر نگه دارید و به جای توصیف تنظیمات، وضعیت تنظیمات را نشان دهید.
اگر تنظیمی به توضیحات طولانی تری نیاز دارد، توضیحی را در صفحه دوم اضافه کنید.
هنگام ایجاد برچسب و پشتیبانی از متن ، بهترین شیوه های نوشتن UX را دنبال کنید.
تنظیمات در مقابل فیلترها
در حالی که می‌توانید از فیلترها و تنظیمات برای ذخیره تنظیمات برگزیده کاربر و اشتراک‌گذاری الگوها استفاده کنید، فیلترها با محتوای فعلی که کاربر سعی در افزایش آن دارد، مرتبط هستند.