فلسفه دیزاین

فلسفه دیزاین pinned a photo

طراحی برای گذار بیانگر دوره‌ایست که ما در آن زندگی می‌کنیم که همه چیز در آن در حال گذار و دگرگونی‌ست. فرضیه اصلی آن نیاز به گذارهای اجتماعی به سمت آینده‌ای پایدارتر است و نقش کلیدی طراحی در این مقوله را مطرح می‌کند.
طراحی برای گذار با درک عمیقی که از به هم پیوستگی سیستم‌های اجتماعی، اقتصادی، سیاسی و طبیعی دارد، مسائل را در سطوح مکانی و زمانی به گونه‌ای بررسی می‌کند که کیفیت زندگی انسان را بهبود بخشد.
طراحی برای گذار به دنبال بازتعریف مفهوم سبک زندگی‌‌ست، با این هدف که آن‌ را بیشتر وابسته به مکان، دلنشین و مشارکتی کند و میان سبک‌های زندگی و محیط طبیعی هارمونی ایجاد نماید. تمرکز طراحی برای گذار بر مفهوم «بومی‌گرایی جهان شهری» است، سبک زندگی‌ای که مبتنی بر مکان و محلی‌ست اما به لحاظ آگاهی و تبادل اطلاعات و تکنولوژی در سطح جهانی قرار دارد.

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

ثبت‌نام:
https://eseminar.tv/wb108406

@Dexign فلسفه دیزاین

_________

آپدیت‌های جدید فیگما در کنفرانس ۲۰۲۳

۱- اولین تغییر اضافه کردن فیچری جدید و کامل‌تر برای دولوپرهاست، چیزی شبیه زپلین. این فیچر فاصله‌ها،‌ اندازه‌ها، رنگ و تمام المان‌ها و کدهایی که دولوپرها نیاز دارند را در دکمه‌ای کنار دکمه اشتراک گذاری نمایش می‌دهد.

۲- ساخت variable: ورینت‌ها در طول دیزاین استفاده از المان‌های مختلف در حالت‌های مختلف را راحت و ساده می‌کنند و در صورت تغییر مواردی در دیزاین با تغییر آن‌ها تمامی صفحاتی که ورینتی خاصد استفاده شده نیز تغییر می‌کند. در آپدیت جدید ورینت‌ها آپدیت شده‌اند و به گونه‌ای تغییر کرده‌اند که زمان کمتری از ما در دیزاین، مدیریت دیزاین سیستم و ساخت پروتوتایپ‌های پیچیده بگیرد.

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

۳- پروتوتایپ پیشرفته: قبلا برای ساخت پروتوتایپی با جزئيات بیشتر باید چندین صفحه و موارد‌ زیادی رو به یکدیگر وصل می‌کردیم و یک اشتباه شاید باعث می‌شد تمام زمانی که گذاشته‌ایم به هدر رود اما در آپدیت اخیر کنترل‌هایی اضافه شده که تنها با انتخاب مدل و نحوه انجام آن المان نمایش داده می‌شود.

۴- فیچر auto layout: در ورژن جدید انعطاف بیشتری را برای اندازه‌ها و امکان تغیین حداقلی و حداکثری اندازه در نظر گرفته شده است.

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

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

https://bit.ly/dxgn1066

(زمان حدودی مطالعه: ۴ دقیقه)

گردآورنده: فروزان فاضلی

#رابط_کاربر #UI #ابزار #فیگما

@Dexign فلسفه دیزاین

_________

پترن‌های کاربردی UI که در برنامه‌های واقعی استفاده شده‌اند

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

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

اما از کجا می‌توان الهام گرفت و راه حل‌ها را دریافت کرد؟

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

۱. Screenlane
در این وب‌سایت الهام بگیرید و با آخرین روندهای طراحی رابط کاربری وب و اپلیکیشن موبایل همراه باشید.

۲. Pageflows
در این وب‌سایت می‌توانید فلوی آنبوردینگ و ارتقا و تنزل حساب‌های کاربری را در برندهای برتر چک کنید.

۳. Mobbin
مجموعه‌ای دستچین شده از جدیدترین و بهترین الگوهای طراحی از برنامه‌های تلفن همراه است. در حال حاضر بیش از ۱۵۰ برنامه و ۸۰۰۰ الگو در این پلتفرم موجود است.

۴. UX Archive
این وب‌سایت مقصد اصلی برای یافتن فلوهای UX موبایل از برترین برنامه‌های موبایل جهان است.

۵. UI Sources
در این پلتفرم می‌توانید از طراحی واقعی بهترین محصولات طراحی شده جهان الهام بگیرید.

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

https://bit.ly/dxgn1065

(زمان حدودی مطالعه: ۱۰ دقیقه)

گردآورنده: بهاره حاجوی

#معرفی_منبع #پترن_ها #رابط_کاربر

@Dexign فلسفه دیزاین

_________

نحوه‌ی طراحی نمودارهای کامل

تجسم سازی بخش مهمی از طراحی داشبورد است و انتخاب نوع نمودار مناسب برای ارائه داده‌های شما مهم‌ترین و در عین حال پیچیده‌ترین بخش است. انتخاب نادرست نمودار می‌تواند باعث سردرگمی یا تفسیر اشتباه داده شود.

اگر تا به حال داشبورد طراحی کرده باشید یا روی پروژه‌ای کار کرده‌اید که نیاز به تجسم داده‌ها دارد، می‌دانید که این موضوع می‌تواند چالش برانگیز باشد. نمودارهای دایره‌ یا دونات اغلب می‌توانند اولین انتخاب طراحان باشند زیرا بسیار جذاب و کاربرپسند به نظر می‌رسند، اما معمولاً بهترین راه برای ارائه داده‌ها نیستند.

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

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

- آیا می‌خواهید ترکیب چیزی را نمایش دهید؟
- آیا می‌خواهید مقادیر را با هم مقایسه کنید یا تفاوت‌ها را در طول زمان نشان دهید؟
- آیا می‌خواهید رابطه بین دو یا چند متغیر را بهتر درک کنید؟
- آیا می‌خواهید توزیع داده‌های خود را نشان دهید؟

بسته به آن چه می‌خواهید نشان دهید، در ادامه مروری کلی بر رایج‌ترین انواع نمودارها خواهیم داشت:

۱. نمودار دایره و دونات
نمودار دایره‌ای یا نمودار دونات، یکی از نمودارهایی است که بیش از اندازه استفاده می‌شود. این نمودارها برای نشان دادن بخش‌هایی از یک کل استفاده می‌شوند و اعداد را به صورت درصد نشان می‌دهند که مجموع کل تمام بخش‌ها باید برابر با ۱۰۰٪ باشد.
نمودار دایره‌ای نمونه‌ای از تجسم داده است که من استدلال می‌کنم تقریباً همیشه جایگزینی برای آن وجود دارد تا داده‌ها را به روشی بهتر نمایش دهد. با این حال، شاید مشکل در خود نمودارهای دایره‌ای نباشد، بلکه اغلب آن‌ها به اشتباه استفاده می‌شوند. نمونه‌ای از استفاده‌ی خوب از آن‌ها، ترسیم نتایج یک نظرسنجی است که در آن کاربران باید پاسخ‌های ساده‌ی «بله» یا «خیر» را ارائه دهند.

اصولی که برای طراحی بهتر نمودار دایره‌ای باید رعایت شود:

ـ اگر دسته بندی‌های زیادی دارید هرگز از نمودارهای دایره‌ای استفاده نکنید زیرا برش ها آنقدر نازک می‌شوند که قابل مقایسه نیستند. فقط در صورتی از نمودارهای دایره‌ای استفاده کنید که حداکثر ۶ دسته دارید.
- از نمودارهای دایره‌ای برای مقادیر بسیار مشابه استفاده نکنید. نمودار میله‌ای در این مورد انتخاب بسیار بهتری خواهد بود.
- اگر مقادیر تا ۱۰۰٪ جمع نمی‌شوند از نمودارهای دایره‌ای استفاده نکنید. مجموع کل تمام بخش‌ها باید برابر با ۱۰۰٪ باشد.
- برای مقایسه‌ی آسان‌تر، برش‌ها را با توجه به اندازه‌ی آن‌ها مرتب کنید و قرار دهید.

در ادامه با خواندن مقاله در لینک زیر می‌توانید بررسی ۳ مورد دیگر از نمودارهای رایج در طراحی را همراه با توضیحات کامل مطالعه کنید.

https://bit.ly/dxgn1064

(زمان حدودی مطالعه: ۷ دقیقه)

گردآورنده: بهاره حاجوی

#رابط_کاربر #دیزاین_سیستم #طراحی_نمودار

@Dexign فلسفه دیزاین

_________

طراحی برای دسترسی پذیری

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

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

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

استفاده از تصاویر و زبان فراگیر
محصول شما نه تنها باید نیازهای همه کاربران شما را تامین کند، بلکه کاربر باید احساس کند که به آن تعلق دارد. برای انجام این کار، مهم است که تصاویر، آیکون‌ها، نمودارها و تصاویری را در نظر بگیرید که همه کاربران شما را نشان می‌دهد. این به معنای نشان دادن افراد از همه نژادها، جنسیت ها و توانایی‌ها و نشان دادن غذاها، لباس‌ها و فعالیت‌های متنوع است.

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

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

https://bit.ly/dxgn1063

(زمان حدودی مطالعه: ۶ دقیقه)

گردآوردنده: فاطمه عبداللهی

#تجربه_کاربر #دسترسی_پذیری

@Dexign فلسفه دیزاین

_________

فلسفه دیزاین pinned a photo

📣 ثبت‌نام هفدهمین دوره آنلاین "طراحی محصول" آکادمی دیزاین.

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

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


از طریق لینک زیر می‌توانید در دوره ثبت‌نام کنید:
لینک ثبت‌نام

♦️ همچنین جزئیات سرفصل‌های دوره را می‌توانید از لینک زیر ببینید:

https://dexignacademy.com/courses/product-design

_________

فریم‌ورک‌های طراحی تجربه کاربری و نحوه‌ی استفاده از آن‌ها

دقیقاً مثل مسیریابی که کوتاه‌ترین راه برای دور زدن ترافیک را به شما نشان می‌دهد، فریم‌ورک‌های UX نیز شما را از یک ایده‌ی مبهم، به نتایج واقعی هدایت می‌کنند. آیا می‌خواهید برای رسیدن به موفقیت میان‌بر بزنید؟
- نتایجی را که می‌خواهید دریافت کنید، مشخص کنید.
- یک یا چند مورد از هشت فریم‌ورک UX پیشنهادی را انتخاب کنید.
- و طراحی خود را حول فریم‌ورک انتخابی بسازید!

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

چرا طراحان باید از فریم‌ورک‌های UX استفاده کنند؟
علاوه بر موارد بالا، فریم‌ورک‌ها به شما این امکان را می‌دهند که فرآیند طراحی را به مراحل کوچک تقسیم کنید. از این گذشته، از این جهت که مراحل را تعریف می‌کنند، مسیر طراحی دیگر چندان پیچیده و طولانی به نظر نمی‌رسد.

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

۸ فریم‌ورک طراحی برای راحتی شما (توضیح مراحل هر فریم‌ورک در لینک اصلی):

۱. تفکر طراحی
اولین بار توسط یک برنده جایزه نوبل، Herbert A. Simon در سال ۱۹۶۹ در کتاب "علوم مصنوعی" ذکر شد، این رویکرد اکنون به طور گسترده توسط طراحان استفاده می‌شود و به تیم‌ها کمک می‌کند تا کاربران خود را درک کنند، نقاط درد را دوباره تعریف کنند، فرضیات را آزمایش کنند و راه حل‌های خلاقانه‌ای ارائه دهند.

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

۳. سلسله مراتب نیازهای UX
آیا تا به حال هرم نیازهای مازلو را دیده‌اید؟ این یکی بسیار شبیه به هرم مازلو است اما بر تجربه کاربر تمرکز دارد. این رویکرد در سال ۲۰۰۱ برای راحتی طراحان وب ایجاد شد و اکنون به طور گسترده به عنوان فریم‌ورکی برای سایر پروژه‌های طراحی استفاده می‌شود.

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

https://bit.ly/dxgn1062

(زمان حدودی مطالعه: ۱۰ دقیقه)

گردآورنده: بهاره حاجوی

#تجربه_کاربری #اصول_طراحی_محصول #تفکر_طراحی

@Dexign فلسفه دیزاین

_________

۱۰ موردی که ChatGPT به طراحان محصول کمک می‌کند

از زمانی که ChatGPT در عرصه دیجیتال وارد شده است درباره نگرانی افراد برای کارهایشان بسیار شنیده‌ام که دیزاینرها هم از این قضیه مستثنی نبوده‌اند. اما ادامه دادن به این نگرانی تنها باعث ناامیدی و پس‌رفت خواهد شد و ما می‌توانیم با سوار شدن روی تکنولوژی‌های جدید با سرعت بیشتر پیشرفت کنیم و کیفیت کارمان را بهتر کنیم. این مقاله به ۱۰ راهی که می‌توان از ChatGPT در مسیر طراحی محصول استفاده کرد پرداخته است:

۱- در مراحلی که باید فیچری طراحی کنید و دنبال پلتفرم‌هایی هستید که آن فیچر را دارند می‌توانید از ChatGPT کمک بگیرید.

۲-فهمیدن فلویی که پلتفرم‌های مختلف برای فیچری جلو می‌برند، به جای صرف زمان زیاد برای کار کردن با هر پلتفرم.

۳-اگر به اصطلاح یا موضوعی در حین دیزاین محصول بر‌می‌خورید و نیاز دارید تا درباره‌اش بیشتر مطالعه کنید می‌توانید از ChatGPT بخواهید تا کامل برایتان توضیح دهد.

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

۵-می‌توانید ابزارها و وب‌سایت‌هایی که نیاز دارید را بیابید.

۶-از ChatGPt برای ساخت تصویر دلخواه خود در دیزاین استفاده کنید.

۷- استفاده ChatGPT می‌تواند به شما در ساخت داکیومنت دیزاین‌سیستم کمک کند. و هزینه زمانی شما را کاهش دهد.

۸- برای کارهای مربوط به دیزاین ایده بگیرید مثلا نمی‌دانید چگونه یک فایل را به کلاینتتان ارائه دهید ChatGPT به شما کمک‌ می‌کند.

۹-شما می‌توانید هر سوالی از او بپرسید، مثلا نمی‌دانید تسکی که به شما داده شده است را چگونه انجام دهید؟ فقط کافیست از ChatGPT بپرسید تا راهنماییتان کند.

۱۰- از ChatGPT بخواهید تا به شما کمک کند تا در زمینه کاری خود متخصص شوید.

می‌توانید برای توضیحات بیشتر و مثال‌ها به لینک زیر مراجعه کنید.

https://bit.ly/dxgn1061

(زمان حدودی مطالعه: ۵ دقیقه)

گردآورنده: فروزان فاضلی

#chatGPT #AI
#هوش_مصنوعی #طراحی_محصول


@Dexign فلسفه دیزاین

_________

رایج‌ترین الگوهای صفحه ورود log in

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

۶ رویکرد برای ورود به محصول وجود دارد:

۱- حالتي که کاربر با ایمیل یا شناسه‌ی منحصر به فرد مثل شماره و رمز عبور وارد شود.

۲- استفاده از حالت SSO first به این صورت که ابتدا ۲ شبکه اجتماعی برای ورود و یک دکمه برای ورود با ایمیل وجود دارد.

۳-حالتی که ترکیبی از ۱ و۲ باشد یعنی ابتدا ورود با ایمیل و رمز عبور باشد و دکمه‌هایی برای ورود با سوشال مدیا.

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

۵-استفاده از لینک جادویی که فلویی شبیه فراموشی رمز عبور دارد.

۶- ورود یک مرحله‌ای با اکانت گوگل، زمانی که وارد وب‌سایتی می‌شوید و کنار دکمه ورود دکمه‌ای با عنوان ادامه با نام کاربری شما دیده می‌شود که با انتخاب آن ورودتان در آن سایت با گوگل ادامه می‌یابد.

حتما به مقاله سر بزند و به صورت بصری این موارد را ببینید

https://bit.ly/dxgn1060

(زمان حدودی مطالعه: ۱۴ دقیقه)

گردآورنده: فروزان فاضلی

#UX #UI
#معرفی_منابع


@Dexign فلسفه دیزاین

_________

۱۰ کتاب از زنان برای ارتقا مهارت‌های طراحی

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

- کتاب just enough research از اریکا هال: این کتاب مهارت ریسرچ و تفکر انتقادی را افزایش می‌دهد و نکات و استراتژی‌هایی برای انجام تحقیقات کاربر ارائه می‌دهد.

- کتاب Inclusive design for a digital world از رجین گیلبرت: این کتاب مهارت طراحی تجربه کاربر و دسترسی پذیری را آموزش ‌می‌دهد و نگاهی ارزشمند برای طراحان با دسترسی‌پذیری ایجاد می‌کند.

- کتاب Thinking in Systems از دونلا مدوز: کتابی که کمک می‌کند تا تفکر سیستماتیکی درباره حل مسائل پیچیده داشته باشیم.

- کتاب How to make sense of any mess از ابی کاورت: این کتاب توصیه‌هایی برای سازماندهی و ساختاردهی اطلاعات دارد و درباره معماری اطلاعات است.

- کتاب Continuous Discovery habits از ترسا تورز: به طراحان کمک می‌کند تا مهارت اولویت بندی و استراتژی خود در محصولات را بهبود بخشند.

- کتاب Strategic Writing for UX از توری پادماجرسکی: این کتاب برای کسانی که به بحث تجربه نویسی علاقه‌مند هستند مناسب است و به موضوع ux writing می‌پردازد.

- کتاب 100 things every designer needs to know about people از سوزان واینشنک (این کتاب با عنوان ۱۰۰ نکته که هر طراح باید درباره مردم بداند به فارسی ترجمه شده‌است): کتاب بسیار مهمی که خواندن آن بر هر دیزاینری واجب است و درباره رفتارشناسی افراد در مواجه با محصولات است اینکه چگونه فکر می‌کنند، احساس می‌کنند و رفتار می‌کنند.

کتاب‌ها در حوزه مهارت‌های نرم:

- کتاب The making of a manager از جولی ژو (این کتاب با عنوان مدیران بزرگ به دنیا نمی‌آیند، ساخته می‌شوند به فارسی ترجمه شده‌است): منبع خوبی برای طراحان محصول که دنبال توسعه مهارت ارتباط و رهبری و مدیریت تیم و پروژه هستند.

- کتاب Practical Empathy از ایندی یانگ: برای تمام کسانی که نیاز به مهارت همکاری و همدلی هستند ویژگی که برای دیزاینر ها مخصوصا UX Researcher ها ضروری‌ست.

- کتاب Thanks for the feedback از شیلا تین و دوگلاس استون: این کتاب توصیه‌های خوبی درباره چگونگی فیدبک دادن و فیدبک گرفتن دارد که بسیار برای ما دیزاینرها مفید و ضروریست.

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

https://bit.ly/dxgn1059

(زمان حدودی مطالعه: ۴ دقیقه)

گردآورنده: فروزان فاضلی

#تجربه_کاربر #UX #معرفی_منابع

@Dexign فلسفه دیزاین

_________

۸ ترند طراحی داشبورد در ۲۰۲۳

طراحی UI/UX داشبورد جزء ضروری بسیاری از برنامه‌های کاربردی وب و موبایل است. داشبورد بک‌اند اصلی است که از همه برنامه‌ها پشتیبانی می‌کند، بنابراین کاربر پسند کردن آن به برنامه‌های موبایل و وب نیز کمک می‌کند. طراحی UI/UX داشبورد در سال ۲۰۲۳، سادگی، شخصی‌سازی و کنترل کاربر را در اولویت قرار می‌دهد، در حالی که جدیدترین تکنیک‌های تجسم داده‌ها و فناوری‌های نوظهور مانند هوش مصنوعی و یادگیری ماشین را نیز در بر می‌گیرد.

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

روندهای ۲۰۲۳ در طراحی داشبورد (توضیحات کامل هر ترند در لینک اصلی)

۱. افزایش استفاده از تجسم داده‌ها:
از آنجایی که توانایی ما در جمع‌آوری و تجزیه و تحلیل داده‌ها در حال افزایش است، طراحان باید راه‌های خلاقانه‌ای برای تجسم داده‌ها ارائه دهند. طرح‌های داشبورد احتمالاً دارای نقشه‌ها، گراف‌ها و نمودارهای تعاملی بیشتری خواهند بود.

۲. استفاده از مینیمالیسم و فضای خالی:
مینیمالیسم و فضای خالی در طراحی داشبورد محبوب باقی خواهند ماند زیرا می‌توانند به ایجاد یک رابط کاربری واضح و منظم کمک کنند.

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

۴. افزایش کنترل کاربر:
در سال ۲۰۲۳، داشبوردهایی که به کاربران آزادی بیشتری برای داده‌هایی که مشاهده می‌کنند، نحوه چیدمان و ارائه آن‌ها می‌دهند، محبوبیت بیشتری پیدا می‌کنند.

در ادامه با خواندن مقاله در لینک زیر می‌توانید ۳ مورد دیگر از ترندهای طراحی داشبورد در ۲۰۲۳ را همراه با توضیحات کامل در لینک زیر مطالعه کنید.


https://bit.ly/dxgn1058

(زمان حدودی مطالعه: ۶ دقیقه)

گردآورنده: بهاره حاجوی

#رابط_کاربری #ترندهای_طراحی

@Dexign فلسفه دیزاین

_________

ایموجی‌ها و دسترسی پذیری

ایموجی‌ها در هر گوشه‌ای از اینترنت هستند. همه کسانی که من می‌شناسم از ایموجی‌ها استفاده می‌کنند، از پدربزرگ و مادربزرگم گرفته تا برادر ۵ ساله‌ی دوستم. مطمئنا می‌توان گفت شما نیز از آن‌ها استفاده می‌کنید، یا حداقل افرادی را می‌شناسید که این کار را می‌کنند. ایموجی‌ها می‌توانند راهی عالی و سرگرم کننده برای انتقال احساسات باشند. آن‌ها هم‌چنین علاقه بصری را اضافه می‌کنند و می‌توانند راهی سریع برای گفتن چیزهای زیادی در یک کاراکتر واحد باشند. با این حال، ایموجی‌ها برای کسانی که نمی‌توانند آن‌ها را ببینند چگونه عمل می‌کنند؟

به گفته سازمان بهداشت جهانی، «حداقل ۲.۲ میلیارد نفر دچار اختلال دید نزدیک یا از راه دور هستند». برای این که در همه درجات بینایی (یا فقدان آن) فراگیر باشیم، باید بدانیم چگونه به شیوه ای دسترسی پذیر ارتباط برقرار کنیم.

ایموجی‌ها به وسیله‌ی صفحه خوان‌ها برای این کاربران قابل فهمیدن هستند. اگر ایموجی‌ها به درستی استفاده شوند، با وجود اینکه قابل مشاهده نیستند، همچنان می‌توانند تمام احساسات و بستر مورد نظر را منتقل کنند. قبل از اینکه بتوانیم بهترین نحوه‌ی استفاده از ایموجی‌ها را تعیین کنیم، بیایید بفهمیم که ایموجی‌ها برای صفحه خوان‌ها چگونه به نظر می‌رسند.
صفحه‌خوان‌ها Unicode String ایموجی‌ها را می‌خوانند تا آن را شناسایی کنند. که شبیه به متن ALT روی تصاویر است.

استفاده از ایموجی به صورت دسترسی پذیر
برای این که از ایموجی‌ها به گونه‌ای استفاده کنید که برای همه مفید باشد، من قصد دارم چند نکته در مورد نحوه استفاده از آن ها به شما ارائه دهم. در بهترین حالت، آن‌ها می‌توانند سرگرمی و بستر را به یک پست یا پیام اضافه کنند. در بدترین حالت ممکن است باعث ناامیدی و رها کردن شوند.

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

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

۲. در پایان متن از آن‌ها استفاده کنید
وقتی از ایموجی‌ها در وسط جملات خود استفاده می‌کنید، ممکن است «صورت با چشم‌های مارپیچ» برای کاربرانِ صفحه‌خوان گیج‌کننده باشد. قرار دادن ایموجی‌ها در وسط جمله یا پاراگراف، جریان را برای کاربران کم‌بینا مختل می‌کند و تجربه کاربری ضعیفی را ارائه می‌دهد. توصیه می‌شود هر گونه ایموجی را در انتهای پیام خود نگه دارید تا کسانی که از صفحه خوان استفاده می‌کنند به راحتی آن را دنبال کنند.

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

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

من خودم برای خواندن این نوع پیام‌ها نیز دچار مشکل می‌شوم. لطفاً کار را برای همه آسان‌تر کنید و به استفاده از کلمات خود ادامه دهید.

در ادامه با خواندن مقاله در لینک زیر می‌توانید ۲ مورد دیگر از نکاتی که نویسنده در رابطه با دسترسی‌ پذیری ایموجی‌ها بیان کرده‌ است را مطالعه کنید.

https://bit.ly/dxgn1057

(زمان حدودی مطالعه: ۵ دقیقه)

گردآورنده: بهاره حاجوی

#تجربه_کاربری #دسترسی_پذیری

@Dexign فلسفه دیزاین

_________

۱۰ نکته در رابطه با دیزاین سیستم‌ها که کسی به من نگفت!

آشنایی من با دیزاین سیستم‌ها مانند مکیده شدن در یک سیاه‌چاله بود. این اتفاق زمانی افتاد که من به عنوان طراح محصول در یک شرکت نرم‌افزار حمل و نقل کار می‌کردم. ما به طور تصاعدی در حال رشد بودیم، بنابراین کتابخانه UI ما نیاز به بهبودهای حیاتی داشت تا با نیازهای کسب‌وکار همگام شود.
زمانی که برای تعیین اینکه چه چیزی را باید بهینه کنم بررسی‌هایی انجام می‌دادم، متوجه شدم که Figma ویژگی Auto Layout را منتشر کرده است. من این قابلیت جدید را در کتابخانه خود اعمال کردم، اما کار پیچیده‌تر شد. من در نهایت یک دیزاین سیستم کامل ایجاد کردم.

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

۱. دیزاین سیستم و کتابخانه‌ی UI یکسان نیستند
هنگامی که Figma قابلیت Auto Layout خود را منتشر کرد، روشی را که طراحان، کامپوننت‌ها را می‌ساختند تغییر داد. من بررسی انجام دادم تا مشخص کنم چه کامپوننت‌هایی را می‌توان با این ویژگی جدید بازسازی کرد و تعداد زیادی مغایرت کامپوننت‌ بین طراحی‌ها و محصولِ در حال تولید پیدا کردم. توسعه دهندگان و طراحان محصول به همه اجزا دسترسی داشتند، اما هیچ دستور العملی در مورد زمان و نحوه استفاده از آنها نداشتند. انتظار نداشتم وظیفه اصلی به‌ روز رسانی برخی کامپوننت‌ها به پروژه‌ای بزرگ تبدیل شود، اما اینطور شد. من نه تنها Auto Layout را برای برخی از کامپوننت‌ها اعمال کردم، بلکه باید مستنداتی را نیز ایجاد می‌کردم تا یکپارچگی را به محصول خود اضافه کنم. کتابخانه UI به یک سیستم طراحی تبدیل شد. از این طریق، من یاد گرفتم که یک کتابخانه UI مجموعه‌ای از کامپوننت‌ها و استایل‌ها است، در حالی که یک دیزاین سیستم مجموعه‌ای از دستورالعمل‌ها برای مدیریت کامپوننت‌ها و استایل‌ها است.

۲. دیزاین سیستم خود را بسازید و کاربران از شما تشکر خواهند کرد!
یک محصول نرم‌افزاری مشکلات کاربران و نیازهای تجاری خاصی را برطرف می‌کند. یکی از اولین گام‌ها برای ساختن یک محصول موثر، شناسایی کاربران، گردش کار و نقاط درد آن‌ها ست. همین امر در مورد دیزاین سیستم شما نیز صادق است.
وقتی یک دیزاین سیستم می‌سازید، آن را برای دو دسته از کاربران طراحی می‌کنید. در وهله‌ی اول، شما در حال ساختن برای کاربران نهایی هستید که مشتریان محصول نهایی شرکت شما خواهند بود. اما شما هم‌چنین برای طراحان محصول نیز طراحی می‌کنید که برای ایجاد محصولات مؤثر به سیستم طراحی متکی هستند. وقتی دیزاین سیستم خود را به عنوان یک محصول در نظر می‌گیرید، طراحان محصولی که آن را اتخاذ می‌کنند، می‌توانند به جای صرف زمان برای انتخاب مواردی مانند مناسب‌ترین رنگ برای یک دکمه، بر چگونگی ایجاد ناوبری کاربری روان برای کاربر نهایی تمرکز کنند. سپس توسعه دهندگان می‌توانند به راحتی یک کامپوننت آماده را گرفته و آن را مونتاژ کنند. هدف اصلی یک دیزاین سیستم، بهینه سازیِ گردش کار کاربران و صرفه جویی در زمان است. دیزاین سیستم‌ها محصولی برای ساختن محصولات دیجیتال هستند.

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

کاربران نهایی با ابزار طراحی (مانند Figma، Zeplin، Invision یا Sketch) تعامل ندارند، اما با محصولِ در حال تولید تعامل دارند. آن‌ها می‌توانند تشخیص دهند که چه زمانی در پشت صحنه قطع ارتباط وجود داشته است، به خصوص اگر این موضوع از دیزاین سیستم‌ نشأت گرفته باشد. یکپارچگی عملکردها نیز به این موضوع مرتبط است. کاربران نهایی می‌خواهند پیش‌بینی کنند که اجزا چگونه رفتار خواهند کرد. اگر اجزا‌ آن طور که انتظار می‌رود رفتار نکنند، کاربران ممکن است احساس ناامیدی کنند و ممکن است اعتماد آنها را نیز از دست بدهیم. توسعه دهندگان و طراحان باید در تمام مراحل ایجاد یک دیزاین سیستم باهم کار کنند تا این سازگاری را حفظ کنند. به عقیده‌ی من همکاری تنها راز یک دیزاین سیستم موفق است.

در ادامه با خواندن مقاله در لینک زیر می‌توانید ۷ مورد دیگر از نکاتی که نویسنده در رابطه با دیزاین سیستم‌ها بیان کرده‌ است را مطالعه کنید.

https://bit.ly/dxgn1056

(زمان حدودی مطالعه: ۸ دقیقه)

گردآورنده: بهاره حاجوی

#رابط_کاربری #دیزاین_سیستم

@Dexign فلسفه دیزاین

_________

ایجاد پالت‌های رنگی در رابط کاربری

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

قانون ۶۰-۳۰-۱۰ چیست؟
انتخاب ترکیب رنگ نامناسب می‌تواند جذابیت بصری محصول را از بین ببرد. قانون ۶۰٪ - ۳۰٪ - ۱۰٪، قانون معمول در طراحی برای ایجاد ترکیب بندی‌های جذاب بصری استفاده می‌شود. طبق این قانون، شما باید از ۶۰٪ رنگ زمینه، ۳۰٪ رنگ ثانویه و ۱۰٪ رنگ اصلی استفاده کنید.

چگونه قانون ۶۰ - ۳۰ - ۱۰ را در طراحی رابط کاربری خود اعمال کنیم؟
اگر قصد طراحی اپلیکیشنی را دارید و رنگ‌های برند شما آبی، سفید و مشکی است، در این حالت رنگ سفید می‌تواند رنگ زمینه باشد، ۶۰٪ طرح رنگی را به خود اختصاص دهد و برای پس زمینه و عناصر اصلی رابط کاربری استفاده شود.
با استفاده مداوم از این طرح رنگی در اپ خود، می‌توانید یک طراحی منسجم و چشم نواز ایجاد کنید که هویت برند شما را منعکس می‌کند و استفاده از اپلیکیشن شما را آسان می‌کند.

چهار المان رنگی کلیدی در کیت رابط کاربری:

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

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

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

برای مطالعه کامل مقاله پیشنهاد می‌کنم به لینک زیر مراجعه کنید:

https://bit.ly/dxgn1055

(مطالعه حدودی مقاله: ۹ دقیقه)

گردآوردنده: فاطمه عبداللهی

#رابط_کاربر #رنگ

@Dexign فلسفه دیزاین

_________

راهنمای رابط کاربری تمیز: ۱۰ نمونه از سلسله مراتب و تعادل در طراحی رابط کاربری

سوال اصلی این است که Clean UI چیست؟ به طور خلاصه، این موضوع کمتر در مورد موارد بصری است و بیش‌تر در مورد آسانیِ دستیابی به اهداف خاص کاربر نهایی است. به طور کلی، Clean UI هر چیزی را توصیف می‌کند که سرعت کاربر را کاهش نمی‌دهد، بلکه برعکس، کاربر را هنگام انجام هدفش هل می‌دهد. چنین رابط کاربری عمدتاً مبتنی بر تعامل و مینیمالیسم است.

با این حال، موارد ذکر شده همه‌ی ویژگی‌های آن نیست. ما تصمیم گرفتیم تحقیقات مفصلی انجام دهیم و بر اساس مطالبِ کتابِ فوق العاده‌ی "Refactoring UI" نوشته آدام واتان و استیو شوگر، موفق ترین نمونه های مشکلات اجرای سلسله مراتب و تعادل که در این کتاب قید شده را با هم بررسی ‌کنیم.

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

۲. از قدرت رنگ استفاده کنید
به‌جای جمع‌آوری مجموعه‌ای از رنگ‌های همخوان، سعی کنید رابط را در همان طرح رنگی ایجاد کنید و با شدت سایه‌ها «بازی» کنید. گاهی اوقات، اولویت یک ویژگی خاص را نسبتِ تغییرِ اندازه‌ی فونت برای کاربر نهایی روشن می‌کند. این رویکرد رابط کاربری را برای خواندن ساده نگه می‌دارد، و در عین حال، لازم نیست حروف میکروسکوپی را برای نشان دادن عناصر کم‌اهمیت‌تر، تغییر دهید.

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

در ادامه با خواندن مقاله در لینک زیر می‌توانید ۷ مورد دیگر از نکاتی که نویسنده برای رسیدن به یک رابط کاربری تمیز بیان کرده‌ است را مطالعه کنید.

https://bit.ly/dxgn1054

(زمان حدودی مطالعه: ۵ دقیقه)

گردآورنده: بهاره حاجوی

#رابط_کاربر

@Dexign فلسفه دیزاین

_________

وایرفریمینگ: ۸ نکته برای طراحان

وایرفریم‌ها تجسم‌هایی با جزئیات محدود از یک رابط کاربری (در آینده) هستند که بر روی یک تکه کاغذ یا در یک ابزار دیجیتال ایجاد شده‌اند. هدف وایرفریم این است که به طراحان کمک کند تا بفهمند چگونه محتوا و عناصر کاربردی باید روی صفحه نمایش داده شوند.

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

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

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

۳. سطح درستی از وفاداری را انتخاب کنید:
وفاداری سطحی از واقع‌گرایی است که طراحی‌های بصری شما دارند. وایرفریم‌ها معمولاً با وفاداری کم و متوسط ساخته می‌شوند. وایرفریم‌های با کیفیت پایین حاوی حداقلِ جزئیات طراحی هستند. در حالی که وایرفریم‌های با کیفیت متوسط بیش‌تر شبیه به ماکاپ‌ها هستند. وایرفریم‌های با وفاداری پایین می‌توانند در مرحله‌ی اولیه‌ی فرآیند طراحی خوب باشند - زمانی که جهت‌های مختلفِ طراحی را بررسی می‌کنید و می‌خواهید تا حد امکان ایده‌ها را تجسم کنید.
وایرفریم‌های با وفاداری متوسط باید زمانی ایجاد شوند که می‌خواهید در یک راه‌حلِ خاص عمیق شوید و البته که در هنگام بحث با دیگر طراحان و توسعه دهندگان بسیار مفید هستند.


۴. از رنگ برای جلب توجه استفاده کنید:
وایرفریم‌ها به‌طور کلی در رنگ‌های سیاه و سفید یا خاکستری ایجاد می‌شوند، اما می‌توان از یک یا دو رنگ متضاد برای ایجاد تاکید‌های بصری و هدایتِ توجه بیننده به قسمتی خاص استفاده کرد.

۵. سعی کنید از متن ساختگی در وایرفریم‌های با کیفیت متوسط اجتناب کنید:
در مراحل اولیه فرآیند طراحی، هدف شما ایجاد یک سلسله مراتب بصری واضح است - چیدمان با ساختاری واضح. در این مرحله روی محتوا تمرکز نمی‌کنید. باید به نحوه ارائه آن فکر کنید. اما پس از ایجاد یک سلسله مراتب بصری مناسب، باید شروع به جایگزینی متن‌های ساختگی با متن واقعی کنید که در محصول خود استفاده خواهید کرد.
چرا باید در این مرحله از متن ساختگی اجتناب کنیم؟ - Lorem Ipsum اطلاعاتی به افرادی که طرح شما را بررسی می‌کنند نمی‌دهد. در نتیجه، وقتی آنها وایرفریم‌ها را بررسی می‌کنند، به راحتی می‌توانند طراحی شما را اشتباه درک کنند.

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

https://bit.ly/dxgn1053

(زمان حدودی مطالعه: ۵ دقیقه)

گردآورنده: بهاره حاجوی

#تجربه_کاربری #وایرفریم

@Dexign فلسفه دیزاین

_________

رنگ در طراحی رابط کاربری

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

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

چیزهای مشترکی که باید به آن‌ها توجه کنید:
۱- رنگ‌های دیجیتال مانند رنگ‌های واقعی نیستند
۲- نامگذاری رنگ‌ها
۳- سایه‌ها و نورها
۴- رنگ‌های خنثی

پیشنهاد می‌کنم برای مطالعه کامل مقاله به لینک زیر مراجعه کنید:

https://bit.ly/dxgn1052

(مطالعه حدودی مقاله: ۱۲ دقیقه)

گردآورنده: فاطمه ‌عبداللهی

#رابط_کاربر #رنگ

@Dexign فلسفه دیزاین

_________