ویرگول
ورودثبت نام
عارفه بی باک
عارفه بی باک
خواندن ۴ دقیقه·۹ ماه پیش

۵ تا از نکات مهم طراحی وبسایت ( طراحی UI / UX) پارت دوم


سلام امیدوارم حالت عالی باشه.

توی این مقاله قراره باهم ادامه نکات مهم  طراحی وبسایت رو بررسی کنیم، اگر مقاله قبلی(۵ نکته مهم هنگام طراحی UI/UX (نکات مهم طراحی وبسایت) پارت اول) رو نخوندی پیشنهاد میکنم اول اون رو بخون.

در ادامه ۵ تا از نکات مهم طراحی وبسایت ( طراحی UI / UX) رو میخونیم‌.

اگر آماده ای بزن بریم ✋?

۱- قابلیت استفاده (Usability)

در صفحه ی وبسایتی که طراحی یا کدنویسی میکنیم باید به این نکته توجه کنیم که هر المانی که در صفحه میذاریم باید کاربرد داشته باشه و از گذاشتن عناصر و المان های اضافه جلوگیری کنیم تا هم کاربر گیج نشه و همم طرحمون به ساده ترین روش ممکن کاربر رو به هدف خودش برسونه.

مثلا ما در نرم افزارهای مسیریابی از یک  سخنران استفاده میکنیم تا حواس کاربر موقع رانندگی پرت نشه و نیاز نباشه دائم به صفحه گوشی نگاه کنه و از گذاشتن عناصر اضافه جلوگیری میکنیم.

۲- دسترسی پذیری (Accessibility)

طرح ما باید به صورتی باشه که همه ی  کاربران ما بتونند از اون استفاده کنند و ما در واقع باید حواسمون به همه ی کاربرانمون باشه .

اگر کاربری داریم که معلولیت جسمی یا کور رنگی یا سن بالا داره باید در نظر بگیریم حتی جنسیت هم اهمیت بسیار زیادی داره و ممکنه سایز انگشت های اقایون و خانم ها یا تفاوت رنگی که دارند موجب بشه موقع کارکردن با نرم افزار روی رفتار کاربر تاثیر بذاره و ما باید تمام تلاشمون رو بکنیم تا کاربر به راحتی با نرم افزار یا وبسایت ما ارتباط بگیره. پس ما طرح هامون رو طوری طراحی میکنیم که همه بتونند استفاده کنند. مثلا در نرم افزارهای کتابخونی یکسری ابزار در اختیار کاربر قرار داده میشه مثل تغییر فونت ، تغییر بک گراند ، تغییر سایه ، تغییر رنگ و ... تا کاربر بتونه نوشته ها رو به راحتی تغییر بده و متناسب با بینایی خودش متن رو بخونه.

دسترسی پذیری یکی از مهمترین نکات هست که توی طرحاتون سعی کنید رعایت کنید.

۳- بازخورد (Feedback)

وقتی کاربر در سایت یک اکشن و فعالیتی انجام میده حتما باید یک بازخورد و فیدبکی از سایت بگیره تا بدونه کارش رو درست انجام داده یا نه ؟

مثلا کاربر یک فرم رو پر میکنه و زمانی که روی دکمه ارسال اطلاعات کلیک میکنه باید به کاربر پیغام بدیم که اطلاعات شما درست ارسال شده یا اگر ارسال نشده بهش بگیم که اطلاعات خودتون رو درست وارد کنید.

یا زمانی که رمز عبور خودش رو وارد میکنه باید بهش بازخورد بدیم. در واقع به تمام اکشن های کاربر باید پاسخ بدیم و از گذاشتن دکمه هایی که به هیچ صفحه ای نمیره یا از قراردادن فرم هایی که کاربر نمیدونه داره کار خودش رو درست انجام میده یا نه ، باید جلوگیری کنیم.

۴- پیشگیری از خطا (error prevention)

در سایت احتمالا خطاها یا ارورهایی ممکن هست به وجود بیاد ، شما همیشه باید سعی کنین قبل از کاربر مشکلات سایت رو پیدا کنید و اون ها رو رفع کنید مثلا ممکنه کاربر در صفحه ی وارد کردن اطلاعات خود در یک فرم طولانی باشه و یکهو حواسش نباشه اون صفحه رو ببنده ، به شدت کار خسته کننده ای هست که کاربر بخواد دوباره اطلاعات رو وارد کنه پس برای جلوگیری از اینکار یک modal  طراحی میکنیم و از کاربر میپرسیم واقعا دلش میخواد این فرم بسته بشه یا نه ، اینطوری از یک خطا و اشتباه جلوگیری میکنیم.

۵- حفظ ثبات (Consistency)

حفظ ثبات در طراحی کمک میکنه تا تمام طرح با هم سازگاری و یکپارچگی داشته باشن و همه ی طرح از یک پلت رنگی و فونت و سایز های استاندارد پیروی کنه . برای اینکار از دیزاین سیستم استفاده میکنیم که در پست های بعدی درباره اش کامل توضیح میدیم.

مثلا طراحی دکمه ها ، فرم ها و تایپوگرافی و ...  در یک سایت از یک شکل استاندارد پیروی میکنن.

امیدوارم از مطالبی که توی این پست منتشر شد لذت ببرید و به دانشتون اضافه شده باشه .

اگر سوالی دارید پایین این پست یا از طریق ایمیل با من در ارتباط باشین .
پست های بعدی هم توی راهه ، منتظرمون باشین :)

پ.ن : اطلاعات این پست و پست قبل رو از احسان عزتی عزیز که تو یکی از ویدیوهاش اشاره کرد استفاده کردیم و کمک گرفتیم ، امیدوارم موفق و سربلند باشه :) theehsanez#
طراحی وبسایتui uxطراحی uiعارفه بی باکولتون آکادمی
شاید از این پست‌ها خوشتان بیاید