اگر تنظیمات نیاز به کلیک کردن دکمه تایید داره پس بهتره که از checkboxها استفاده کنید، اما switche ها toggle هستند و برای تایید نیازی به دکمه ندارند.
credit: cagla
@frontdevir
credit: cagla
@frontdevir
قرار دادن دکمه در قسمت بالاتر باعث سردرگمی کاربر میشود.
با توجه به اصل گوتنبرگ کاربران از قسمت بالای سمت چپ شروع به چک کردن میکنند تا قسمت پایین سمت راست به صورت زیگزاگ چشم های خود را حرکت میدهند.
#UX
@frontdevir
با توجه به اصل گوتنبرگ کاربران از قسمت بالای سمت چپ شروع به چک کردن میکنند تا قسمت پایین سمت راست به صورت زیگزاگ چشم های خود را حرکت میدهند.
#UX
@frontdevir
محتواهایی که لازم هست دیده شوند و مهم هستند رو در نگاه اول قایم نکنید که کاربر مجبور به اسکرول کردن باشه. میتونید با نشون دادن قسمتی از اون بخش، کاربر رو متوجه وجود اون بخش کنید.
#UX
@frontdevir
#UX
@frontdevir
سایت مدیوم آگهی استخدامش رو توی کنسول مرورگر لاگ کرده! دقیقا جایی که برنامه نویسارو به راحتی میشه اونجا پیدا کرد😄
@frontdevir
@frontdevir
دکمه های CTA را متمایز کنید.
در هنگام وجود چندین المنت مشابه، موردی که با بقیه متفاوت است بیشتر به یاد میماند. #UI #UX
@frontdevir
در هنگام وجود چندین المنت مشابه، موردی که با بقیه متفاوت است بیشتر به یاد میماند. #UI #UX
@frontdevir
This media is not supported in your browser
VIEW IN TELEGRAM
دیزاین مود در Google Chrome
document.designMode="on"
حالا میتونید هر قسمتی رو که میخواید ویرایش کنید.
@frontdevir
document.designMode="on"
حالا میتونید هر قسمتی رو که میخواید ویرایش کنید.
@frontdevir
نسخه عمومی ویژوال استودیو آنلاین دردسترس توسعهدهندگان قرار گرفت.
همزمان با کنفرانس سالیانهی ایگنایت مایکروسافت، نسخهی مبتنیبر وب ویژوال استودیو دردسترس توسعهدهندگان قرار گرفت.
https://online.visualstudio.com/
@frontdevir
همزمان با کنفرانس سالیانهی ایگنایت مایکروسافت، نسخهی مبتنیبر وب ویژوال استودیو دردسترس توسعهدهندگان قرار گرفت.
https://online.visualstudio.com/
@frontdevir
رابط کاربری بدون تجربه کاربری مثل یه زیبای بدون مغز میمونه. به تنهایی کافی نیست.
-uxgoodies
#UI #UX
@frontdevir
-uxgoodies
#UI #UX
@frontdevir
یک ستونه طراحی کنید.
طراحی یک ستونه باعث میشود که کاربر سریع اطلاعتش را وارد کند و در نهایت
منجر به تجربه کاربری بهتری خواهد شد.
#UX
@frontdevir
طراحی یک ستونه باعث میشود که کاربر سریع اطلاعتش را وارد کند و در نهایت
منجر به تجربه کاربری بهتری خواهد شد.
#UX
@frontdevir
با استفاده صحیح از فاصله ها، رابط های زیبایی شناختی مطلوبی بسازید. padding و margin های لازم رو به کامپوننت و المنت هاتون بدید.
#UI
@frontdevir
#UI
@frontdevir
Flexible Margin
🔸 افزایش در صفحه نمایش های بزرگ
🔸 کاهش در صفحه نمایش های کوچک (0 پیکسل برای موبایل)
#ui #ux #uidesign
@frontdevir
🔸 افزایش در صفحه نمایش های بزرگ
🔸 کاهش در صفحه نمایش های کوچک (0 پیکسل برای موبایل)
#ui #ux #uidesign
@frontdevir
Color Base!
سعی کنید از رنگ سیاه کامل (000#) استفاده نکنید. بجای اون میتونید از رنگ های خاکستری که خیلی سیاه نیستن استفاده کنید.
#UI #design
@frontdevir
سعی کنید از رنگ سیاه کامل (000#) استفاده نکنید. بجای اون میتونید از رنگ های خاکستری که خیلی سیاه نیستن استفاده کنید.
#UI #design
@frontdevir