دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

11. اثر Von Restorff: وقتی چند آیتم شبیه هم هستند، اونی که از دیگران متمایز است بهتر به خاطر ما می مونه.

@frontdevir

به نظر شما کارت ۱ درسته یا کارت ۲؟

نباید برای همه‌ی دکمه‌هاتون بکگراند قرار بدید، دکمه‌های CTA باید از دکمه‌های دیگه مجزا باشند. که در کارت ۲ این اصول رعایت شده است.

#UX #UI

@frontdevir

جرد اسپول یکی از طراحان تجربه کاربری مطرح دنیا تنها با تغییر متن دکمه از register به continue توانست باعث افزایش درآمد 300 میلیون دلاری یک کسب و کار شود!!! وی با دو هفته آزمایش کاربردپذیری در سایت (و در سایت های رقبا) و سپس دو هفته آزمایش های تکراری پروتوتایپ کاغذی، یک فرآیند پرداخت ساده را ایجاد کرد که پس از اجرای آن، افزایش قابل توجهی در درآمد، قابل مشاهده بود.
تجربه کاربری تنها طراحی ظاهری یک اپلیکیشن یا سایت نیست؛ بلکه طراحی موثری که بر تجربه کاربر اثر دارد و باعث افزایش راندمان یک کسب و کار خواهد شد.
#UX

@frontdevir

اگر از کشیدن(swipe) استفاده میکنید کاربر باید متوجه بشه که در لیست شما ایتم های بیشتری هم وجود دارند.

@frontdevir

وقتی یه برنامه نویس بک‌اند میخواد CSS بنویسه😄

@frontdevir

روز جهانی برنامه‌نویس مبارک🎈

@frontdevir

اگر تنظیمات نیاز به کلیک کردن دکمه تایید داره پس بهتره که از checkboxها استفاده کنید، اما switche ها toggle هستند و برای تایید نیازی به دکمه ندارند.

credit: cagla

@frontdevir

قرار دادن دکمه در قسمت بالاتر باعث سردرگمی کاربر می‌شود.
با توجه به اصل گوتنبرگ کاربران از قسمت بالای سمت چپ شروع به چک کردن می‌کنند تا قسمت پایین سمت راست به صورت زیگزاگ چشم های خود را حرکت می‌دهند.
#UX

@frontdevir

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

#UX

@frontdevir

سایت مدیوم آگهی استخدامش رو توی کنسول مرورگر لاگ کرده! دقیقا جایی که برنامه نویسارو به راحتی میشه اونجا پیدا کرد😄

@frontdevir

دکمه های CTA را متمایز کنید.

در هنگام وجود چندین المنت مشابه، موردی که با بقیه متفاوت است بیشتر به یاد می‌ماند. #UI #UX

@frontdevir

دیزاین مود در Google Chrome

document.designMode="on"
حالا میتونید هر قسمتی رو که میخواید ویرایش کنید.

@frontdevir

نسخه‌ عمومی ویژوال استودیو آنلاین دردسترس توسعه‌دهندگان قرار گرفت.

هم‌زمان با کنفرانس سالیانه‌ی ایگنایت مایکروسافت، نسخه‌ی مبتنی‌بر وب ویژوال استودیو دردسترس توسعه‌دهندگان قرار گرفت.

https://online.visualstudio.com/

@frontdevir

رابط کاربری بدون تجربه کاربری مثل یه زیبای بدون مغز میمونه. به تنهایی کافی نیست.

-uxgoodies
#UI #UX

@frontdevir

یک ستونه طراحی کنید.

طراحی یک ستونه باعث میشود که کاربر سریع‌ اطلاعتش را‌ وارد کند و در نهایت
منجر به تجربه کاربری بهتری خواهد شد.

#UX

@frontdevir

با استفاده صحیح از فاصله ها، رابط های زیبایی شناختی مطلوبی بسازید. padding و margin های لازم رو به کامپوننت و المنت هاتون بدید.

#UI

@frontdevir

مواردی که UI/UX دیزاینر ها باید بدانند.
#UI #UX

@frontdevir

📖کتاب 5 اصل SOLID

به زبان فارسی

#SOLID

@frontdevir