أهم النقاط
1. لا تجعل المستخدمين يفكرون: صمم من أجل الحدس والوضوح
إذا لم تستطع جعل الصفحة بديهية، فعلى الأقل اجعلها تشرح نفسها بنفسها.
التصميم الحدسي هو الأساس. يجب ألا يضطر المستخدمون إلى اكتشاف كيفية عمل موقعك. كل عنصر، من التنقل إلى المحتوى، يجب أن يكون مفهومًا على الفور. عندما يواجه المستخدمون شيئًا غير واضح، ينشأ احتكاك ذهني يبطئهم وقد يدفعهم للابتعاد.
البديهي مقابل الشرح الذاتي. من المثالي أن يكون تصميمك بديهيًا لا يحتاج إلى تفكير لفهمه. وإذا لم يكن ذلك ممكنًا، فاجعله على الأقل يشرح نفسه بسرعة وبجهد قليل. هذا ينطبق على كل شيء من تسميات الأزرار إلى هيكل الموقع العام.
قلل العبء الذهني. أزل علامات الاستفهام من أذهان المستخدمين. اجعل الخيارات واضحة، استخدم لغة بسيطة، واتبع العادات المتعارف عليها في الويب. كلما قل تفكير المستخدم في استخدام موقعك، زادت طاقته الذهنية التي يمكن أن يكرسها لمحتواك أو منتجاتك.
2. مستخدمو الويب يمسحون المحتوى ولا يقرؤونه: حسّن من أجل الفهم السريع
نحن لا نقرأ الصفحات، بل نمسحها.
المسح هو السلوك الطبيعي. معظم المستخدمين لا يقرؤون صفحات الويب بدقة. إنهم يمسحون بسرعة بحثًا عن كلمات مفتاحية، عبارات، وإشارات بصرية تتناسب مع مهمتهم أو اهتمامهم. هذا السلوك نابع من ضيق الوقت، ووعيهم بعدم الحاجة لقراءة كل شيء، وتجاربهم المتراكمة في جمع المعلومات "الجيدة بما فيه الكفاية".
صمم للمسحين. استخدم تقنيات تجعل محتواك سهل المسح:
- عناوين فرعية واضحة وموصوفة
- قوائم نقطية
- فقرات قصيرة
- كلمات مفتاحية مميزة
- صور وعناوين توضيحية ذات معنى
ضع المعلومات المهمة في المقدمة. اجعل المحتوى الأهم في أعلى الصفحة وبداية الفقرات. اتبع أسلوب الهرم المقلوب في الصحافة: ابدأ بالخلاصة ثم قدم التفاصيل الداعمة.
3. أنشئ تسلسلات بصرية واضحة وعادات متعارف عليها
العادات المتعارف عليها هي أصدقاؤك.
التسلسل البصري يوجه المستخدمين. اجعل العناصر المهمة أكثر بروزًا من خلال الحجم، اللون، الموضع، والمساحات البيضاء. اجمع العناصر المرتبطة بصريًا. استخدم التداخل لإظهار ما هو جزء من ماذا. التسلسل البصري الواضح يساعد المستخدمين على فهم الصفحة بنظرة واحدة.
استفد من العادات المتعارف عليها. لقد تطورت عادات الويب لسبب – لأنها فعالة. المستخدمون تعودوا على توقع وجود عناصر معينة في أماكن محددة (مثل الشعار في الأعلى يسار، البحث في الأعلى يمين). التزم بهذه العادات إلا إذا كان لديك سبب وجيه للابتعاد عنها.
وازن بين الابتكار والألفة. رغم أن الإبداع مهم، لا تعيد اختراع العجلة للوظائف الأساسية. الأنماط المألوفة تقلل العبء الذهني. وإذا ابتكرت، فتأكد أن التصميم الجديد بديهي لدرجة لا تحتاج إلى منحنى تعلم، أو يضيف قيمة كبيرة تبرر منحنى التعلم الصغير.
4. قسم الصفحات إلى مناطق محددة بوضوح
من المثالي أن يتمكن المستخدمون من لعب نسخة من لعبة "هرم 25,000 دولار" مع أي صفحة ويب مصممة جيدًا.
المناطق المميزة تساعد على الفهم. تقسيم الصفحة إلى مناطق واضحة يساعد المستخدمين على تحديد الأجزاء التي يركزون عليها وتجاهل الأخرى بسرعة. هذا مهم خصوصًا لأن المستخدمين يميلون إلى المسح بدلاً من القراءة المتأنية.
اجعل المناطق قابلة للتعرف الفوري. يجب أن يستطيع المستخدمون تحديد هدف كل منطقة بنظرة سريعة:
- التنقل
- البحث
- المحتوى
- الإعلانات
- عناصر العلامة التجارية
استخدم التصميم البصري لتعزيز التقسيم. وظف تقنيات مثل المساحات البيضاء، الحدود، الخلفيات الملونة، والأساليب المتناسقة لتحديد المناطق المختلفة. هذا التنظيم البصري يساعد المستخدمين على بناء نموذج ذهني لهياكل موقعك.
5. اجعل من الواضح ما هو قابل للنقر
بما أن جزءًا كبيرًا مما يفعله الناس على الويب هو البحث عن الشيء التالي للنقر عليه، فمن المهم أن يكون واضحًا ما يمكن النقر عليه وما لا يمكن.
الإشارات الواضحة تقلل الإحباط. لا يجب أن يضطر المستخدمون للتخمين بشأن ما يمكنهم التفاعل معه. اجعل الروابط والأزرار بارزة من خلال:
- تنسيق متسق (مثل النص المسطر للروابط)
- تمييز بالألوان
- تأثيرات عند المرور بالفأرة
- أشكال تشبه الأزرار للإجراءات المهمة
تجنب الإشارات الخاطئة. لا تجعل العناصر غير التفاعلية تبدو قابلة للنقر. هذا يسبب ارتباكًا ويقلل الثقة في واجهتك.
اعتبر التفاعلات على الأجهزة المحمولة. على الأجهزة التي تعمل باللمس، اجعل مناطق النقر كبيرة ومباعدة بشكل مناسب. قدم ردود فعل بصرية عند النقر لتأكيد التفاعل.
6. تخلص من المشتتات والفوضى
تخلص من نصف الكلمات في كل صفحة، ثم تخلص من نصف ما تبقى.
التركيز أمر حاسم. كل عنصر غير ضروري في الصفحة يتنافس على انتباه المستخدم. التصاميم المزدحمة تجعل من الصعب على المستخدمين إيجاد ما يبحثون عنه وفهم رسالتك.
حرر المحتوى بلا رحمة. أزل:
- الكلمات والمحتوى غير الضروري
- خيارات التنقل المكررة
- الصور الزخرفية فقط
- التصاميم المعقدة جدًا
احتضن المساحات البيضاء. لا تشعر بالحاجة لملء كل بكسل. المساحات البيضاء تساعد في تنظيم المحتوى، وتحسن قابلية القراءة، وتعطي العناصر المهمة مجالًا للتنفس.
حدد الأولويات بلا هوادة. لكل عنصر في الصفحة، اسأل: "هل يدعم هذا الهدف الأساسي للصفحة؟" إذا لم يكن كذلك، فكر في إزالته أو تقليل بروزها.
7. صمم تنقلًا فعالًا: اجعله سهلًا للعثور عليه وفهمه
يعوض التنقل على الويب عن غياب الإحساس بالمكان من خلال تجسيد هيكل الموقع، مما يخلق إحساسًا بـ"المكان".
التنقل الواضح ضروري. التنقل الجيد يخبر المستخدمين بما يحتويه الموقع، وكيفية استخدامه، ويمنحهم ثقة في منشئي الموقع. يجب أن يكون متسقًا عبر الموقع ويوفر سياقًا لمكان المستخدم ضمن هيكل الموقع.
عناصر التنقل الأساسية:
- تنقل دائم (موجود في كل صفحة)
- أسماء أقسام واضحة
- رابط "الرئيسية"
- وظيفة البحث
- مسارات التنقل (Breadcrumbs) للهياكل العميقة
اجعل الفئات بديهية. يجب أن يكون المستخدمون قادرين على توقع ما سيجدونه في كل قسم. استخدم تسميات واضحة وموصوفة وتجنب الأسماء الغامضة أو الذكية التي قد تسبب اللبس.
8. حسّن صفحتك الرئيسية: هدف واضح ونقاط بداية سهلة
يجب أن تستوعب الصفحة الرئيسية الجميع، وهذا يشبه القول "يمكن لأي شخص أن يركن هنا" عن موقف سيارة واحد.
انقل الهدف فورًا. خلال ثوانٍ، يجب أن يفهم الزوار الجدد موضوع موقعك وما يقدمه لهم. استخدم شعارًا واضحًا ونصًا مختصرًا يشرح الفكرة.
اعرض الوظائف الرئيسية. اجعل من الواضح كيف تبدأ أهم المهام في موقعك. سواء كان البحث، إنشاء حساب، أو تصفح المنتجات، يجب أن تكون نقاط الدخول هذه بارزة.
وازن بين الاحتياجات المتنافسة. غالبًا ما تخدم الصفحات الرئيسية جماهير وأهداف تجارية متعددة. حدد الأولويات بلا هوادة وركز على العناصر الأكثر أهمية. قاوم إغراء الترويج لكل شيء.
9. اختبر سهولة الاستخدام بميزانية محدودة: اجعل الأمر بسيطًا وكرر الاختبار
اختبار مستخدم واحد مبكرًا في المشروع أفضل من اختبار 50 مستخدمًا قرب النهاية.
الاختبار المنتظم لا يقدر بثمن. حتى اختبارات سهولة الاستخدام الصغيرة وغير الرسمية يمكن أن تكشف عن مشكلات كبيرة. استهدف الاختبار مبكرًا وبشكل متكرر طوال عملية التطوير.
اجعل الأمر بسيطًا:
- اختبر مع 3-4 مستخدمين في كل جولة
- ركز على المهام الرئيسية ونقاط الألم
- استخدم بروتوكولات التفكير بصوت عالٍ لفهم عمليات تفكير المستخدمين
- ابحث عن أنماط متكررة عبر عدة مستخدمين
تصرف بسرعة بناءً على النتائج. الهدف هو تحسين التصميم، وليس إعداد تقارير معقدة. بعد كل جولة اختبار، حدد أهم المشكلات وطبق الحلول فورًا.
10. الوصولية مهمة: صمم لجميع المستخدمين
جعل الصفحات بديهية يشبه وجود إضاءة جيدة في متجر: يجعل كل شيء يبدو أفضل.
التصميم الشامل يفيد الجميع. التصميم من أجل الوصولية لا يساعد فقط المستخدمين ذوي الإعاقات، بل غالبًا ما يحسن سهولة الاستخدام لجميع المستخدمين. كما أنه مهم متزايد للامتثال القانوني والممارسات التجارية الأخلاقية.
اعتبارات الوصولية الأساسية:
- توفير بدائل نصية للصور
- ضمان التنقل عبر لوحة المفاتيح
- استخدام تباين لوني كافٍ
- إنشاء هيكل محتوى منطقي
- جعل النماذج سهلة الوصول
ابدأ بالأساسيات. حتى التحسينات الصغيرة في الوصولية يمكن أن تحدث فرقًا كبيرًا. ركز أولًا على التغييرات الأكثر تأثيرًا، ثم حسّن الوصولية تدريجيًا مع الوقت.
11. اكتب للويب: مختصر، قابل للمسح، وموضوعي
الكلام الفارغ يجب أن يموت.
الإيجاز هو الأساس. مستخدمو الويب لديهم وقت وانتباه محدودان. احذف الكلمات غير الضرورية، النصوص التمهيدية، ولغة التسويق المبالغ فيها. انتقل إلى النقطة بسرعة ووضوح.
اجعل النص قابلًا للمسح:
- استخدم عناوين فرعية ذات معنى
- وظف القوائم النقطية والمرقمة
- أبرز المصطلحات والعبارات الرئيسية
- استخدم فقرات قصيرة ومساحات بيضاء كافية
كن موضوعيًا ومباشرًا. تجنب المبالغة والادعاءات المفرطة. المستخدمون يشكون في لغة التسويق ويقدرون المعلومات الواضحة والواقعية. دع منتجاتك أو خدماتك تتحدث عن نفسها.
ملخص المراجعات
يُعتبر كتاب "لا تجعلني أفكر" دليلاً أساسياً في مجال سهولة استخدام المواقع الإلكترونية، حيث يقدم نصائح عملية لإنشاء مواقع بديهية وسهلة الاستخدام. يثني القراء على أسلوب كروغ المباشر، وروحه الفكاهية، واستخدامه للأمثلة التوضيحية. ورغم أن بعضهم يرى أن المحتوى واضح أو قديم بعض الشيء، إلا أن كثيرين يعتبرونه ذا قيمة لكل من المبتدئين والمصممين ذوي الخبرة. يركز الكتاب على البساطة، والتنقل الواضح، وتصميم يضع المستخدم في المقام الأول. كما يتناول اختبار سهولة الاستخدام وقابلية الوصول. وعلى الرغم من قدمه، يتفق معظم المراجعين على أن المبادئ الأساسية التي يطرحها لا تزال ذات صلة في تصميم الويب الحديث.
قرأ الآخرون أيضًا
الأسئلة الشائعة
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.
