نکات کلیدی
1. کاربران را به فکر وادار نکنید: طراحی برای شهود و وضوح
اگر نمی‌توانید صفحه‌ای را به‌طور خودآشکار بسازید، حداقل باید آن را خودتوضیحی کنید.
طراحی شهودی کلیدی است. کاربران نباید مجبور باشند بفهمند که وب‌سایت شما چگونه کار می‌کند. هر عنصر، از ناوبری تا محتوا، باید بلافاصله قابل درک باشد. وقتی کاربران با چیزی نامشخص مواجه می‌شوند، اصطکاک شناختی ایجاد می‌شود که آن‌ها را کند کرده و ممکن است آن‌ها را دور کند.
خودآشکار در مقابل خودتوضیحی. ایده‌آل این است که طراحی شما خودآشکار باشد و نیازی به فکر کردن برای درک آن نباشد. اگر این ممکن نیست، به سمت خودتوضیحی بروید، جایی که کاربران می‌توانند با کمترین تلاش مفهوم را به سرعت درک کنند. این امر به همه چیز از برچسب‌های دکمه‌ها تا ساختار کلی سایت اعمال می‌شود.
کاهش بار ذهنی. علامت سوال‌ها را از ذهن کاربران حذف کنید. انتخاب‌ها را واضح کنید، از زبان روشن استفاده کنید و از قراردادهای وب موجود پیروی کنید. هرچه کاربران کمتر به استفاده از سایت شما فکر کنند، انرژی ذهنی بیشتری می‌توانند به محتوای شما یا محصولات شما اختصاص دهند.
2. کاربران وب اسکن می‌کنند، نمی‌خوانند: بهینه‌سازی برای درک سریع
ما صفحات را نمی‌خوانیم. ما آن‌ها را اسکن می‌کنیم.
اسکن کردن عادی است. بیشتر کاربران صفحات وب را به‌طور کامل نمی‌خوانند. آن‌ها به سرعت اسکن می‌کنند و به دنبال کلمات کلیدی، عبارات و نشانه‌های بصری می‌گردند که با وظیفه یا علاقه آن‌ها مطابقت دارد. این رفتار ناشی از فشار زمانی، آگاهی از اینکه نیازی به خواندن همه چیز نیست و سال‌ها تجربه در جمع‌آوری اطلاعات "به اندازه کافی خوب" است.
طراحی برای اسکنرها. از تکنیک‌هایی استفاده کنید که محتوای شما را به راحتی قابل مرور کند:
- عناوین و زیرعناوین واضح و توصیفی
- لیست‌های بولت‌دار
- پاراگراف‌های کوتاه
- کلمات کلیدی برجسته
- تصاویر و توضیحات معنادار
اطلاعات مهم را در ابتدا قرار دهید. مهم‌ترین محتوا را در بالای صفحه و ابتدای پاراگراف‌ها قرار دهید. از سبک هرم وارونه در روزنامه‌نگاری استفاده کنید: با نتیجه‌گیری شروع کنید و سپس جزئیات پشتیبانی‌کننده را ارائه دهید.
3. ایجاد سلسله مراتب بصری و قراردادهای واضح
قراردادها دوستان شما هستند.
سلسله مراتب بصری کاربران را راهنمایی می‌کند. عناصر مهم را از طریق اندازه، رنگ، موقعیت و فضای سفید برجسته کنید. آیتم‌های مرتبط را به‌صورت بصری گروه‌بندی کنید. از تو در تویی برای نشان دادن اینکه چه چیزی بخشی از چه چیزی است استفاده کنید. یک سلسله مراتب بصری واضح به کاربران کمک می‌کند تا صفحه شما را در یک نگاه درک کنند.
از قراردادها استفاده کنید. قراردادهای وب به دلیلی تکامل یافته‌اند - آن‌ها کار می‌کنند. کاربران یاد گرفته‌اند که انتظار داشته باشند عناصر خاصی در مکان‌های خاصی باشند (مثلاً لوگو در بالا سمت چپ، جستجو در بالا سمت راست). به این قراردادها پایبند باشید مگر اینکه دلیل بسیار خوبی برای عدم انجام آن داشته باشید.
تعادل بین نوآوری و آشنایی. در حالی که خلاقیت ارزشمند است، چرخ را برای عملکردهای اساسی دوباره اختراع نکنید. الگوهای آشنا بار شناختی را کاهش می‌دهند. اگر نوآوری می‌کنید، مطمئن شوید که طراحی جدید آنقدر شهودی است که نیازی به منحنی یادگیری ندارد، یا ارزش قابل توجهی اضافه می‌کند تا یک منحنی یادگیری کوچک را توجیه کند.
4. صفحات را به مناطق به‌وضوح تعریف‌شده تقسیم کنید
ایده‌آل این است که کاربران بتوانند نسخه‌ای از بازی قدیمی نمایش تلویزیونی دیک کلارک، هرم ۲۵۰۰۰ دلاری، را با هر صفحه وب طراحی‌شده خوب بازی کنند.
مناطق متمایز به درک کمک می‌کنند. تقسیم صفحه شما به مناطق به‌وضوح تعریف‌شده به کاربران کمک می‌کند تا به سرعت تصمیم بگیرند که کدام بخش‌ها را باید تمرکز کنند و کدام را نادیده بگیرند. این امر به‌ویژه با توجه به تمایل کاربران به اسکن کردن به جای خواندن کامل مهم است.
مناطق را بلافاصله قابل تشخیص کنید. کاربران باید بتوانند هدف هر منطقه را در یک نگاه شناسایی کنند:
- ناوبری
- جستجو
- محتوا
- تبلیغات
- عناصر برندینگ
از طراحی بصری برای تقویت تقسیمات استفاده کنید. از تکنیک‌هایی مانند فضای سفید، مرزها، پس‌زمینه‌های رنگی و سبک‌های سازگار برای تفکیک مناطق مختلف استفاده کنید. این سازماندهی بصری به کاربران کمک می‌کند تا یک مدل ذهنی از ساختار سایت شما بسازند.
5. واضح کنید که چه چیزی قابل کلیک است
از آنجا که بخش بزرگی از کاری که مردم در وب انجام می‌دهند جستجوی چیز بعدی برای کلیک کردن است، مهم است که واضح کنید چه چیزی قابل کلیک است و چه چیزی نیست.
وضوح تعاملات، ناامیدی را کاهش می‌دهد. کاربران نباید حدس بزنند که با چه چیزی می‌توانند تعامل داشته باشند. لینک‌ها و دکمه‌ها را از طریق:
- سبک‌سازی سازگار (مثلاً متن زیرخط‌دار برای لینک‌ها)
- تمایز رنگی
- اثرات شناور
- اشکال دکمه‌مانند برای اقدامات مهم
از تعاملات نادرست پرهیز کنید. عناصر غیرتعاملی را به‌گونه‌ای طراحی نکنید که قابل کلیک به نظر برسند. این امر باعث ایجاد سردرگمی و کاهش اعتماد به رابط کاربری شما می‌شود.
تعاملات موبایلی را در نظر بگیرید. در دستگاه‌های لمسی، اهداف ضربه‌ای را به اندازه کافی بزرگ و به‌طور مناسب فاصله‌گذاری کنید. بازخورد بصری برای ضربه‌ها ارائه دهید تا تعامل را تأیید کنید.
6. حواس‌پرتی‌ها و شلوغی را حذف کنید
نیمی از کلمات هر صفحه را حذف کنید، سپس نیمی از آنچه باقی مانده است را حذف کنید.
تمرکز حیاتی است. هر عنصر غیرضروری در یک صفحه برای جلب توجه کاربر رقابت می‌کند. طراحی‌های شلوغ پیدا کردن آنچه کاربران به دنبال آن هستند و درک پیام شما را دشوارتر می‌کند.
به‌طور بی‌رحمانه ویرایش کنید. حذف کنید:
- کلمات و محتوای غیرضروری
- گزینه‌های ناوبری تکراری
- تصاویر صرفاً تزئینی
- طرح‌های بیش از حد پیچیده
فضای سفید را بپذیرید. احساس نکنید که باید هر پیکسل را پر کنید. فضای سفید به سازماندهی محتوا کمک می‌کند، خوانایی را بهبود می‌بخشد و به عناصر مهم فضای تنفس می‌دهد.
به‌طور بی‌رحمانه اولویت‌بندی کنید. برای هر عنصر در صفحه بپرسید: "آیا این از هدف اصلی این صفحه پشتیبانی می‌کند؟" اگر نه، در نظر بگیرید که آن را حذف کنید یا کمتر برجسته کنید.
7. طراحی ناوبری مؤثر: پیدا کردن و درک آن را آسان کنید
ناوبری وب این حس مکان گم‌شده را با تجسم سلسله مراتب سایت جبران می‌کند و حس "آنجا" را ایجاد می‌کند.
ناوبری واضح حیاتی است. ناوبری خوب به کاربران می‌گوید که چه چیزی در سایت است، چگونه از آن استفاده کنند و به آن‌ها اعتماد به نفس در سازندگان سایت می‌دهد. باید در سراسر سایت سازگار باشد و زمینه‌ای برای جایی که کاربر در ساختار سایت قرار دارد فراهم کند.
عناصر کلیدی ناوبری:
- ناوبری پایدار (در هر صفحه حاضر باشد)
- نام‌های بخش واضح
- یک لینک "خانه"
- قابلیت جستجو
- نان‌ریزه‌ها برای سلسله مراتب عمیق
دسته‌بندی‌ها را خودآشکار کنید. کاربران باید بتوانند پیش‌بینی کنند که در هر بخش چه چیزی پیدا خواهند کرد. از برچسب‌های واضح و توصیفی استفاده کنید و از نام‌های هوشمندانه که ممکن است مبهم باشند پرهیز کنید.
8. بهینه‌سازی صفحه اصلی: هدف واضح و نقاط شروع آسان
صفحه اصلی باید همه را در خود جای دهد، که مانند گفتن "هر کسی می‌تواند اینجا پارک کند" درباره یک فضای پارکینگ واحد است.
هدف را بلافاصله منتقل کنید. در عرض چند ثانیه، بازدیدکنندگان جدید باید بفهمند که سایت شما درباره چیست و چه چیزی به آن‌ها ارائه می‌دهد. از یک شعار واضح و متن توضیحی مختصر استفاده کنید.
عملکردهای کلیدی را نمایش دهید. واضح کنید که چگونه مهم‌ترین وظایف را در سایت خود شروع کنید. چه جستجو، ایجاد حساب کاربری یا مرور محصولات باشد، این نقاط ورودی باید برجسته باشند.
نیازهای رقابتی را متعادل کنید. صفحات اصلی اغلب باید به چندین مخاطب و اهداف تجاری خدمت کنند. به‌طور بی‌رحمانه اولویت‌بندی کنید و بر مهم‌ترین عناصر تمرکز کنید. در برابر وسوسه ترویج همه چیز مقاومت کنید.
9. تست قابلیت استفاده با بودجه: آن را ساده نگه دارید و اغلب انجام دهید
تست یک کاربر در اوایل پروژه بهتر از تست ۵۰ کاربر در پایان است.
تست منظم بی‌قیمت است. حتی تست‌های کوچک و غیررسمی قابلیت استفاده می‌تواند مشکلات عمده را آشکار کند. هدف این است که در طول فرآیند توسعه به‌طور مکرر و زودهنگام تست کنید.
آن را ساده نگه دارید:
- با ۳-۴ کاربر در هر دور تست کنید
- بر وظایف و نقاط درد اصلی تمرکز کنید
- از پروتکل‌های فکر با صدای بلند برای درک فرآیندهای فکری کاربران استفاده کنید
- به دنبال الگوها در میان چندین کاربر باشید
به سرعت بر روی بینش‌ها عمل کنید. هدف بهبود طراحی است، نه ایجاد گزارش‌های پیچیده. پس از هر دور تست، مهم‌ترین مشکلات را شناسایی کرده و به سرعت اصلاحات را اعمال کنید.
10. دسترسی اهمیت دارد: برای همه کاربران طراحی کنید
ساخت صفحات خودآشکار مانند داشتن نورپردازی خوب در یک فروشگاه است: همه چیز را بهتر می‌کند.
طراحی فراگیر به همه سود می‌رساند. طراحی برای دسترسی نه تنها به کاربران با ناتوانی‌ها کمک می‌کند بلکه اغلب قابلیت استفاده را برای همه کاربران بهبود می‌بخشد. همچنین برای رعایت قوانین و شیوه‌های تجاری اخلاقی اهمیت فزاینده‌ای دارد.
ملاحظات کلیدی دسترسی:
- ارائه جایگزین‌های متنی برای تصاویر
- اطمینان از ناوبری با صفحه‌کلید
- استفاده از کنتراست رنگی کافی
- ایجاد ساختار محتوای منطقی
- فرم‌ها را قابل دسترسی کنید
با اصول اولیه شروع کنید. حتی بهبودهای کوچک در دسترسی می‌تواند تفاوت بزرگی ایجاد کند. ابتدا بر تغییرات با بیشترین تأثیر تمرکز کنید، سپس به تدریج دسترسی را بهبود بخشید.
11. برای وب بنویسید: مختصر، قابل اسکن و عینی
صحبت‌های خوشحال باید از بین برود.
اختصار کلیدی است. کاربران وب زمان و توجه محدودی دارند. کلمات غیرضروری، متن‌های مقدماتی و زبان بازاریابی را حذف کنید. به سرعت و به‌وضوح به اصل مطلب برسید.
متن را قابل اسکن کنید:
- از عناوین و زیرعناوین معنادار استفاده کنید
- از لیست‌های بولت‌دار و شماره‌دار استفاده کنید
- اصطلاحات و عبارات کلیدی را برجسته کنید
- از پاراگراف‌های کوتاه و فضای سفید فراوان استفاده کنید
عینی و مستقیم باشید. از اغراق و ادعاهای بزرگ پرهیز کنید. کاربران به زبان بازاریابی مشکوک هستند و اطلاعات واضح و واقعی را قدردانی می‌کنند. بگذارید محصولات یا خدمات شما خودشان صحبت کنند.
آخرین به‌روزرسانی::
FAQ
What's "Don't Make Me Think" about?
- Web Usability Focus: "Don't Make Me Think" by Steve Krug is a guide to web usability, emphasizing the importance of intuitive design that doesn't require users to think too much.
- Practical Advice: The book provides practical advice on how to create user-friendly websites by focusing on design principles rather than technology.
- User-Centric Approach: It stresses the importance of understanding how users interact with websites and designing with their needs in mind.
- Second Edition Updates: The second edition includes updated examples and additional chapters on accessibility and usability testing.
Why should I read "Don't Make Me Think"?
- Improve Usability Skills: It offers valuable insights into making websites more user-friendly, which is crucial for anyone involved in web design or development.
- Practical and Concise: The book is known for its brevity and practical approach, making it easy to read and apply the concepts quickly.
- Widely Respected: Steve Krug is a respected figure in the field of usability, and his book is considered a classic in web design literature.
- Broad Audience: Whether you're a designer, developer, or project manager, the book provides relevant advice for improving web usability.
What are the key takeaways of "Don't Make Me Think"?
- First Law of Usability: Krug's first law is "Don't make me think," emphasizing that web pages should be self-evident and intuitive.
- User Behavior Insights: Users scan pages rather than read them, and they often satisfice, choosing the first reasonable option rather than the best one.
- Importance of Testing: Regular usability testing is crucial, even if it's informal and involves just a few users.
- Clear Navigation: Effective navigation is essential for a good user experience, and it should be consistent and easy to understand.
How does Steve Krug define usability in "Don't Make Me Think"?
- Ease of Use: Usability means ensuring that a person of average ability can use a website for its intended purpose without frustration.
- Common Sense Approach: Krug advocates for a common-sense approach to usability, focusing on making things obvious and self-explanatory.
- User-Centric Design: The design should prioritize the user's needs and minimize the cognitive load required to navigate the site.
- Iterative Testing: Usability is best achieved through iterative testing and refinement based on user feedback.
What is Krug's First Law of Usability?
- "Don't Make Me Think": The first law is that web pages should be self-evident, meaning users should understand them without having to think.
- Obvious and Intuitive: The design should be obvious and intuitive, allowing users to navigate without confusion or hesitation.
- Reduce Cognitive Load: By minimizing the cognitive load, users can focus on their tasks rather than figuring out how to use the site.
- Ultimate Tie Breaker: This principle serves as the ultimate tie breaker when deciding if a design works or not.
What are some best practices for web navigation according to "Don't Make Me Think"?
- Consistent Navigation: Use persistent navigation elements that appear on every page to provide a consistent user experience.
- Clear Visual Hierarchy: Create a clear visual hierarchy to help users understand the relationships between different elements on a page.
- Use Conventions: Take advantage of web conventions to make navigation intuitive and reduce the learning curve for users.
- Highlight Current Location: Use "You are here" indicators to show users their current location within the site.
How does Krug suggest handling usability testing?
- Start Early and Test Often: Begin testing early in the design process and continue testing iteratively to catch issues before they become ingrained.
- Simple and Inexpensive: Usability testing doesn't have to be expensive or complicated; even testing with a few users can provide valuable insights.
- Focus on Key Tasks: Test key tasks that users are likely to perform on the site to ensure they can complete them easily.
- Observe and Adjust: Watch users interact with the site, note where they struggle, and make adjustments based on these observations.
What role do taglines play in web design according to "Don't Make Me Think"?
- Convey Site Purpose: Taglines should clearly convey the purpose of the site and what makes it unique or valuable.
- Positioning: They are typically placed near the Site ID to immediately inform users about the site's mission.
- Brevity and Clarity: Effective taglines are concise, usually six to eight words, and provide a clear benefit or differentiation.
- Avoid Jargon: Taglines should avoid vague or generic language that doesn't add value or clarity.
What are some common usability issues highlighted in "Don't Make Me Think"?
- Unclear Navigation: Users often struggle with navigation that isn't intuitive or consistent across the site.
- Excessive Text: Pages with too much text can overwhelm users; Krug advises cutting unnecessary words.
- Hidden Information: Important information, like contact details or pricing, should not be hidden or difficult to find.
- Complex Forms: Forms should be simple and only ask for necessary information to avoid user frustration.
How does Krug address accessibility in "Don't Make Me Think"?
- Part of Usability: Accessibility is an integral part of usability, ensuring that all users, including those with disabilities, can use the site.
- Simple Adjustments: Implementing basic accessibility features, like alt text for images and keyboard navigation, can significantly improve usability.
- Cascading Style Sheets (CSS): Using CSS can help create accessible designs by allowing for flexible layouts and text resizing.
- Right Thing to Do: Beyond legal requirements, making a site accessible is the right thing to do as it can dramatically improve some users' lives.
What are some of the best quotes from "Don't Make Me Think" and what do they mean?
- "Don't make me think!": This quote encapsulates the book's core message that web design should be intuitive and self-evident.
- "Get rid of half the words on each page, then get rid of half of what's left.": This emphasizes the importance of concise content that doesn't overwhelm users.
- "Usability testing on 10 cents a day.": Krug highlights that usability testing can be simple and inexpensive, yet highly effective.
- "The Farmer and the Cowman Should Be Friends.": This chapter title suggests that different stakeholders in web design should collaborate despite differing perspectives.
How does "Don't Make Me Think" address the balance between design and functionality?
- Design for Users: The book stresses that design should prioritize user needs and ease of use over aesthetic appeal alone.
- Avoid Over-Design: While visual appeal is important, it should not come at the expense of functionality or user experience.
- Iterative Improvement: Design should be refined through iterative testing and feedback to ensure it meets user needs effectively.
- Balance Sizzle and Substance: Krug advises against adding unnecessary "sizzle" that can detract from the site's usability and purpose.
نقد و بررسی
کتاب به من فکر نکن به عنوان راهنمایی ضروری برای کاربردپذیری وب تحسین شده است و مشاوره‌های عملی برای ایجاد وب‌سایت‌های شهودی و کاربرپسند ارائه می‌دهد. خوانندگان از سبک نوشتاری ساده، طنز و استفاده از مثال‌های کرگ قدردانی می‌کنند. در حالی که برخی محتوا را بدیهی یا قدیمی می‌دانند، بسیاری آن را برای طراحان مبتدی و با تجربه ارزشمند می‌دانند. این کتاب بر سادگی، ناوبری واضح و طراحی کاربرمحور تأکید دارد. همچنین به آزمون‌های کاربردپذیری و دسترسی‌پذیری می‌پردازد. با وجود قدمت آن، اکثر منتقدان توافق دارند که اصول اصلی همچنان در طراحی وب مدرن مرتبط هستند.
Similar Books
