Design With Hooman – Telegram
Design With Hooman
2.63K subscribers
453 photos
42 videos
44 files
108 links
اینجا یک کانال مخصوص دیزاینرهای سینیور و لید هست
Download Telegram
گوگل تصویر عمر خیام نیشابوری، ریاضیدان،ستاره شناس،فیلسوف و شاعر ایرانی را به مناسبت نهصد و هفتاد و یکمین سالگرد تولد او به عنوان لوگوی خود قرار داده است.

#مناسبت

🆔 @dux_lab
#توشه_طراحی شماره ۴۱

قانون جیکوب


🆔 @dux_lab
یکی از دلایل ازدیاد تعداد قالب‌های کپی دیجی‌کالا پیروی کورکورانه از قانون جیکوبه.

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

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

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

#توشه_طراحی

🆔 @dux_lab
می‌دونید المان Bread Crumbs از کجا نامگذاری شده؟

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

مثل خانه > مقاله‌ها > تجربه کاربری


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

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



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

قسمت ۴

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


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

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

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

🆔 @dux_lab
فونت شبنم

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

شبنم شامل ۳ وزن نازک، متوسط و برجسته(بولد) که با توجه به‌ آپدیت جدید ایران‌یکان و افزایش وزن‌های این فونت احتمالا شبنم هم در آپدیت جدید به این موضوع توجه نشان خواهد داد.

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

نسخه ۴.۰.۰ این فونت از طریق فایل پایین در دسترس شما خواهد بود.


#ابزار_طراحی

🆔 @dux_lab
قانون میلر

طبق قانون میلر، ما انسان‌ها بین ۵ تا ۷ اسم، عدد یا شیء رو می‌تونیم توی حافظه‌مون نگه‌داریم.

از کاربرد های این قانون میشه به رمزهای یک بار مصرف (OTP) اشاره کرد.
توصیه میشه تعداد ارقام OTP (رمز یک بار مصرف) ۵ تا باشه که همه بتونن اون رو توی حافظه کوتاه مدت‌شون حفظ کنند.

#توشه_طراحی

🆔 @dux_lab
در چند روز آینده #آمار مربوط به پرطرفدارترین ابزار های مربوط به UX Design در سال ۲۰۱۸ تقدیم شما دوستان خواهد شد.

در انتها با یک نظرسنجی از کلیه کاربران عزیز، برآورد کلی از تفاوت این آمار در ایران خواهیم داشت.
برترین ابزارهای UI Design در سال ۲۰۱۸.

#آمار
#پژوهش

🆔 @dux_lab
نمودار فراوانی برترین ابزارهای UI Design به‌صورت کلی.


#آمار
#پژوهش

🆔 @dux_lab
استفاده از عکس بجای رنگ در برنامه اسکچ

۱.برای اینکار کافیه متن خودتون رو بنویسید.
۲.متن رو از ستون سمت چپ انتخاب و راست کلیک کنید و گزینه آخر یعنی Convert to outlines رو انتخاب کنید.
۳.عکس مورد نظرتون رو اضافه کنید و لایه بالای متن قرار بدید
۴.از ستون سمت چپ روی متن انتخابی راست کلیک کنید و گزینه Mask رو انتخاب کنید.

#آموزشی

🆔 @dux_lab
برترین ابزار‌های Wireframing
در سال ۲۰۱۸

#آمار
#پژوهش

🆔 @dux_lab
برترین ابزارهای Wireframing در سال ۲۰۱۸ در نمودار و به‌صورت کلی.


#آمار
#پژوهش

🆔 @dux_lab
طراحی صدا

آواهای یک UI باید مثل یک ارکستر با یکدیگر و همچنین با پیرامون خود هماهنگ باشند.

۳ نوع آوا در طراحی UI وجود داره: ۱) صدا؛ ۲) موسیقی؛ و ۳) صوت.

اکثر بخش‌های یک UI به‌صورت بصری ارائه می‌شه. «صدا» ارائه این اطلاعات بصری رو تقویت می‌کنه و راه افزونه‌ای برای ارتباط با کاربر ایجاد می‌کنه.

طراحی صدا در این موارد به کار میره: ۱) ارتباط یک المان UI به یک صدا؛ ۲) بیان احساسات یا شخصی‌سازی؛ ۳) نشان دادن سلسله مراتب با دادن صدا به تعامل‌های مشخص؛ و ۴) ارائه بازخورد قابل لمس.


#توشه_طراحی شماره ۴۳
#صدا

🆔 @dux_lab
This media is not supported in your browser
VIEW IN TELEGRAM
🎧 صدا رو می‌تونیم به ۲ صورت ایجاد کنیم: ۱) اسکومورفیک؛ و ۲) انتزاعی


صداهای اسکومورفیک (Skeomorphic) صداهایی که مشابه دنیای واقعی هستند. بعنوان مثال، صدایی که در این فایل وجود داره یک صدای اسکومورفیک هست که شبیه صدای بسته شدن قفل در دنیای واقعیه.

#توشه_طراحی
#صدا

🆔 @dux_lab
This media is not supported in your browser
VIEW IN TELEGRAM
🎧 صداهای انتزاعی (Abstract) صداهایی هستند که زاده افکار ما هستند و مشابهشون رو در دنیای واقعی پیدا نمی‌کنیم.

بعنوان مثال، هیچ قفلی در دنیای واقعی با این صدا بسته نمیشه و ساخته تخیل ما است.


#توشه_طراحی
#صدا

🆔 @dux_lab
رنگ قرمز و معانی اون در احساسات، بازاریابی و برندهایی که ازش استفاده کردند.


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

🆔 @dux_lab