باید و نبایدهای طراحی سایت
اگر وب سایت طراحی می کنید، می دانید که مفید و لذت بخش بودن طرح های شما اولویت اصلی شماست. حتی با داشتن بهترین نرم افزار طراحی وب در دسترس شما، می تواند برای هرکسی که به تازگی شروع به ایجاد وب سایت کرده است، کار طاقت فرسایی باشد، بنابراین برای ساده تر کردن آن، فهرست ساده ای از بایدها و نبایدها را ایجاد کرده ام که در هنگام طراحی سایت باید به خاطر داشته باشید.
بایدهای طراحی سایت
1. رابط کاربری خود را ثابت نگه دارید
یکی از اصول اصلی UX خوب، ثابت نگه داشتن رابط کاربری در کل محصول است. ظاهر و احساس کلی وب سایت شما باید در تمام صفحات سایت شما یکسان باشد. سازگاری پیمایش، طرح‌های رنگی، حروف نوشتاری و سبک نوشتاری می‌تواند تأثیر مثبتی بر قابلیت استفاده و UX داشته باشد.
انجام دادن. طراحی Esquire برای تمام صفحات آن سازگار است.
نکته عملی: ابتدا طراحی را قابل استفاده کنید. قوام یک شمشیر دو لبه است. اگر وب‌سایت شما در ابتدا به درستی طراحی نشده است، در ادامه ثابت‌کردن سایر قسمت‌های آن منجر به طراحی دائمی ضعیف می‌شود. بنابراین، ابتدا طراحی را قابل استفاده کنید، سپس آن را سازگار کنید.
برای آگاهی از هزینه طراحی سایت شخصی با وبکده تماس بگیرید.
2. ناوبری با استفاده آسان را طراحی کنید
ناوبری سنگ بنای قابلیت استفاده است. این تکنیک اصلی تعامل در اینترنت است. داشتن ناوبری وب سایت خوب برای اطمینان از اینکه بازدیدکنندگان می توانند آنچه را که به دنبال آن هستند بیابند بسیار مهم است.
برای گزینه های ناوبری ضروری، ناوبری در سطح بالا را حفظ کنید. پیوندهای ناوبری سطح بالای خود را به حداکثر هفت انتخاب محدود کنید - تعداد اشیایی که یک انسان متوسط می تواند در حافظه کاری خود نگه دارد 7 ± 2 ━ است و ناوبری فرعی را با طبقه بندی واضح ایجاد کنید.
از برچسب های واضح برای گزینه های پیمایش استفاده کنید. از کلمات آشنا برای گزینه های منو استفاده کنید تا به بازدیدکنندگان کمک کنید آنها را بهتر درک کنند.
مدت زمان لازم برای رسیدن کاربران به مقصد را کاهش دهید. ناوبری خود را به گونه ای طراحی کنید که بازدیدکنندگان را با کمترین تعداد کلیک ممکن به جایی که می خواهند برسانند. هنگام طراحی یک وب سایت، قانون سه کلیک را به خاطر بسپارید که می گوید بینندگان شما هرگز نباید بیش از سه کلیک با چیزی که به دنبال آن هستند فاصله داشته باشند.
گزینه های ناوبری را در پاورقی سایت خود قرار دهید. پاورقی مکانی است که بازدیدکنندگان انتظار دارند گزینه های پیمایش و اطلاعات تماس را پیدا کنند.
3. رنگ لینک های بازدید شده را تغییر دهید
پیوندها نقش حیاتی در فرآیند ناوبری دارند. هنگامی که پیوندهای بازدید شده تغییر رنگ نمی دهند، کاربران می توانند ناخواسته به طور مکرر از همان صفحات بازدید کنند. دانستن مکان‌های گذشته و حال، تصمیم‌گیری در مورد مکان بعدی را آسان‌تر می‌کند.
4. اسکن صفحات خود را آسان کنید
هنگامی که کاربران از سایت شما بازدید می کنند، به احتمال زیاد صفحه را به سرعت اسکن می کنند تا اینکه همه چیز را در آن بخوانند. به عنوان مثال، هنگامی که بازدیدکنندگان می خواهند محتوای خاصی را پیدا کنند یا کار خاصی را انجام دهند، صفحات یک وب سایت را اسکن می کنند تا زمانی که آنچه را که به دنبال آن هستند بیابند. و شما به عنوان یک طراح می توانید با طراحی سلسله مراتب بصری خوب به آنها در این امر کمک کنید. سلسله مراتب بصری به ترتیب یا ارائه عناصر به گونه ای اشاره دارد که حاکی از اهمیت باشد. جایی که چشم آنها باید اول، دوم و غیره متمرکز شود.
از دیوارهای متن خودداری کنید. اطلاعات خود را به گروه‌هایی تقسیم کنید تا هضم بصری آن آسان‌تر شود. شکستن دیوارهای متن با سرصفحه یا نقاط گلوله.
وزن بصری بیشتری روی عناصر مهم قرار دهید. عناصر مهمی مانند دکمه‌های فراخوان یا فرم‌های ورود به سیستم را نقاط کانونی قرار دهید تا بازدیدکنندگان فوراً آنها را ببینند. می توانید با استفاده از اندازه ها یا رنگ های مختلف بر عناصر تأکید کنید.
Mailchimp مهم ترین اطلاعات صفحه ━ دکمه های فراخوان ━ را برجسته می کند.
انجام دادن. Mailchimp مهم ترین اطلاعات صفحه ━ دکمه های فراخوان ━ را برجسته می کند.
الگوهای اسکن طبیعی را در نظر بگیرید. مردم جهان غرب معمولاً از چپ به راست و از بالا به پایین می خوانند. طرحی که بر خلاف این الگو باشد، منحنی یادگیری را برای بازدیدکنندگان شما ارائه می دهد. وب‌سایت‌هایی که به خوبی طراحی شده‌اند معمولاً محتوای خود را به شکل خواندن «F» یا خواندن «Z» نشان می‌دهند.
به طرح بندی شبکه ای بچسبید. طرح بندی شبکه ای به شما امکان می دهد اطلاعات را به گونه ای سازماندهی کنید که خواندن و درک اطلاعات ارائه شده در صفحه را برای بازدیدکنندگان آسان تر کند.
هنگام طراحی تجربه های وب از طرح بندی شبکه ای استفاده کنید.
انجام دادن. هنگام طراحی تجربه های وب از طرح بندی شبکه ای استفاده کنید.
5. مطالب را جدی بگیرید
کپی به اندازه طراحی وب سایت شما مهم است. بیش از 95 درصد اطلاعات موجود در وب به صورت زبان نوشتاری است. حتی اگر سایت شما به زیبایی طراحی شده باشد، بدون محتوای خوب بیش از یک قاب خالی نیست. یک وب سایت خوب هم طراحی عالی دارد و هم محتوای عالی. وظیفه یک طراح این است که مطمئن شود که طراحی به محتوا کمک می کند و آن را تکمیل می کند.
اطمینان حاصل کنید که متن موجود در وب سایت مرتبط است. متن نامربوط برای بازدیدکنندگان شما ارزشی ندارد و ممکن است به راحتی آنها را گیج کند. سعی کنید نسخه ای ایجاد کنید که در آن هر خط از متن برای بازدیدکنندگان شما ارزشمند باشد.
از اصطلاحات خاص خودداری کنید. اطلاعات نوشته شده در وب سایت شما باید تا حد امکان ساده و واضح باشد تا درک آسانی داشته باشد. یک شرط مطمئن این است که برای همه سطوح خوانندگان با انتخاب کلماتی بنویسید که به وضوح و به راحتی برای همه قابل درک باشد.
6. وب سایت خود را از نظر خطا بررسی کنید
یک کار بزرگ می تواند به راحتی با یک خطای کوچک لکه دار شود. در اینجا چند مشکل رایج وجود دارد که باید از آنها آگاه بود:
مراقب پیوندهای مرده باشید. وقتی کاربر روی یک لینک در یک سایت کلیک می کند و در پاسخ یک صفحه خطای 404 دریافت می کند، به راحتی می تواند ناامید شود.
وب سایت خود را از نظر غلط املایی بررسی کنید.
اطمینان حاصل کنید که تمام محتوای رسانه به درستی بارگیری می شود ━ هیچ تصویر یا ویدیو شکسته ای وجود ندارد.
7. تعداد انتخاب ها را به حداقل برسانید
تعداد انتخاب هایی که افراد دارند بر تصمیمات آنها تأثیر می گذارد. هرچه انتخاب های بیشتری داشته باشند، اقدام کمتری انجام می دهند. وقتی گزینه های زیادی را به کاربر خود ارائه می دهید، باعث می شوید که بیش از حد فکر کند. برای افزایش شانس تعامل، بهتر است تعداد انتخاب ها را به حداقل برسانید.
8. کاربران را برای پیمایش درگیر کنید
اسکرول کردن کاربران را عمیق‌تر به صفحه می‌فرستد و باعث می‌شود زمان بیشتری را برای تجربه سرمایه‌گذاری کنند، و این شانس تبدیل کاربران را افزایش می‌دهد ━ به عنوان مثال. چیزی بخرید، برای یک خبرنامه ثبت نام کنید یا با شما تماس بگیرید. علیرغم اینکه مردم معمولاً به محض بارگیری صفحه شروع به پیمایش می کنند، محتوای بالای صفحه همچنان بسیار مهم است. آنچه در بالا ظاهر می شود، تصور و انتظار کیفیت را برای بازدیدکنندگان ایجاد می کند. مردم اسکرول می کنند، اما فقط در صورتی که آنچه در بالای صفحه است به اندازه کافی امیدوار کننده باشد.
نکته عملی: محتوای بالای صفحه انتظارات اولیه را تعیین می کند. اگر صفحه ای محتوای باکیفیت را در اختیار کاربران قرار دهد، آن ها مایلند محتوای بیشتری را مرور کنند.
9. دکمه ها را بر اساس کاری که انجام می دهند برچسب بزنید
برچسب روی هر عنصر رابط عملی همیشه باید به کاری که برای کاربر انجام می دهد مرتبط باشد. اگر کاربران بفهمند یک دکمه چه عملکردی را ایجاد می کند، احساس راحتی بیشتری خواهند کرد. برچسب‌های مبهم مانند «ارسال» یا برچسب‌های انتزاعی مانند مثال زیر اطلاعات کافی در مورد عملکرد ارائه نمی‌دهند.
10. کارها را طوری جلوه دهید که کار می کنند
با دکمه ها و سایر عناصر تعاملی، به این فکر کنید که چگونه طراحی با هزینه ارتباط برقرار می کند. ضرب المثل قدیمی "شکل تابع تابع را دنبال می کند" را به خاطر بسپارید: شکل ظاهری یک شی به کاربران می گوید که چگونه از آن استفاده کنند. عناصر بصری که شبیه پیوندها یا دکمه‌ها هستند، اما قابل کلیک نیستند، مانند کلمات خط‌دار شده که پیوند نیستند، یا عناصری که پس‌زمینه مستطیلی دارند اما دکمه نیستند، می‌توانند به راحتی کاربران را گیج کنند.
11. وب سایت خود را ریسپانسیو کنید
امروزه بیش از 5 میلیارد دستگاه از مرورگرهای وب استفاده می کنند. این بدان معناست که بازدیدکنندگان می توانند از دستگاه های مختلفی مانند دسکتاپ، تبلت، تلفن، پخش کننده موسیقی یا حتی ساعت به سایت شما بیایند. بخش بزرگی از طراحی UX تضمین این است که مهم نیست بازدیدکننده سایت شما را چگونه می بیند، تمام اطلاعات حیاتی به درستی در اندازه های مختلف صفحه نمایش داده می شود.
اطلاعات ضروری را به راحتی پیدا کنید. برخلاف کاربران دسکتاپ، هنگام مرور تلفن همراه، کاربران به دنبال چیز خاصی مانند اطلاعات تماس یا هزینه محصولی هستند که می خواهند بخرند. از دست دادن این اطلاعات را غیرممکن کنید.
اندازه عناصر تعاملی با توجه به صفحه نمایش. از آنجایی که کاربران تلفن همراه پیمایش می کنند و با انگشتان خود ضربه می زنند، ممکن است لازم باشد اندازه عناصر تعاملی مانند دکمه ها را افزایش دهید.
12. طرح خود را آزمایش کنید
ممکن است طرحی داشته باشید که فکر می‌کنید فوق‌العاده است، اما بدون بازخورد از کاربران واقعی، هرگز نمی‌دانید چقدر موثر است. باید ببینید کاربران چگونه به آن واکنش نشان می دهند. حتی اگر بتوانید یک یا دو کاربر واقعی بی طرف را وادار کنید تا با وب سایت شما تعامل داشته باشند و افکار خود را با شما به اشتراک بگذارند، بینش های مفید زیادی را در اختیار شما قرار می دهد که در غیر این صورت نمی توانستید داشته باشید.
نکته عملی: مراقب تجزیه و تحلیل ها باشید. تجزیه و تحلیل وب ابزار قدرتمندی است که می تواند به شما کمک کند تا مناطقی را در وب سایت خود پیدا کنید که نیاز به توجه بیشتری دارند.
https://xd.adobe.com/ideas/principles/web-design/12-dos-donts-web-design-2/