نکات کلیدی
۱. کاربران نباید فکر کنند: طراحی برای ناوبری شهودی
اگر می‌توانید چیزی را واضح کنید، حداقل باید آن را به‌گونه‌ای توضیح دهید که خود به خود قابل درک باشد.
طراحی شهودی کلید است. کاربران نباید مجبور باشند بفهمند که وب‌سایت شما چگونه کار می‌کند. هر عنصر، از دکمه‌ها تا منوها، باید به‌سرعت قابل درک باشد. وقتی کاربران با چیزی ناآشنا مواجه می‌شوند، باید بتوانند به‌سرعت هدف آن را بدون نیاز به تلاش ذهنی زیاد درک کنند.
وضوح بر هوشمندی ارجح است. از استفاده از نام‌های هوشمند یا اصطلاحات مبهم برای عناصر ناوبری خودداری کنید. به برچسب‌های واضح و توصیفی بچسبید که کاربران بتوانند در یک نگاه درک کنند. به‌عنوان مثال، از "شغل‌ها" به‌جای "فرصت‌های شغلی" یا "استخدام" برای بخش آگهی‌های شغلی استفاده کنید.
علامت سوال‌ها را حذف کنید. هر بار که کاربر مجبور است مکث کند و فکر کند که چیزی چگونه کار می‌کند، به بار شناختی او افزوده می‌شود. سعی کنید این موانع ذهنی را با:
- استفاده از الگوهای طراحی و کنوانسیون‌های آشنا
- ارائه دستورالعمل‌های واضح و مختصر در صورت نیاز
- اطمینان از اینکه عناصر قابل کلیک به‌وضوح قابل شناسایی هستند
- استفاده از عناوین و زیرعناوین توصیفی
۲. کاربران نمی‌خوانند، آن‌ها اسکن می‌کنند: بهینه‌سازی برای درک سریع
اکنون از یک آزمایش بسیار زیبا می‌دانیم که بلافاصله پس از باز کردن یک صفحه، اتفاقات زیادی می‌افتد.
کاربران بی‌صبرند. بیشتر مردم صفحات وب را کلمه به کلمه نمی‌خوانند؛ آن‌ها به دنبال اطلاعات مرتبط می‌گردند. این رفتار به‌ویژه در دستگاه‌های موبایل بیشتر مشهود است. برای سازگاری با این موضوع، محتوای خود را برای درک سریع طراحی کنید:
- از عناوین و زیرعناوین واضح و توصیفی استفاده کنید
- متن را به پاراگراف‌های کوتاه تقسیم کنید
- از نقاط گلوله‌ای و فهرست‌های شماره‌دار استفاده کنید
- اصطلاحات کلیدی و اطلاعات مهم را هایلایت کنید
- از تصاویر و نمودارهای معنادار برای پشتیبانی از متن استفاده کنید
اطلاعات مهم را در ابتدا قرار دهید. مهم‌ترین محتوا را در ابتدای پاراگراف‌ها، عناوین و بخش‌های صفحه قرار دهید. این سبک نوشتن "هرم معکوس" به کاربران کمک می‌کند تا به‌سرعت آنچه را که به دنبالش هستند پیدا کنند بدون اینکه مجبور به خواندن همه چیز باشند.
۳. ایجاد سلسله‌مراتب بصری واضح برای راهنمایی کاربران
یک سلسله‌مراتب بصری خوب با پیش‌پردازش صفحه برای ما، کار را آسان‌تر می‌کند و محتویات آن را به‌گونه‌ای سازماندهی و اولویت‌بندی می‌کند که تقریباً به‌سرعت قابل درک باشد.
سلسله‌مراتب بصری حیاتی است. یک سلسله‌مراتب بصری خوب به کاربران کمک می‌کند تا اهمیت نسبی عناصر صفحه و ارتباط آن‌ها را درک کنند. این کار پیدا کردن آنچه را که به دنبالش هستند و درک ساختار کلی سایت شما را آسان‌تر می‌کند.
اصول کلیدی برای ایجاد سلسله‌مراتب بصری مؤثر:
- عناصر مهم را بزرگ‌تر، برجسته‌تر یا با رنگ متمایز کنید
- اقلام مرتبط را به‌صورت بصری گروه‌بندی کنید (مثلاً با نزدیکی یا سبک مشابه)
- از فضای خالی برای جداسازی عناصر نامرتبط استفاده کنید
- اقلام را درون هم قرار دهید تا نشان دهید چه چیزی بخشی از چه چیزی است
ثبات مهم است. سلسله‌مراتب بصری را در سرتاسر سایت خود حفظ کنید تا به کاربران کمک کنید یاد بگیرند و به خاطر بسپارند که چگونه ناوبری کنند. این شامل استفاده از سبک‌های ثابت برای عناوین، لینک‌ها و سایر عناصر مهم است.
۴. تقسیم صفحات به نواحی مشخص برای اسکن آسان
تقسیم صفحه به نواحی مشخص مهم است زیرا به کاربران اجازه می‌دهد به‌سرعت تصمیم بگیرند که کدام نواحی صفحه را تمرکز کنند و کدام نواحی را می‌توانند به‌راحتی نادیده بگیرند.
تقسیم‌بندی به درک کمک می‌کند. با تقسیم صفحه به بخش‌های متمایز، درک ساختار صفحه و پیدا کردن اطلاعات مورد نیاز برای کاربران آسان‌تر می‌شود. این موضوع به‌ویژه برای صفحات طولانی یا صفحاتی با محتوای متنوع مهم است.
استراتژی‌هایی برای ایجاد نواحی مشخص:
- از رنگ‌های پس‌زمینه یا حاشیه‌های مختلف برای جداسازی بخش‌ها استفاده کنید
- از فاصله‌های ثابت بین انواع مختلف محتوا استفاده کنید
- از عناوین و زیرعناوین برای تفکیک بخش‌ها استفاده کنید
- در نظر داشته باشید که از یک طرح‌بندی مبتنی بر شبکه برای ارائه منظم محتوا استفاده کنید
محتوا را اولویت‌بندی کنید. مهم‌ترین اطلاعات را در نواحی قرار دهید که کاربران احتمالاً ابتدا به آن‌ها نگاه می‌کنند، معمولاً در گوشه بالای سمت چپ برای فرهنگ‌های خواندن از چپ به راست. از مطالعات ردیابی چشم و نقشه‌های حرارتی برای اطلاع از تصمیمات طراحی خود استفاده کنید.
۵. واضح کنید که چه چیزی قابل کلیک است تا قابلیت استفاده را بهبود ببخشید
از آنجا که بخش بزرگی از آنچه مردم در وب انجام می‌دهند، جستجوی چیز بعدی برای کلیک است، مهم است که تشخیص اینکه چه چیزی قابل کلیک است آسان باشد.
قابلیت‌های واضح حیاتی است. کاربران هرگز نباید در مورد اینکه آیا چیزی قابل کلیک است، تردید کنند. از نشانه‌های بصری برای متمایز کردن عناصر تعاملی استفاده کنید:
- لینک‌ها را به‌طور ثابت طراحی کنید (مثلاً زیرخط‌دار یا با رنگ متمایز)
- دکمه‌ها را با عمق، سایه‌ها یا افکت‌های هاور به‌گونه‌ای طراحی کنید که قابل کلیک به نظر برسند
- از آیکون‌های آشنا برای اقدامات استاندارد استفاده کنید (مثلاً از ذره‌بین برای جستجو)
تعاملات موبایل را در نظر بگیرید. در دستگاه‌های لمسی، اطمینان حاصل کنید که عناصر قابل کلیک به اندازه کافی بزرگ و به‌طور مناسب فاصله‌گذاری شده‌اند تا به‌راحتی قابل لمس باشند. اندازه هدف لمسی حداقل توصیه‌شده ۴۴x۴۴ پیکسل است.
بازخورد ارائه دهید. از افکت‌های هاور در دسکتاپ و حالت‌های فشار در موبایل برای ارائه بازخورد بصری به کاربران هنگام تعامل با عناصر قابل کلیک استفاده کنید. این کار تعامل‌پذیری عنصر را تقویت کرده و حس کنترل را فراهم می‌کند.
۶. طراحی ناوبری مؤثر: استفاده از کنوانسیون‌ها و نشانه‌های واضح
ناوبری وب این حس گم‌شدگی را با تجسم سلسله‌مراتب سایت جبران می‌کند و حس "وجود در آنجا" را ایجاد می‌کند.
ناوبری حیاتی است. ناوبری خوب به کاربران کمک می‌کند تا بفهمند چه چیزی در سایت شما وجود دارد، چگونه سازماندهی شده و چگونه می‌توانند آنچه را که به دنبالش هستند پیدا کنند. همچنین به آن‌ها اعتماد به نفس می‌دهد که در سایت و سازمان شما هستند.
عناصر کلیدی ناوبری مؤثر:
- برچسب‌های واضح و توصیفی برای اقلام ناوبری
- قرارگیری ثابت عناصر ناوبری در سرتاسر سایت
- نشانه بصری از موقعیت فعلی (مثلاً هایلایت کردن صفحه فعال در منو)
- نان‌خرده‌ها برای سلسله‌مراتب عمیق
- یک عملکرد جستجوی برجسته
از الگوهای آشنا استفاده کنید. به کنوانسیون‌های ناوبری رایج پایبند باشید مگر اینکه دلیل بسیار خوبی برای عدم انجام این کار داشته باشید. کاربران به الگوهای خاصی عادت کرده‌اند، مانند ناوبری اصلی در بالای صفحه یا در نوار کناری چپ.
راه‌های متعدد ارائه دهید. راه‌های مختلفی برای دسترسی به محتوا ارائه دهید، مانند از طریق ناوبری اصلی، جستجو و لینک‌های متنی درون محتوا. این کار به ترجیحات مختلف کاربران و سبک‌های مرور آن‌ها پاسخ می‌دهد.
۷. فرم‌ها را ساده کنید و کلمات غیرضروری را حذف کنید
نیمی از کلمات هر صفحه را حذف کنید، سپس نیمی از آنچه باقی مانده را حذف کنید.
محتوای مختصر کلید است. هر کلمه غیرضروری در صفحه شما پیدا کردن محتوای مفید را دشوارتر می‌کند. در ویرایش محتوای خود بی‌رحم باشید و بر وضوح و اختصار تمرکز کنید.
استراتژی‌هایی برای ساده‌سازی محتوا:
- از زبان ساده استفاده کنید و از اصطلاحات فنی پرهیز کنید
- پاراگراف‌های طولانی را به پاراگراف‌های کوتاه‌تر تقسیم کنید
- توضیحات طولانی را با مثال‌ها جایگزین کنید
- از فهرست‌های گلوله‌ای یا شماره‌دار برای اسکن آسان استفاده کنید
- اطلاعات تکراری را حذف کنید
فرم‌ها را بهینه کنید. فرم‌ها اغلب منبع اصلی اصطکاک برای کاربران هستند. برای بهبود قابلیت استفاده فرم‌ها:
- فقط اطلاعات ضروری را درخواست کنید
- فیلدهای مرتبط را در کنار هم گروه‌بندی کنید
- برچسب‌های واضح و مشخصی برای فیلدهای فرم ارائه دهید
- پیام‌های خطای مفید و اعتبارسنجی درون‌خطی ارائه دهید
- نشانگرهای پیشرفت برای فرم‌های چند مرحله‌ای نمایش دهید
۸. آزمایش‌های ساده قابلیت استفاده را انجام دهید تا مشکلات را شناسایی و رفع کنید
آزمایش یک کاربر ۱۰۰ درصد بهتر از آزمایش هیچ کاربری است.
آزمایش منظم حیاتی است. آزمایش قابلیت استفاده نیازی به هزینه یا زمان‌بر بودن ندارد. حتی آزمایش‌های کوچک و غیررسمی می‌توانند مشکلات و بینش‌های قابل توجهی را فاش کنند.
چگونه آزمایش‌های ساده قابلیت استفاده را انجام دهیم:
۱. ۳-۵ شرکت‌کننده که نماینده مخاطب هدف شما هستند را استخدام کنید
۲. وظایف واقعی برای آن‌ها ایجاد کنید تا در سایت شما انجام دهند
۳. از شرکت‌کنندگان بخواهید در حین انجام وظایف به‌طور بلند فکر کنند
۴. رفتار و نظرات آن‌ها را مشاهده و یادداشت کنید
۵. مشکلات مشترک را شناسایی کرده و اولویت‌بندی کنید
بر روی مشکلات عمده تمرکز کنید. در جزئیات کوچک غرق نشوید. بر رفع مهم‌ترین مشکلاتی که مانع از انجام وظایف مهم توسط کاربران می‌شود، تمرکز کنید.
زود و مکرر آزمایش کنید. آزمایش قابلیت استفاده را در طول فرآیند طراحی گنجانید، نه فقط در انتها. این کار به شما اجازه می‌دهد تا مشکلات را قبل از اینکه به‌طور عمیق در طراحی شما ریشه‌دار شوند، شناسایی و رفع کنید.
۹. طراحی موبایل: تمرکز بر سرعت، سادگی و رابط‌های لمسی دوستانه
همه چیز در مورد تعادل‌هاست.
طراحی موبایل‌محور ضروری است. با افزایش استفاده از دستگاه‌های موبایل، طراحی برای صفحه‌نمایش‌های کوچک و تعاملات لمسی بسیار مهم است. این رویکرد شما را مجبور می‌کند تا بر مهم‌ترین محتوا و عملکردها تمرکز کنید.
ملاحظات کلیدی برای طراحی موبایل:
- محتوا و ویژگی‌ها را به‌طور جدی اولویت‌بندی کنید
- برای لمسی طراحی کنید: از اهداف لمسی بزرگ و به‌خوبی فاصله‌گذاری شده استفاده کنید
- برای سرعت بهینه‌سازی کنید: زمان بارگذاری صفحه را به حداقل برسانید و از بارگذاری تدریجی استفاده کنید
- ناوبری را ساده کنید: در نظر داشته باشید که از منوی "همبرگری" یا نوار ناوبری پایین استفاده کنید
- از طراحی پاسخگو برای سازگاری با اندازه‌های مختلف صفحه استفاده کنید
زمینه را در نظر بگیرید. کاربران موبایل ممکن است نیازها و رفتارهای متفاوتی نسبت به کاربران دسکتاپ داشته باشند. برای سناریوهای در حال حرکت طراحی کنید در حالی که هنوز به تمام ویژگی‌های مهم دسترسی دارید.
۱۰. دسترسی: سایت خود را برای همه قابل استفاده کنید
این کار درست است. و نه فقط کار درست؛ این کار به‌طرز عمیقی درست است، زیرا یکی از دلایل دسترسی که به اندازه کافی مطرح نمی‌شود این است که چقدر زندگی برخی افراد را به‌طرز فوق‌العاده‌ای بهتر می‌کند.
دسترس‌پذیری به نفع همه است. طراحی برای دسترس‌پذیری نه تنها به کاربران با ناتوانی کمک می‌کند بلکه اغلب قابلیت استفاده را برای تمام کاربران بهبود می‌بخشد. همچنین به‌طور فزاینده‌ای در بسیاری از حوزه‌ها به یک الزام قانونی تبدیل شده است.
ملاحظات کلیدی دسترس‌پذیری:
- برای تصاویر متن جایگزین ارائه دهید
- اطمینان حاصل کنید که ناوبری با کیبورد برای تمام عملکردها ممکن است
- از کنتراست رنگ کافی برای متن و عناصر مهم استفاده کنید
- محتوا را با ساختار مناسب سلسله‌مراتب عناوین سازماندهی کنید
- فرم‌ها را با برچسب‌ها و پیام‌های خطای واضح قابل دسترس کنید
- برای محتوای چندرسانه‌ای زیرنویس و متن‌های نوشتاری ارائه دهید
با اصول اولیه شروع کنید. حتی بهبودهای کوچک در دسترس‌پذیری می‌تواند تفاوت بزرگی ایجاد کند. بر روی مهم‌ترین مسائل ابتدا تمرکز کنید، مانند ساختار مناسب عناوین و متن جایگزین تصاویر، و از آنجا پیش بروید.
۱۱. با توجه به نیازها و زمان کاربران، حسن نیت بسازید
همیشه برایم مفید بوده که تصور کنم هر بار که وارد یک وب‌سایت می‌شویم، با یک مخزن حسن نیت شروع می‌کنیم.
رضایت کاربر تجمعی است. هر تعامل مثبت حسن نیت را می‌سازد، در حالی که تجربیات منفی آن را کاهش می‌دهد. سعی کنید با توجه به نیازها و زمان کاربران، تجربه کلی مثبتی ایجاد کنید.
راه‌های ایجاد حسن نیت:
- در مورد اطلاعات مهم (مانند قیمت‌گذاری، هزینه‌های حمل و نقل) به‌طور شفاف باشید
- پیام‌های خطای واضح و صادقانه ارائه دهید و به کاربران کمک کنید از اشتباهات خود بهبود یابند
- گزینه‌های پشتیبانی مشتری به‌راحتی در دسترس قرار دهید
- مراحل لازم برای انجام وظایف رایج را به حداقل برسانید
- به حریم خصوصی کاربران احترام بگذارید و در مورد استفاده از داده‌ها شفاف باشید
نیازهای کاربر را پیش‌بینی کنید. سعی کنید بفهمید کاربران چه چیزی را می‌خواهند در سایت شما انجام دهند و این وظایف را تا حد ممکن آسان کنید. این ممکن است شامل ارائه میانبرها، به خاطر سپردن ترجیحات کاربر یا ارائه کمک‌های متنی باشد.
به‌طور مداوم بهبود دهید. به‌طور منظم بازخورد کاربران و داده‌های تحلیلی را جمع‌آوری کنید تا نقاط درد و زمینه‌های بهبود را شناسایی کنید. به کاربران نشان دهید که به نظرات آن‌ها اهمیت می‌دهید با رفع مشکلات رایج و پیاده‌سازی ویژگی‌های درخواست‌شده در صورت لزوم.
آخرین به‌روزرسانی::
نقد و بررسی
کتاب به من فکر نکن، بازبینی شده به خاطر رویکرد عملی‌اش در زمینه‌ی کاربری وب بسیار مورد توجه قرار گرفته است. خوانندگان از سبک نوشتاری واضح و طنزآمیز کروگ و مشاوره‌های قابل اجرا او تقدیر می‌کنند. این کتاب بر سادگی، طراحی شهودی و تفکر کاربرمحور تأکید دارد. در حالی که برخی آن را ابتدایی یا قدیمی می‌دانند، بسیاری آن را خواندنی ضروری برای طراحان و توسعه‌دهندگان وب می‌دانند. مفاهیم کلیدی شامل خودتوضیحی بودن رابط‌ها، درک نحوه‌ی واقعی پیمایش کاربران در سایت‌ها و اهمیت آزمایش کاربری است. اصول این کتاب به عنوان اصولی جاودانه شناخته می‌شوند، هرچند برخی از مثال‌ها ممکن است قدیمی به نظر برسند.
Similar Books
