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

این فایل PDF مربوط به این بخش هست. برای خوندن مفاهیمی که گفتیم به این کتاب مراجعه کنید.

@dux_lab
#نمونه مورد بررسی: Snappfood

توی صفحه اول Snappfood جهت و فلش همه المان‌ها با سمت چپ هست. یعنی کاربر فارسی زبان انتظار داره وقتی Transition رخ داد، صفحه سمت چپ جایگزین شه (Transition از چپ به راست اتفاق بیفته)؛ در حالی که عکس این موضوع اتفاق میفته.
این عملکرد، ابهام ایجاد میکنه و خلاف تجربه و انتظار کاربر هست.
@dux_lab
#نمونه مورد بررسی: Snappfood

توی منوی کناری Snappfood برای بستن، از آیکان فلش به سمت پایین استفاده شده. یعنی کاربر انتظار داره وقتی که کلیک کرد، صفحه رو به پایین بره؛ اما در عمل، Transition از چپ به راست اتفاق میفته.
این عملکرد، ابهام ایجاد میکنه و خلاف تجربه و انتظار کاربر هست.
@dux_lab
#نمونه مورد بررسی: اپ دیجیکالا

توی صفحه اول اپ دیجیکالا، دکمه دسته‌بندی دیده میشه. مثل همه المان‌های این صفحه، انتظار میره که وقتی انتخاب شدن، کاربر با زدن گزینه بازگشت، به همین صفحه اول برگرده؛ اما وقتی که روی “دسته‌بندی‌ها” کلیک میشه، چون خودش یکی از گزینه‌های منوی زیرین هست، این امکان وجود نداره.
این عملکرد، نمونه‌ای از عدم توجه به زمان حال و محیط پیرامون کاربر هست. در واقع، انسجام در المان‌های صفحه اول وجود نداره.
@dux_lab
#نمونه مورد بررسی: زائر

اپلیکیشن زائر، خدمات مفیدی رو به زائرین اماکن زیارتی میده، مثل مکان هتل‌ها، بیمارستان‌ها، آژانس‌ها، استراحت‌گاه‌ها و غیره. وقتی که کاربر به جزئیات یکی از این اماکن میاد، از کاربر خواسته میشه که عضو اپلیکیشن شه. آیا واقعا در این مرحله که کاربر باید سریع‌تر به هدفش برسه، درخواست عضویت گزینه مناسبیه؟
این عملکرد، خلاف در نظر گرفتن آینده و هدف کاربر هست.
@dux_lab
۲- سیستم بینایی: چطور در طراحی، هرچیزی رو سر جای مناسبش قرار بدیم؟

فایل صوتی کوتاه بعدی رو گوش بدید تا با این قواعد آشنا شید.

#گشتالت


🔴 لینک عضویت در کانال:

https://news.1rj.ru/str/joinchat/AAAAAE5jySKNF9ShqcNDZw
۲- سیستم بینایی

سیستم بصری ما برای دیدن ساختارها بهینه شده - بخش ۱

#دوره_مقدماتی #گشتالت


@dux_lab
۲- سیستم بینایی
قوانین گشتالت در یک نگاه: میتونید مقصودش رو ببینید؟ فایل صوتی بعدیمون راجع‌به این‌هاست.

#دوره_مقدماتی #گشتالت


https://news.1rj.ru/str/joinchat/AAAAAE5jySKNF9ShqcNDZw
نمونه‌ای از قانون Proximity گشتالت؛ که البته اکثرا رعایت نمیکنن و حتی دلیل وجودش رو نمیدونن.

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

میدونستید اینو؟ 😊

#دوره_مقدماتی #گشتالت


https://news.1rj.ru/str/joinchat/AAAAAE5jySKNF9ShqcNDZw
۳- سیستم بینایی

چطور انسان‌ها با طراحی‌های ساختاریافته بهتر ارتباط برقرار می‌کنه.

#دوره_مقدماتی #اطلاعات_ساختاریافته


https://news.1rj.ru/str/joinchat/AAAAAE5jySKNF9ShqcNDZw
Design With Hooman
Voice message
۳- سیستم بینایی

وقتی ساختار هست، اطلاعات سریع‌تر منتقل میشن.

#دوره_مقدماتی #اطلاعات_ساختاریافته


https://news.1rj.ru/str/joinchat/AAAAAE5jySKNF9ShqcNDZw
۴- سیستم بینایی

چطور آدم‌ها رنگ‌ها را می‌بینند؟

بخش ۱

#دوره_مقدماتی #رنگ‌ها


https://news.1rj.ru/str/joinchat/AAAAAE5jySKNF9ShqcNDZw
۴- سیستم بینایی

فرکانس طیف نور که چشم انسان می‌بیند. L: فرکانس پایین، M: فرکانس متوسط، H: فرکانس بالا


دسته‌های سیگنال‌های رنگی چشم انسان.

شکل سمت چپ: حساسیت چشم انسان
شکل سمت راست: سیستم مصنوعی


#دوره_مقدماتی #رنگ‌ها


https://news.1rj.ru/str/joinchat/AAAAAE5jySKNF9ShqcNDZw
۴- سیستم بینایی

آدم‌ها چطور رنگ‌ها را می‌بینند؟

بخش ۲-۱

#دوره_مقدماتی #رنگ‌ها


https://news.1rj.ru/str/joinchat/AAAAAE5jySKNF9ShqcNDZw
شکل ۴-۱- خطای دید در اثر کنتراست تصویر

دسته‌های سیگنال‌های رنگی چشم انسان.

#دوره_مقدماتی #رنگ‌ها

https://news.1rj.ru/str/joinchat/AAAAAE5jySKNF9ShqcNDZw
شکل ۴-۲- خطای دید در اثر کنتراست تصویر

مربع A و B همرنگ هستن اما شما اونا رو متفاوت میبینید.

#دوره_مقدماتی #رنگ‌ها

https://news.1rj.ru/str/joinchat/AAAAAE5jySKNF9ShqcNDZw