نکات کلیدی
۱. طراحی با همدلی و عینیت نسبت به کاربر
همدلی و عینیت، مهارت‌های اصلی برای موفقیت در طراحی تجربه کاربری هستند.
همدلی، فهم عمیق را به همراه دارد. با قرار دادن خود در جایگاه کاربر، می‌توانید نیازها، ناامیدی‌ها و اهداف او را پیش‌بینی کنید. این بینش به شما امکان می‌دهد رابط‌هایی طراحی کنید که واقعاً به کاربر خدمت کنند، نه صرفاً پاسخگوی الزامات فنی باشند.
عینیت، وضوح را تضمین می‌کند. این ویژگی به شما اجازه می‌دهد با فاصله گرفتن از تصمیمات طراحی، آن‌ها را به‌طور انتقادی و بدون تأثیر تعصبات شخصی یا فشارهای سازمانی ارزیابی کنید. این دیدگاه به شناسایی نقاط ضعف و فرصت‌های بهبود کمک می‌کند که ممکن است در غیر این صورت نادیده گرفته شوند.
نکات کلیدی در طراحی همدلانه و عینی:
- انجام پژوهش‌های کاربری برای درک نیازهای متنوع کاربران
- آزمایش طرح‌ها با کاربران واقعی و دریافت بازخورد
- به چالش کشیدن فرضیات و آمادگی برای بازنگری طراحی‌ها
- تمرکز بر حل مشکلات کاربر، نه نمایش ویژگی‌های پرزرق‌وبرق
- اولویت دادن به قابلیت استفاده نسبت به ترجیحات داخلی سازمان
۲. ساده‌سازی تایپوگرافی و سلسله‌مراتب بصری
از اندازه فونت برای نمایش سلسله‌مراتب اطلاعات استفاده کنید.
خوانایی اهمیت بالایی دارد. حداکثر دو نوع قلم انتخاب کنید: یکی برای عناوین و دیگری برای متن اصلی. این کار انسجام بصری ایجاد کرده و بار شناختی کاربران را کاهش می‌دهد. در صورت امکان از فونت‌های سیستم استفاده کنید تا بارگذاری سریع و ظاهر آشنا در دستگاه‌های مختلف تضمین شود.
اندازه فونت برای سلسله‌مراتب اهمیت دارد. از اندازه‌های بزرگ‌تر برای اطلاعات مهم‌تر بهره ببرید تا توجه کاربر به عناصر کلیدی جلب شود. این روش به کاربران کمک می‌کند ساختار رابط را سریع‌تر اسکن و درک کنند. بهتر است دو تا سه اندازه فونت متمایز داشته باشید تا سلسله‌مراتب واضح بماند و کاربران را سردرگم نکند.
بهترین شیوه‌های تایپوگرافی:
- اندازه پیش‌فرض ۱۶ پیکسل برای متن اصلی
- حفظ ارتفاع خط ۱.۵ برای خوانایی بهینه
- اطمینان از کنتراست کافی بین متن و پس‌زمینه (حداقل نسبت ۴.۵:۱)
- استفاده از بولد یا ایتالیک برای تأکید، به جای افزودن قلم‌های جدید
- توجه به مقیاس‌بندی تایپوگرافی در اندازه‌های مختلف دستگاه
۳. ایجاد کنترل‌های رابط کاربری شهودی و کاربردی
دکمه‌هایتان باید شبیه دکمه به نظر برسند.
نشانه‌های ظاهری، تعامل را هدایت می‌کنند. کنترل‌هایی طراحی کنید که عملکردشان را به‌صورت بصری منتقل کنند. دکمه‌ها باید با سایه‌های ملایم، بافت‌ها یا تفاوت رنگ به‌گونه‌ای نمایش داده شوند که قابل کلیک بودنشان بلافاصله برای کاربر مشخص باشد. این امر از حدس زدن یا آزمون و خطا جلوگیری می‌کند.
ثبات، آشنایی می‌آفریند. از الگوهای شناخته‌شده برای کنترل‌های رایج مانند فیلدهای جستجو، انتخابگرهای تاریخ و منوهای ناوبری استفاده کنید. این کار از مدل‌های ذهنی موجود کاربران بهره می‌برد و منحنی یادگیری رابط شما را کاهش می‌دهد. از اختراع کنترل‌های جدید و نامأنوس که کاربران را مجبور به یادگیری الگوهای تازه می‌کند، پرهیز کنید.
بهترین شیوه‌های کنترل رابط کاربری:
- دکمه‌ها را به اندازه‌ای مناسب برای لمس یا کلیک آسان طراحی کنید
- کنترل‌های مرتبط را به‌صورت منطقی گروه‌بندی کنید
- در صورت امکان از کنترل‌های ورودی بومی سیستم استفاده کنید (مثلاً انتخابگر تاریخ)
- بازخورد بصری واضح برای تعاملات کاربر ارائه دهید (حالت‌های هاور و فعال)
- از آیکون‌های قابل تشخیص همراه با برچسب‌های متنی برای وضوح بیشتر بهره ببرید
۴. بهینه‌سازی فرم‌ها و ورود داده‌ها
اگر تجربه خوبی از فرم‌ها ارائه دهید، کاربران محصول شما را دوست خواهند داشت.
کاهش اصطکاک. فرم‌ها اغلب لازم هستند اما نباید دردسرساز باشند. ورود داده‌ها را با درخواست فقط اطلاعات ضروری ساده کنید. از نوع ورودی مناسب استفاده کنید (مثلاً صفحه‌کلید عددی برای شماره تلفن) و از قابلیت‌های دستگاه مانند پرکردن خودکار بهره ببرید.
اعتبارسنجی هوشمندانه. هنگام پر کردن فیلدها بازخورد لحظه‌ای ارائه دهید، اما در برابر خطاهای جزئی قالب‌بندی (مثلاً فاصله در شماره کارت اعتباری) انعطاف‌پذیر باشید. پیام‌های خطای واضحی نشان دهید که کاربران را در اصلاح اشتباهات راهنمایی کند. داده‌های واردشده توسط کاربر را حتی در صورت وجود خطا حفظ کنید.
راهبردهای بهینه‌سازی فرم:
- استفاده از طرح تک‌ستونی برای بیشتر فرم‌ها
- گروه‌بندی منطقی فیلدهای مرتبط
- ارائه برچسب‌های واضح و مشخص برای هر فیلد
- نمایش الزامات رمز عبور به‌صورت پیش‌فرض
- امکان مشاهده موقت رمزهای مخفی شده
- ارائه گزینه «خرید مهمان» در فرآیندهای تجارت الکترونیک
۵. بهبود ناوبری و مسیرهای کاربری
کاربر باید همیشه بداند در کدام مرحله از مسیر قرار دارد.
جهت‌یابی کاربر. نشانه‌های بصری و متنی واضحی فراهم کنید تا کاربران موقعیت فعلی خود را در محصول درک کنند. از ناوبری مسیر (breadcrumb)، نشانگرهای پیشرفت و طراحی بصری متمایز برای بخش‌های مختلف رابط استفاده کنید.
ارائه راه‌های بازگشت. به کاربران اجازه دهید به‌راحتی به مراحل قبلی بازگردند یا مراحل اختیاری را رد کنند. این کار از احساس گیر افتادن جلوگیری کرده و امکان کاوش انعطاف‌پذیرتر در محصول را فراهم می‌کند. همیشه راهی واضح برای بازگشت به صفحه اصلی یا نقطه شروع ارائه دهید.
بهترین شیوه‌های ناوبری:
- استفاده از جایگاه منوی ثابت در سراسر محصول
- پیاده‌سازی لینک «پرش به محتوا» برای دسترسی‌پذیری
- ارائه قابلیت جستجو برای سایت‌ها یا اپلیکیشن‌های بزرگ
- استفاده از برچسب‌های توصیفی و عملی برای آیتم‌های ناوبری
- در نظر گرفتن گزینه‌های ناوبری متعدد (مثلاً منوی بالا و لینک‌های پاورقی)
۶. اولویت دادن به دسترسی‌پذیری و فراگیری
فقط از رنگ برای انتقال اطلاعات استفاده نکنید.
طراحی برای همه کاربران. اطمینان حاصل کنید محصول شما برای افراد با توانایی‌ها و دستگاه‌های مختلف قابل استفاده است. این شامل ملاحظات دسترسی بصری، شنیداری، حرکتی و شناختی می‌شود. بسیاری از بهبودهای دسترسی‌پذیری به همه کاربران کمک می‌کند و رابط‌های واضح‌تر و مقاوم‌تری ایجاد می‌کند.
آزمایش با فناوری‌های کمکی. به‌طور منظم محصول خود را با استفاده از صفحه‌خوان‌ها، ناوبری صفحه‌کلید و ابزارهای کمکی دیگر ارزیابی کنید. این کار به شناسایی نقاط قابل بهبود در دسترسی‌پذیری کمک کرده و تجربه فراگیرتری برای همه کاربران فراهم می‌کند.
ملاحظات کلیدی دسترسی‌پذیری:
- حفظ کنتراست رنگ کافی (حداقل نسبت ۴.۵:۱)
- ارائه جایگزین‌های متنی برای تصاویر و آیکون‌ها
- اطمینان از قابلیت ناوبری با صفحه‌کلید برای همه عناصر تعاملی
- استفاده از برچسب‌ها و نقش‌های ARIA برای بهبود سازگاری با صفحه‌خوان
- اجازه به کاربران برای تغییر اندازه متن بدون به‌هم‌ریختگی طرح
- اجتناب از استفاده صرف از رنگ برای انتقال معنا
۷. نگارش متن‌های واضح و یکپارچه
مثل یک انسان بنویسید.
زبان کاربر را به کار ببرید. از اصطلاحات تخصصی، زبان فنی و «زبانی شرکتی» در متن‌های رابط خودداری کنید. از زبان ساده، مختصر و قابل فهم برای مخاطبان هدف استفاده کنید. این کار بار شناختی را کاهش داده و محصول شما را صمیمی‌تر جلوه می‌دهد.
یکپارچگی را حفظ کنید. از همان اصطلاحات در سراسر محصول برای توصیف مفاهیم یا اقدامات مشابه بهره ببرید. این به کاربران کمک می‌کند مدل ذهنی منسجمی از عملکرد رابط بسازند. یک راهنمای سبک ایجاد کنید تا هماهنگی در بخش‌های مختلف محصول و بین اعضای تیم حفظ شود.
بهترین شیوه‌های نگارش:
- استفاده از فعل‌های فعال برای دستورالعمل‌های واضح‌تر و مستقیم‌تر
- تقسیم متن‌های طولانی به نکات گلوله‌ای یا پاراگراف‌های کوتاه
- قرار دادن اطلاعات مهم در عناوین و برچسب‌های دکمه‌ها
- استفاده از «ورود» و «ثبت‌نام» به جای «لاگین» و «رجیستر»
- ارائه پیام‌های خطای مفید که کاربران را در اصلاح اشتباهات راهنمایی کند
۸. ساده‌سازی جستجو و تجربه‌های تجارت الکترونیک
صفحات نتایج جستجو باید مرتبط‌ترین نتیجه را در بالای صفحه نشان دهند.
ارتباط، کلید موفقیت است. در عملکرد جستجو سرمایه‌گذاری کنید تا مرتبط‌ترین نتایج در اولویت قرار گیرند. نتایج را به بخش‌های منطقی دسته‌بندی کنید تا کاربران سریع‌تر آنچه می‌خواهند را بیابند. گزینه‌های فیلتر و مرتب‌سازی واضحی ارائه دهید تا کاربران بتوانند جستجوی خود را دقیق‌تر کنند.
خرید را ساده کنید. از الگوهای شناخته‌شده تجارت الکترونیک پیروی کنید تا آشنایی ایجاد شود. تعداد مراحل خرید را به حداقل برسانید. اطلاعات محصول، قیمت‌گذاری شفاف و گزینه‌های پرداخت متنوع ارائه دهید تا اعتماد ایجاد و ترک سبد خرید کاهش یابد.
بهینه‌سازی جستجو و تجارت الکترونیک:
- پیاده‌سازی تکمیل خودکار و پیشنهادات برای جستجو
- امکان اصلاح یا دقیق‌تر کردن جستجو برای کاربران
- نمایش تعداد نتایج هر دسته‌بندی
- ارائه گزینه خرید مهمان
- کاهش فیلدهای فرم در فرآیند پرداخت
- نمایش واضح هزینه‌های ارسال و زمان تخمینی تحویل
۹. بهره‌گیری از الگوها و تنظیمات پیش‌فرض شناخته‌شده
بر پایه استعاره‌های شناخته‌شده بسازید – این دزدی نیست.
آشنایی، قابلیت استفاده را افزایش می‌دهد. کاربران بیشتر وقت خود را در وب‌سایت‌ها و اپلیکیشن‌های دیگر می‌گذرانند. با به‌کارگیری الگوهای رایج طراحی، از دانش موجود کاربران بهره‌مند شده و منحنی یادگیری محصول خود را کاهش دهید. مگر در موارد ضروری، چرخ را دوباره اختراع نکنید.
تنظیمات پیش‌فرض هوشمندانه انتخاب کنید. به دقت تنظیمات و گزینه‌های پیش‌فرض محصول را بررسی کنید. تنظیمات پیش‌فرض خوب می‌تواند تعداد تصمیمات کاربران را کاهش داده و تجربه آن‌ها را ساده‌تر کند. همیشه امکان تغییر آسان این تنظیمات را برای کاربران فراهم کنید.
استفاده از الگوهای شناخته‌شده:
- مطالعه رقبا و پیشروان صنعت برای الهام گرفتن
- استفاده از آیکون‌ها و عناصر رابط کاربری قابل تشخیص (مثلاً منوی همبرگری، سبد خرید)
- پیروی از دستورالعمل‌های پلتفرم خاص (راهنمای رابط کاربری iOS، متریال دیزاین)
- پیاده‌سازی حرکات و تعاملات رایج (بزرگ‌نمایی با دو انگشت، کشیدن برای تازه‌سازی)
- ارائه گزینه‌های «واگرد» آسان برای اقدامات مخرب
۱۰. احترام به زمان و تلاش کاربر
هرگز داده‌های واردشده توسط کاربر را بدون درخواست صریح پاک نکنید.
ارزش‌گذاری به ورودی کاربر. هر داده یا محتوایی که توسط کاربران ایجاد می‌شود را با احترام کامل برخورد کنید. بدون تأیید صریح، اطلاعات واردشده را حذف نکنید. در صورت امکان، ویژگی ذخیره خودکار را پیاده‌سازی کنید تا از دست رفتن ناخواسته داده‌ها جلوگیری شود.
بهینه‌سازی برای کارایی. رابط خود را طوری طراحی کنید که کاربران بتوانند اهدافشان را سریع و با کمترین تلاش ممکن به انجام برسانند. این شامل ارائه میانبرهای صفحه‌کلید، امکان انجام عملیات دسته‌ای و به خاطر سپردن ترجیحات کاربر برای کاهش کارهای تکراری است.
راهبردهای احترام به زمان و تلاش کاربر:
- پیاده‌سازی اسکرول بی‌نهایت برای محتوای سبک فید، همراه با امکان بازگشت به موقعیت قبلی
- ارائه نشانگرهای پیشرفت واضح برای فرآیندهای چندمرحله‌ای
- اجازه ذخیره و ادامه کارهای پیچیده
- ارائه عملیات دسته‌ای برای کارهای تکراری
- استفاده از بارگذاری ناهمزمان و به‌روزرسانی‌های رابط خوش‌بینانه برای ایجاد حس سرعت
- پیاده‌سازی لینک «پرش به محتوا» برای کاربران صفحه‌کلید
آخرین به‌روزرسانی::
FAQ
What's "101 UX Principles" about?
- Comprehensive UX Guide: "101 UX Principles" by Will Grant is a definitive guide that provides a broad set of guidelines for designing digital products with a focus on user experience.
- Core Principles: The book outlines 101 core principles that aim to make digital products more usable and effective, saving time and enhancing user satisfaction.
- Practical Advice: It offers practical advice for both novice and seasoned UX professionals, covering various aspects of UX design such as typography, controls, and user journeys.
- User-Centric Approach: The book emphasizes the importance of putting the user first and designing products that are intuitive and easy to use.
Why should I read "101 UX Principles"?
- Improve UX Skills: Whether you're a beginner or an experienced designer, the book provides valuable insights and shortcuts to improve your UX design skills.
- Real-World Examples: It includes real-world examples and scenarios that illustrate common UX challenges and solutions.
- Comprehensive Coverage: The book covers a wide range of topics, from typography and controls to user journeys and consistency, making it a comprehensive resource.
- User-Centric Focus: It encourages a user-centric approach, helping you design products that meet user needs and enhance their experience.
What are the key takeaways of "101 UX Principles"?
- Empathy and Objectivity: Empathy and objectivity are crucial traits for UX professionals to understand user needs and improve product design.
- Simplicity and Clarity: Strive for simplicity and clarity in design to make products more intuitive and user-friendly.
- Consistency is Key: Consistent use of icons, terminology, and controls across a product enhances usability and user satisfaction.
- Test with Real Users: Regular testing with real users is essential to identify usability issues and improve the overall user experience.
What are the best quotes from "101 UX Principles" and what do they mean?
- "User experience is not art. It's the opposite of art." This quote emphasizes that UX design should prioritize functionality and user needs over aesthetics.
- "A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away." This highlights the importance of simplicity and removing unnecessary elements in design.
- "Fight for the user, not the company." This encourages designers to prioritize user needs and experiences over corporate interests or branding guidelines.
- "Test with real users and listen to them, and you'll build something they love." This underscores the importance of user testing in creating successful products.
How does "101 UX Principles" define a UX professional?
- Anyone Can Be a UX Professional: The book suggests that anyone involved in designing software products can be a UX professional, regardless of their official role.
- Key Traits: Empathy and objectivity are identified as the primary skills needed to excel in UX design.
- Learning and Practice: While formal study and experience are valuable, the book emphasizes that UX skills can be learned and honed through practice.
- User-Centric Focus: A UX professional should always prioritize the user's needs and strive to create intuitive and effective designs.
What typography advice does "101 UX Principles" offer?
- Limit Typefaces: Use no more than two typefaces to avoid visual noise and enhance readability.
- System Fonts: Utilize system-native fonts to improve page load times and ensure better rendering across devices.
- Information Hierarchy: Use type size to depict information hierarchy, making important information more prominent.
- Sensible Defaults: Set a sensible default size for body copy, typically 16px with a 1.5 line height, to ensure readability.
What does "101 UX Principles" say about button design?
- Make Buttons Obvious: Buttons should look like buttons, with visual affordances such as texture and shadows to indicate interactivity.
- Clickable Area: Ensure the entire button is clickable, not just the text, to improve usability.
- Sensible Size and Grouping: Buttons should be a sensible size and grouped by function to facilitate easy navigation.
- Avoid Arbitrary Controls: Do not invent new, arbitrary controls; use established patterns that users are familiar with.
How does "101 UX Principles" address form design?
- Minimal Information: Only ask for the information you truly need to reduce user effort and increase form completion rates.
- Immediate Validation: Validate data entry as soon as possible to provide instant feedback and reduce errors.
- Forgiving Design: Be forgiving with data entry, allowing flexibility in how users input information.
- Clear Error Indication: If a form fails validation, clearly show which fields need attention to guide the user in correcting errors.
What does "101 UX Principles" recommend for navigation design?
- Avoid Hamburger Menus: Hamburger menus can slow down discovery and increase task difficulty; consider alternative navigation patterns.
- Breadcrumb Navigation: Use breadcrumb navigation to help users understand their location within a product and easily navigate back.
- Logical Tab Order: Ensure navigation elements have a logical tab order to improve accessibility and usability.
- Consistent Icons: Use consistent icons across the product to enhance recognition and reduce user confusion.
How does "101 UX Principles" suggest handling user feedback?
- Test with Real Users: Regularly test with a diverse group of real users to gather valuable insights and improve the product.
- Listen and Iterate: Use feedback to iterate quickly and make necessary adjustments to enhance the user experience.
- Small Test Groups: Even small test groups can provide significant insights, uncovering the majority of usability issues.
- User-Centric Approach: Always prioritize user feedback and needs over internal assumptions or preferences.
What are some advanced UX concepts covered in "101 UX Principles"?
- Obvious, Easy, Possible: Classify interactions as obvious, easy, or possible to determine their prominence and accessibility in the UI.
- Infinite Scroll vs. Pagination: Use infinite scroll for feed-style content and pagination for content with a clear beginning, middle, and end.
- Sensible Defaults: Choose default settings that reduce user effort and align with common user behaviors and preferences.
- Established Metaphors: Build upon established metaphors and patterns to create intuitive and familiar user experiences.
How does "101 UX Principles" address ethical considerations in UX design?
- Avoid Dark Patterns: Refrain from using deceptive or manipulative design patterns that prioritize company goals over user needs.
- Ethical Implications: Consider the moral and ethical implications of the software you help create, ensuring it benefits users.
- User-Centric Focus: Always fight for the user, prioritizing their needs and experiences over corporate interests.
- Transparent Design: Design interfaces and experiences that are transparent and respectful of user autonomy and choice.
نقد و بررسی
کتاب «۱۰۱ اصل تجربه کاربری» عمدتاً با بازخوردهای مثبت مواجه شده و میانگین امتیاز آن ۴.۱۲ از ۵ است. خوانندگان از توصیه‌های کاربردی، سبک نوشتاری روشن و پوشش جامع موضوعات مرتبط با تجربه کاربری استقبال می‌کنند. بسیاری این کتاب را برای تازه‌کاران و حرفه‌ای‌های باتجربه به یک منبع مفید تبدیل می‌دانند. کتاب به‌خاطر رویکرد ساده و مثال‌های واقعی خود مورد تحسین قرار گرفته است. برخی از نقدها اشاره دارند که اگرچه مطالب ممکن است بدیهی به نظر برسند، اما یادآوری ارزشمندی از اصول مهم به شمار می‌روند. تعداد معدودی از منتقدان نیز معتقدند که برخی اصول قابل بحث هستند یا کتاب می‌توانست با مثال‌های به‌روزتر غنی‌تر شود.
Similar Books
