DUXLab Academy
3.19K subscribers
429 photos
41 videos
43 files
88 links
اینجا در مورد، طراحی محصول، رهبری تیم و کاریابی صحبت میکنیم
Download Telegram
تیغ اکهام

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

گزینه‌های انتخابی کاربر را محدود کنید تا کاربرانتان راحت‌تر به گزینه مدنظرشان برسند و آن را انتخاب کنند.

#توشه_طراحی

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

رنگ زرد رو برندهایی استفاده می‌کنند که می‌خوان نشون بدهند که کارشون منظم بر اساس یک پروسه منطقی ذهنی است.

جالبه که بدونید رنگ زرد باعث میشه نوزادها به گریه بیفتند!!

توضیحات تکمیلی، داخل تصویر است.


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

🆔 @dux_lab
💙 بعد از رنگ قرمز و زرد، رنگ آبی سومین و آخرین رنگ اصلیه که می‌خوایم بهتون معرفی کنیم.

رنگ آبی حس آرامش و امنیت رو ایجاد می‌کنه.

👨‍🦳🧔👨‍🦰👨‍🦱👨
جالبه که بدونید ۷۰ درصد افرادی که رنگ آبی رو دوست دارند آقایون هستند.

باقی اطلاعات رو در تصویر بخونید 👆


#توشه_طراحی
#رنگ

🆔 @dux_lab
🎨 رنگ نارنجی

بعد از معرفی رنگ‌های اصلی (قرمز، آبی و زرد) نوبت به رنگ‌های فرعی یا دسته دوم می‌رسه.

رنگ‌های فرعی رنگ‌هایی هستند که با ترکیب رنگ‌های اصلی به‌دست میان.

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


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


به‌اشتراک بگذارید


🆔 @dux_lab | #توشه_طراحی #رنگ
🎨 💚 رنگ سبز، دومین رنگ Secondary است که از ترکیب زرد و آبی به‌دست میاد.

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

برای دیدن جزئیات بیشتر تصویر رو حتما ببینید.

به اشتراک بگذارید.


🆔 @dux_lab | #توشه_طراحی #رنگ
۵۰مین توشه طراحی DUXLab تقدیم به شما. حس خیلی خوبی داریم که تا اینجا اومدیم و تونستیم حتی ذره‌ای کوچک بهتون کمک کنیم 😉👊

این توشه طراحی مربوط به Skeleton Screen است که Minimum Interaction Time (سریع‌ترین زمانی که کاربر حس کنه می‌تونه با اپلیکیشن یا وب‌سایت تعامل داشته باشه) رو کاهش می‌ده.

در طرح‌هاتون حتما استفاده کنید. شدیدا توصیه میشه 🙂☝️


🆔 @dux_lab | #توشه_طراحی شماره ۵۰
ممکنه واژه CTA رو بارها جاهای مختلف شنیده باشید اما ندونید معنیش چیه و چه کاری رو انجام می‌ده.

توشه طراحی امروز، مربوط به CTA هست.

حتما تصویر رو ببینید 😊


🆔 @dux_lab | #توشه_طراحی
This media is not supported in your browser
VIEW IN TELEGRAM
قطعا توی یک سری وب‌سایت‌ها دیدید که یک ویدئوی جذاب از حال و هوای محصول و خدماتشون قرار میدن.

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

توی این فایل گیف، توضیحات و یک نمونه از سینما گراف رو می‌تونید ببینید.

🆔 @dux_lab | #توشه_طراحی
#توشه_طراحی شماره ۵۳ راجع به تکنیک دو لایه است.

توصیه میشه حتما ببینید و با دیگران هم به اشتراک بگذارید تا اون‌ها هم بهره‌مند بشن 😊

🆔 @dux_lab #توشه_طراحی
طراحی کارتی با استفاده از تصویر در کنار متن و رنگ، کمک می‌کنه کاربر سریع‌تر به چیزی که دنبالش می‌گرده برسه.

این نوع سبک رو اواین بار گوگل انجام داد. شما هم می‌تونید با خلاقیتتون بهبودش ببخشید 😊✌🏻


🆔 @dux_lab | #توشه_طراحی
یکی از چالش‌های طراحی، استفاده از متون و UX Writing است. ذهن ما آدم‌ها به‌دلیل تنبلی بیش از حد، حوصله خوندن متون طولانی رو نداره.

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


ذهن تنبل اکثر ما آدم‌ها بیشتر دوست داره ببینه تا بخونه! به‌همین خاطر، استفاده از تصاویر به‌صورت اینفوگرافیک خیلی کمک می‌کنه که بتونیم اطلاعات رو منتقل کنیم.

🆔 @dux_lab | #توشه_طراحی
سومین و آخرین رنگ دسته دوم که بهتون معرفی می‌کنیم، رنگ بنفش است. رنگ بنفش که از ترکیب رنگ‌های اصلی قرمز و آبی به‌دست میاد، نماد نجابت و اشرافیت است و برای محصولات لوکس مورد استفاده قرار می‌گیره.

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

🆔 @dux_lab | #توشه_طراحی
DUXLab Academy
#توشه_طراحی شماره ۳۳: واکنش‌گرا بودن محصول 🆔 @dux_lab
This media is not supported in your browser
VIEW IN TELEGRAM
در ارتباط با #توشه_طراحی شماره ۳۳، این #نقد_طراحی مربوط به مدیسه رو ببینید که مشکلی مشابه با وب‌سایت تپسل داره و بازهم یک تجربه‌ی بد رو منتقل می‌کنه.

کاربران فضای دیجیتال عادت دارن با فشار فلش های یک اسلایدر، عکس پشت زمینه تغییر پیدا کنه

🆔 @dux_lab | #نقد_طراحی
توشه طراحی شماره ۶۱: کاربردپذیری

بیابد راجع‌به Usability، یعنی کاربردپذیری یا قابلیت استفاده یکم صحبت کنیم.

1️⃣ اگه بخوایم یک محصول (فرقی نمی‌کنه وب‌سایت یا اپلیکیشین موبایل یا حتی یک محصول فیزیکی) قابل استفاده باشه، باید اول از همه در زمینه‌ای که مورد استفاده قرار می‌گیره، اثرگذار باشه. اثرگذاری یعنی کار مد نظر با استفاده از محصول به‌خوبی انجام بشه.

2️⃣ این اثرگذاری باید به‌صورتی باشه که کاربر یا مشتری احساس رضایت کنند. یعنی با استفاده از اون محصول مشخص، حس خوبی به‌دست بیارند. این حس خوب با راحت‌تر حل کردن مشکلات نسبت به قبل رابطه مستقیم داره.

3️⃣ در نهایت این محصول برای کاربردپذیری باید کارآمد باشه؛ و این یعنی اینکه با استفاده از این محصول، منابع کاربر (زمان، هزینه و غیره) کمترین میزان هدر رفتگی ممکن رو داشته باشه.


🆔 @dux_lab | #توشه_طراحی
به نظر شما تفاوت User Testing و Usability Testing چیه؟

به این موضوع فکر کنید. امشب پاسخ این سوال و توشه طراحی رو در یک فایل صوتی براتون می‌فرستیم.


🆔 @dux_lab | #توشه_طراحی
این مورد رو حتما باید بخونید و تجربه کنید😉👇🏻

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

نوزادانی هم که کمتر از یک ساعته که به دنیا اومدند، بیشتر به اشیائی نگاه میکنن که ویژگی‌های یک چهره رو داشته باشه.


🆔 @dux_lab | #توشه_طراحی
This media is not supported in your browser
VIEW IN TELEGRAM
سرعت بالا اومدن صفحات رو چک می‌کنید؟

یک متریک هست به‌نام Minimum Interactive Time. یعنی کمترین زمانی که کاربر می‌تونه با صفحه تعامل داشته باشه.

اگه بیشتر از ۲ ثانیه بشه، کاربر حس می‌کنه مشکلی هست.

راه حلش لودینگ‌های سرگرم‌کننده، Skeleton Screen، Splash Screen و موارد مشابه هست.

سعی کنید محدودیت‌های فنی رو حتما قبل طراحی و بعد پیاده‌سازی در نظر بگیرید تا همیشه برای همه شرایط آماده باشید😊

🆔 @dux_lab | #توشه_طراحی