10 نکته طراحی UI و UX برای بهبود رابط کاربری و تجربه کاربری وب سایت

طراحی UI و UX در وب سایت مهمترین بخش از راه اندازی وب سایت یا فروشگاه اینترنتی است چرا که کاربر شما مستقیما با آنچه شما در صفحات دیزاین کرده اید سر و کار دارد، اینه به راحتی همه چیز در دسترس باشد و کاربر در وب سایت سردرگم نشودشاید فکر کنید طراحی یک رابط کاربری خوب و کاربرپسند کار سختی خواهد بود اما اگر چند نکته ریز را مد نظر قرار دهید متوجه می شوید که چقدر آسان می توان کاربران را از وب سایت راضی نگه داشت و روز به روز به تعداد عاشقان و دلبستگان وب سایت خود اضافه کنید، فقط کافیست نکات زیر را رعایت کنید:نکات طراحی رابط و تجربه کاربری همراه مثالرنگ و سایز متن ها و اجزا صفحه را متناسب تعریف کنیددکمه های اصلی را از فرعی تمایز دهیدسایز متن ها را در تجربه کاربری متمایز کنید، همه نوشته ها برابر نیستندآیکون ها را متناسب همدیگر انتخاب کنید یا آنها را خودتان بسازیدچینش عناصر را متناسب با هم تعریف کنیدکنتراست را تنظیم کنیدخطاها را واضح و راهبردی بیان کنیدگزینه های لمسی را طوری طراحی کنید که باعث درهم ریختگی نشوداز تصاویر با کیفیت استفاده کنیدچه چیزی باعث میشه UI سایت تا همیشه تو ذهن شما یه عنوان یک تجربه شیرین باقی بمونه؟رنگ و سایز متن ها و اجزا صفحه را متناسب تعریف کنیدنمونه پایین را ببینید، در مثال بد (سمت چپ) هر یک از متن ها یم سایز منحصر به خود را دارد که در مجموع یک طراحی بد را رقم زده است اما در طراحی تجربه کاربری و رابط کاربری صحیح باید استاندارد ساز متون و تصاویر و جداکننده ها رعایت شود ?رنگوسایزدرطراحیUIوUX دکمه های اصلی را از فرعی تمایز دهیدهمه دکمه های یک فرم یا یک لندینگ پیج نباید مشابه هم باشد، مثلا در نمونه زیر دکمه لاگین ارزش و کاربرد بالاتری در این فرم دارد تا دکمه ثبت نام و همینطور فراموشی رمز عبور که در نمونه سمت راست روش صحیح آن آورده شده است ?دکمههادرطراحیرابطکاربریسایت سایز متن ها را در تجربه کاربری متمایز کنید، همه نوشته ها برابر نیستندعنوان ها باید در ابتدا دیده شوند و سپس توضیحات آنها و سپس موارد دیگر، اگر همه ساز ها با هم برابر باشد چیزی جز سردرگمی فراهم نمی آورد ?سایزمتنهادرطراحیرابطکاربریوتجربهکاربری آیکون ها را متناسب همدیگر انتخاب کنید یا آنها را خودتان بسازیددر مثال سمت چپ یک آیکون با وزن کمتر و دیگری با وزن سنگین تر آورده شده است که زیبایی سایت را از آن میگیرد، همه آیکون ها باید در یک وزن باشند. ?آیکونهایاستاندارددرUI چینش عناصر را متناسب با هم تعریف کنیدیکی از متن ها وسط چین و دیگری چپ چین؟ یا همه را وسط چین کنید یا همه را راست چین و یا همه را چپ چین ?چینشمتنهادرطراحیرابطکاربری کنتراست را تنظیم کنید ?تنظیمکنتراستدرطراحییوآیویوایکس خطاها را واضح و راهبردی بیان کنیدصرفا یک پیام ارور خالی کافی نیست باید به شرح و بسط آن بپردازید ?خطاهایفرمدررابطکاربری گزینه های لمسی را طوری طراحی کنید که باعث درهم ریختگی نشودکاربر برای کلیک کردن روی گزینه خاص به فضای کافی نیاز دارد، سایز آیکون ها و فضای دور آنها را هوشمندانه انتخاب کنید ?گزینههایلمسیدرطراحیرابطکاربریوتجربهکاربری از تصاویر با کیفیت استفاده کنید ?تصاویرباکیفیتدرطراحییوآیویوایکس خارج از این توضیحات تجربه شخصی خودم را می خواهم با شما در میان بگذارم قابلیت ارتقاء وب سایت و مسیر رشد کسب و کار اینترنتیدیروز یکی از مشتریانم تشریف آوردن دفتر و در مورد تغییر رابط کاربری وب سایتشون که طراحی کرده بودیم شروع به گفتگو کردیم، با اینکه وب سایت طراحی شده در حد خودش و نسبت به رقیبان یک سر و گردن بالاتر بود اما در لابلای صحبت ها موضوعی توجه من رو جلب کرد و اون هم این بود که مشتری من به وب سایت STARBUCKS اشاره کرد که طراحی رابط کاربریش خیلی به دلش نشسته بودتصویر وب سایت استارباکس رو در پایین براتون آوردم: ?طراحیسایتاستارباکسرابطکاربری وقتی با هم این وب سایت (البته لندینگ پیج) رو بررسی کردیم من هم متوجه شدم واقعا روش کار شده و فکر شده هست و از همه مهمتر دو تا شاخصه خیلی کلیدی داره که باعث شده این دیزاین تا همیشه در ذهن مشتری من باقی بمونهچه چیزی باعث میشه UI سایت تا همیشه تو ذهن شما یه عنوان یک تجربه شیرین باقی بمونه؟استفاده از المان های گرافیکی جذاباستفاده از ترکیب رنگی جذاب و همگناستفاده از فضاهای خالی به طرز صحیحاستفاده درست از دکمه ههاین نکات علاوه بر موارد بالا، لیستی بود که فکر میکنم میتونه کمکتون کنه شما هم سایتی داشته باشید که تا همیشه در یاد مخاطبتون به عنوان یک سایت خوب و سایتی که دوباره دوست داشته باشن بهش سر بزنن باقی بمونهمنبع: متسون، 10 نکته طراحی UI و UX برای بهبود رابط کاربری و تجربه کاربری وب سایت