ثبتنام دورهی ۱۶ طراحی محصول آکادمی دیزاین شروع شده است
برای ثبتنام در این دوره که از هفتهی سوم اردیبهشت ماه برگزار میشود، میتوانید از طریق لینک زیر اقدام کنید.
https://dexignacademy.com/enroll
#طراحی_محصول #دوره_طراحی_محصول #آکادمی_دیزاین #dexigncademy #تجربه_کاربر
@Dexign فلسفه دیزاین
_________
برای ثبتنام در این دوره که از هفتهی سوم اردیبهشت ماه برگزار میشود، میتوانید از طریق لینک زیر اقدام کنید.
https://dexignacademy.com/enroll
#طراحی_محصول #دوره_طراحی_محصول #آکادمی_دیزاین #dexigncademy #تجربه_کاربر
@Dexign فلسفه دیزاین
_________
۹ نکته مهمی که طراحان در طراحی اپلیکیشن وب از قلم میاندازند:
۱- حالت خالی
حالت خالی ایدهآل، باید فراخوان مناسبی برای اقدامات (CTA) داشته باشد تا افراد را به اقدام وادار کند. هر فراخوانی برای اقدام باید با یک پیام خوب همراه باشد که نه تنها به کاربر کمک میکند تا دقیقاً بداند چه کاری باید انجام دهد، بلکه انگیزه و همچنین اصرار برای انجام اقدام را تحریک میکند.
۲- گسترش و کوچک کردن گزینهها برای منوی جانبی
منوی کناری، زمانی که در حالت جمع شده است، فقط دارای نمادهایی است که آیتمهای منو را نشان میدهد. ممکن است همه نتوانند هر نماد را رمزگشایی کنند. مهمتر از آن، در غیاب متن، یک فرد دارای ناتوانی بینایی نمیتواند از یک صفحه خوان برای دانستن آنچه در نوار کناری است کمک بگیرد. از طرف دیگر، اگر فقط یک منوی گسترده ایجاد کنیم، کسی که با اندازه صفحه نمایش کوچک مشکل دارد نمیتواند از وسعت افقی کامل صفحه لذت ببرد.
۳- پشتیبانی از عناصری مانند کشویی و پاپ آپ
یکی از راههای خوب برای حل این کار ایجاد عناصر پشتیبان در جریان طرح است، احتمالاً بهترین راه برای اطمینان از اینکه هیچ چیز اشتباه نمیشود، ایجاد یک نمونه اولیه قابل کلیک است.
۴- تابع CRUD برای هر اطلاعات
عبارت CRUD مخفف: ایجاد - خواندن - بهروزرسانی - حذف است. این چهار گزینه باید برای هر اطلاعاتی که کاربر در برنامه آپلود میکند، گزینههایی داشته باشد.
۵- گزینه جستجو و صفحه نتایج جستجو
بهتر است طراحی نوار جستجو را همراه با یادداشتی در تابلوی هنری در مورد صفحه نتایج جستجو دنبال کنید. به این ترتیب، هیچ گاه یکی از مهمترین جنبههای طراحی هر برنامه وب را فراموش نمیکنید.
۶- پروفایل و اکانت منیجر
قانون طلایی این است که یک حساب کاربری را با استفاده از حداقل اطلاعات مورد نیاز ایجاد کنید و در نهایت از آنها بخواهید پروفایل خود را تکمیل کنند.
۷- احراز هویت بدون رمز عبور
میتوانید با معرفی احراز هویت بدون رمز عبور، افراد را از بار نه چندان باشکوه به خاطر سپردن رمزهای عبور رها کنید. به جای استفاده از ایمیلها و رمزهای عبور برای ورود به یک برنامه وب، اگر فقط شماره تلفن را درخواست کنید و یک OTP برای احراز هویت ارسال کنید، کل فرآیند برای کاربر راحت میشود.
۸- آشنا سازی
ایده این است که مردم را درگیر نگه دارید و در عین حال پیام را به روشی واضح ارائه دهید. قالبی که انتخاب میکنید نیز بستگی زیادی به برنامه کاربردی و شخصیت برند دارد.
۹- جزئیات صورتحساب و روشهای پرداخت
بسیار مهم است که به کاربران حق انتخاب داده شود تا جزئیات صورتحساب خود را تغییر دهند یا روش دیگری را در صورت لزوم برای پرداخت انتخاب کنند.
برای مطالعه کامل این مقاله به لینک زیر مراجعه کنید :
https://bit.ly/dxgn1042
(زمان حدودی مطالعه :۶ دقیقه)
گرد آورنده : آنالی فخرالدینی
#بهبود_طراحی #رابط_کاربری
@Dexign فلسفه دیزاین
_________
۱- حالت خالی
حالت خالی ایدهآل، باید فراخوان مناسبی برای اقدامات (CTA) داشته باشد تا افراد را به اقدام وادار کند. هر فراخوانی برای اقدام باید با یک پیام خوب همراه باشد که نه تنها به کاربر کمک میکند تا دقیقاً بداند چه کاری باید انجام دهد، بلکه انگیزه و همچنین اصرار برای انجام اقدام را تحریک میکند.
۲- گسترش و کوچک کردن گزینهها برای منوی جانبی
منوی کناری، زمانی که در حالت جمع شده است، فقط دارای نمادهایی است که آیتمهای منو را نشان میدهد. ممکن است همه نتوانند هر نماد را رمزگشایی کنند. مهمتر از آن، در غیاب متن، یک فرد دارای ناتوانی بینایی نمیتواند از یک صفحه خوان برای دانستن آنچه در نوار کناری است کمک بگیرد. از طرف دیگر، اگر فقط یک منوی گسترده ایجاد کنیم، کسی که با اندازه صفحه نمایش کوچک مشکل دارد نمیتواند از وسعت افقی کامل صفحه لذت ببرد.
۳- پشتیبانی از عناصری مانند کشویی و پاپ آپ
یکی از راههای خوب برای حل این کار ایجاد عناصر پشتیبان در جریان طرح است، احتمالاً بهترین راه برای اطمینان از اینکه هیچ چیز اشتباه نمیشود، ایجاد یک نمونه اولیه قابل کلیک است.
۴- تابع CRUD برای هر اطلاعات
عبارت CRUD مخفف: ایجاد - خواندن - بهروزرسانی - حذف است. این چهار گزینه باید برای هر اطلاعاتی که کاربر در برنامه آپلود میکند، گزینههایی داشته باشد.
۵- گزینه جستجو و صفحه نتایج جستجو
بهتر است طراحی نوار جستجو را همراه با یادداشتی در تابلوی هنری در مورد صفحه نتایج جستجو دنبال کنید. به این ترتیب، هیچ گاه یکی از مهمترین جنبههای طراحی هر برنامه وب را فراموش نمیکنید.
۶- پروفایل و اکانت منیجر
قانون طلایی این است که یک حساب کاربری را با استفاده از حداقل اطلاعات مورد نیاز ایجاد کنید و در نهایت از آنها بخواهید پروفایل خود را تکمیل کنند.
۷- احراز هویت بدون رمز عبور
میتوانید با معرفی احراز هویت بدون رمز عبور، افراد را از بار نه چندان باشکوه به خاطر سپردن رمزهای عبور رها کنید. به جای استفاده از ایمیلها و رمزهای عبور برای ورود به یک برنامه وب، اگر فقط شماره تلفن را درخواست کنید و یک OTP برای احراز هویت ارسال کنید، کل فرآیند برای کاربر راحت میشود.
۸- آشنا سازی
ایده این است که مردم را درگیر نگه دارید و در عین حال پیام را به روشی واضح ارائه دهید. قالبی که انتخاب میکنید نیز بستگی زیادی به برنامه کاربردی و شخصیت برند دارد.
۹- جزئیات صورتحساب و روشهای پرداخت
بسیار مهم است که به کاربران حق انتخاب داده شود تا جزئیات صورتحساب خود را تغییر دهند یا روش دیگری را در صورت لزوم برای پرداخت انتخاب کنند.
برای مطالعه کامل این مقاله به لینک زیر مراجعه کنید :
https://bit.ly/dxgn1042
(زمان حدودی مطالعه :۶ دقیقه)
گرد آورنده : آنالی فخرالدینی
#بهبود_طراحی #رابط_کاربری
@Dexign فلسفه دیزاین
_________
Medium
9 Crucial Things Designers Miss in a Web App Design
Designing a web application is a complex task in itself.
❤5
راهنمای آسان ایجاد User Persona
پرسونا، در طراحی کاربر محور، یک شخصیت خیالی است که برای نشان دادن نوع کاربری ایجاد شده است که ممکن است از یک سایت، برند یا محصول به روشی مشابه استفاده کند.
مزایای استفاده از پرسونای کاربر در طراحی UX چیست؟
مزیت اصلی استفاده از پرسونای کاربر این است که تیم را روی نحوه درک کاربر از نتیجهای بخصوص متمرکز میکند.
چه چیزی برای کاربر خوب است؟
- مشاهدات حاصل از تحقیقات خود را روشن کنید.
- بر زمان حال تمرکز کنید نه آنچه ممکن است در آینده اتفاق افتد.
- واقع بین باشید و به دنبال ایدهآل کردن رفتارها یا خواستهها نباشید.
- به تعیین اساس کار طراحی تجربه کاربری خود کمک کنید.
این موضوع باید به شما کمک کند تا چیزهایی را در مورد خود کاربر(ها) درک کنید:
- زمینه(هایی) که محصول در آن استفاده خواهد شد.
- رفتارهای کاربران در لحظه.
- نگرش کاربران به طور کلی.
- خواستهها و نیازهای محصولی که طراحی میکنید.
- مشکلاتی که کاربر میخواهد در شرایط فعلی خود بر آنها غلبه کند.
- اهدافی که کاربر ممکن است داشته باشد.
چگونه میتوان کاربر پرسونا ایجاد کرد؟
- گروهی از کاربران بالقوه را دریافت کنید و یا با آنها مصاحبه کنید یا آنها را مشاهده کنید.
- به دنبال الگوهایی در رفتارها، پاسخها، اعمال باشید و سپس افرادی را که چنین الگوهایی را نشان میدهند با هم گروهبندی کنید.
- سپس بر اساس گروهها، مدلهای کهن الگویی از مردم ایجاد کنید.
- شخصیت کاربر را بر اساس کلیشه بسازید اما جزئیات زمینه، رفتار، نیاز و غیره را ترسیم کنید.
- پرسونای کاربر را در بین تیم پخش کنید (و در صورت لزوم - به دنبال بازخورد باشید و آنها را اصلاح کنید).
پرسوناها در طراحی UX چگونه استفاده میشوند؟
شخصیتهای کاربر همیشه باید با سناریوها ترکیب شوند تا موثرترین محصولات را ایجاد کنند.
۴ کاربرد کلیدی پرسونا در طراحی محصول وجود دارد:
- از پرسوناها باید برای تایید شدن یا نشدن تصمیمات اتخاذ شده توسط تیم طراحی استفاده شود. به عنوان مثال. آیا این همان چیزی است که کاربر واقعاً به آن نیاز دارد؟
- وقتی ایدهها با منابع یا زمان تضاد دارند، از پرسوناها برای ایجاد اولویتها استفاده میشود.
- پرسوناها باید در طول جلسات ایدهپردازی در دسترس باشند تا هم به عنوان منبع الهام عمل کنند و هم روی کاربر متمرکز شوند.
- هنگام نقد ایدهها یا تکرارهای محصول باید به شخصیتها اشاره کرد.
برای مطالعه کامل مقابه به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1043
(زمان حدودی مطالعه :۶ دقیقه)
گردآورنده: آنالی فخرالدینی
#پرسونا #تجربه_کاربری
@Dexign فلسفه دیزاین
_________
پرسونا، در طراحی کاربر محور، یک شخصیت خیالی است که برای نشان دادن نوع کاربری ایجاد شده است که ممکن است از یک سایت، برند یا محصول به روشی مشابه استفاده کند.
مزایای استفاده از پرسونای کاربر در طراحی UX چیست؟
مزیت اصلی استفاده از پرسونای کاربر این است که تیم را روی نحوه درک کاربر از نتیجهای بخصوص متمرکز میکند.
چه چیزی برای کاربر خوب است؟
- مشاهدات حاصل از تحقیقات خود را روشن کنید.
- بر زمان حال تمرکز کنید نه آنچه ممکن است در آینده اتفاق افتد.
- واقع بین باشید و به دنبال ایدهآل کردن رفتارها یا خواستهها نباشید.
- به تعیین اساس کار طراحی تجربه کاربری خود کمک کنید.
این موضوع باید به شما کمک کند تا چیزهایی را در مورد خود کاربر(ها) درک کنید:
- زمینه(هایی) که محصول در آن استفاده خواهد شد.
- رفتارهای کاربران در لحظه.
- نگرش کاربران به طور کلی.
- خواستهها و نیازهای محصولی که طراحی میکنید.
- مشکلاتی که کاربر میخواهد در شرایط فعلی خود بر آنها غلبه کند.
- اهدافی که کاربر ممکن است داشته باشد.
چگونه میتوان کاربر پرسونا ایجاد کرد؟
- گروهی از کاربران بالقوه را دریافت کنید و یا با آنها مصاحبه کنید یا آنها را مشاهده کنید.
- به دنبال الگوهایی در رفتارها، پاسخها، اعمال باشید و سپس افرادی را که چنین الگوهایی را نشان میدهند با هم گروهبندی کنید.
- سپس بر اساس گروهها، مدلهای کهن الگویی از مردم ایجاد کنید.
- شخصیت کاربر را بر اساس کلیشه بسازید اما جزئیات زمینه، رفتار، نیاز و غیره را ترسیم کنید.
- پرسونای کاربر را در بین تیم پخش کنید (و در صورت لزوم - به دنبال بازخورد باشید و آنها را اصلاح کنید).
پرسوناها در طراحی UX چگونه استفاده میشوند؟
شخصیتهای کاربر همیشه باید با سناریوها ترکیب شوند تا موثرترین محصولات را ایجاد کنند.
۴ کاربرد کلیدی پرسونا در طراحی محصول وجود دارد:
- از پرسوناها باید برای تایید شدن یا نشدن تصمیمات اتخاذ شده توسط تیم طراحی استفاده شود. به عنوان مثال. آیا این همان چیزی است که کاربر واقعاً به آن نیاز دارد؟
- وقتی ایدهها با منابع یا زمان تضاد دارند، از پرسوناها برای ایجاد اولویتها استفاده میشود.
- پرسوناها باید در طول جلسات ایدهپردازی در دسترس باشند تا هم به عنوان منبع الهام عمل کنند و هم روی کاربر متمرکز شوند.
- هنگام نقد ایدهها یا تکرارهای محصول باید به شخصیتها اشاره کرد.
برای مطالعه کامل مقابه به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1043
(زمان حدودی مطالعه :۶ دقیقه)
گردآورنده: آنالی فخرالدینی
#پرسونا #تجربه_کاربری
@Dexign فلسفه دیزاین
_________
Medium
Easy guide to User Persona
A persona, in user-centred design, is a fictional character created to represent a user type that might use a site, brand, or product in a…
❤3👍3
طراحی با در نظر گرفتن دسترسی پذیری
اگر شما توسعه دهندهی نرم افزار یا UI/UX دیزاینر هستید، باید در مورد دسترسیپذیری بدانید.
دسترسی پذیری در طراحی از اهمیت ویژهای برخوردار است. به طور خاص نیاز افراد کمتوان را در نظر میگیرد و طراحی شما را منعطف میکند. این به معنای همدلی با کاربران شماست.
حدود ۱۶ درصد از جمعیت جهان یعنی حدود ۱.۳ میلیارد نفر امروز ناتوانی قابل توجهی را تجربه میکنند.
در این مسیر ما از WCAG (Web content accessibility guideline) پیروی میکنیم.
کنتراست رنگ
اول از همه، با کنتراست رنگ شروع میکنیم، این کار به درک چگونگی ارتباط رنگهای مختلف با یکدیگر و ترکیب آنها کمک میکند.
روش دیگر ایجاد سایهای در اطراف متن است که اگر تصویر یا رنگ پس زمینه به طور معمول از نظر درخشندگی نسبی به اندازه کافی متفاوت نباشد، نسبت کنتراست لازم را فراهم میکند.
چند پلاگین فیگما برای کنتراست رنگ بین متن و پس زمینه عبارتند از:
-Color contrast checker
-Abel eddy
کنتراست اندازه
داشتن کنتراست اندازه به طراحی جذابیت بصری میبخشد و به شما کمک میکند تا عناصر کلیدی در چیدمان خود را ایجاد کنید تا مطمئن شوید که کاربر روی ناحیه مناسب تمرکز میکند.
کنتراست متن
ایجاد این کنتراست معمولا به معنی کنتراست تایپوگرافی با استفاده از فونتهای مختلف یا وزن فونت است.
امیدوارم این مقاله برای پروژه بعدی شما مفید باشد. برای مطالعه کامل مقاله میتوانید به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1044
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فاطمه عبداللهی
#تجربه_کاربر #دسترسی_پذیری
@Dexign فلسفه دیزاین
_________
اگر شما توسعه دهندهی نرم افزار یا UI/UX دیزاینر هستید، باید در مورد دسترسیپذیری بدانید.
دسترسی پذیری در طراحی از اهمیت ویژهای برخوردار است. به طور خاص نیاز افراد کمتوان را در نظر میگیرد و طراحی شما را منعطف میکند. این به معنای همدلی با کاربران شماست.
حدود ۱۶ درصد از جمعیت جهان یعنی حدود ۱.۳ میلیارد نفر امروز ناتوانی قابل توجهی را تجربه میکنند.
در این مسیر ما از WCAG (Web content accessibility guideline) پیروی میکنیم.
کنتراست رنگ
اول از همه، با کنتراست رنگ شروع میکنیم، این کار به درک چگونگی ارتباط رنگهای مختلف با یکدیگر و ترکیب آنها کمک میکند.
روش دیگر ایجاد سایهای در اطراف متن است که اگر تصویر یا رنگ پس زمینه به طور معمول از نظر درخشندگی نسبی به اندازه کافی متفاوت نباشد، نسبت کنتراست لازم را فراهم میکند.
چند پلاگین فیگما برای کنتراست رنگ بین متن و پس زمینه عبارتند از:
-Color contrast checker
-Abel eddy
کنتراست اندازه
داشتن کنتراست اندازه به طراحی جذابیت بصری میبخشد و به شما کمک میکند تا عناصر کلیدی در چیدمان خود را ایجاد کنید تا مطمئن شوید که کاربر روی ناحیه مناسب تمرکز میکند.
کنتراست متن
ایجاد این کنتراست معمولا به معنی کنتراست تایپوگرافی با استفاده از فونتهای مختلف یا وزن فونت است.
امیدوارم این مقاله برای پروژه بعدی شما مفید باشد. برای مطالعه کامل مقاله میتوانید به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1044
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: فاطمه عبداللهی
#تجربه_کاربر #دسترسی_پذیری
@Dexign فلسفه دیزاین
_________
Medium
Designing with accessibility in mind!
If you’re a software developer, full stack or UI/UX designer, you must know about accessibility right!
👍4🍓1
۲۰ نکته برای بهبود مهارتهای طراحی رابط کاربری
به عنوان طراح رابط کاربری، مهم است که همیشه در حال یادگیری چیزهای جدید باشید. همه ما میخواهیم در کاری که انجام میدهیم بهتر باشیم، و برای طراحان رابط کاربری، این به معنای یادگیری مداوم و بهبود مهارتهای شماست.
این ۲۰ نکته به شما کمک میکند مهارت های طراحی رابط کاربری خود را بهبود بخشید و طراح بهتری شوید.
۱. با اصول اولیه شروع کنید
قبل از اینکه عمیقتر به اصول و فرآیندهای طراحی رابط کاربری بپردازیم، بهتر است ابتدا اصول اولیه را درک کنیم.
عناصر مختلف یک رابط کاربری چیست؟
اصول کلیدی طراحی موثر چیست؟
شما برای چه نوع کاربرانی طراحی می کنید؟
اصول طراحی موثر مانند سادگی، شفافیت و کاربردپذیری را یاد بگیرید.
۲. از فرآیند تفکر طراحی استفاده کنید
تفکر طراحی فرآیند حل مساله خلاقانه است که به شما کمک میکند تا راه حلهای نوآورانهای برای مشکلات پیدا کنید. این کار شامل تجزیه مشکل به بخش های کوچک تر و رسیدن به راه حلها به کمک طوفان فکری است.
۳. استفاده از تایپوگرافی برای ایجاد سلسله مراتب و کنتراست
تایپوگرافی یکی از مهم ترین بخشهای طراحی رابط کاربریست که میتواند به ایجاد سلسله مراتب و کنتراست در یک صفحه کمک کند و کار را برای کاربران آسانتر کند.
۴.خلاقیت و مهارتهای طراحی
یکی از مهمترین مهارتها برای طراح رابط کاربری، خلاقیت است. خلاقیت میتواند به شکل رسیدن به ایدههای جدید و نوآورانه، یا به شکل توانایی دیدن، از دید کاربر باشد. همچنین داشتن مهارتهای طراحی قوی مهم است. این شامل داشتن درک خوبی از چیدمان، تایپوگرافی، رنگ و دیگر اصول طراحی است.
۵.مهارتهای ارتباطی
یکی از مهمترین مهارتها برای هر طراح رابط کاربری، ارتباطات است. شما به عنوان یک طراح، با توسعه دهندگان، ذینفعان و مشتریان کار خواهید کرد تا کار شما مورد تایید قرار گیرد.
مهارتهای ارتباطی خوب به شما کمک میکند تا طرحهای خود را به گونهای توضیح دهید که همه بتوانند آن را درک کنند.
برای مطالعه کامل مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1045
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: فاطمه عبداللهی
#رابط_کاربری
@Dexign فلسفه دیزاین
_________
به عنوان طراح رابط کاربری، مهم است که همیشه در حال یادگیری چیزهای جدید باشید. همه ما میخواهیم در کاری که انجام میدهیم بهتر باشیم، و برای طراحان رابط کاربری، این به معنای یادگیری مداوم و بهبود مهارتهای شماست.
این ۲۰ نکته به شما کمک میکند مهارت های طراحی رابط کاربری خود را بهبود بخشید و طراح بهتری شوید.
۱. با اصول اولیه شروع کنید
قبل از اینکه عمیقتر به اصول و فرآیندهای طراحی رابط کاربری بپردازیم، بهتر است ابتدا اصول اولیه را درک کنیم.
عناصر مختلف یک رابط کاربری چیست؟
اصول کلیدی طراحی موثر چیست؟
شما برای چه نوع کاربرانی طراحی می کنید؟
اصول طراحی موثر مانند سادگی، شفافیت و کاربردپذیری را یاد بگیرید.
۲. از فرآیند تفکر طراحی استفاده کنید
تفکر طراحی فرآیند حل مساله خلاقانه است که به شما کمک میکند تا راه حلهای نوآورانهای برای مشکلات پیدا کنید. این کار شامل تجزیه مشکل به بخش های کوچک تر و رسیدن به راه حلها به کمک طوفان فکری است.
۳. استفاده از تایپوگرافی برای ایجاد سلسله مراتب و کنتراست
تایپوگرافی یکی از مهم ترین بخشهای طراحی رابط کاربریست که میتواند به ایجاد سلسله مراتب و کنتراست در یک صفحه کمک کند و کار را برای کاربران آسانتر کند.
۴.خلاقیت و مهارتهای طراحی
یکی از مهمترین مهارتها برای طراح رابط کاربری، خلاقیت است. خلاقیت میتواند به شکل رسیدن به ایدههای جدید و نوآورانه، یا به شکل توانایی دیدن، از دید کاربر باشد. همچنین داشتن مهارتهای طراحی قوی مهم است. این شامل داشتن درک خوبی از چیدمان، تایپوگرافی، رنگ و دیگر اصول طراحی است.
۵.مهارتهای ارتباطی
یکی از مهمترین مهارتها برای هر طراح رابط کاربری، ارتباطات است. شما به عنوان یک طراح، با توسعه دهندگان، ذینفعان و مشتریان کار خواهید کرد تا کار شما مورد تایید قرار گیرد.
مهارتهای ارتباطی خوب به شما کمک میکند تا طرحهای خود را به گونهای توضیح دهید که همه بتوانند آن را درک کنند.
برای مطالعه کامل مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1045
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: فاطمه عبداللهی
#رابط_کاربری
@Dexign فلسفه دیزاین
_________
Medium
20 Best Ways to Improve Your UI Design Skills
As a UI designer, it’s important to always be learning new things. We all want to be better at what we do, and for UI designers, that means…
❤3👍3
ارزیابی اکتشافی
محصولی را به سرعت برای استفادهی آسان ارزیابی و مشکلات احتمالی را قبل از وقوع آنها شناسایی کنید.
قوانین اکتشافی مجموعهای از بهترین روشها هستند که استفاده از محصول را آسان میکنند. هنگامی که این مجموعه روشها توسط یک متخصص برای ارزیابی یک محصول استفاده میشوند، میتوانند به شناسایی سریع اکثر مشکلاتی که ممکن است کاربر را از استفاده موثر از محصول بازدارد، کمک کنند.
قبل از یادگیری نحوه انجام ارزیابی اکتشافی، یک قدم به عقب بردارید و تعریف دقیق آنها را درک کنید: «قوانین اکتشافی اصول طراحیای هستند که شامل قوانین تجربی، بهترین شیوهها، استانداردها و قراردادهایی میشوند که در دورههای طولانی آزمایش یا مشاهده شدهاند. با پایبندی به این استانداردهای اکتشافیِ از پیش تعریف شده، می توانید تجربههای کاربریای طراحی کنید که به سادگی بهتر عمل میکنند.»
۱۰ اصلِ قوانینِ اکتشافی:
۱. قابل مشاهده بودن وضعیت سیستم:
در هر زمان، کاربر باید از آن چه در سیستم اتفاق میافتد آگاه باشد. مثالها - ارائه یک نوار پیشرفت برای یک فرم، نمایش درصد باتری در موبایل، نمایش درصد دانلود فایل، نمایش پیغام خطایی که رخ داده و…
۲. مطابقت بین سیستم و دنیای واقعی:
این اصل اکتشافی بیان میکند که «سیستم باید به جای اصطلاحات سیستم محور، به زبان کاربر و با کلمات، عبارات و مفاهیم آشنا برای کاربر صحبت کند.» همیشه از قراردادهای دنیای واقعی پیروی کنید تا اطلاعات را به ترتیب طبیعی و منطقی نشان دهید. مثال - استفاده از استعارههای دنیای واقعی مانند سطل زباله، اعلانها و…
۳. کنترل و آزادی کاربر:
احتمال زیادی وجود دارد که کاربران برخی از عملکردها را انتخاب کنند یا فعالیتهایی را انجام دهند که سهواً انجام دادهاند و به یک راه آسان برای خروج از آن وضعیت نیاز دارند. مثالها - داشتن دکمههای لغو، تلاش مجدد، بستن یا خروج و…
۴. یکپارچگی و استانداردها:
کاربران نباید زمان زیادی را برای درک چیزی صرف کنند یا در مورد این که آیا المانها یا اقدامات مختلف معنی و منعکس کننده یک چیز هستند یا نه سردرگم شوند. استفاده از قراردادها و الگوهای استاندارد، قابلیت استفاده محصول را افزایش میدهند.
۵. پیشگیری از خطا:
چیزی که حتی بهتر از پیامهای خطای خوب است، جلوگیری از خطاها در وهلهی اول است. شرایط مستعدِ خطا را شناسایی کنید و راهی را طراحی کنید که از ورود به آن شرایط جلوگیری کند.
پیشنهاد میکنم با ادامهی مطالعهی مقاله در لینک زیر با ۵ اصل دیگرِ اکتشافی و مثالها، این مجموعه قوانین را به شکل ملموستری درک کنید:
https://bit.ly/dxgn1046
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: بهاره حاجوی
#اصول #ارزیابی_اکتشافی
@Dexign فلسفه دیزاین
_________
محصولی را به سرعت برای استفادهی آسان ارزیابی و مشکلات احتمالی را قبل از وقوع آنها شناسایی کنید.
قوانین اکتشافی مجموعهای از بهترین روشها هستند که استفاده از محصول را آسان میکنند. هنگامی که این مجموعه روشها توسط یک متخصص برای ارزیابی یک محصول استفاده میشوند، میتوانند به شناسایی سریع اکثر مشکلاتی که ممکن است کاربر را از استفاده موثر از محصول بازدارد، کمک کنند.
قبل از یادگیری نحوه انجام ارزیابی اکتشافی، یک قدم به عقب بردارید و تعریف دقیق آنها را درک کنید: «قوانین اکتشافی اصول طراحیای هستند که شامل قوانین تجربی، بهترین شیوهها، استانداردها و قراردادهایی میشوند که در دورههای طولانی آزمایش یا مشاهده شدهاند. با پایبندی به این استانداردهای اکتشافیِ از پیش تعریف شده، می توانید تجربههای کاربریای طراحی کنید که به سادگی بهتر عمل میکنند.»
۱۰ اصلِ قوانینِ اکتشافی:
۱. قابل مشاهده بودن وضعیت سیستم:
در هر زمان، کاربر باید از آن چه در سیستم اتفاق میافتد آگاه باشد. مثالها - ارائه یک نوار پیشرفت برای یک فرم، نمایش درصد باتری در موبایل، نمایش درصد دانلود فایل، نمایش پیغام خطایی که رخ داده و…
۲. مطابقت بین سیستم و دنیای واقعی:
این اصل اکتشافی بیان میکند که «سیستم باید به جای اصطلاحات سیستم محور، به زبان کاربر و با کلمات، عبارات و مفاهیم آشنا برای کاربر صحبت کند.» همیشه از قراردادهای دنیای واقعی پیروی کنید تا اطلاعات را به ترتیب طبیعی و منطقی نشان دهید. مثال - استفاده از استعارههای دنیای واقعی مانند سطل زباله، اعلانها و…
۳. کنترل و آزادی کاربر:
احتمال زیادی وجود دارد که کاربران برخی از عملکردها را انتخاب کنند یا فعالیتهایی را انجام دهند که سهواً انجام دادهاند و به یک راه آسان برای خروج از آن وضعیت نیاز دارند. مثالها - داشتن دکمههای لغو، تلاش مجدد، بستن یا خروج و…
۴. یکپارچگی و استانداردها:
کاربران نباید زمان زیادی را برای درک چیزی صرف کنند یا در مورد این که آیا المانها یا اقدامات مختلف معنی و منعکس کننده یک چیز هستند یا نه سردرگم شوند. استفاده از قراردادها و الگوهای استاندارد، قابلیت استفاده محصول را افزایش میدهند.
۵. پیشگیری از خطا:
چیزی که حتی بهتر از پیامهای خطای خوب است، جلوگیری از خطاها در وهلهی اول است. شرایط مستعدِ خطا را شناسایی کنید و راهی را طراحی کنید که از ورود به آن شرایط جلوگیری کند.
پیشنهاد میکنم با ادامهی مطالعهی مقاله در لینک زیر با ۵ اصل دیگرِ اکتشافی و مثالها، این مجموعه قوانین را به شکل ملموستری درک کنید:
https://bit.ly/dxgn1046
(زمان حدودی مطالعه: ۱۰ دقیقه)
گردآورنده: بهاره حاجوی
#اصول #ارزیابی_اکتشافی
@Dexign فلسفه دیزاین
_________
Medium
Heuristic Evaluation
Rapidly evaluate a product for easy use and identify the potential problems before they happen.
👍4
چگونه طراحی کنیم تا عبارت «این چیزی نیست که ما نیاز داریم» را دریافت نکنیم
(به حداکثر رساندن رضایت مشتری از طریق طراحی موثر)
توانایی ارتباط با توسعه دهندگان و مشتریان نیز بخش مهمی از کار طراحی است که همهی ما نیاز به بهبود آن داریم. به این تواناییها، مهارتهای نرم میگویند. تحقیقات دانشگاه هاروارد، استنفورد و بنیاد کارنگی نشان میدهد که ۸۵ درصدِ موفقیتِ حرفهای به مهارتهای نرم بستگی دارد. یکی از این مهارتها، ایجاد ارتباط خوب با مشتریان است.
من از دیدگاه یک طراح صحبت میکنم، اما این مقاله برای هر کسی که با افرادی کار میکند که نتیجه کارشان را تعیین میکنند، مفید خواهد بود.
ممکن است یک فرد تازهکار این موضوع را نادیده بگیرد و فکر کند که میتواند یک ماه پس از دریافت سفارش صبر کند و سپس بی سر و صدا لینکِ طرحِ تمام شده را برای مشتری ایمیل کند. در نتیجه اشتباهات مشابهی را تکرار میکند و اعتبار حرفهای و موفقیت آینده خود را را به خطر میاندازد.
هیچ مشتریِ بد یا طراح بدی وجود ندارد. یک فرآیند موثر با تیم خود تنظیم کنید و مطمئن باشید همه چیز به درستی کار خواهد کرد. با این حال، ما به فردی مسئول برای ایجاد و مدیریت این فرآیندها نیاز داریم. پس از خواندن این مقاله، مطمئن هستم که میتوانید این کار را انجام دهید.
«مشتریان» معمولاً به هر کسی که در توسعهی یک محصول مشارکت دارد، از جمله مشتریان آزاد، مدیران، صاحبان محصول و توسعه دهندگان اشاره دارد. برخی مستقیماً با صاحبان مشاغل و اعضای جامعه ارتباط دارند.
متخصص بودن به معنای برقراری ارتباط موفق با تیم و مشتریان است
مشتریان، مدیران و توسعه دهندگان از همان سطح تخصص طراحان برخوردار نیستند، بنابراین نمیتوان به نظرات آنها اعتماد کرد. اما موضوع به این سادگی نیست. در هر مرحله از پروژه، باید موقعیت خود را به عنوان یک متخصص احساس کنید و آن را به تیم خود منتقل کنید. این بدان معنا نیست که هنگام دریافت بازخورد باید حالت تدافعی داشته باشید.
مهم است که روش صحیح برقراری ارتباط را به خاطر بسپارید. ما حرفهای هستیم، بنابراین باید به حرفهای دیگران توجه کنیم. مشتریان شما طراح نیستند، اما آنها تجارت خود را به خوبی میشناسند، بنابراین باید به توصیههای آنها گوش دهید.
مدیران پروژه یا توسعه دهندگان نیز مجاز به بیان نظرات خود هستند و باید شنیده شوند.
پیدا کردن روند مناسب نیمی از کار است
در حالت ایدهآل، رهبر تیم یا مدیر، مسئول پیدا کردن روند مناسب است، اما طراح نیز باید درگیر آن باشد. روند طراحی قبل از ترسیم اولین پیکسل شروع میشود و تا آماده شدن نسخهی نهاییِ طرح ادامه مییابد.
نمونه کارهایتان را به نمایش بگذارید
مشتریان باید بدانند که با چه کسی سروکار دارند تا انتظارات غیرمنطقی ایجاد نشود. به عنوان طراح بهتر است از افراد بپرسیم که آیا نمونه کارهای ما را دیدهاند یا خیر. اگر دیدهاند و با شما همسو هستند، همه چیز خوب است و مشتریان طرحهای خود را با روالی که به آن عادت کردهایم دریافت میکنند. اگر طرحهای شما با درخواست مشتری همسو نیست یا در نمونه کارهای خود طرحهای متفاوت و متنوع زیادی دارید، میتوانید از مشتریان در مورد اینکه کدام از طرحهای شما را میپسندند سوال کنید یا از آنها بخواهید اگر طرحهای دیگر مدنظرشان است برای شما ارسال کنند.
در لینک زیر میتوانید ادامهی توصیههای نویسنده برای ایجاد یک روند بهتر در طراحی برای مشتریان خود را بخوانید.
https://bit.ly/dxgn1047
(زمان حدودی مطالعه: ۱۲ دقیقه)
گردآورنده: بهاره حاجوی
#مهارت_نرم #طراحی_محصول #رضایت_مشتری
@Dexign فلسفه دیزاین
_________
(به حداکثر رساندن رضایت مشتری از طریق طراحی موثر)
توانایی ارتباط با توسعه دهندگان و مشتریان نیز بخش مهمی از کار طراحی است که همهی ما نیاز به بهبود آن داریم. به این تواناییها، مهارتهای نرم میگویند. تحقیقات دانشگاه هاروارد، استنفورد و بنیاد کارنگی نشان میدهد که ۸۵ درصدِ موفقیتِ حرفهای به مهارتهای نرم بستگی دارد. یکی از این مهارتها، ایجاد ارتباط خوب با مشتریان است.
من از دیدگاه یک طراح صحبت میکنم، اما این مقاله برای هر کسی که با افرادی کار میکند که نتیجه کارشان را تعیین میکنند، مفید خواهد بود.
ممکن است یک فرد تازهکار این موضوع را نادیده بگیرد و فکر کند که میتواند یک ماه پس از دریافت سفارش صبر کند و سپس بی سر و صدا لینکِ طرحِ تمام شده را برای مشتری ایمیل کند. در نتیجه اشتباهات مشابهی را تکرار میکند و اعتبار حرفهای و موفقیت آینده خود را را به خطر میاندازد.
هیچ مشتریِ بد یا طراح بدی وجود ندارد. یک فرآیند موثر با تیم خود تنظیم کنید و مطمئن باشید همه چیز به درستی کار خواهد کرد. با این حال، ما به فردی مسئول برای ایجاد و مدیریت این فرآیندها نیاز داریم. پس از خواندن این مقاله، مطمئن هستم که میتوانید این کار را انجام دهید.
«مشتریان» معمولاً به هر کسی که در توسعهی یک محصول مشارکت دارد، از جمله مشتریان آزاد، مدیران، صاحبان محصول و توسعه دهندگان اشاره دارد. برخی مستقیماً با صاحبان مشاغل و اعضای جامعه ارتباط دارند.
متخصص بودن به معنای برقراری ارتباط موفق با تیم و مشتریان است
مشتریان، مدیران و توسعه دهندگان از همان سطح تخصص طراحان برخوردار نیستند، بنابراین نمیتوان به نظرات آنها اعتماد کرد. اما موضوع به این سادگی نیست. در هر مرحله از پروژه، باید موقعیت خود را به عنوان یک متخصص احساس کنید و آن را به تیم خود منتقل کنید. این بدان معنا نیست که هنگام دریافت بازخورد باید حالت تدافعی داشته باشید.
مهم است که روش صحیح برقراری ارتباط را به خاطر بسپارید. ما حرفهای هستیم، بنابراین باید به حرفهای دیگران توجه کنیم. مشتریان شما طراح نیستند، اما آنها تجارت خود را به خوبی میشناسند، بنابراین باید به توصیههای آنها گوش دهید.
مدیران پروژه یا توسعه دهندگان نیز مجاز به بیان نظرات خود هستند و باید شنیده شوند.
پیدا کردن روند مناسب نیمی از کار است
در حالت ایدهآل، رهبر تیم یا مدیر، مسئول پیدا کردن روند مناسب است، اما طراح نیز باید درگیر آن باشد. روند طراحی قبل از ترسیم اولین پیکسل شروع میشود و تا آماده شدن نسخهی نهاییِ طرح ادامه مییابد.
نمونه کارهایتان را به نمایش بگذارید
مشتریان باید بدانند که با چه کسی سروکار دارند تا انتظارات غیرمنطقی ایجاد نشود. به عنوان طراح بهتر است از افراد بپرسیم که آیا نمونه کارهای ما را دیدهاند یا خیر. اگر دیدهاند و با شما همسو هستند، همه چیز خوب است و مشتریان طرحهای خود را با روالی که به آن عادت کردهایم دریافت میکنند. اگر طرحهای شما با درخواست مشتری همسو نیست یا در نمونه کارهای خود طرحهای متفاوت و متنوع زیادی دارید، میتوانید از مشتریان در مورد اینکه کدام از طرحهای شما را میپسندند سوال کنید یا از آنها بخواهید اگر طرحهای دیگر مدنظرشان است برای شما ارسال کنند.
در لینک زیر میتوانید ادامهی توصیههای نویسنده برای ایجاد یک روند بهتر در طراحی برای مشتریان خود را بخوانید.
https://bit.ly/dxgn1047
(زمان حدودی مطالعه: ۱۲ دقیقه)
گردآورنده: بهاره حاجوی
#مهارت_نرم #طراحی_محصول #رضایت_مشتری
@Dexign فلسفه دیزاین
_________
👍6
مراحل آنبردینگ محصول
تابحال طی انجام پروژهای به مشکلی برخوردهاید که دلیلش عدم آنبردینگ درست باشد؟
من به تازگی با این مشکل در چند پروژه برخورد کردم و متوجه هزینه مالی و زمانی که داشت، شدم. نویسنده در این مقاله نیز به مشکلاتی که عدم آنبردینگ درست برای او به وجود آورده بود اشاره کرده است و مراحل و نکاتی که لازم است در پروسه آنبردینگ رعایت شود را توضیح داده، نویسنده معتقد است برای آنبردینگ محصول در وحله اول، باید درباره چیستی محصول، دلیل استفاده افراد از محصول و نحوه حل مشکل توسط محصول توضیح داد.
در ادامه با توضیح پرسونا، نقشه سفر کاربر (user journey) و داکیومنت مصاحبه با کاربر جلو رفت.
در نهایت به ارائه کامل اپلیکیشن، جزئیات آن مانند رویکرد تیم توسعه، فرهنگ تیم، KPI موفقیت محصول، نحوه داکیومنت سازی صحبت کرد.
انتهای مقاله چکلیستی از پروسه آنبردینگ قرارداده شده که توصیه میکنم حتما از لینک زیر به آن سر بزنید.
https://bit.ly/dxgn1048
(زمان حدودی مطالعه: ۱۱ دقیقه)
گردآورنده: فروزان فاضلی
#طراحی_محصول #آنبردینگ #طراحی
@Dexign فلسفه دیزاین
_________
تابحال طی انجام پروژهای به مشکلی برخوردهاید که دلیلش عدم آنبردینگ درست باشد؟
من به تازگی با این مشکل در چند پروژه برخورد کردم و متوجه هزینه مالی و زمانی که داشت، شدم. نویسنده در این مقاله نیز به مشکلاتی که عدم آنبردینگ درست برای او به وجود آورده بود اشاره کرده است و مراحل و نکاتی که لازم است در پروسه آنبردینگ رعایت شود را توضیح داده، نویسنده معتقد است برای آنبردینگ محصول در وحله اول، باید درباره چیستی محصول، دلیل استفاده افراد از محصول و نحوه حل مشکل توسط محصول توضیح داد.
در ادامه با توضیح پرسونا، نقشه سفر کاربر (user journey) و داکیومنت مصاحبه با کاربر جلو رفت.
در نهایت به ارائه کامل اپلیکیشن، جزئیات آن مانند رویکرد تیم توسعه، فرهنگ تیم، KPI موفقیت محصول، نحوه داکیومنت سازی صحبت کرد.
انتهای مقاله چکلیستی از پروسه آنبردینگ قرارداده شده که توصیه میکنم حتما از لینک زیر به آن سر بزنید.
https://bit.ly/dxgn1048
(زمان حدودی مطالعه: ۱۱ دقیقه)
گردآورنده: فروزان فاضلی
#طراحی_محصول #آنبردینگ #طراحی
@Dexign فلسفه دیزاین
_________
Medium
How to make a great onboarding process for new product designers
This article explains how to create a successful onboarding process for product designers after hiring them
❤4👍2
۵ اصل کلیدی طراحی برای اطمینان از کاربر محور بودن محصولات
اعتماد پایه و اساس طراحی موثر است و با اولویت دادن به اصول ارتباط شفاف، امنیت و حفاظت، حداقل تصمیم گیری، فراگیر بودن و اعمال نفوذ و نوآوری، میتوانیم تجربیاتی را ایجاد کنیم که برای کاربرانمان معنادار و قابل اعتماد باشد.
۱- ارتباط شفاف و ساده
طراحی موثر باید هدف خود را به وضوح و سادگی و بدون تکیه بر اصطلاحات فنی یا مالی بیان کند. هدف ما از شفاف بودن، کمک به کاربران در تصمیم گیری آگاهانه و ایجاد حس اعتماد در محصولاتمان است.
۲-امنیت و حفاظت از منافع کاربران
طراحی باید بار شناختی را کاهش دهد و درک و استفاده از محصول را برای کاربران آسان کند. بروس اشنایر کارشناس امنیتی میگوید: "امنیت یک فرآیند است، نه یک محصول."
۳-به حداقل رساندن تصمیم گیری
قانون هیک میگوید هرچه انتخابهای بیشتری به کاربر ارائه شود، زمان بیشتری برای تصمیمگیری لازم است. مهم است که تعداد گزینهها را به حداقل برسانید و به کاربران در تصمیم گیری سریع کمک کنید.
۴-طراحی برای جامعیت
با ساده و راحت نگه داشتن چیزها، میتوانیم محصولاتی را ایجاد کنیم که فراگیر و در دسترس باشد. طراح و متفکر مشهور دیتر رامز بیان کرد: "طراحی خوب تا حد امکان طراحی کم است."
۵-اعمال نفوذ و نوآوری
با استفاده از راهحلهای موجود و بالا بردن مرزهای ممکن، میتوانیم محصولاتی ایجاد کنیم که قابل اعتماد نیز هستند. مخترع معروف توماس ادیسون زمانی گفت: "راهی برای انجام بهتر آن وجود دارد، آن را پیدا کنید."
برای مطالعه کامل مقاله میتوانید به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1049
(زمان حدودی مطالعه :۶ دقیقه)
گرد آورنده: آنالی فخرالدینی
#تجربه_کاربری
@Dexign فلسفه دیزاین
_________
اعتماد پایه و اساس طراحی موثر است و با اولویت دادن به اصول ارتباط شفاف، امنیت و حفاظت، حداقل تصمیم گیری، فراگیر بودن و اعمال نفوذ و نوآوری، میتوانیم تجربیاتی را ایجاد کنیم که برای کاربرانمان معنادار و قابل اعتماد باشد.
۱- ارتباط شفاف و ساده
طراحی موثر باید هدف خود را به وضوح و سادگی و بدون تکیه بر اصطلاحات فنی یا مالی بیان کند. هدف ما از شفاف بودن، کمک به کاربران در تصمیم گیری آگاهانه و ایجاد حس اعتماد در محصولاتمان است.
۲-امنیت و حفاظت از منافع کاربران
طراحی باید بار شناختی را کاهش دهد و درک و استفاده از محصول را برای کاربران آسان کند. بروس اشنایر کارشناس امنیتی میگوید: "امنیت یک فرآیند است، نه یک محصول."
۳-به حداقل رساندن تصمیم گیری
قانون هیک میگوید هرچه انتخابهای بیشتری به کاربر ارائه شود، زمان بیشتری برای تصمیمگیری لازم است. مهم است که تعداد گزینهها را به حداقل برسانید و به کاربران در تصمیم گیری سریع کمک کنید.
۴-طراحی برای جامعیت
با ساده و راحت نگه داشتن چیزها، میتوانیم محصولاتی را ایجاد کنیم که فراگیر و در دسترس باشد. طراح و متفکر مشهور دیتر رامز بیان کرد: "طراحی خوب تا حد امکان طراحی کم است."
۵-اعمال نفوذ و نوآوری
با استفاده از راهحلهای موجود و بالا بردن مرزهای ممکن، میتوانیم محصولاتی ایجاد کنیم که قابل اعتماد نیز هستند. مخترع معروف توماس ادیسون زمانی گفت: "راهی برای انجام بهتر آن وجود دارد، آن را پیدا کنید."
برای مطالعه کامل مقاله میتوانید به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1049
(زمان حدودی مطالعه :۶ دقیقه)
گرد آورنده: آنالی فخرالدینی
#تجربه_کاربری
@Dexign فلسفه دیزاین
_________
Medium
5 Key Principles of Design, that can be applied to any product to ensure that it is user-centered…
Following on my earlier post about Designing for Trust.
👍4❤3🍾1
استفاده از طراحی در تصمیمگیری
به عنوان طراحان محصول، همه ما این تجربه را داشتهایم که بررسی طراحیِ یک محصول از مسیر مورد نظر خارج میشود. شرایطی که به نظر میرسد افراد در همه چیز تجدید نظر میکنند، از یک فیچر تا حتی ماهیت محصول. این شرایط یکی از ناامید کنندهترین تجربیات برای طراحان محصول است. برای جلوگیری از این امر و اطمینان از موفقیت یک پروژه، داشتنِ یک رویکردِ استراتژیک برای هدایت تصمیمگیری در طول فرآیند طراحی بسیار مهم است. برای تیم طراحی، چرخه عمر پروژه عبارت است از: همکاری، اجرا و پشتیبانی.
اجرا و مکتوب کردن مهمترین تصمیمات در مرحله همکاری، مهمترین عامل برای یک فرآیند طراحی روان است.
در تجربه من، پیش از ایجاد اولین فریم در Figma، میتوان با برنامهریزی و نیز فرآیندی بهتر از ناکامیهایی که بهعنوان طراح، تجربه میکنیم اجتناب کرد. همانطور که در طول یک پروژه جلو میروید (در حالت ایدهآل) بازخوردها با ادامهی روند، جزئیتر میشوند. قبل از اینکه وقت خود را برای طراحی کامل یک فیچر صرف کنید، بازخوردهای اساسی و مهمتر را دریافت کنید تا در ادامه کمتر دچار ناامیدی شوید.
در این مقاله، ما سه نکته کلیدی را بررسی خواهیم کرد که می تواند به طراحان محصول کمک کند تا از طراحی برای هدایت تصمیمگیری استفاده کنند.
جلسات گفتگو را به سمت اهداف پروژه هدایت کنید
اولین قدم در استفاده از طراحی برای هدایت تصمیمگیری، دستیابی به الزامات و اهدافِ روشن است. این به معنای صرف زمان برای درک نیازهای کاربر و اهداف تجاری است. این اطلاعات را میتوان از طریق تحقیق، گفتگو با ذینفعان و تجزیه و تحلیل رقبا جمعآوری کرد. طراحان محصول با داشتن درک روشنی از مشکلی که سعی در حل آن دارند، میتوانند از سرعت بخشیدن به فرآیند طراحی اطمینان حاصل کنند و زمانی که همه چیز دچار مشکل میشود میتوانند افراد را به اهداف خود برگردانند.
در ابتدای پروژه از فیگما دوری کنید
یکی از بزرگترین مشکلات در طراحی محصول، دلبستگیِ بیش از حد به یک راهحل و طرح، قبل از همسویی از طرف ذینفعان است. این میتواند منجر به تجدید نظرهای قابل توجهی در مراحل بعدی شود که زمانبر و پرهزینه است. برای جلوگیری از این امر، طراحان محصول باید در ابتدای فرآیند، تصمیمگیریهای اصلی طراحی را با ذینفعان هماهنگ کنند. نتایج را در Google Docs با مشخصات، متن یا با نمودارهای ساده نگه دارید و از آنها استفاده کنید. این کار شما را از دلبستگی به راهحلی که تنها به دلشکستگی ختم میشود، باز میدارد.
در ادامه با خواندن مقاله در لینک زیر میتوانید مورد سوم از نکاتی که نویسنده برای هدایت بهتر یک فرآیند طراحی توضیح میدهد را مطالعه کنید.
https://bit.ly/dxgn1050
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: بهاره حاجوی
#تصمیم_گیری #طراحی_محصول #فرآیند_طراحی
@Dexign فلسفه دیزاین
_________
به عنوان طراحان محصول، همه ما این تجربه را داشتهایم که بررسی طراحیِ یک محصول از مسیر مورد نظر خارج میشود. شرایطی که به نظر میرسد افراد در همه چیز تجدید نظر میکنند، از یک فیچر تا حتی ماهیت محصول. این شرایط یکی از ناامید کنندهترین تجربیات برای طراحان محصول است. برای جلوگیری از این امر و اطمینان از موفقیت یک پروژه، داشتنِ یک رویکردِ استراتژیک برای هدایت تصمیمگیری در طول فرآیند طراحی بسیار مهم است. برای تیم طراحی، چرخه عمر پروژه عبارت است از: همکاری، اجرا و پشتیبانی.
اجرا و مکتوب کردن مهمترین تصمیمات در مرحله همکاری، مهمترین عامل برای یک فرآیند طراحی روان است.
در تجربه من، پیش از ایجاد اولین فریم در Figma، میتوان با برنامهریزی و نیز فرآیندی بهتر از ناکامیهایی که بهعنوان طراح، تجربه میکنیم اجتناب کرد. همانطور که در طول یک پروژه جلو میروید (در حالت ایدهآل) بازخوردها با ادامهی روند، جزئیتر میشوند. قبل از اینکه وقت خود را برای طراحی کامل یک فیچر صرف کنید، بازخوردهای اساسی و مهمتر را دریافت کنید تا در ادامه کمتر دچار ناامیدی شوید.
در این مقاله، ما سه نکته کلیدی را بررسی خواهیم کرد که می تواند به طراحان محصول کمک کند تا از طراحی برای هدایت تصمیمگیری استفاده کنند.
جلسات گفتگو را به سمت اهداف پروژه هدایت کنید
اولین قدم در استفاده از طراحی برای هدایت تصمیمگیری، دستیابی به الزامات و اهدافِ روشن است. این به معنای صرف زمان برای درک نیازهای کاربر و اهداف تجاری است. این اطلاعات را میتوان از طریق تحقیق، گفتگو با ذینفعان و تجزیه و تحلیل رقبا جمعآوری کرد. طراحان محصول با داشتن درک روشنی از مشکلی که سعی در حل آن دارند، میتوانند از سرعت بخشیدن به فرآیند طراحی اطمینان حاصل کنند و زمانی که همه چیز دچار مشکل میشود میتوانند افراد را به اهداف خود برگردانند.
در ابتدای پروژه از فیگما دوری کنید
یکی از بزرگترین مشکلات در طراحی محصول، دلبستگیِ بیش از حد به یک راهحل و طرح، قبل از همسویی از طرف ذینفعان است. این میتواند منجر به تجدید نظرهای قابل توجهی در مراحل بعدی شود که زمانبر و پرهزینه است. برای جلوگیری از این امر، طراحان محصول باید در ابتدای فرآیند، تصمیمگیریهای اصلی طراحی را با ذینفعان هماهنگ کنند. نتایج را در Google Docs با مشخصات، متن یا با نمودارهای ساده نگه دارید و از آنها استفاده کنید. این کار شما را از دلبستگی به راهحلی که تنها به دلشکستگی ختم میشود، باز میدارد.
در ادامه با خواندن مقاله در لینک زیر میتوانید مورد سوم از نکاتی که نویسنده برای هدایت بهتر یک فرآیند طراحی توضیح میدهد را مطالعه کنید.
https://bit.ly/dxgn1050
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: بهاره حاجوی
#تصمیم_گیری #طراحی_محصول #فرآیند_طراحی
@Dexign فلسفه دیزاین
_________
Medium
Using design to drive decisions
It’s crucial to have a strategic approach to drive decision making throughout the design process.
👍3👌1
ارتقا مهارت دیزاین با مشاهده نمونه کارهای خوب
تا به حال در دنیای دیزاین با این سوال مواجه شدهاید که چگونه دیزاینهای بهتری انجام دهم؟ به احتمال زیاد یکی از جوابهایی که گرفته باشید این است که دیزاینهای خوب را ببینید و کپی کنید. اما دیدن دیزاینهای خوب چگونه به ما کمک میکند؟ آیا صرفا دیدن آنها کافیست؟ لازم نیست که تحلیلی روی آنها داشته باشیم؟ یا از زاویه دید دیگری به طرحها نگاه کنیم تا بیشتر یاد بگیریم؟
مثلا ما میخواهیم بدنی عضلانی داشته باشیم فقط با رفتن به گوشهای و دیدن تمرین افرادی که بدن خوبی دارند بدن ما هم عضلانی خواهد شد؟ قطعا نه شما باید مسیر خودتان را داشته باشید به صورت منظم تمرین کنید تا به بدن ایدهال خود برسید چیزی که در این مسیر مهم است منظم بودن و با هدف بودن است و این دو المان نیز در دیزاینرِ بهتر شدن شما تاثیر بسزایی دارد .
به یاد داشته باشبد دید یک طراح از اندیشه و تعامل به دست میآید نه از به خاطر سپردن و حفظ کردن یکسری تکنیک و قانون.
این مقاله به صورت جزئی درباره این موضوع صحبت میکند و به سوالهای بالا پاسخ میدهد، همچنین راهکارهایی ارائه میکند و در انتها لیستی از وبسایتهای مفید را ارائه داده است.
https://bit.ly/dxgn1051
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: فروزان فاضلی
#UI #طراحی_رابط_کاربر
#مهارت_شغلی
@Dexign فلسفه دیزاین
_________
تا به حال در دنیای دیزاین با این سوال مواجه شدهاید که چگونه دیزاینهای بهتری انجام دهم؟ به احتمال زیاد یکی از جوابهایی که گرفته باشید این است که دیزاینهای خوب را ببینید و کپی کنید. اما دیدن دیزاینهای خوب چگونه به ما کمک میکند؟ آیا صرفا دیدن آنها کافیست؟ لازم نیست که تحلیلی روی آنها داشته باشیم؟ یا از زاویه دید دیگری به طرحها نگاه کنیم تا بیشتر یاد بگیریم؟
مثلا ما میخواهیم بدنی عضلانی داشته باشیم فقط با رفتن به گوشهای و دیدن تمرین افرادی که بدن خوبی دارند بدن ما هم عضلانی خواهد شد؟ قطعا نه شما باید مسیر خودتان را داشته باشید به صورت منظم تمرین کنید تا به بدن ایدهال خود برسید چیزی که در این مسیر مهم است منظم بودن و با هدف بودن است و این دو المان نیز در دیزاینرِ بهتر شدن شما تاثیر بسزایی دارد .
به یاد داشته باشبد دید یک طراح از اندیشه و تعامل به دست میآید نه از به خاطر سپردن و حفظ کردن یکسری تکنیک و قانون.
این مقاله به صورت جزئی درباره این موضوع صحبت میکند و به سوالهای بالا پاسخ میدهد، همچنین راهکارهایی ارائه میکند و در انتها لیستی از وبسایتهای مفید را ارائه داده است.
https://bit.ly/dxgn1051
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: فروزان فاضلی
#UI #طراحی_رابط_کاربر
#مهارت_شغلی
@Dexign فلسفه دیزاین
_________
Medium
How to Improve Design Skills by Viewing the Best Works
Learn how to study top-rate designs to get the most benefits
👍11❤2
رنگ در طراحی رابط کاربری
در طراحی رابط کاربری اولین چیزی که معمولا به آن توجه میکنیم رنگ است.
در طراحی رابط کاربری علاوه بر زیبایی میخواهیم پیام درست را نیز به کاربران منتقل کنیم، چرا که رنگهای مختلف احساسات متفاوتی را در کاربران ایجاد میکنند. در واقع رنگ مهم ترین جنبه طراحی رابط کاربری است.
چرا رنگها مهم هستند؟
رنگها اگر به درستی استفاده شوند، شخصیت برند شما را منعکس خواهند کرد. ما میخواهیم از رنگهای مناسب برای جذب کاربران مناسب استفاده کنیم.
تحقیقات انجام شده نشان میدهد که کاربران حدود ۹۰ ثانیه طول می کشد تا کیفیت محصولات آنلاین را ارزیابی کنند. ۶۲ تا ۹۰ دصد ارزیابیهای محصولی که مردم انجام میدهند به صورت ناخودآگاه تحت تاثیر رنگ قرار گرفته است.
در نتیجه انتخاب رنگهای صحیح برای لوگو، برند و بسته بندی محصول هرگز نباید به صورت سلیقهای انجام شود.
چیزهای مشترکی که باید به آنها توجه کنید:
۱- رنگهای دیجیتال مانند رنگهای واقعی نیستند
۲- نامگذاری رنگها
۳- سایهها و نورها
۴- رنگهای خنثی
پیشنهاد میکنم برای مطالعه کامل مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1052
(مطالعه حدودی مقاله: ۱۲ دقیقه)
گردآورنده: فاطمه عبداللهی
#رابط_کاربر #رنگ
@Dexign فلسفه دیزاین
_________
در طراحی رابط کاربری اولین چیزی که معمولا به آن توجه میکنیم رنگ است.
در طراحی رابط کاربری علاوه بر زیبایی میخواهیم پیام درست را نیز به کاربران منتقل کنیم، چرا که رنگهای مختلف احساسات متفاوتی را در کاربران ایجاد میکنند. در واقع رنگ مهم ترین جنبه طراحی رابط کاربری است.
چرا رنگها مهم هستند؟
رنگها اگر به درستی استفاده شوند، شخصیت برند شما را منعکس خواهند کرد. ما میخواهیم از رنگهای مناسب برای جذب کاربران مناسب استفاده کنیم.
تحقیقات انجام شده نشان میدهد که کاربران حدود ۹۰ ثانیه طول می کشد تا کیفیت محصولات آنلاین را ارزیابی کنند. ۶۲ تا ۹۰ دصد ارزیابیهای محصولی که مردم انجام میدهند به صورت ناخودآگاه تحت تاثیر رنگ قرار گرفته است.
در نتیجه انتخاب رنگهای صحیح برای لوگو، برند و بسته بندی محصول هرگز نباید به صورت سلیقهای انجام شود.
چیزهای مشترکی که باید به آنها توجه کنید:
۱- رنگهای دیجیتال مانند رنگهای واقعی نیستند
۲- نامگذاری رنگها
۳- سایهها و نورها
۴- رنگهای خنثی
پیشنهاد میکنم برای مطالعه کامل مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1052
(مطالعه حدودی مقاله: ۱۲ دقیقه)
گردآورنده: فاطمه عبداللهی
#رابط_کاربر #رنگ
@Dexign فلسفه دیزاین
_________
Medium
Color in UI Design
Fundamentals of UI Design Part-III
👍7
وایرفریمینگ: ۸ نکته برای طراحان
وایرفریمها تجسمهایی با جزئیات محدود از یک رابط کاربری (در آینده) هستند که بر روی یک تکه کاغذ یا در یک ابزار دیجیتال ایجاد شدهاند. هدف وایرفریم این است که به طراحان کمک کند تا بفهمند چگونه محتوا و عناصر کاربردی باید روی صفحه نمایش داده شوند.
در این مقاله، من میخواهم ۸ نکته را به اشتراک بگذارم که به شما کمک میکند بهترین استفاده را از وایرفریم ببرید.
۱. قبل از شروع وایرفریمینگ، یک یوزر فلو ترسیم کنید:
قبل از شروع وایرفریمینگ، به ایدهای واضح از تعداد صفحههایی که میبایست طراحی شود و نیز نحوه تعامل کاربران با صفحات نیاز دارید. وقتی یک یوزر فلو دارید که میتوانید از آن به عنوان مرجع استفاده کنید، رسیدن به این ایده بسیار آسانتر است. تجسم یوزر فلو با استفاده از اشکال ساده مانند مستطیل و فلش امکان پذیر است.
۲. ابتدا وایرفریم برای صفحات اصلی را ایجاد کنید:
صفحه نمایشهایی را انتخاب کنید که برای یوزر فلو مهم هستند. این کار تکرار طرح شما را آسانتر میکند.
۳. سطح درستی از وفاداری را انتخاب کنید:
وفاداری سطحی از واقعگرایی است که طراحیهای بصری شما دارند. وایرفریمها معمولاً با وفاداری کم و متوسط ساخته میشوند. وایرفریمهای با کیفیت پایین حاوی حداقلِ جزئیات طراحی هستند. در حالی که وایرفریمهای با کیفیت متوسط بیشتر شبیه به ماکاپها هستند. وایرفریمهای با وفاداری پایین میتوانند در مرحلهی اولیهی فرآیند طراحی خوب باشند - زمانی که جهتهای مختلفِ طراحی را بررسی میکنید و میخواهید تا حد امکان ایدهها را تجسم کنید.
وایرفریمهای با وفاداری متوسط باید زمانی ایجاد شوند که میخواهید در یک راهحلِ خاص عمیق شوید و البته که در هنگام بحث با دیگر طراحان و توسعه دهندگان بسیار مفید هستند.
۴. از رنگ برای جلب توجه استفاده کنید:
وایرفریمها بهطور کلی در رنگهای سیاه و سفید یا خاکستری ایجاد میشوند، اما میتوان از یک یا دو رنگ متضاد برای ایجاد تاکیدهای بصری و هدایتِ توجه بیننده به قسمتی خاص استفاده کرد.
۵. سعی کنید از متن ساختگی در وایرفریمهای با کیفیت متوسط اجتناب کنید:
در مراحل اولیه فرآیند طراحی، هدف شما ایجاد یک سلسله مراتب بصری واضح است - چیدمان با ساختاری واضح. در این مرحله روی محتوا تمرکز نمیکنید. باید به نحوه ارائه آن فکر کنید. اما پس از ایجاد یک سلسله مراتب بصری مناسب، باید شروع به جایگزینی متنهای ساختگی با متن واقعی کنید که در محصول خود استفاده خواهید کرد.
چرا باید در این مرحله از متن ساختگی اجتناب کنیم؟ - Lorem Ipsum اطلاعاتی به افرادی که طرح شما را بررسی میکنند نمیدهد. در نتیجه، وقتی آنها وایرفریمها را بررسی میکنند، به راحتی میتوانند طراحی شما را اشتباه درک کنند.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۳ مورد دیگر از نکاتی که نویسنده برای طراحی یک وایرفریم حرفهای بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1053
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: بهاره حاجوی
#تجربه_کاربری #وایرفریم
@Dexign فلسفه دیزاین
_________
وایرفریمها تجسمهایی با جزئیات محدود از یک رابط کاربری (در آینده) هستند که بر روی یک تکه کاغذ یا در یک ابزار دیجیتال ایجاد شدهاند. هدف وایرفریم این است که به طراحان کمک کند تا بفهمند چگونه محتوا و عناصر کاربردی باید روی صفحه نمایش داده شوند.
در این مقاله، من میخواهم ۸ نکته را به اشتراک بگذارم که به شما کمک میکند بهترین استفاده را از وایرفریم ببرید.
۱. قبل از شروع وایرفریمینگ، یک یوزر فلو ترسیم کنید:
قبل از شروع وایرفریمینگ، به ایدهای واضح از تعداد صفحههایی که میبایست طراحی شود و نیز نحوه تعامل کاربران با صفحات نیاز دارید. وقتی یک یوزر فلو دارید که میتوانید از آن به عنوان مرجع استفاده کنید، رسیدن به این ایده بسیار آسانتر است. تجسم یوزر فلو با استفاده از اشکال ساده مانند مستطیل و فلش امکان پذیر است.
۲. ابتدا وایرفریم برای صفحات اصلی را ایجاد کنید:
صفحه نمایشهایی را انتخاب کنید که برای یوزر فلو مهم هستند. این کار تکرار طرح شما را آسانتر میکند.
۳. سطح درستی از وفاداری را انتخاب کنید:
وفاداری سطحی از واقعگرایی است که طراحیهای بصری شما دارند. وایرفریمها معمولاً با وفاداری کم و متوسط ساخته میشوند. وایرفریمهای با کیفیت پایین حاوی حداقلِ جزئیات طراحی هستند. در حالی که وایرفریمهای با کیفیت متوسط بیشتر شبیه به ماکاپها هستند. وایرفریمهای با وفاداری پایین میتوانند در مرحلهی اولیهی فرآیند طراحی خوب باشند - زمانی که جهتهای مختلفِ طراحی را بررسی میکنید و میخواهید تا حد امکان ایدهها را تجسم کنید.
وایرفریمهای با وفاداری متوسط باید زمانی ایجاد شوند که میخواهید در یک راهحلِ خاص عمیق شوید و البته که در هنگام بحث با دیگر طراحان و توسعه دهندگان بسیار مفید هستند.
۴. از رنگ برای جلب توجه استفاده کنید:
وایرفریمها بهطور کلی در رنگهای سیاه و سفید یا خاکستری ایجاد میشوند، اما میتوان از یک یا دو رنگ متضاد برای ایجاد تاکیدهای بصری و هدایتِ توجه بیننده به قسمتی خاص استفاده کرد.
۵. سعی کنید از متن ساختگی در وایرفریمهای با کیفیت متوسط اجتناب کنید:
در مراحل اولیه فرآیند طراحی، هدف شما ایجاد یک سلسله مراتب بصری واضح است - چیدمان با ساختاری واضح. در این مرحله روی محتوا تمرکز نمیکنید. باید به نحوه ارائه آن فکر کنید. اما پس از ایجاد یک سلسله مراتب بصری مناسب، باید شروع به جایگزینی متنهای ساختگی با متن واقعی کنید که در محصول خود استفاده خواهید کرد.
چرا باید در این مرحله از متن ساختگی اجتناب کنیم؟ - Lorem Ipsum اطلاعاتی به افرادی که طرح شما را بررسی میکنند نمیدهد. در نتیجه، وقتی آنها وایرفریمها را بررسی میکنند، به راحتی میتوانند طراحی شما را اشتباه درک کنند.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۳ مورد دیگر از نکاتی که نویسنده برای طراحی یک وایرفریم حرفهای بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1053
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: بهاره حاجوی
#تجربه_کاربری #وایرفریم
@Dexign فلسفه دیزاین
_________
Medium
Wireframing: 8 Pro Tips for Designers
Wireframes are low-fidelity visualizations of a future interface created on a piece of paper or in a digital tool. The purpose of a…
👍3✍1❤1👌1
راهنمای رابط کاربری تمیز: ۱۰ نمونه از سلسله مراتب و تعادل در طراحی رابط کاربری
سوال اصلی این است که Clean UI چیست؟ به طور خلاصه، این موضوع کمتر در مورد موارد بصری است و بیشتر در مورد آسانیِ دستیابی به اهداف خاص کاربر نهایی است. به طور کلی، Clean UI هر چیزی را توصیف میکند که سرعت کاربر را کاهش نمیدهد، بلکه برعکس، کاربر را هنگام انجام هدفش هل میدهد. چنین رابط کاربری عمدتاً مبتنی بر تعامل و مینیمالیسم است.
با این حال، موارد ذکر شده همهی ویژگیهای آن نیست. ما تصمیم گرفتیم تحقیقات مفصلی انجام دهیم و بر اساس مطالبِ کتابِ فوق العادهی "Refactoring UI" نوشته آدام واتان و استیو شوگر، موفق ترین نمونه های مشکلات اجرای سلسله مراتب و تعادل که در این کتاب قید شده را با هم بررسی کنیم.
۱. تاکید دادن به کاربران بر روی چیزهای درست
اگرچه در دنیای مد، هیچ کس برای مدت طولانی به هیچ قانونی پایبند نیست، اما در مورد طراحی دیجیتال، هنوز باید قوانینی وجود داشته باشد، به خصوص در مورد تمیز نگه داشتن رابط کاربری. بنابراین، به جای تمرکز بر روی "هم لبها و هم چشمها"، به این فکر کنید که در وهله اول چه چیزی باید در UI برجسته شود.
۲. از قدرت رنگ استفاده کنید
بهجای جمعآوری مجموعهای از رنگهای همخوان، سعی کنید رابط را در همان طرح رنگی ایجاد کنید و با شدت سایهها «بازی» کنید. گاهی اوقات، اولویت یک ویژگی خاص را نسبتِ تغییرِ اندازهی فونت برای کاربر نهایی روشن میکند. این رویکرد رابط کاربری را برای خواندن ساده نگه میدارد، و در عین حال، لازم نیست حروف میکروسکوپی را برای نشان دادن عناصر کماهمیتتر، تغییر دهید.
۳. به نحوه کمکردن تاکیدها هم فکر کنید
اگر با این مشکل مواجه شدید که نمیدانید چگونه عناصر اصلی رابط را برجسته کنید، شاید فقط باید راه دیگری را انتخاب کنید و تاکید بر موارد ثانویه را کاهش دهید.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۷ مورد دیگر از نکاتی که نویسنده برای رسیدن به یک رابط کاربری تمیز بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1054
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربر
@Dexign فلسفه دیزاین
_________
سوال اصلی این است که Clean UI چیست؟ به طور خلاصه، این موضوع کمتر در مورد موارد بصری است و بیشتر در مورد آسانیِ دستیابی به اهداف خاص کاربر نهایی است. به طور کلی، Clean UI هر چیزی را توصیف میکند که سرعت کاربر را کاهش نمیدهد، بلکه برعکس، کاربر را هنگام انجام هدفش هل میدهد. چنین رابط کاربری عمدتاً مبتنی بر تعامل و مینیمالیسم است.
با این حال، موارد ذکر شده همهی ویژگیهای آن نیست. ما تصمیم گرفتیم تحقیقات مفصلی انجام دهیم و بر اساس مطالبِ کتابِ فوق العادهی "Refactoring UI" نوشته آدام واتان و استیو شوگر، موفق ترین نمونه های مشکلات اجرای سلسله مراتب و تعادل که در این کتاب قید شده را با هم بررسی کنیم.
۱. تاکید دادن به کاربران بر روی چیزهای درست
اگرچه در دنیای مد، هیچ کس برای مدت طولانی به هیچ قانونی پایبند نیست، اما در مورد طراحی دیجیتال، هنوز باید قوانینی وجود داشته باشد، به خصوص در مورد تمیز نگه داشتن رابط کاربری. بنابراین، به جای تمرکز بر روی "هم لبها و هم چشمها"، به این فکر کنید که در وهله اول چه چیزی باید در UI برجسته شود.
۲. از قدرت رنگ استفاده کنید
بهجای جمعآوری مجموعهای از رنگهای همخوان، سعی کنید رابط را در همان طرح رنگی ایجاد کنید و با شدت سایهها «بازی» کنید. گاهی اوقات، اولویت یک ویژگی خاص را نسبتِ تغییرِ اندازهی فونت برای کاربر نهایی روشن میکند. این رویکرد رابط کاربری را برای خواندن ساده نگه میدارد، و در عین حال، لازم نیست حروف میکروسکوپی را برای نشان دادن عناصر کماهمیتتر، تغییر دهید.
۳. به نحوه کمکردن تاکیدها هم فکر کنید
اگر با این مشکل مواجه شدید که نمیدانید چگونه عناصر اصلی رابط را برجسته کنید، شاید فقط باید راه دیگری را انتخاب کنید و تاکید بر موارد ثانویه را کاهش دهید.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۷ مورد دیگر از نکاتی که نویسنده برای رسیدن به یک رابط کاربری تمیز بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1054
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربر
@Dexign فلسفه دیزاین
_________
Medium
Сlean UI Guide: 10 Examples of Hierarchy and Balance in UI Design
So what is a Сlean UI? In a nutshell, it’s less about visuals and more about how easy to achieve specific end-user goals. In general, Clean…
👍3❤2
ایجاد پالتهای رنگی در رابط کاربری
یکی از عناصر موفقیت هر محصول داشتن یک رابط کاربری جذاب است و پالت رنگی یکی از مهمترین مولفههای رابط کاربری است. انتخاب رنگهای مناسب برای ایجاد یک رابط کاربری زیبا و چشم نواز بسیار مهم است، زیرا رنگها تاثیر قابل توجهی بر ظاهر و احساس کلی محصول دارند.
قانون ۶۰-۳۰-۱۰ چیست؟
انتخاب ترکیب رنگ نامناسب میتواند جذابیت بصری محصول را از بین ببرد. قانون ۶۰٪ - ۳۰٪ - ۱۰٪، قانون معمول در طراحی برای ایجاد ترکیب بندیهای جذاب بصری استفاده میشود. طبق این قانون، شما باید از ۶۰٪ رنگ زمینه، ۳۰٪ رنگ ثانویه و ۱۰٪ رنگ اصلی استفاده کنید.
چگونه قانون ۶۰ - ۳۰ - ۱۰ را در طراحی رابط کاربری خود اعمال کنیم؟
اگر قصد طراحی اپلیکیشنی را دارید و رنگهای برند شما آبی، سفید و مشکی است، در این حالت رنگ سفید میتواند رنگ زمینه باشد، ۶۰٪ طرح رنگی را به خود اختصاص دهد و برای پس زمینه و عناصر اصلی رابط کاربری استفاده شود.
با استفاده مداوم از این طرح رنگی در اپ خود، میتوانید یک طراحی منسجم و چشم نواز ایجاد کنید که هویت برند شما را منعکس میکند و استفاده از اپلیکیشن شما را آسان میکند.
چهار المان رنگی کلیدی در کیت رابط کاربری:
۱. رنگ اولیه (اصلی)
رنگ اصلی اغلب اولین رنگی است که هنگام فکر کردن به یک برند یا محصول به ذهن خطور میکند. این رنگ معمولا برای مهمترین اجزای طراحی مانند پس زمینه، هدرها و دکمهها به کار میرود.
۲.رنگ خنثی
رنگهای خنثی اغلب به عنوان رنگ پایه مورد استفاده قرار میگیرند و به دلیل داشتن تنوع رنگهای مختلف، انعطاف پذیر در نظر گرفته میشوند. رنگهای سفید، مشکی، خاکستری، رنگهای خنثی هستند. رنگهای خنثی اغلب برای کنتراست و وضوح عناصر طراحی و همچنین برای متعادل و نرم کردن رنگها استفاده میشوند. رنگهای خنثی میتوانند برای اجزای پس زمینه یا متن استفاده شوند.
۳.رنگ بازخورد
رنگ بازخورد در طراحی رابط کاربری برای برجسته کردن ویژگیهای تعاملی مانند دکمهها، لینکها، نشان دادن موفقیت یا اخطار استفاده میشود.
برای مطالعه کامل مقاله پیشنهاد میکنم به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1055
(مطالعه حدودی مقاله: ۹ دقیقه)
گردآوردنده: فاطمه عبداللهی
#رابط_کاربر #رنگ
@Dexign فلسفه دیزاین
_________
یکی از عناصر موفقیت هر محصول داشتن یک رابط کاربری جذاب است و پالت رنگی یکی از مهمترین مولفههای رابط کاربری است. انتخاب رنگهای مناسب برای ایجاد یک رابط کاربری زیبا و چشم نواز بسیار مهم است، زیرا رنگها تاثیر قابل توجهی بر ظاهر و احساس کلی محصول دارند.
قانون ۶۰-۳۰-۱۰ چیست؟
انتخاب ترکیب رنگ نامناسب میتواند جذابیت بصری محصول را از بین ببرد. قانون ۶۰٪ - ۳۰٪ - ۱۰٪، قانون معمول در طراحی برای ایجاد ترکیب بندیهای جذاب بصری استفاده میشود. طبق این قانون، شما باید از ۶۰٪ رنگ زمینه، ۳۰٪ رنگ ثانویه و ۱۰٪ رنگ اصلی استفاده کنید.
چگونه قانون ۶۰ - ۳۰ - ۱۰ را در طراحی رابط کاربری خود اعمال کنیم؟
اگر قصد طراحی اپلیکیشنی را دارید و رنگهای برند شما آبی، سفید و مشکی است، در این حالت رنگ سفید میتواند رنگ زمینه باشد، ۶۰٪ طرح رنگی را به خود اختصاص دهد و برای پس زمینه و عناصر اصلی رابط کاربری استفاده شود.
با استفاده مداوم از این طرح رنگی در اپ خود، میتوانید یک طراحی منسجم و چشم نواز ایجاد کنید که هویت برند شما را منعکس میکند و استفاده از اپلیکیشن شما را آسان میکند.
چهار المان رنگی کلیدی در کیت رابط کاربری:
۱. رنگ اولیه (اصلی)
رنگ اصلی اغلب اولین رنگی است که هنگام فکر کردن به یک برند یا محصول به ذهن خطور میکند. این رنگ معمولا برای مهمترین اجزای طراحی مانند پس زمینه، هدرها و دکمهها به کار میرود.
۲.رنگ خنثی
رنگهای خنثی اغلب به عنوان رنگ پایه مورد استفاده قرار میگیرند و به دلیل داشتن تنوع رنگهای مختلف، انعطاف پذیر در نظر گرفته میشوند. رنگهای سفید، مشکی، خاکستری، رنگهای خنثی هستند. رنگهای خنثی اغلب برای کنتراست و وضوح عناصر طراحی و همچنین برای متعادل و نرم کردن رنگها استفاده میشوند. رنگهای خنثی میتوانند برای اجزای پس زمینه یا متن استفاده شوند.
۳.رنگ بازخورد
رنگ بازخورد در طراحی رابط کاربری برای برجسته کردن ویژگیهای تعاملی مانند دکمهها، لینکها، نشان دادن موفقیت یا اخطار استفاده میشود.
برای مطالعه کامل مقاله پیشنهاد میکنم به لینک زیر مراجعه کنید:
https://bit.ly/dxgn1055
(مطالعه حدودی مقاله: ۹ دقیقه)
گردآوردنده: فاطمه عبداللهی
#رابط_کاربر #رنگ
@Dexign فلسفه دیزاین
_________
Medium
Creating Color Schemes for the UI Style Guide Kit
Creating Color Schemes for the UI Style Guide Kit Any product’s success depends on having a visually appealing and consistent user interface (UI). And UI style guides have developed into a crucial …
👌6👍4
۱۰ نکته در رابطه با دیزاین سیستمها که کسی به من نگفت!
آشنایی من با دیزاین سیستمها مانند مکیده شدن در یک سیاهچاله بود. این اتفاق زمانی افتاد که من به عنوان طراح محصول در یک شرکت نرمافزار حمل و نقل کار میکردم. ما به طور تصاعدی در حال رشد بودیم، بنابراین کتابخانه UI ما نیاز به بهبودهای حیاتی داشت تا با نیازهای کسبوکار همگام شود.
زمانی که برای تعیین اینکه چه چیزی را باید بهینه کنم بررسیهایی انجام میدادم، متوجه شدم که Figma ویژگی Auto Layout را منتشر کرده است. من این قابلیت جدید را در کتابخانه خود اعمال کردم، اما کار پیچیدهتر شد. من در نهایت یک دیزاین سیستم کامل ایجاد کردم.
اولین دیزاین سیستمی که ایجاد کردم به دلیل ضرورت حل مشکل نبود یکپارچگی بین طراحی و توسعه ایجاد شد. پس از این غوطه ور شدنِ شدید در دنیای دیزاین سیستمها و همچنین تجربیاتم در شرکتهای دیگر، چیزهای زیادی یاد گرفتم که ای کاش کسی در ابتدا به من میگفت.
۱. دیزاین سیستم و کتابخانهی UI یکسان نیستند
هنگامی که Figma قابلیت Auto Layout خود را منتشر کرد، روشی را که طراحان، کامپوننتها را میساختند تغییر داد. من بررسی انجام دادم تا مشخص کنم چه کامپوننتهایی را میتوان با این ویژگی جدید بازسازی کرد و تعداد زیادی مغایرت کامپوننت بین طراحیها و محصولِ در حال تولید پیدا کردم. توسعه دهندگان و طراحان محصول به همه اجزا دسترسی داشتند، اما هیچ دستور العملی در مورد زمان و نحوه استفاده از آنها نداشتند. انتظار نداشتم وظیفه اصلی به روز رسانی برخی کامپوننتها به پروژهای بزرگ تبدیل شود، اما اینطور شد. من نه تنها Auto Layout را برای برخی از کامپوننتها اعمال کردم، بلکه باید مستنداتی را نیز ایجاد میکردم تا یکپارچگی را به محصول خود اضافه کنم. کتابخانه UI به یک سیستم طراحی تبدیل شد. از این طریق، من یاد گرفتم که یک کتابخانه UI مجموعهای از کامپوننتها و استایلها است، در حالی که یک دیزاین سیستم مجموعهای از دستورالعملها برای مدیریت کامپوننتها و استایلها است.
۲. دیزاین سیستم خود را بسازید و کاربران از شما تشکر خواهند کرد!
یک محصول نرمافزاری مشکلات کاربران و نیازهای تجاری خاصی را برطرف میکند. یکی از اولین گامها برای ساختن یک محصول موثر، شناسایی کاربران، گردش کار و نقاط درد آنها ست. همین امر در مورد دیزاین سیستم شما نیز صادق است.
وقتی یک دیزاین سیستم میسازید، آن را برای دو دسته از کاربران طراحی میکنید. در وهلهی اول، شما در حال ساختن برای کاربران نهایی هستید که مشتریان محصول نهایی شرکت شما خواهند بود. اما شما همچنین برای طراحان محصول نیز طراحی میکنید که برای ایجاد محصولات مؤثر به سیستم طراحی متکی هستند. وقتی دیزاین سیستم خود را به عنوان یک محصول در نظر میگیرید، طراحان محصولی که آن را اتخاذ میکنند، میتوانند به جای صرف زمان برای انتخاب مواردی مانند مناسبترین رنگ برای یک دکمه، بر چگونگی ایجاد ناوبری کاربری روان برای کاربر نهایی تمرکز کنند. سپس توسعه دهندگان میتوانند به راحتی یک کامپوننت آماده را گرفته و آن را مونتاژ کنند. هدف اصلی یک دیزاین سیستم، بهینه سازیِ گردش کار کاربران و صرفه جویی در زمان است. دیزاین سیستمها محصولی برای ساختن محصولات دیجیتال هستند.
۳. طراحان و توسعه دهندگان باید مانند اتم باشند: جدایی ناپذیر
مانند طراحان، توسعه دهندگان میتوانند هنگام ساخت محصولات با کامپوننتهای آماده از دیزاین سیستمها، گردش کار خود را سرعت بخشند. چالش واقعی حفظ ثبات بین این دو گروه است.
کاربران نهایی با ابزار طراحی (مانند Figma، Zeplin، Invision یا Sketch) تعامل ندارند، اما با محصولِ در حال تولید تعامل دارند. آنها میتوانند تشخیص دهند که چه زمانی در پشت صحنه قطع ارتباط وجود داشته است، به خصوص اگر این موضوع از دیزاین سیستم نشأت گرفته باشد. یکپارچگی عملکردها نیز به این موضوع مرتبط است. کاربران نهایی میخواهند پیشبینی کنند که اجزا چگونه رفتار خواهند کرد. اگر اجزا آن طور که انتظار میرود رفتار نکنند، کاربران ممکن است احساس ناامیدی کنند و ممکن است اعتماد آنها را نیز از دست بدهیم. توسعه دهندگان و طراحان باید در تمام مراحل ایجاد یک دیزاین سیستم باهم کار کنند تا این سازگاری را حفظ کنند. به عقیدهی من همکاری تنها راز یک دیزاین سیستم موفق است.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۷ مورد دیگر از نکاتی که نویسنده در رابطه با دیزاین سیستمها بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1056
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربری #دیزاین_سیستم
@Dexign فلسفه دیزاین
_________
آشنایی من با دیزاین سیستمها مانند مکیده شدن در یک سیاهچاله بود. این اتفاق زمانی افتاد که من به عنوان طراح محصول در یک شرکت نرمافزار حمل و نقل کار میکردم. ما به طور تصاعدی در حال رشد بودیم، بنابراین کتابخانه UI ما نیاز به بهبودهای حیاتی داشت تا با نیازهای کسبوکار همگام شود.
زمانی که برای تعیین اینکه چه چیزی را باید بهینه کنم بررسیهایی انجام میدادم، متوجه شدم که Figma ویژگی Auto Layout را منتشر کرده است. من این قابلیت جدید را در کتابخانه خود اعمال کردم، اما کار پیچیدهتر شد. من در نهایت یک دیزاین سیستم کامل ایجاد کردم.
اولین دیزاین سیستمی که ایجاد کردم به دلیل ضرورت حل مشکل نبود یکپارچگی بین طراحی و توسعه ایجاد شد. پس از این غوطه ور شدنِ شدید در دنیای دیزاین سیستمها و همچنین تجربیاتم در شرکتهای دیگر، چیزهای زیادی یاد گرفتم که ای کاش کسی در ابتدا به من میگفت.
۱. دیزاین سیستم و کتابخانهی UI یکسان نیستند
هنگامی که Figma قابلیت Auto Layout خود را منتشر کرد، روشی را که طراحان، کامپوننتها را میساختند تغییر داد. من بررسی انجام دادم تا مشخص کنم چه کامپوننتهایی را میتوان با این ویژگی جدید بازسازی کرد و تعداد زیادی مغایرت کامپوننت بین طراحیها و محصولِ در حال تولید پیدا کردم. توسعه دهندگان و طراحان محصول به همه اجزا دسترسی داشتند، اما هیچ دستور العملی در مورد زمان و نحوه استفاده از آنها نداشتند. انتظار نداشتم وظیفه اصلی به روز رسانی برخی کامپوننتها به پروژهای بزرگ تبدیل شود، اما اینطور شد. من نه تنها Auto Layout را برای برخی از کامپوننتها اعمال کردم، بلکه باید مستنداتی را نیز ایجاد میکردم تا یکپارچگی را به محصول خود اضافه کنم. کتابخانه UI به یک سیستم طراحی تبدیل شد. از این طریق، من یاد گرفتم که یک کتابخانه UI مجموعهای از کامپوننتها و استایلها است، در حالی که یک دیزاین سیستم مجموعهای از دستورالعملها برای مدیریت کامپوننتها و استایلها است.
۲. دیزاین سیستم خود را بسازید و کاربران از شما تشکر خواهند کرد!
یک محصول نرمافزاری مشکلات کاربران و نیازهای تجاری خاصی را برطرف میکند. یکی از اولین گامها برای ساختن یک محصول موثر، شناسایی کاربران، گردش کار و نقاط درد آنها ست. همین امر در مورد دیزاین سیستم شما نیز صادق است.
وقتی یک دیزاین سیستم میسازید، آن را برای دو دسته از کاربران طراحی میکنید. در وهلهی اول، شما در حال ساختن برای کاربران نهایی هستید که مشتریان محصول نهایی شرکت شما خواهند بود. اما شما همچنین برای طراحان محصول نیز طراحی میکنید که برای ایجاد محصولات مؤثر به سیستم طراحی متکی هستند. وقتی دیزاین سیستم خود را به عنوان یک محصول در نظر میگیرید، طراحان محصولی که آن را اتخاذ میکنند، میتوانند به جای صرف زمان برای انتخاب مواردی مانند مناسبترین رنگ برای یک دکمه، بر چگونگی ایجاد ناوبری کاربری روان برای کاربر نهایی تمرکز کنند. سپس توسعه دهندگان میتوانند به راحتی یک کامپوننت آماده را گرفته و آن را مونتاژ کنند. هدف اصلی یک دیزاین سیستم، بهینه سازیِ گردش کار کاربران و صرفه جویی در زمان است. دیزاین سیستمها محصولی برای ساختن محصولات دیجیتال هستند.
۳. طراحان و توسعه دهندگان باید مانند اتم باشند: جدایی ناپذیر
مانند طراحان، توسعه دهندگان میتوانند هنگام ساخت محصولات با کامپوننتهای آماده از دیزاین سیستمها، گردش کار خود را سرعت بخشند. چالش واقعی حفظ ثبات بین این دو گروه است.
کاربران نهایی با ابزار طراحی (مانند Figma، Zeplin، Invision یا Sketch) تعامل ندارند، اما با محصولِ در حال تولید تعامل دارند. آنها میتوانند تشخیص دهند که چه زمانی در پشت صحنه قطع ارتباط وجود داشته است، به خصوص اگر این موضوع از دیزاین سیستم نشأت گرفته باشد. یکپارچگی عملکردها نیز به این موضوع مرتبط است. کاربران نهایی میخواهند پیشبینی کنند که اجزا چگونه رفتار خواهند کرد. اگر اجزا آن طور که انتظار میرود رفتار نکنند، کاربران ممکن است احساس ناامیدی کنند و ممکن است اعتماد آنها را نیز از دست بدهیم. توسعه دهندگان و طراحان باید در تمام مراحل ایجاد یک دیزاین سیستم باهم کار کنند تا این سازگاری را حفظ کنند. به عقیدهی من همکاری تنها راز یک دیزاین سیستم موفق است.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۷ مورد دیگر از نکاتی که نویسنده در رابطه با دیزاین سیستمها بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1056
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربری #دیزاین_سیستم
@Dexign فلسفه دیزاین
_________
Medium
10 Things No One Told Me About Design Systems
This UX designer learned the hard way, but you don’t have to.
👍9❤🔥1🏆1
ایموجیها و دسترسی پذیری
ایموجیها در هر گوشهای از اینترنت هستند. همه کسانی که من میشناسم از ایموجیها استفاده میکنند، از پدربزرگ و مادربزرگم گرفته تا برادر ۵ سالهی دوستم. مطمئنا میتوان گفت شما نیز از آنها استفاده میکنید، یا حداقل افرادی را میشناسید که این کار را میکنند. ایموجیها میتوانند راهی عالی و سرگرم کننده برای انتقال احساسات باشند. آنها همچنین علاقه بصری را اضافه میکنند و میتوانند راهی سریع برای گفتن چیزهای زیادی در یک کاراکتر واحد باشند. با این حال، ایموجیها برای کسانی که نمیتوانند آنها را ببینند چگونه عمل میکنند؟
به گفته سازمان بهداشت جهانی، «حداقل ۲.۲ میلیارد نفر دچار اختلال دید نزدیک یا از راه دور هستند». برای این که در همه درجات بینایی (یا فقدان آن) فراگیر باشیم، باید بدانیم چگونه به شیوه ای دسترسی پذیر ارتباط برقرار کنیم.
ایموجیها به وسیلهی صفحه خوانها برای این کاربران قابل فهمیدن هستند. اگر ایموجیها به درستی استفاده شوند، با وجود اینکه قابل مشاهده نیستند، همچنان میتوانند تمام احساسات و بستر مورد نظر را منتقل کنند. قبل از اینکه بتوانیم بهترین نحوهی استفاده از ایموجیها را تعیین کنیم، بیایید بفهمیم که ایموجیها برای صفحه خوانها چگونه به نظر میرسند.
صفحهخوانها Unicode String ایموجیها را میخوانند تا آن را شناسایی کنند. که شبیه به متن ALT روی تصاویر است.
استفاده از ایموجی به صورت دسترسی پذیر
برای این که از ایموجیها به گونهای استفاده کنید که برای همه مفید باشد، من قصد دارم چند نکته در مورد نحوه استفاده از آن ها به شما ارائه دهم. در بهترین حالت، آنها میتوانند سرگرمی و بستر را به یک پست یا پیام اضافه کنند. در بدترین حالت ممکن است باعث ناامیدی و رها کردن شوند.
۱. از ایموجی ها به تعداد کم استفاده کنید
من مطمئن هستم که همه ما فردی را میشناسیم که سه یا بیشتر از یک نوع ایموجی را پشت سر هم میفرستد. من هم این کار را کردهام. با خیال راحت ایموجیها را در تمام طول روز به دوستان و خانواده خود ارسال کنید، اما هنگام ارسال پست برای مخاطبان عمومیتر مراقب باشید. این امر به ویژه هنگام استفاده از ایموجیها در سایتها یا اپها صادق است.
اگر پنج ایموجی "شست بالا" را برای شخصی ارسال کنید، یک صفحه خوان کلمات "شست بالا" را پنج بار میخواند. احتمالاً میتوانید حدس بزنید که چگونه این شرایط میتواند بسیار خسته کننده و وقت گیر باشد. اگر میخواهید از ایموجیها استفاده کنید، سعی کنید فقط از یک یا دو ایموجی استفاده کنید.
۲. در پایان متن از آنها استفاده کنید
وقتی از ایموجیها در وسط جملات خود استفاده میکنید، ممکن است «صورت با چشمهای مارپیچ» برای کاربرانِ صفحهخوان گیجکننده باشد. قرار دادن ایموجیها در وسط جمله یا پاراگراف، جریان را برای کاربران کمبینا مختل میکند و تجربه کاربری ضعیفی را ارائه میدهد. توصیه میشود هر گونه ایموجی را در انتهای پیام خود نگه دارید تا کسانی که از صفحه خوان استفاده میکنند به راحتی آن را دنبال کنند.
۳. ایموجیها را جایگزین کلمات نکنید
هرگز از ایموجی به عنوان جایگزینی برای یک کلمه واقعی استفاده نکنید. این امر درک آن را برای همه کاربران دشوارتر میکند، نه فقط برای کاربران دارای اختلال بینایی.
به عنوان مثال، اگر کلمه "ترسناک" را با یک ایموجی ترسناک جایگزین کنید، اگرچه برخی ممکن است بتوانند معنای پیام شما را منتقل کنند، برای یک کاربر صفحهخوان ممکن است یک پست به این شکل خوانده شود: "هالووین امسال خیلی - صورت در حال فریاد زدن از ترس - بود.
من خودم برای خواندن این نوع پیامها نیز دچار مشکل میشوم. لطفاً کار را برای همه آسانتر کنید و به استفاده از کلمات خود ادامه دهید.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۲ مورد دیگر از نکاتی که نویسنده در رابطه با دسترسی پذیری ایموجیها بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1057
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: بهاره حاجوی
#تجربه_کاربری #دسترسی_پذیری
@Dexign فلسفه دیزاین
_________
ایموجیها در هر گوشهای از اینترنت هستند. همه کسانی که من میشناسم از ایموجیها استفاده میکنند، از پدربزرگ و مادربزرگم گرفته تا برادر ۵ سالهی دوستم. مطمئنا میتوان گفت شما نیز از آنها استفاده میکنید، یا حداقل افرادی را میشناسید که این کار را میکنند. ایموجیها میتوانند راهی عالی و سرگرم کننده برای انتقال احساسات باشند. آنها همچنین علاقه بصری را اضافه میکنند و میتوانند راهی سریع برای گفتن چیزهای زیادی در یک کاراکتر واحد باشند. با این حال، ایموجیها برای کسانی که نمیتوانند آنها را ببینند چگونه عمل میکنند؟
به گفته سازمان بهداشت جهانی، «حداقل ۲.۲ میلیارد نفر دچار اختلال دید نزدیک یا از راه دور هستند». برای این که در همه درجات بینایی (یا فقدان آن) فراگیر باشیم، باید بدانیم چگونه به شیوه ای دسترسی پذیر ارتباط برقرار کنیم.
ایموجیها به وسیلهی صفحه خوانها برای این کاربران قابل فهمیدن هستند. اگر ایموجیها به درستی استفاده شوند، با وجود اینکه قابل مشاهده نیستند، همچنان میتوانند تمام احساسات و بستر مورد نظر را منتقل کنند. قبل از اینکه بتوانیم بهترین نحوهی استفاده از ایموجیها را تعیین کنیم، بیایید بفهمیم که ایموجیها برای صفحه خوانها چگونه به نظر میرسند.
صفحهخوانها Unicode String ایموجیها را میخوانند تا آن را شناسایی کنند. که شبیه به متن ALT روی تصاویر است.
استفاده از ایموجی به صورت دسترسی پذیر
برای این که از ایموجیها به گونهای استفاده کنید که برای همه مفید باشد، من قصد دارم چند نکته در مورد نحوه استفاده از آن ها به شما ارائه دهم. در بهترین حالت، آنها میتوانند سرگرمی و بستر را به یک پست یا پیام اضافه کنند. در بدترین حالت ممکن است باعث ناامیدی و رها کردن شوند.
۱. از ایموجی ها به تعداد کم استفاده کنید
من مطمئن هستم که همه ما فردی را میشناسیم که سه یا بیشتر از یک نوع ایموجی را پشت سر هم میفرستد. من هم این کار را کردهام. با خیال راحت ایموجیها را در تمام طول روز به دوستان و خانواده خود ارسال کنید، اما هنگام ارسال پست برای مخاطبان عمومیتر مراقب باشید. این امر به ویژه هنگام استفاده از ایموجیها در سایتها یا اپها صادق است.
اگر پنج ایموجی "شست بالا" را برای شخصی ارسال کنید، یک صفحه خوان کلمات "شست بالا" را پنج بار میخواند. احتمالاً میتوانید حدس بزنید که چگونه این شرایط میتواند بسیار خسته کننده و وقت گیر باشد. اگر میخواهید از ایموجیها استفاده کنید، سعی کنید فقط از یک یا دو ایموجی استفاده کنید.
۲. در پایان متن از آنها استفاده کنید
وقتی از ایموجیها در وسط جملات خود استفاده میکنید، ممکن است «صورت با چشمهای مارپیچ» برای کاربرانِ صفحهخوان گیجکننده باشد. قرار دادن ایموجیها در وسط جمله یا پاراگراف، جریان را برای کاربران کمبینا مختل میکند و تجربه کاربری ضعیفی را ارائه میدهد. توصیه میشود هر گونه ایموجی را در انتهای پیام خود نگه دارید تا کسانی که از صفحه خوان استفاده میکنند به راحتی آن را دنبال کنند.
۳. ایموجیها را جایگزین کلمات نکنید
هرگز از ایموجی به عنوان جایگزینی برای یک کلمه واقعی استفاده نکنید. این امر درک آن را برای همه کاربران دشوارتر میکند، نه فقط برای کاربران دارای اختلال بینایی.
به عنوان مثال، اگر کلمه "ترسناک" را با یک ایموجی ترسناک جایگزین کنید، اگرچه برخی ممکن است بتوانند معنای پیام شما را منتقل کنند، برای یک کاربر صفحهخوان ممکن است یک پست به این شکل خوانده شود: "هالووین امسال خیلی - صورت در حال فریاد زدن از ترس - بود.
من خودم برای خواندن این نوع پیامها نیز دچار مشکل میشوم. لطفاً کار را برای همه آسانتر کنید و به استفاده از کلمات خود ادامه دهید.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۲ مورد دیگر از نکاتی که نویسنده در رابطه با دسترسی پذیری ایموجیها بیان کرده است را مطالعه کنید.
https://bit.ly/dxgn1057
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: بهاره حاجوی
#تجربه_کاربری #دسترسی_پذیری
@Dexign فلسفه دیزاین
_________
Medium
Accessibility vs emojis
At an emojis best, they can add fun and context to a post or message. At their worst, they can cause frustration and abandonment.
👍5❤3🍾1
۸ ترند طراحی داشبورد در ۲۰۲۳
طراحی UI/UX داشبورد جزء ضروری بسیاری از برنامههای کاربردی وب و موبایل است. داشبورد بکاند اصلی است که از همه برنامهها پشتیبانی میکند، بنابراین کاربر پسند کردن آن به برنامههای موبایل و وب نیز کمک میکند. طراحی UI/UX داشبورد در سال ۲۰۲۳، سادگی، شخصیسازی و کنترل کاربر را در اولویت قرار میدهد، در حالی که جدیدترین تکنیکهای تجسم دادهها و فناوریهای نوظهور مانند هوش مصنوعی و یادگیری ماشین را نیز در بر میگیرد.
طراحیهای داشبوردهای قدیمی
طرحهای داشبورد قدیمی پیچیده و بهم ریخته بودند و دادههای زیادی روی صفحه به صورت همزمان نمایش داده میشدند. به منظور کمک به کاربران در درک دادهها، آنها اغلب از جداول و نمودارهای متن سنگین با سلسه مراتب بصری بسیار ضعیفی استفاده میکردند. معمولاً فقط چند دکمه یا لینک برای پیمایش در داشبورد وجود داشت، و همینطور اغلب گزینههای کمی برای تغییر یا شخصیسازی قرار داده میشد.
به طور کلی تاکید بر تجربه کاربری و طراحی کاربر محور که در طراحی داشبورد مدرن شاهد آن هستیم در داشبوردهای قدیمی غایب بود.
روندهای ۲۰۲۳ در طراحی داشبورد (توضیحات کامل هر ترند در لینک اصلی)
۱. افزایش استفاده از تجسم دادهها:
از آنجایی که توانایی ما در جمعآوری و تجزیه و تحلیل دادهها در حال افزایش است، طراحان باید راههای خلاقانهای برای تجسم دادهها ارائه دهند. طرحهای داشبورد احتمالاً دارای نقشهها، گرافها و نمودارهای تعاملی بیشتری خواهند بود.
۲. استفاده از مینیمالیسم و فضای خالی:
مینیمالیسم و فضای خالی در طراحی داشبورد محبوب باقی خواهند ماند زیرا میتوانند به ایجاد یک رابط کاربری واضح و منظم کمک کنند.
۳. داشبوردهای شخصیسازی شده:
داشبوردهایی که به طور خاص برای سلیقه و علایق هر کاربر طراحی شدهاند، به لطف هوش مصنوعی و یادگیری ماشین، روز به روز رایجتر می شوند.
۴. افزایش کنترل کاربر:
در سال ۲۰۲۳، داشبوردهایی که به کاربران آزادی بیشتری برای دادههایی که مشاهده میکنند، نحوه چیدمان و ارائه آنها میدهند، محبوبیت بیشتری پیدا میکنند.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۳ مورد دیگر از ترندهای طراحی داشبورد در ۲۰۲۳ را همراه با توضیحات کامل در لینک زیر مطالعه کنید.
https://bit.ly/dxgn1058
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربری #ترندهای_طراحی
@Dexign فلسفه دیزاین
_________
طراحی UI/UX داشبورد جزء ضروری بسیاری از برنامههای کاربردی وب و موبایل است. داشبورد بکاند اصلی است که از همه برنامهها پشتیبانی میکند، بنابراین کاربر پسند کردن آن به برنامههای موبایل و وب نیز کمک میکند. طراحی UI/UX داشبورد در سال ۲۰۲۳، سادگی، شخصیسازی و کنترل کاربر را در اولویت قرار میدهد، در حالی که جدیدترین تکنیکهای تجسم دادهها و فناوریهای نوظهور مانند هوش مصنوعی و یادگیری ماشین را نیز در بر میگیرد.
طراحیهای داشبوردهای قدیمی
طرحهای داشبورد قدیمی پیچیده و بهم ریخته بودند و دادههای زیادی روی صفحه به صورت همزمان نمایش داده میشدند. به منظور کمک به کاربران در درک دادهها، آنها اغلب از جداول و نمودارهای متن سنگین با سلسه مراتب بصری بسیار ضعیفی استفاده میکردند. معمولاً فقط چند دکمه یا لینک برای پیمایش در داشبورد وجود داشت، و همینطور اغلب گزینههای کمی برای تغییر یا شخصیسازی قرار داده میشد.
به طور کلی تاکید بر تجربه کاربری و طراحی کاربر محور که در طراحی داشبورد مدرن شاهد آن هستیم در داشبوردهای قدیمی غایب بود.
روندهای ۲۰۲۳ در طراحی داشبورد (توضیحات کامل هر ترند در لینک اصلی)
۱. افزایش استفاده از تجسم دادهها:
از آنجایی که توانایی ما در جمعآوری و تجزیه و تحلیل دادهها در حال افزایش است، طراحان باید راههای خلاقانهای برای تجسم دادهها ارائه دهند. طرحهای داشبورد احتمالاً دارای نقشهها، گرافها و نمودارهای تعاملی بیشتری خواهند بود.
۲. استفاده از مینیمالیسم و فضای خالی:
مینیمالیسم و فضای خالی در طراحی داشبورد محبوب باقی خواهند ماند زیرا میتوانند به ایجاد یک رابط کاربری واضح و منظم کمک کنند.
۳. داشبوردهای شخصیسازی شده:
داشبوردهایی که به طور خاص برای سلیقه و علایق هر کاربر طراحی شدهاند، به لطف هوش مصنوعی و یادگیری ماشین، روز به روز رایجتر می شوند.
۴. افزایش کنترل کاربر:
در سال ۲۰۲۳، داشبوردهایی که به کاربران آزادی بیشتری برای دادههایی که مشاهده میکنند، نحوه چیدمان و ارائه آنها میدهند، محبوبیت بیشتری پیدا میکنند.
در ادامه با خواندن مقاله در لینک زیر میتوانید ۳ مورد دیگر از ترندهای طراحی داشبورد در ۲۰۲۳ را همراه با توضیحات کامل در لینک زیر مطالعه کنید.
https://bit.ly/dxgn1058
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: بهاره حاجوی
#رابط_کاربری #ترندهای_طراحی
@Dexign فلسفه دیزاین
_________
Medium
8 Dashboard UI UX design trends to look for in 2023
Dashboard UI/UX design is an essential component of many web and mobile applications. It is the core backend that supports all applications…
👍4❤1
۱۰ کتاب از زنان برای ارتقا مهارتهای طراحی
زنان در طول تاریخ و در جوامع مختلف همیشه در جدال با زندگی و تلاش برای برابری بودند و همیشه شجاعانه برای پیشرفت و پیروزی خود جنگیندند، زنانی که روزی در دوران خود دنیا را مجبور به تحسین خود کردهاند. در این پست به ۱۰ کتاب از نویسندگان زن در حوزه طراحی محصول میپردازیم، کتابهایی که مجموعهای مهارتها و خلاقیت را گسترش میدهند و نه تنها آموزنده که سرگرم کننده نیز هستند، خواندن این کتابها را برای هر کس که به دنبال افزایش دانش و دیدگاه خود است پیشنهاد میکنم.
- کتاب 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 فلسفه دیزاین
_________
زنان در طول تاریخ و در جوامع مختلف همیشه در جدال با زندگی و تلاش برای برابری بودند و همیشه شجاعانه برای پیشرفت و پیروزی خود جنگیندند، زنانی که روزی در دوران خود دنیا را مجبور به تحسین خود کردهاند. در این پست به ۱۰ کتاب از نویسندگان زن در حوزه طراحی محصول میپردازیم، کتابهایی که مجموعهای مهارتها و خلاقیت را گسترش میدهند و نه تنها آموزنده که سرگرم کننده نیز هستند، خواندن این کتابها را برای هر کس که به دنبال افزایش دانش و دیدگاه خود است پیشنهاد میکنم.
- کتاب 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 فلسفه دیزاین
_________
Medium
10 books by inspiring women to level up your product design skills
As a product designer, I’ve discovered that inspiration can come from anywhere, but the depth and guidance of books have been particularly…
👍8
رایجترین الگوهای صفحه ورود log in
روزهای ابتدایی شروع کارم به عنوان دیزاینر وقتی صفحاتی رو باید طراحی میکردم در دریبل و بیهنس دنبال نمونههایی مناسب میگشتم. اما به صورت کامل از انواع و کاراییشان اطلاع پیدا نمیکردم و فقط به صورت بصری انواعشان را به خاطر میسپردم و دیزاین میکردم، به تازگی به این مقاله برخوردم که به صورت کامل و خلاصه درباره نحوه دیزاین فلوی ورود، رویکردهایی که این صفحات دارند، لیاوت و الگوی صفحات صحبت کرده است. پیشنهاد میکنم حتما از لینک زیر به صورت کامل این مقاله را مطالعه کنید اما در ادامه به صورت خلاصه به مهمترین موارد اشاره خواهم کرد.
۶ رویکرد برای ورود به محصول وجود دارد:
۱- حالتي که کاربر با ایمیل یا شناسهی منحصر به فرد مثل شماره و رمز عبور وارد شود.
۲- استفاده از حالت SSO first به این صورت که ابتدا ۲ شبکه اجتماعی برای ورود و یک دکمه برای ورود با ایمیل وجود دارد.
۳-حالتی که ترکیبی از ۱ و۲ باشد یعنی ابتدا ورود با ایمیل و رمز عبور باشد و دکمههایی برای ورود با سوشال مدیا.
۴-ورود در حالتی که ابتدا کاربر باید ایمیل یا شناسه منحصر به فرد خود را وارد کند سپس در مرحله بعد رمز ورود مانند گوگل.
۵-استفاده از لینک جادویی که فلویی شبیه فراموشی رمز عبور دارد.
۶- ورود یک مرحلهای با اکانت گوگل، زمانی که وارد وبسایتی میشوید و کنار دکمه ورود دکمهای با عنوان ادامه با نام کاربری شما دیده میشود که با انتخاب آن ورودتان در آن سایت با گوگل ادامه مییابد.
حتما به مقاله سر بزند و به صورت بصری این موارد را ببینید
https://bit.ly/dxgn1060
(زمان حدودی مطالعه: ۱۴ دقیقه)
گردآورنده: فروزان فاضلی
#UX #UI
#معرفی_منابع
@Dexign فلسفه دیزاین
_________
روزهای ابتدایی شروع کارم به عنوان دیزاینر وقتی صفحاتی رو باید طراحی میکردم در دریبل و بیهنس دنبال نمونههایی مناسب میگشتم. اما به صورت کامل از انواع و کاراییشان اطلاع پیدا نمیکردم و فقط به صورت بصری انواعشان را به خاطر میسپردم و دیزاین میکردم، به تازگی به این مقاله برخوردم که به صورت کامل و خلاصه درباره نحوه دیزاین فلوی ورود، رویکردهایی که این صفحات دارند، لیاوت و الگوی صفحات صحبت کرده است. پیشنهاد میکنم حتما از لینک زیر به صورت کامل این مقاله را مطالعه کنید اما در ادامه به صورت خلاصه به مهمترین موارد اشاره خواهم کرد.
۶ رویکرد برای ورود به محصول وجود دارد:
۱- حالتي که کاربر با ایمیل یا شناسهی منحصر به فرد مثل شماره و رمز عبور وارد شود.
۲- استفاده از حالت SSO first به این صورت که ابتدا ۲ شبکه اجتماعی برای ورود و یک دکمه برای ورود با ایمیل وجود دارد.
۳-حالتی که ترکیبی از ۱ و۲ باشد یعنی ابتدا ورود با ایمیل و رمز عبور باشد و دکمههایی برای ورود با سوشال مدیا.
۴-ورود در حالتی که ابتدا کاربر باید ایمیل یا شناسه منحصر به فرد خود را وارد کند سپس در مرحله بعد رمز ورود مانند گوگل.
۵-استفاده از لینک جادویی که فلویی شبیه فراموشی رمز عبور دارد.
۶- ورود یک مرحلهای با اکانت گوگل، زمانی که وارد وبسایتی میشوید و کنار دکمه ورود دکمهای با عنوان ادامه با نام کاربری شما دیده میشود که با انتخاب آن ورودتان در آن سایت با گوگل ادامه مییابد.
حتما به مقاله سر بزند و به صورت بصری این موارد را ببینید
https://bit.ly/dxgn1060
(زمان حدودی مطالعه: ۱۴ دقیقه)
گردآورنده: فروزان فاضلی
#UX #UI
#معرفی_منابع
@Dexign فلسفه دیزاین
_________
Medium
UX Cheat Sheet: Common login patterns
What ho! What is that on yonder homepage? A returning user? Jimminy cricket! Looks like we have to design a login pattern.
👍13