اہم نکات
1۔ صارفین کو سوچنے پر مجبور نہ کریں: فطری اور واضح ڈیزائن بنائیں
اگر آپ کسی صفحے کو خود واضح نہیں بنا سکتے تو کم از کم اسے خود وضاحتی بنائیں۔
فطری ڈیزائن سب سے اہم ہے۔ صارفین کو یہ سمجھنے کی ضرورت نہیں کہ آپ کی ویب سائٹ کیسے کام کرتی ہے۔ ہر عنصر، چاہے وہ نیویگیشن ہو یا مواد، فوراً سمجھ میں آنا چاہیے۔ جب صارفین کو کوئی چیز غیر واضح لگے تو ذہنی رکاوٹ پیدا ہوتی ہے، جو ان کی رفتار کو سست کر دیتی ہے اور ممکنہ طور پر انہیں دور کر دیتی ہے۔
خود واضح بمقابلہ خود وضاحتی۔ مثالی طور پر، آپ کا ڈیزائن خود واضح ہونا چاہیے، جسے سمجھنے کے لیے سوچنے کی ضرورت نہ ہو۔ اگر یہ ممکن نہ ہو تو خود وضاحتی بنائیں، جہاں صارفین کم سے کم کوشش سے تصور کو جلدی سمجھ سکیں۔ یہ اصول بٹن کے لیبلز سے لے کر پورے سائٹ کے ڈھانچے تک ہر چیز پر لاگو ہوتا ہے۔
ذہنی بوجھ کم کریں۔ صارفین کے ذہن میں سوالیہ نشان ختم کریں۔ انتخاب واضح بنائیں، صاف زبان استعمال کریں، اور معروف ویب روایات کی پیروی کریں۔ جتنا کم صارفین کو آپ کی سائٹ استعمال کرنے کے لیے سوچنا پڑے گا، اتنی زیادہ ذہنی توانائی وہ آپ کے مواد یا مصنوعات پر صرف کر سکیں گے۔
2۔ ویب صارفین پڑھتے نہیں، اسکین کرتے ہیں: جلد فہم کے لیے بہتر بنائیں
ہم صفحات نہیں پڑھتے، ہم انہیں اسکین کرتے ہیں۔
اسکین کرنا معمول ہے۔ زیادہ تر صارفین ویب صفحات کو مکمل طور پر نہیں پڑھتے۔ وہ جلدی سے اسکین کرتے ہیں، مطلوبہ الفاظ، جملے، اور بصری اشارے تلاش کرتے ہیں جو ان کے کام یا دلچسپی سے میل کھاتے ہوں۔ یہ رویہ وقت کی کمی، یہ جاننے کی وجہ سے کہ ہر چیز پڑھنا ضروری نہیں، اور "کافی اچھا" معلومات حاصل کرنے کے سالوں کے تجربے کی وجہ سے ہوتا ہے۔
اسکین کرنے والوں کے لیے ڈیزائن کریں۔ ایسی تکنیکیں استعمال کریں جو آپ کے مواد کو آسانی سے اسکیم کرنے کے قابل بنائیں:
- واضح اور وضاحتی عنوانات اور ذیلی عنوانات
- بلٹ پوائنٹس کی فہرستیں
- مختصر پیراگراف
- نمایاں کردہ کلیدی الفاظ
- معنی خیز تصاویر اور کیپشنز
اہم معلومات کو اوپر رکھیں۔ سب سے ضروری مواد صفحے کے اوپر اور پیراگراف کے شروع میں رکھیں۔ صحافت کے الٹی ہرم کے انداز کو اپنائیں: پہلے نتیجہ بیان کریں، پھر معاون تفصیلات فراہم کریں۔
3۔ واضح بصری درجہ بندی اور روایات بنائیں
روایات آپ کے دوست ہیں۔
بصری درجہ بندی صارفین کی رہنمائی کرتی ہے۔ اہم عناصر کو سائز، رنگ، مقام، اور سفید جگہ کے ذریعے نمایاں کریں۔ متعلقہ اشیاء کو بصری طور پر گروپ کریں۔ نیسٹنگ کا استعمال کریں تاکہ ظاہر ہو کہ کون سی چیز کس کا حصہ ہے۔ ایک واضح بصری درجہ بندی صارفین کو ایک نظر میں آپ کے صفحے کو سمجھنے میں مدد دیتی ہے۔
روایات کا فائدہ اٹھائیں۔ ویب روایات کسی وجہ سے وجود میں آئی ہیں – یہ مؤثر ہیں۔ صارفین نے سیکھ لیا ہے کہ مخصوص عناصر کہاں ملیں گے (مثلاً، لوگو اوپر بائیں، سرچ اوپر دائیں)۔ جب تک کوئی مضبوط وجہ نہ ہو، ان روایات پر قائم رہیں۔
جدت اور مانوسیت میں توازن رکھیں۔ تخلیقی صلاحیت قیمتی ہے، لیکن بنیادی افعال کے لیے پہیہ دوبارہ مت ایجاد کریں۔ مانوس نمونے ذہنی بوجھ کم کرتے ہیں۔ اگر آپ جدت لاتے ہیں تو یقینی بنائیں کہ نیا ڈیزائن اتنا فطری ہو کہ اسے سیکھنے کی ضرورت نہ پڑے، یا اتنا فائدہ مند ہو کہ معمولی سیکھنے کی ضرورت جائز ہو۔
4۔ صفحات کو واضح طور پر متعین علاقوں میں تقسیم کریں
مثالی طور پر، صارفین کسی بھی اچھی طرح ڈیزائن شدہ ویب صفحے کے ساتھ ڈک کلارک کے پرانے گیم شو $25,000 پیرامڈ کا ورژن کھیل سکیں۔
مخصوص زون سمجھنے میں مدد دیتے ہیں۔ اپنے صفحے کو واضح طور پر متعین علاقوں میں تقسیم کرنا صارفین کو جلد فیصلہ کرنے میں مدد دیتا ہے کہ کس حصے پر توجہ دینی ہے اور کس کو نظر انداز کرنا ہے۔ یہ خاص طور پر اس لیے اہم ہے کیونکہ صارفین پڑھنے کے بجائے اسکین کرنے کا رجحان رکھتے ہیں۔
علاقوں کو فوری طور پر پہچاننے کے قابل بنائیں۔ صارفین کو ہر علاقے کا مقصد ایک نظر میں سمجھ آنا چاہیے:
- نیویگیشن
- سرچ
- مواد
- اشتہارات
- برانڈنگ عناصر
بصری ڈیزائن سے تقسیم کو مضبوط کریں۔ سفید جگہ، بارڈر، رنگین پس منظر، اور مستقل انداز جیسی تکنیکیں استعمال کریں تاکہ مختلف علاقوں کی حد بندی ہو۔ یہ بصری تنظیم صارفین کو آپ کی سائٹ کے ڈھانچے کا ذہنی ماڈل بنانے میں مدد دیتی ہے۔
5۔ واضح کریں کہ کیا کلک کیا جا سکتا ہے
چونکہ ویب پر لوگوں کا بڑا حصہ اگلی چیز پر کلک کرنے کی تلاش میں ہوتا ہے، اس لیے یہ واضح کرنا ضروری ہے کہ کیا کلک کرنے کے قابل ہے اور کیا نہیں۔
واضح اشارے مایوسی کم کرتے ہیں۔ صارفین کو اندازہ نہیں لگانا چاہیے کہ وہ کس سے تعامل کر سکتے ہیں۔ لنکس اور بٹن کو نمایاں کریں:
- مستقل انداز (مثلاً، لنکس کے لیے انڈر لائن شدہ متن)
- رنگ میں فرق
- ہوور ایفیکٹس
- اہم کارروائیوں کے لیے بٹن نما شکلیں
جھوٹے اشارے سے گریز کریں۔ غیر تعاملی عناصر کو کلک کرنے کے قابل نہ دکھائیں۔ یہ الجھن پیدا کرتا ہے اور آپ کے انٹرفیس پر اعتماد کو کمزور کرتا ہے۔
موبائل تعاملات کا خیال رکھیں۔ ٹچ ڈیوائسز پر، ٹیپ کے اہداف کو کافی بڑا اور مناسب فاصلے پر رکھیں۔ ٹیپ کی تصدیق کے لیے بصری فیڈبیک فراہم کریں۔
6۔ خلفشار اور بے ترتیبی ختم کریں
ہر صفحے کے آدھے الفاظ ختم کریں، پھر باقی کے آدھے بھی ختم کر دیں۔
توجہ مرکوز کرنا ضروری ہے۔ صفحے پر ہر غیر ضروری عنصر صارف کی توجہ کے لیے مقابلہ کرتا ہے۔ بے ترتیبی والے ڈیزائن صارفین کے لیے مطلوبہ چیز تلاش کرنا اور آپ کا پیغام سمجھنا مشکل بنا دیتے ہیں۔
بے رحمی سے ترمیم کریں۔ ختم کریں:
- غیر ضروری الفاظ اور مواد
- اضافی نیویگیشن کے اختیارات
- صرف سجاوٹ کے لیے تصاویر
- پیچیدہ لے آؤٹس
سفید جگہ کو اپنائیں۔ ہر پکسل بھرنے کی ضرورت محسوس نہ کریں۔ سفید جگہ مواد کو منظم کرنے، پڑھنے میں آسانی، اور اہم عناصر کو سانس لینے کی جگہ دیتی ہے۔
بے رحمی سے ترجیح دیں۔ صفحے پر ہر عنصر کے لیے پوچھیں: "کیا یہ اس صفحے کے بنیادی مقصد کی حمایت کرتا ہے؟" اگر نہیں، تو اسے ہٹانے یا کم نمایاں کرنے پر غور کریں۔
7۔ مؤثر نیویگیشن ڈیزائن کریں: تلاش اور سمجھنے میں آسان
ویب نیویگیشن اس جگہ کی کمی کو پورا کرتی ہے جسے سائٹ کی درجہ بندی ظاہر کرتی ہے، اور "وہاں" کا احساس پیدا کرتی ہے۔
واضح نیویگیشن بہت ضروری ہے۔ اچھی نیویگیشن صارفین کو بتاتی ہے کہ سائٹ پر کیا ہے، اسے کیسے استعمال کرنا ہے، اور سائٹ کے تخلیق کاروں پر اعتماد دیتی ہے۔ یہ سائٹ بھر میں مستقل ہونی چاہیے اور صارف کو سائٹ کے ڈھانچے میں اس کی جگہ کا احساس دلاتی ہے۔
اہم نیویگیشن عناصر:
- مستقل نیویگیشن (ہر صفحے پر موجود)
- واضح سیکشن کے نام
- "ہوم" لنک
- سرچ کی سہولت
- گہرے درجہ بندی کے لیے بریڈ کرمز
زمرے خود واضح بنائیں۔ صارفین کو اندازہ ہونا چاہیے کہ ہر سیکشن میں کیا ملے گا۔ واضح اور وضاحتی لیبل استعمال کریں اور مبہم یا چالاک ناموں سے گریز کریں۔
8۔ اپنے ہوم پیج کو بہتر بنائیں: واضح مقصد اور آسان آغاز
ہوم پیج کو ہر کسی کے لیے موزوں بنانا پڑتا ہے، جو کہ ایک ہی پارکنگ جگہ پر "کوئی بھی یہاں پارک کر سکتا ہے" کہنے کے مترادف ہے۔
مقصد فوری طور پر پہنچائیں۔ نئے زائرین کو چند سیکنڈ میں سمجھ آ جانا چاہیے کہ آپ کی سائٹ کیا ہے اور وہ ان کے لیے کیا پیش کرتی ہے۔ واضح ٹیگ لائن اور مختصر وضاحتی متن استعمال کریں۔
اہم افعال کو نمایاں کریں۔ سائٹ پر سب سے اہم کام شروع کرنے کا طریقہ واضح کریں۔ چاہے وہ سرچ ہو، اکاؤنٹ بنانا ہو، یا مصنوعات دیکھنا، یہ داخلے کے پوائنٹس نمایاں ہونے چاہئیں۔
مقابل ضروریات میں توازن رکھیں۔ ہوم پیجز کو اکثر متعدد ناظرین اور کاروباری مقاصد کی خدمت کرنی ہوتی ہے۔ بے رحمی سے ترجیح دیں اور سب سے اہم عناصر پر توجہ مرکوز کریں۔ ہر چیز کو فروغ دینے کی خواہش سے بچیں۔
9۔ بجٹ میں یوزر ٹیسٹنگ کریں: آسان رکھیں اور بار بار کریں
منصوبے کے شروع میں ایک صارف کا ٹیسٹ کرنا، آخر میں پچاس کا ٹیسٹ کرنے سے بہتر ہے۔
باقاعدہ ٹیسٹنگ بے حد قیمتی ہے۔ چھوٹے پیمانے پر غیر رسمی یوزر ٹیسٹنگ بھی بڑے مسائل ظاہر کر سکتی ہے۔ ترقی کے عمل کے دوران جلد اور بار بار ٹیسٹ کرنے کی کوشش کریں۔
سادہ رکھیں:
- ہر دور میں 3-4 صارفین کے ساتھ ٹیسٹ کریں
- اہم کاموں اور مسائل پر توجہ دیں
- صارفین کے خیالات جاننے کے لیے تھنک آؤٹ لاؤڈ پروٹوکول استعمال کریں
- متعدد صارفین میں پیٹرنز تلاش کریں
فوری عمل کریں۔ مقصد ڈیزائن کو بہتر بنانا ہے، پیچیدہ رپورٹس تیار کرنا نہیں۔ ہر ٹیسٹ کے بعد سب سے اہم مسائل کی نشاندہی کریں اور فوری اصلاحات کریں۔
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
