#توشه_طراحی شماره ۳۹

تاثیر رنگ به‌روی خرید.

طبق تحقیقات، ۹۳ درصد مشتری‌ها موقع خرید به ظاهر و رنگ،
۶ درصد به بافت و یک درصد به صدا و بوی محصول توجه می‌کنند.


توجه داشته باشید که بافت و صدا و بو جزء ظاهر یک محصول نیستند.

✅ ظاهر: چیزی که با چشم دیده میشه
✅ بافت: چیزی که لمس میشه
✅ صدا: چیزی که با گوش شنیده میشه
✅ بو: چیزی که با بینی حس میشه

🆔 @dux_lab

موزه‌ای برای طراحان

این موزه که برای بازدید ازش نیازی نیست بلیطی تهیه کنید مجموعه تقریبا کاملی از حدود ۱۶۰۰ سایت که بسیار دقیق، انتخاب و دسته بندی شدن، ترند‌های طراحی وب رو از ۱۹۹۱ تا ۲۰۰۶ به نمایش گذاشته.

حس نوستالژیکی که این سایت به‌وجود میاره فوق‌العاده است، چرا که خیلی از این سایت‌ها مثل Hotmail با جوانی و نوجوانی ما عجین شده بودن.

یکی از امکاناتی که "موزه طراحی وب" تدارک دیده، نمایش تایم‌لاین های طراحی از ابتدا تا به امروزه که قراره ما در بخش #تکامل برای شما بررسی کنیم.

پیشنهاد می‌کنیم حتما سر بزنید.

🔗https://www.webdesignmuseum.org/

#معرفی_سایت#️⃣

🆔 @dux_lab

اگر مردم با پزشکان همانطور رفتار کنند که با طراحان رفتار می‌کنند 🤦🏻‍♂️

قسمت ۲

#فان
#من_و_کارفرمام


🆔 @dux_lab

کتاب The Design of Everyday Things یکی از کتاب‌های ضروریه که هر طراح باید خونده باشه.

نویسنده این کتاب، دونالد نورمن، پدر علم UX است.

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

تیم DUXLab این کتاب رو در دو نسخه EPUB و PDF برای شما دوستان خوبمون تهیه کرده.

🆔 @dux_lab

#کتاب The Design of Everyday Things

#آموزشی

🆔 @dux_lab

🤾🏻‍♀️🤾🏻‍♂️"حرکت" از ابزار‌های مهم جلب توجه کاربر محسوب میشه.

☑️یک طراحی خوب از رنگ، سایز و موقعیت مناسب برای برجسته کردن یک اکشن مهمی که کاربر نیاز دارد به آن توجه یا واکنش نشون بده استفاده می‌کنه.

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

🔍یکی از بهترین مثال‌های استفاده از این ابزار، بالا و پایین پریدن آیکون‌های نوار Dock سیستم عامل مک، وقتی اپلیکیشنی نیاز به واکنش کاربر به درخواستی که اون اپلیکیشن از ما داره میشه اشاره کرد.

#آموزشی

🆔 @dux_lab

#توشه_طراحی شماره ۴۰

دوباره بحث جذاب رنگ و این سری یک توشه راجع‌به اینکه رنگ چقدر در قضاوت مشتری و کاربر راجع‌به محصول تاثیر داره 🎨

🆔 @dux_lab

#سخن_بزرگان #️⃣

🆔 @dux_lab

یکی از دغدغه‌های هر ایرانی، پیدا کردن یک محصول توی منوی وب‌سایت دیجیکالا است.

چیزی که خیلی عجیبه اینه که علاوه بر این همه آیتم بدون نظم، گزینه «همه دسته‌بندی‌ها» هم وجود داره که آیتم‌های بیشتری رو به شما نشون میده!


#نقد_طراحی دیجیکالا

🆔 @dux_lab

اگر مردم با پزشکان همانطور رفتار کنند که با طراحان رفتار می‌کنند 🤦🏻‍♂️

قسمت ۳

#فان
#من_و_کارفرمام


🆔 @dux_lab

تا حد امکان استفاده از خطوط جداکننده(Border) را محدود کنید.

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

۱. استفاده از Box Shadow ها

۲. استفاده از پس‌زمینه‌ با رنگ متفاوت

۳. ایجاد فاصله بیشتر


🆔 @dux_lab

تا حالا شنیدی میگن یکی چشمش مثل خطکشه؟

اگه فکر می‌کنی چشمت خیلی دقیقه، توی این چالش شرکت کن و ببین چه امتیازی میاری 😏👇
(این بازی فقط روی دسکتاپ کار می‌کنه)
http://pixact.ly

امتیازت رو برامون توی اینستاگرام بفرست تا به بقیه معرفیت کنیم 😎
www.instagram.com/dux.lab

#فان

🆔 @dux_lab

طراحی آمازون، از ۱۹۹۹ تا امروز..

قطعا ۱۰ سال دیگه وقتی به طراحی ۲۰۱۹ آمازون نگاه کنیم، خندمون می‌گیره 😉


#تکامل

🆔 @dux_lab

فونت برسلی(Bresley)

فونت تحریری برسلی مناسب برای بنرهای لاکچری

#ابزار

🆔 @dux_lab

وضعیت های مختلف را از طریق دکمه‌ها به کاربر اطلاع دهید.

☑️یک تعامل خوب، اتفاقاتی که می‌افتد را در کنار دکمه به کاربر نشان می‌دهد.

✅یک تعامل عالی، از خود دکمه برای نشان دادن وضعیت های متفاوت بهره می‌برد.

❕سعی کنید از خود فضای حامل دکمه برای نشان دادن بازخورد بصری به کاربر استفاده کنید، برای مثال یک چرخنده(Spinner) یا انیمیشن بارگذاری(Loading)، را جایگزین دکمه CTA خود کنید یا یک انیمیشن به پس‌زمینه دکمه برای نمایش پیشرفت استفاده کنید.

🔍البته انتخاب هر کدام از این روش‌ها بسته به خود شماست ولی موضوع اینجاست که از فضایی استفاده کنیم که کاربر در حال حاضر با آن تعامل دارد.

🆔 @dux_lab

طرح لایه باز رابط کاربری اپلیکیشن بانک MooBank

قابل استفاده در فیگما و اسکچ برای همراهان عزیز DUXLab

🆔 @dux_lab