This media is not supported in your browser
VIEW IN TELEGRAM
دوازده قانون #روانشناسی که باید در طراحی #تجربه_کاربری بدانید:
11. اثر Von Restorff: وقتی چند آیتم شبیه هم هستند، اونی که از دیگران متمایز است بهتر به خاطر ما می مونه.
@frontdevir
11. اثر Von Restorff: وقتی چند آیتم شبیه هم هستند، اونی که از دیگران متمایز است بهتر به خاطر ما می مونه.
@frontdevir
به نظر شما کارت ۱ درسته یا کارت ۲؟
نباید برای همهی دکمههاتون بکگراند قرار بدید، دکمههای CTA باید از دکمههای دیگه مجزا باشند. که در کارت ۲ این اصول رعایت شده است.
#UX #UI
@frontdevir
نباید برای همهی دکمههاتون بکگراند قرار بدید، دکمههای CTA باید از دکمههای دیگه مجزا باشند. که در کارت ۲ این اصول رعایت شده است.
#UX #UI
@frontdevir
جرد اسپول یکی از طراحان تجربه کاربری مطرح دنیا تنها با تغییر متن دکمه از register به continue توانست باعث افزایش درآمد 300 میلیون دلاری یک کسب و کار شود!!! وی با دو هفته آزمایش کاربردپذیری در سایت (و در سایت های رقبا) و سپس دو هفته آزمایش های تکراری پروتوتایپ کاغذی، یک فرآیند پرداخت ساده را ایجاد کرد که پس از اجرای آن، افزایش قابل توجهی در درآمد، قابل مشاهده بود.
تجربه کاربری تنها طراحی ظاهری یک اپلیکیشن یا سایت نیست؛ بلکه طراحی موثری که بر تجربه کاربر اثر دارد و باعث افزایش راندمان یک کسب و کار خواهد شد.
#UX
@frontdevir
تجربه کاربری تنها طراحی ظاهری یک اپلیکیشن یا سایت نیست؛ بلکه طراحی موثری که بر تجربه کاربر اثر دارد و باعث افزایش راندمان یک کسب و کار خواهد شد.
#UX
@frontdevir
اگر از کشیدن(swipe) استفاده میکنید کاربر باید متوجه بشه که در لیست شما ایتم های بیشتری هم وجود دارند.
@frontdevir
@frontdevir
اگر تنظیمات نیاز به کلیک کردن دکمه تایید داره پس بهتره که از 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