تبدیل ایدهها به صفحات
۳ نکته برای پیشرفت در طراحی وایرفریمها و اینتراکشنها
وقتی زمان تبدیل ایدهها به صفحات میرسد و بالاخره به بخشی رسیدهاید که میتوانید واقعا چیزی طراحی کنید، ممکن است هیجانزده شوید و یا احساس آرامش کنید.
اگر احساس اضطراب میکنید و نمیدانید از کجا شروع کنید، مقاله زیر ممکن است سردرگمی شما را کمتر کند و از طرف دیگر اگر احساس آرامش میکنید، میتواند به شما کمک کند تا در مورد روند طی شده بیشتر فکر کنید و شما را تشویق کند تا به تمام اینتراکشنهایی که طراحی میکنید، زمان بیشتری اختصاص دهید.
قبل از شروع توجه کنید که: اجزای وایرفریمها باید تفکیکپذیر باشند و زیبایی و یکپارچگی ظاهری در طراحی آنها اهمیت ندارد.
فرآیند دیزاین تکرار شونده است؛ شما دائماً تحلیل میکنید، تصمیم میگیرید، دوباره تنظیم میکنید و آزمایش میکنید. همه اینها در این مرحله نیز صدق میکند. با این حال، گاهاً ما درباره وایرفریم ها زیاد بحث و تحلیل نمیکنیم و حتی ممکن است به طور کامل از این فرآیند تکرارشونده صرف نظر کنیم.
هدف وایرفریمها تسهیل روند تحلیل و اعمال تغییرات است؛ بدون آنکه نگرانی زیادی درباره کار یا زمانی که از دست میدهید داشته باشید در نتیجه زیبایی در آن مورد توجه نیست.
۱. کم جزئیات بودن (low fidelity) بهانه خوبی برای غیرواقعی بودن نیست
روی شگفتانگیزترین الگو برای به وجد آوردن دیگران تمرکز نکنید، به این فکر کنید که وقتی کاربران سعی در استفاده از محصول شما در زمینه های مختلف را دارند، واقعا چه اتفاقی میافتد؟ طراحی وایرفریم کم جزئیات به این معنی نیست که می توانید به تخیل خود اجازه دهید (بیش از حد) سرکشی کند بلکه این کار باید قبلاً در مرحله ایدهپردازی انجام میشد.
۲.به مدلهای ذهنی که میشناسید فکر کنید
در حالی که جستجو و الهام گرفتن از آنچه دوست دارید خوب است، سعی کنید آن را به سطح بعدی ببرید و ارتقا دهید. سعی کنید حتی با رایجترین الگوهای "خسته کننده" که روزانه استفاده میکنید، ارتباط برقرار کنید. شما به دلایلی از آنها استفاده میکنید و دیگران هم همینطور. ما با آنها تطبیق پیدا کردهایم، اینگونه رشد کردهایم که آنها را دوست داشته باشیم و زندگی روزمره ما با آنها همسو شده است.
۳.هیچ چیز کامل نیست
وقتی در اولین سالهای حرفه طراحی خود هستید، ممکن است فکر کنید که الگوهای استفاده شده توسط طراحان دیگر در برنامههای موجود همگی عالی هستند. بنابراین وسوسهانگیز (و عادی) است تا چند مورد از آن الگوها را بردارید و در طرح خود اعمال کنید. اگرچه گاهاً این قضیه درست است؛ مخصوصاً در رابطه با رابط کاربریهایی که به خوبی طراحی و تثبیت شدهاند و همه ما ممکن است آنها را الگو قرار دهیم، اما گاهی اوقات لازم است در آنها شک کنید. تصور مثبت شما نسبت به استفاده از الگویی مشخص در یک محصول (برنامه) لزوماً به این معنا نیست که الگوی مناسبی برای کار شما نیز خواهد بود. سعی کنید خودتان قضاوت کنید و همه چیز را در نظر بگیرید و ببینید آیا این الگو واقعاً به خوبی در پازل شما قرار میگیرد یا خیر.
جزئیات، مثالها و نکات جالب این مقاله را در لینک زیر مطالعه کنید:
https://bit.ly/dxgn876
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: مریم اکبری
#تجربهکاربری #فرآیندطراحی #وایرفریم
@Dexign فلسفه دیزاین
________
۳ نکته برای پیشرفت در طراحی وایرفریمها و اینتراکشنها
وقتی زمان تبدیل ایدهها به صفحات میرسد و بالاخره به بخشی رسیدهاید که میتوانید واقعا چیزی طراحی کنید، ممکن است هیجانزده شوید و یا احساس آرامش کنید.
اگر احساس اضطراب میکنید و نمیدانید از کجا شروع کنید، مقاله زیر ممکن است سردرگمی شما را کمتر کند و از طرف دیگر اگر احساس آرامش میکنید، میتواند به شما کمک کند تا در مورد روند طی شده بیشتر فکر کنید و شما را تشویق کند تا به تمام اینتراکشنهایی که طراحی میکنید، زمان بیشتری اختصاص دهید.
قبل از شروع توجه کنید که: اجزای وایرفریمها باید تفکیکپذیر باشند و زیبایی و یکپارچگی ظاهری در طراحی آنها اهمیت ندارد.
فرآیند دیزاین تکرار شونده است؛ شما دائماً تحلیل میکنید، تصمیم میگیرید، دوباره تنظیم میکنید و آزمایش میکنید. همه اینها در این مرحله نیز صدق میکند. با این حال، گاهاً ما درباره وایرفریم ها زیاد بحث و تحلیل نمیکنیم و حتی ممکن است به طور کامل از این فرآیند تکرارشونده صرف نظر کنیم.
هدف وایرفریمها تسهیل روند تحلیل و اعمال تغییرات است؛ بدون آنکه نگرانی زیادی درباره کار یا زمانی که از دست میدهید داشته باشید در نتیجه زیبایی در آن مورد توجه نیست.
۱. کم جزئیات بودن (low fidelity) بهانه خوبی برای غیرواقعی بودن نیست
روی شگفتانگیزترین الگو برای به وجد آوردن دیگران تمرکز نکنید، به این فکر کنید که وقتی کاربران سعی در استفاده از محصول شما در زمینه های مختلف را دارند، واقعا چه اتفاقی میافتد؟ طراحی وایرفریم کم جزئیات به این معنی نیست که می توانید به تخیل خود اجازه دهید (بیش از حد) سرکشی کند بلکه این کار باید قبلاً در مرحله ایدهپردازی انجام میشد.
۲.به مدلهای ذهنی که میشناسید فکر کنید
در حالی که جستجو و الهام گرفتن از آنچه دوست دارید خوب است، سعی کنید آن را به سطح بعدی ببرید و ارتقا دهید. سعی کنید حتی با رایجترین الگوهای "خسته کننده" که روزانه استفاده میکنید، ارتباط برقرار کنید. شما به دلایلی از آنها استفاده میکنید و دیگران هم همینطور. ما با آنها تطبیق پیدا کردهایم، اینگونه رشد کردهایم که آنها را دوست داشته باشیم و زندگی روزمره ما با آنها همسو شده است.
۳.هیچ چیز کامل نیست
وقتی در اولین سالهای حرفه طراحی خود هستید، ممکن است فکر کنید که الگوهای استفاده شده توسط طراحان دیگر در برنامههای موجود همگی عالی هستند. بنابراین وسوسهانگیز (و عادی) است تا چند مورد از آن الگوها را بردارید و در طرح خود اعمال کنید. اگرچه گاهاً این قضیه درست است؛ مخصوصاً در رابطه با رابط کاربریهایی که به خوبی طراحی و تثبیت شدهاند و همه ما ممکن است آنها را الگو قرار دهیم، اما گاهی اوقات لازم است در آنها شک کنید. تصور مثبت شما نسبت به استفاده از الگویی مشخص در یک محصول (برنامه) لزوماً به این معنا نیست که الگوی مناسبی برای کار شما نیز خواهد بود. سعی کنید خودتان قضاوت کنید و همه چیز را در نظر بگیرید و ببینید آیا این الگو واقعاً به خوبی در پازل شما قرار میگیرد یا خیر.
جزئیات، مثالها و نکات جالب این مقاله را در لینک زیر مطالعه کنید:
https://bit.ly/dxgn876
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: مریم اکبری
#تجربهکاربری #فرآیندطراحی #وایرفریم
@Dexign فلسفه دیزاین
________
Medium
Turning ideas into screens
3 tips on how to get better at creating wireframes and interactions that people will actually use
تایپوگرافی در سیستمهای طراحی:
آیا تا به حال فکر کردهاید که بیش از ۹۰٪ از طراحی UI در مورد تایپوگرافی است؟
این مطلب مجموعهای از مقالات است که به شما کمک میکند تا راهنمای استایل خود را ایجاد کنید.
نامگذاری خوب:
یک قرارداد نامگذاری که خوب طراحی شده، کلید داشتن UI کارآمد براساس سیستم طراحی است. تاکتیک کلیدی که من برای تعریف قرارداد نامگذاری استفاده میکنم ترتیب عددی است. سبکها از بزرگترین تا کوچکترین مرتب میشوند.
من معمولاً کل مقیاس تایپوگرافی را با سبک بصری محتوای متن تنظیم میکنم:
H1, H2, H3,..., Subnoscript, Body, Caption, Overline
تایپفیس مناسب را انتخاب کنید
انتخاب تایپفیس کلید ایجاد آگاهی از برند و شخصیت اپلیکیشن است.
اگر پروژه شما از قبل دارای فونتهایی است که ممکن است در سیستم طراحی استفاده شود، آنها را در راهنمای استایل قرار دهید.
هنگام جستجوی یک تایپفیس خوب، به خاطر داشته باشید که فونت باید از زبان مورد نظر پشتیبانی کند.
همچنین باید به تعداد وزنها/سبکها توجه کنید، بنابراین راهنمای استایل شما به اندازه کافی انعطافپذیر خواهد بود.
چند خانواده فونت برای راهنمای استایل نیاز است؟
من میخواهم شما را تشویق کنم که فقط با یک فونت شروع کنید و در صورت نیاز حداکثر به ۲ خانواده فونت گسترش دهید.
مقیاس تایپوگرافی
ایجاد مقیاس تایپوگرافی همیشه چالش برانگیز است. شما باید در مورد پلتفرمهایی که محصول شما روی آن ایجاد میشود فکر کنید.
اگر از Design System Kit استفاده کنم چه؟
کیتهای سیستم طراحی نقطه شروع عالی برای پروژههای شما هستند. آنها نیاز به سفارشیسازی دارند که چند دقیقه زمان میبرد و شما آماده طراحی یک محصول هستید.
نکات کاربردی اضافی:
- فونت بدنه را روی 18-16 تنظیم کنید.
- از وزنهای بسیار سبک و سیاه خودداری کنید.
- افزایش ردیابی برای حروف بزرگ که با افزایش فاصله حروف خوانایی بهبود مییابد.
- تنظیم ارتفاع خوب برای خطوط.
https://bit.ly/dxgn877
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده : ثمره شاملو
#تایپوگرافی #طراحی
@Dexign فلسفه دیزاین
________
آیا تا به حال فکر کردهاید که بیش از ۹۰٪ از طراحی UI در مورد تایپوگرافی است؟
این مطلب مجموعهای از مقالات است که به شما کمک میکند تا راهنمای استایل خود را ایجاد کنید.
نامگذاری خوب:
یک قرارداد نامگذاری که خوب طراحی شده، کلید داشتن UI کارآمد براساس سیستم طراحی است. تاکتیک کلیدی که من برای تعریف قرارداد نامگذاری استفاده میکنم ترتیب عددی است. سبکها از بزرگترین تا کوچکترین مرتب میشوند.
من معمولاً کل مقیاس تایپوگرافی را با سبک بصری محتوای متن تنظیم میکنم:
H1, H2, H3,..., Subnoscript, Body, Caption, Overline
تایپفیس مناسب را انتخاب کنید
انتخاب تایپفیس کلید ایجاد آگاهی از برند و شخصیت اپلیکیشن است.
اگر پروژه شما از قبل دارای فونتهایی است که ممکن است در سیستم طراحی استفاده شود، آنها را در راهنمای استایل قرار دهید.
هنگام جستجوی یک تایپفیس خوب، به خاطر داشته باشید که فونت باید از زبان مورد نظر پشتیبانی کند.
همچنین باید به تعداد وزنها/سبکها توجه کنید، بنابراین راهنمای استایل شما به اندازه کافی انعطافپذیر خواهد بود.
چند خانواده فونت برای راهنمای استایل نیاز است؟
من میخواهم شما را تشویق کنم که فقط با یک فونت شروع کنید و در صورت نیاز حداکثر به ۲ خانواده فونت گسترش دهید.
مقیاس تایپوگرافی
ایجاد مقیاس تایپوگرافی همیشه چالش برانگیز است. شما باید در مورد پلتفرمهایی که محصول شما روی آن ایجاد میشود فکر کنید.
اگر از Design System Kit استفاده کنم چه؟
کیتهای سیستم طراحی نقطه شروع عالی برای پروژههای شما هستند. آنها نیاز به سفارشیسازی دارند که چند دقیقه زمان میبرد و شما آماده طراحی یک محصول هستید.
نکات کاربردی اضافی:
- فونت بدنه را روی 18-16 تنظیم کنید.
- از وزنهای بسیار سبک و سیاه خودداری کنید.
- افزایش ردیابی برای حروف بزرگ که با افزایش فاصله حروف خوانایی بهبود مییابد.
- تنظیم ارتفاع خوب برای خطوط.
https://bit.ly/dxgn877
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده : ثمره شاملو
#تایپوگرافی #طراحی
@Dexign فلسفه دیزاین
________
Medium
Typography in Design Systems
Learn practical tactics to set text styles in your UI Library.
طراحی برای ناتوانیهای شناختی
بیش از یک میلیارد نفر در جهان دارای معلولیت هستند و از بین همه این معلولیتها، ناتوانیهای شناختی شایعترین نوع هستند. "ناتوانی شناختی" میتواند در افراد مختلف، به اشکال متفاوتی به نظر برسد. ممکن است مانند فردی با زوال عقل باشد که در به خاطر سپردن برخی چیزها مشکل دارد. یا ممکن است شبیه کسی باشد که به دلیل دارویی که هر روز برای افسردگی یا اضطراب مصرف میکند، دچار مشکل مغزی شده است. همچنین ممکن است شبیه به فردی مبتلا به خوانشپریشی (دیسلِکسیا) یا ADHD (اختلال کمتوجهی-بیشفعالی) باشد.
در این مقاله به مواردی جهت بهبود دسترسیپذیری طراحی برای این دسته از کاربران اشاره شدهاست.
۱. زبان
شما باید مسائل را به سادهترین شکل ممکن توضیح دهید. از کلمات اختصاری خودداری کنید و در جایی که نیاز به استفاده از زبان تخصصی یک صنعت دارید، تعریف یا گزینهای برای کاربر برای مطالعه بیشتر ارائه دهید.
۲. بار شناختی
بار شناختی مقدار حافظه فعال یا حافظه کوتاه مدتی است که شخص استفاده میکند. به حداقل رساندن بار شناختی مورد نیاز برای استفاده از محصول یا خدمات شما، آن را برای افراد دارای ناتوانیهای شناختی قابل دسترستر میکند.
*کاربران را مجبور به حفظ کردن اطلاعات نکنید. یک مثال خوب برای این کار استفاده از برچسب برای فیلدها به جای متن داخل آن است. درصورت استفاده از متن داخل فیلد، وقتی کاربر شروع به تایپ میکند، متن ناپدید میشود، لذا کاربر مجبور میشود متن را به خاطر بسپارد یا اطلاعات را حذف کند تا بتواند دوباره متن را ببیند.
*به کاربران سرنخهایی بدهید تا در انجام تسکها به آنها کمک کنید. مانند علامتگذاری فیلدهای اجباری در فرمها، و ارائه لینکهایی برای بازنشانی گذرواژهها و شناسه کاربری در یک فرم.
*کاربران را مجبور به انجام کارهای غیرضروری، به خصوص شامل حفظ کردن، نکنید. از به خاطر سپردن اطلاعات، مانند شمارههای تأیید یا احراز هویت خودداری کنید. به کاربران اجازه دهید این اطلاعات را کپی و جایگذاری کنند، یا زمانی که اطلاعات از طریق تلفن همراه برای کاربر ارسال میشود، اطلاعات به طور خودکار وارد شود.
*از اسکرول نامحدود و به روزرسانی خودکار صفحه خودداری کنید. اسکرول نامحدود پاورقی را از دید کاربران پنهان میکند و میتواند باعث حواسپرتی و اعتیاد کاربر شود، بهخصوص برای کاربران مبتلا به ADHD. بهروزرسانی خودکار نیز باعث حواسپرتی میشود و سبب میشود کاربران اطلاعاتی را که با آن در تعامل بودند گم کنند.
*از الگوهای رایج و مدلهای ذهنی موجود برای تعاملات رایج (مانند ورود، خروج و ثبتنام) استفاده کنید.
*از ویدیوها و تصاویر دسترسیپذیر برای پشتیبانی از محتوا استفاده کنید. مانند استفاده از زیرنویسها و عناوین بسته برای ویدیوها و متن جایگزین برای تصاویر
*از آیکونها همراه با نوشتهی قابل مشاهده استفاده کنید.
*از استفاده از تایم اوتهای خودکار خودداری کنید. اگر از تایماوت استفاده میکنید، مهم است که مطمئن شوید اعلان واضحی وجود دارد که توضیح میدهد چرا و چه زمانی این اتفاق میافتد.
۳. ترکیببندی
علاوه بر موارد یاد شده، نحوه رویکرد شما به چیدمان نیز مهم است.
*از فضای سفید استفاده کنید. اطمینان حاصل کنید که طرح شما دارای تفکیک بصری است تا محتوا را متمایز کند، توجه را به مفاهیم جلب کند و محتوای یک صفحه را کمتر طاقتفرسا نشان دهد.
*از افشای تدریجی استفاده کنید. وظایف پیچیده را به مراحل کوتاهتر و آسانتر تقسیم کنید.
۴. تست
حتی اگر بهترین شیوهها را در طراحی یک محصول دنبال میکنید، بهتر است همچنان طراحی خود را تست کنید. رایانهها نمیتوانند تشخیص دهند که آیا یک طرح برای افراد دارای ناتوانیهای شناختی دسترسیپذیر است یا خیر. استفاده از افرادی با تفاوتهای ذهنی و روانی مختلف در تست محصول، بهترین راه برای اطمینان از جامع بودن یک طرح است.
https://bit.ly/dxgn878
(زمان حدودی مطالعه مقاله: ۶ دقیقه)
نویسنده: نیلوفر جمالی
#ناتوانی_شناختی #دسترسیپذیری #طراحی_محصول
@Dexign فلسفه دیزاین
________
بیش از یک میلیارد نفر در جهان دارای معلولیت هستند و از بین همه این معلولیتها، ناتوانیهای شناختی شایعترین نوع هستند. "ناتوانی شناختی" میتواند در افراد مختلف، به اشکال متفاوتی به نظر برسد. ممکن است مانند فردی با زوال عقل باشد که در به خاطر سپردن برخی چیزها مشکل دارد. یا ممکن است شبیه کسی باشد که به دلیل دارویی که هر روز برای افسردگی یا اضطراب مصرف میکند، دچار مشکل مغزی شده است. همچنین ممکن است شبیه به فردی مبتلا به خوانشپریشی (دیسلِکسیا) یا ADHD (اختلال کمتوجهی-بیشفعالی) باشد.
در این مقاله به مواردی جهت بهبود دسترسیپذیری طراحی برای این دسته از کاربران اشاره شدهاست.
۱. زبان
شما باید مسائل را به سادهترین شکل ممکن توضیح دهید. از کلمات اختصاری خودداری کنید و در جایی که نیاز به استفاده از زبان تخصصی یک صنعت دارید، تعریف یا گزینهای برای کاربر برای مطالعه بیشتر ارائه دهید.
۲. بار شناختی
بار شناختی مقدار حافظه فعال یا حافظه کوتاه مدتی است که شخص استفاده میکند. به حداقل رساندن بار شناختی مورد نیاز برای استفاده از محصول یا خدمات شما، آن را برای افراد دارای ناتوانیهای شناختی قابل دسترستر میکند.
*کاربران را مجبور به حفظ کردن اطلاعات نکنید. یک مثال خوب برای این کار استفاده از برچسب برای فیلدها به جای متن داخل آن است. درصورت استفاده از متن داخل فیلد، وقتی کاربر شروع به تایپ میکند، متن ناپدید میشود، لذا کاربر مجبور میشود متن را به خاطر بسپارد یا اطلاعات را حذف کند تا بتواند دوباره متن را ببیند.
*به کاربران سرنخهایی بدهید تا در انجام تسکها به آنها کمک کنید. مانند علامتگذاری فیلدهای اجباری در فرمها، و ارائه لینکهایی برای بازنشانی گذرواژهها و شناسه کاربری در یک فرم.
*کاربران را مجبور به انجام کارهای غیرضروری، به خصوص شامل حفظ کردن، نکنید. از به خاطر سپردن اطلاعات، مانند شمارههای تأیید یا احراز هویت خودداری کنید. به کاربران اجازه دهید این اطلاعات را کپی و جایگذاری کنند، یا زمانی که اطلاعات از طریق تلفن همراه برای کاربر ارسال میشود، اطلاعات به طور خودکار وارد شود.
*از اسکرول نامحدود و به روزرسانی خودکار صفحه خودداری کنید. اسکرول نامحدود پاورقی را از دید کاربران پنهان میکند و میتواند باعث حواسپرتی و اعتیاد کاربر شود، بهخصوص برای کاربران مبتلا به ADHD. بهروزرسانی خودکار نیز باعث حواسپرتی میشود و سبب میشود کاربران اطلاعاتی را که با آن در تعامل بودند گم کنند.
*از الگوهای رایج و مدلهای ذهنی موجود برای تعاملات رایج (مانند ورود، خروج و ثبتنام) استفاده کنید.
*از ویدیوها و تصاویر دسترسیپذیر برای پشتیبانی از محتوا استفاده کنید. مانند استفاده از زیرنویسها و عناوین بسته برای ویدیوها و متن جایگزین برای تصاویر
*از آیکونها همراه با نوشتهی قابل مشاهده استفاده کنید.
*از استفاده از تایم اوتهای خودکار خودداری کنید. اگر از تایماوت استفاده میکنید، مهم است که مطمئن شوید اعلان واضحی وجود دارد که توضیح میدهد چرا و چه زمانی این اتفاق میافتد.
۳. ترکیببندی
علاوه بر موارد یاد شده، نحوه رویکرد شما به چیدمان نیز مهم است.
*از فضای سفید استفاده کنید. اطمینان حاصل کنید که طرح شما دارای تفکیک بصری است تا محتوا را متمایز کند، توجه را به مفاهیم جلب کند و محتوای یک صفحه را کمتر طاقتفرسا نشان دهد.
*از افشای تدریجی استفاده کنید. وظایف پیچیده را به مراحل کوتاهتر و آسانتر تقسیم کنید.
۴. تست
حتی اگر بهترین شیوهها را در طراحی یک محصول دنبال میکنید، بهتر است همچنان طراحی خود را تست کنید. رایانهها نمیتوانند تشخیص دهند که آیا یک طرح برای افراد دارای ناتوانیهای شناختی دسترسیپذیر است یا خیر. استفاده از افرادی با تفاوتهای ذهنی و روانی مختلف در تست محصول، بهترین راه برای اطمینان از جامع بودن یک طرح است.
https://bit.ly/dxgn878
(زمان حدودی مطالعه مقاله: ۶ دقیقه)
نویسنده: نیلوفر جمالی
#ناتوانی_شناختی #دسترسیپذیری #طراحی_محصول
@Dexign فلسفه دیزاین
________
Medium
Designing for cognitive disabilities
Things we’re doing (and aiming for) at Shopify
چگونه دیزاینهایمان را خالی از اضطراب کنیم!
دورانی که در آن زندگی میکنیم سرشار از دلایل متفاوت برای ایجاد استرس و انتقال آن به ماست. این مقاله توضیحی ساده درباره تأثیر استرس بر مغز و به نوبه خود بر رفتارهای آنلاین ما ارائه میدهد و سپس به مهمترین اصول هنگام طراحی برای کاربرانی که استرس دارند میپردازد.
برای یک طراحی دلسوزانه، باید از همان ابتدا در مورد وضعیت احتمالی ذهنی کاربر هنگام استفاده از محصول شما، نقاط استرس احتمالی و همینطور در ارتباط با تاثیرات شرایط شخصی بر تجربه کاربر، سوالاتی بپرسیم. این سؤالات باید از طریق نقشهبرداری سفر مشتری، شخصیتها و البته تحقیقات اولیه و آزمایش قابلیت استفاده بررسی شوند.
اصول زیر هنگام طراحی برای کاربرانی که استرس دارند اهمیت ویژهای پیدا میکنند…
کاهش بار شناختی:
هدف ما باید کاهش بار شناختی با سادهسازی طرحها تا حد امکان و ارائه اطلاعات به سادهترین شکل باشد.
به دلیل اختلال در حافظه کاری، افراد درگیر با استرس در یکپارچهسازی و مقایسه منابع اطلاعاتی با مشکل مواجه میشوند. به همین دلیل، ما باید به اصل سازگاری نزدیکی پایبند باشیم که بیان می کند منابع اطلاعاتی مورد نیاز برای کارهای مشترک باید نزدیک به هم یا با شباهت بصری (یعنی مطابقت ذهنی و مجاورت نمایش) ارائه شوند.
تقویت کنترل:
درک کاربر از کنترل را با تقسیمکردن فرآیندها به مراحل کوچکتر و قابل دستیابی تقویت کنید - بنابراین پیشرفت را ملموستر کنید و حس موفقیت را برانگیزید. این به نوبه خود باید اعتماد به نفس را افزایش دهد و باعث شود که اهداف نهایی دست یافتنیتر به نظر برسند.
رفع ابهام:
با توجه به ضعف ادراک بصری، نمادها و نمادها باید آشنا و برجسته باشند و مزایای برچسبهای همراه را در نظر بگیریم. کاهش یادگیری فضایی و مهارتهای ناوبری، نشانهگذاری واضح و IAهای بصری را ضروری میسازد. زبان نیز باید واضح و بدون ابهام باشد.
ارزش زمان کاربر:
ما باید برای زمان کاربر تحت استرس ارزش قائل شویم و تنها با درخواست ورودیهای ضروری و خودکارسازی در صورت امکان، تقاضاها را پایین نگه داریم.
همانطور که در ابتدا صحبت شد با مطالعهی این مقاله علاوهبر اینکه اطلاعاتی در ارتباط با تاثیرات استرس بر عملکرد ذهن به دست میآورید به چند مورد از نکاتی که رعایت آنها باعث کاهش استرس در کاربر میشود نیز آگاه و آشنا میشوید.
https://bit.ly/dxgn879
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: یگانه یغماییان
#طراحی #اثرطراحی
@Dexign فلسفه دیزاین
________
دورانی که در آن زندگی میکنیم سرشار از دلایل متفاوت برای ایجاد استرس و انتقال آن به ماست. این مقاله توضیحی ساده درباره تأثیر استرس بر مغز و به نوبه خود بر رفتارهای آنلاین ما ارائه میدهد و سپس به مهمترین اصول هنگام طراحی برای کاربرانی که استرس دارند میپردازد.
برای یک طراحی دلسوزانه، باید از همان ابتدا در مورد وضعیت احتمالی ذهنی کاربر هنگام استفاده از محصول شما، نقاط استرس احتمالی و همینطور در ارتباط با تاثیرات شرایط شخصی بر تجربه کاربر، سوالاتی بپرسیم. این سؤالات باید از طریق نقشهبرداری سفر مشتری، شخصیتها و البته تحقیقات اولیه و آزمایش قابلیت استفاده بررسی شوند.
اصول زیر هنگام طراحی برای کاربرانی که استرس دارند اهمیت ویژهای پیدا میکنند…
کاهش بار شناختی:
هدف ما باید کاهش بار شناختی با سادهسازی طرحها تا حد امکان و ارائه اطلاعات به سادهترین شکل باشد.
به دلیل اختلال در حافظه کاری، افراد درگیر با استرس در یکپارچهسازی و مقایسه منابع اطلاعاتی با مشکل مواجه میشوند. به همین دلیل، ما باید به اصل سازگاری نزدیکی پایبند باشیم که بیان می کند منابع اطلاعاتی مورد نیاز برای کارهای مشترک باید نزدیک به هم یا با شباهت بصری (یعنی مطابقت ذهنی و مجاورت نمایش) ارائه شوند.
تقویت کنترل:
درک کاربر از کنترل را با تقسیمکردن فرآیندها به مراحل کوچکتر و قابل دستیابی تقویت کنید - بنابراین پیشرفت را ملموستر کنید و حس موفقیت را برانگیزید. این به نوبه خود باید اعتماد به نفس را افزایش دهد و باعث شود که اهداف نهایی دست یافتنیتر به نظر برسند.
رفع ابهام:
با توجه به ضعف ادراک بصری، نمادها و نمادها باید آشنا و برجسته باشند و مزایای برچسبهای همراه را در نظر بگیریم. کاهش یادگیری فضایی و مهارتهای ناوبری، نشانهگذاری واضح و IAهای بصری را ضروری میسازد. زبان نیز باید واضح و بدون ابهام باشد.
ارزش زمان کاربر:
ما باید برای زمان کاربر تحت استرس ارزش قائل شویم و تنها با درخواست ورودیهای ضروری و خودکارسازی در صورت امکان، تقاضاها را پایین نگه داریم.
همانطور که در ابتدا صحبت شد با مطالعهی این مقاله علاوهبر اینکه اطلاعاتی در ارتباط با تاثیرات استرس بر عملکرد ذهن به دست میآورید به چند مورد از نکاتی که رعایت آنها باعث کاهش استرس در کاربر میشود نیز آگاه و آشنا میشوید.
https://bit.ly/dxgn879
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: یگانه یغماییان
#طراحی #اثرطراحی
@Dexign فلسفه دیزاین
________
Medium
De-stressing design
Exploring the impact of stress on our brains and subsequent online behaviours, and how this might be alleviated via compassionate design.
یافتن تعادلی مناسب بین UX و SEO
در حالیکه تجربه کاربری بر سادهتر کردن کارها برای کاربران انسانی تمرکز دارد، سئو حول آسانسازی شناسایی موقعیت یک صفحه توسط موتور جستجو میچرخد. این دو ممکن است مانند دو جنبه متضاد از چیزی به نظر برسند و به همین دلیل یافتن تعادل مناسب بین آنها با مشکل مواجه میشود. اما واقعیت این است که میتوانیم یک وب سایت با رتبهبندی عالی از نظر سئو داشته باشیم که تعامل با آن نیز لذتبخش است.
این مقاله چند نکته کلیدی در این باره برشمرده است:
١. بر روی محتوا تمرکز کنید. چقدر و چگونه ارائه شود؟
صفحاتی شامل محتوای زیاد، ممکن است کاربران را خسته کند. کلید یک تجربه کاربری خوب این است که محتوا را مختصر و دقیق نگه دارد؛ اما زمانی که محتوا خیلی کوتاه باشد، موتورهای جستجو در درک و رتبهبندی سایت دچار مشکل میشوند. برای غلبه بر این چالش، مطمئن شوید که محتوای کافی و مرتبط در هر صفحه دارید. در عین حال آن را با عکسها، ویدیوها و لینکهای مرتبط ترکیب کنید و با الگویی زنده و تعاملی ارائه دهید که هر کاربری از آن لذت ببرد. خبر خوب اینکه آمار نشان میدهد که نتایج برتر جستجو به طور متوسط ٢۴١۶ کلمه دارند!
٢. درباره کلمات کلیدی تحقیق کنید.
استفاده دقیق از کلمات کلیدی سایت شما را هم از نظر تجربه کاربری و هم سئو بهبود میدهد. شما باید بدانید که مخاطبان مورد نظر شما از چه زبانی استفاده میکنند و هدف آنها از جستجو چیست.
٣. زمان بارگذاری اهمیت زیادی دارد.
هر چه زمان بارگذاری صفحه بیشتر باشد، احتمال پرش در سایت شما بیشتر است. این به معنای ترافیک کمتر و رتبههای ضعیفتر نیز خواهد بود. بنابراین، فایلها را ترکیب کنید، از هاستهای کارآمد استفاده کنید و فشرده سازی انجام دهید تا مطمئن شوید که زمان پاسخگویی صفحه خوب است.
۴. بر نحوه حرکت کاربران در بخشهای مختلف تمرکز کنید.
اکثر کاربران سایتهایی واضح میخواهند که گزینههای گیجکننده زیادی برای یافتن صفحه مورد نظرشان در اختیارشان قرار ندهد. بنابراین، اگر میخواهید بین سئو و تجربه کاربر تعادل برقرار کنید، باید از پیچیدگیهای ناوبری در سایت خود بکاهید. در عین حال، مطمئن شوید که تا حد امکان تعداد صفحات کمتری را حفظ می کنید. هنگامی که صحبت از یک سایت بهینه شده با ارائه تجربه کاربری بهتر و عملکرد خوب در رتبهبندی موتور جستجو میشود، ویژگی وضوح، کلیدی است.
۵. وبسایت را برای تلفنهای همراه قابل استفاده کنید.
زمانی این یک کار لوکس بود، اما امروزه یک شرط ضروری و یکی از آن عوامل تعیین کنندهای است که بر روی تجربه کاربر و سئو تأثیر زیادی میگذارد. کاربران دوست دارند در چندین دستگاه کار کنند. آنها ممکن است از یک عبارت جستجو در رایانه و تلفن همراه خود استفاده کنند، اما همیشه اینطور نیست که صفحات یکسانی در صفحه اول نتایج جستجو فهرست شوند. این به این دلیل است که همه صفحات وب به طور موثر برای موبایل بهینه نشدهاند.
در این مقاله به نکات دیگری از جمله رابطه دسترسیپذیری سایت با سئو نیز اشاره شده است:
https://bit.ly/dxgn880
(زمان حدودی مطالعه: ٨ دقیقه)
نویسنده: نیلوفر موجودی
#تجربه_کاربری #SEO
@Dexign فلسفه دیزاین
________
در حالیکه تجربه کاربری بر سادهتر کردن کارها برای کاربران انسانی تمرکز دارد، سئو حول آسانسازی شناسایی موقعیت یک صفحه توسط موتور جستجو میچرخد. این دو ممکن است مانند دو جنبه متضاد از چیزی به نظر برسند و به همین دلیل یافتن تعادل مناسب بین آنها با مشکل مواجه میشود. اما واقعیت این است که میتوانیم یک وب سایت با رتبهبندی عالی از نظر سئو داشته باشیم که تعامل با آن نیز لذتبخش است.
این مقاله چند نکته کلیدی در این باره برشمرده است:
١. بر روی محتوا تمرکز کنید. چقدر و چگونه ارائه شود؟
صفحاتی شامل محتوای زیاد، ممکن است کاربران را خسته کند. کلید یک تجربه کاربری خوب این است که محتوا را مختصر و دقیق نگه دارد؛ اما زمانی که محتوا خیلی کوتاه باشد، موتورهای جستجو در درک و رتبهبندی سایت دچار مشکل میشوند. برای غلبه بر این چالش، مطمئن شوید که محتوای کافی و مرتبط در هر صفحه دارید. در عین حال آن را با عکسها، ویدیوها و لینکهای مرتبط ترکیب کنید و با الگویی زنده و تعاملی ارائه دهید که هر کاربری از آن لذت ببرد. خبر خوب اینکه آمار نشان میدهد که نتایج برتر جستجو به طور متوسط ٢۴١۶ کلمه دارند!
٢. درباره کلمات کلیدی تحقیق کنید.
استفاده دقیق از کلمات کلیدی سایت شما را هم از نظر تجربه کاربری و هم سئو بهبود میدهد. شما باید بدانید که مخاطبان مورد نظر شما از چه زبانی استفاده میکنند و هدف آنها از جستجو چیست.
٣. زمان بارگذاری اهمیت زیادی دارد.
هر چه زمان بارگذاری صفحه بیشتر باشد، احتمال پرش در سایت شما بیشتر است. این به معنای ترافیک کمتر و رتبههای ضعیفتر نیز خواهد بود. بنابراین، فایلها را ترکیب کنید، از هاستهای کارآمد استفاده کنید و فشرده سازی انجام دهید تا مطمئن شوید که زمان پاسخگویی صفحه خوب است.
۴. بر نحوه حرکت کاربران در بخشهای مختلف تمرکز کنید.
اکثر کاربران سایتهایی واضح میخواهند که گزینههای گیجکننده زیادی برای یافتن صفحه مورد نظرشان در اختیارشان قرار ندهد. بنابراین، اگر میخواهید بین سئو و تجربه کاربر تعادل برقرار کنید، باید از پیچیدگیهای ناوبری در سایت خود بکاهید. در عین حال، مطمئن شوید که تا حد امکان تعداد صفحات کمتری را حفظ می کنید. هنگامی که صحبت از یک سایت بهینه شده با ارائه تجربه کاربری بهتر و عملکرد خوب در رتبهبندی موتور جستجو میشود، ویژگی وضوح، کلیدی است.
۵. وبسایت را برای تلفنهای همراه قابل استفاده کنید.
زمانی این یک کار لوکس بود، اما امروزه یک شرط ضروری و یکی از آن عوامل تعیین کنندهای است که بر روی تجربه کاربر و سئو تأثیر زیادی میگذارد. کاربران دوست دارند در چندین دستگاه کار کنند. آنها ممکن است از یک عبارت جستجو در رایانه و تلفن همراه خود استفاده کنند، اما همیشه اینطور نیست که صفحات یکسانی در صفحه اول نتایج جستجو فهرست شوند. این به این دلیل است که همه صفحات وب به طور موثر برای موبایل بهینه نشدهاند.
در این مقاله به نکات دیگری از جمله رابطه دسترسیپذیری سایت با سئو نیز اشاره شده است:
https://bit.ly/dxgn880
(زمان حدودی مطالعه: ٨ دقیقه)
نویسنده: نیلوفر موجودی
#تجربه_کاربری #SEO
@Dexign فلسفه دیزاین
________
UX Magazine
Finding a balance between UX and SEO
SEO or search engine optimisation is all about optimising a page and making it easier for the search<span id="rmm"> </span>engine to recognise and appropriately position the page. UX or user experience is all about providing every page visitor with good content…
👍3❤1
فضاهای سفید در طراحی UX چیست؟
فضاهای سفید نقش بسزایی در جاگذاری عناصر در صفحه دارند،
راحتترین راه استفاده از فضاهای سفید ساخت یک کادر دور المانها میباشد.
در یک صفحه باید مطمئن شوید که المانها فضای سفید کافی جهت جاگیری دارند.
نکته مهم: فضاهای سفید صرفا کادر سفید رنگ یا فضای خالی دور المان ها نبوده و میتوانند شامل رنگ، بافت، پترن و یا پسزمینه عکس باشند.
انواع فضاهای سفید:
۱.فضاهای ماکرو: فاصله بین المانهای اصلی
۲. فضاهای میکرو: فاصلههای کوچک در یک المان
علت اهمیت فضاهای سفید:
کمک به جداسازی المانها در ذهن کاربر و یافتن سریع چیزی که هدف اصلی محصول است، علت اصلی اهمیت این فضاهاست.
دلایل دیگر اهمیت این فضاها:
- خواندن سریع صفحه
- بهبود سلسله مراتب بصری
- ایجاد ارتباط بصری بین عناصر
- ایجاد نظم در ترکیببندی طراحی
- جلب توجه روی عناصر اصلی
- ایجاد سبک و استایل
برای توضیحات کاملتر میتوانید لینک پایین را مطالعه کنید:
https://bit.ly/dxgn881
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: مهسا قلیپور
#دیزاین
#UX #UI
@Dexign فلسفه دیزاین
________
فضاهای سفید نقش بسزایی در جاگذاری عناصر در صفحه دارند،
راحتترین راه استفاده از فضاهای سفید ساخت یک کادر دور المانها میباشد.
در یک صفحه باید مطمئن شوید که المانها فضای سفید کافی جهت جاگیری دارند.
نکته مهم: فضاهای سفید صرفا کادر سفید رنگ یا فضای خالی دور المان ها نبوده و میتوانند شامل رنگ، بافت، پترن و یا پسزمینه عکس باشند.
انواع فضاهای سفید:
۱.فضاهای ماکرو: فاصله بین المانهای اصلی
۲. فضاهای میکرو: فاصلههای کوچک در یک المان
علت اهمیت فضاهای سفید:
کمک به جداسازی المانها در ذهن کاربر و یافتن سریع چیزی که هدف اصلی محصول است، علت اصلی اهمیت این فضاهاست.
دلایل دیگر اهمیت این فضاها:
- خواندن سریع صفحه
- بهبود سلسله مراتب بصری
- ایجاد ارتباط بصری بین عناصر
- ایجاد نظم در ترکیببندی طراحی
- جلب توجه روی عناصر اصلی
- ایجاد سبک و استایل
برای توضیحات کاملتر میتوانید لینک پایین را مطالعه کنید:
https://bit.ly/dxgn881
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: مهسا قلیپور
#دیزاین
#UX #UI
@Dexign فلسفه دیزاین
________
Medium
White space in UX design
What is white space in UX design?
۲۲ فعالیت مفیدی که میتوانید با تیم دیزاین پیش ببرید
در کنار تمامی مزایای خوبی که ریموت شدن برای تیمها دارد، اشکالاتی را هم به دنبال خود دارد. مانند کم بودن ارتباطات درونتیمی، جدا افتادن از بقیهی دنیا و تمامی فرصتهای یادگیریای که در کنار همدیگر میتوانستیم داشته باشیم و حالا دیگر آنها را تجربه نمیکنیم.
مدت زمانیست که استودیو دیزاین برای این موضوع مهم، جلسات دکستاک را هر ۲ هفته یکبار برای افراد تیم تدارک دیده است که در آن به مسائل حوزهی دیزاین و توسعه میپردازد. نویسندهی این مقاله نیز ۲۲ فعالیت مناسب را برای تیمهای دیزاین پیشنهاد میکند که در اینجا به اختصار، عناوین آنها را مطرح میکنیم. آنها را به صورت کاملتر در مقالهای که زیر این مطلب میگذاریم، پیدا کنید.
موضوعاتی که میتوان برای این نوع جلسات با تیم دیزاین در میان گذاشت:
۱. جلسه هدفگذاری
۲. نقد دیزاین اپلیکیشنها
۳. صحبت در مورد محصولاتی که دیزاینهای خوبی دارند
۴. صحبت در مورد محصولاتی که دیزاینهای بدی دارند
۵. صحبت در مورد محصولاتی که اخیرا ترند شدهاند
۶. تمرین دیزاین بصری محصولات (ریزهکاریهایی که باعث ارتقا کیفیت بصری دیزاینها میشود)
۷. دیزاین و مدیریت stateهای مختلف در محصول
۸. کار بر روی یک پروژهی جانبی
۹. دیزاین یک تسک دیزاین!
۱۰. استفاده از فیگجم
۱۱. صحبت در مورد مقالات اخیری که خواندهاند
۱۲. صحبت در مورد پیشرفت شغلی یک طراح محصول
۱۳. بررسی OKR تیم دیزاین
۱۴. بررسی و صحبت در مورد ترندهای پیشروی دیزاین
۱۵. صحبت در مورد فلسفه دیزاین شرق در برابر غرب!
۱۶. صحبت در مورد اینکه چطور جهانی دیزاین کنیم؟
۱۷. به اشتراکگذاری افکار تیم در مورد گیمیفیکیشن محصولات
۱۸. دیزاین میکرواینترکشنها
۱۹. بحث و اشتراکگذاری نظرات در مورد تجربهنویسی محصولات
۲۰. برگزاری ورکشاپ دیزاین و جلسات تست کاربردپذیری محصول
۲۱. جلسهی اشتراک گذاری سلیقهی موسیقی هر یک از افراد تیم با یکدیگر
۲۲. مهمانی گرفتن از جنس تماشای ویدئوهای دیزاینی
نویسندهی این مقاله در مورد هر یک از موارد بالا توضیحات خوبی دادهست. مقاله را باز کنید و آنها را مطالعه کنید. امیدوارم که بتوانید از این ایدهها در تیم طراحی خود استفاده کرده و آنها در جریان دنیای دیزاین قرار دهید.
https://bit.ly/dxgn882
(زمان حدودی مطالعه مقاله: ۱۵ دقیقه)
نویسنده: حسین میرزاده
#تیم_دیزاین #کار_گروهی #تجربه_کاربری #طراحی_محصول
@Dexign فلسفه دیزاین
_______
در کنار تمامی مزایای خوبی که ریموت شدن برای تیمها دارد، اشکالاتی را هم به دنبال خود دارد. مانند کم بودن ارتباطات درونتیمی، جدا افتادن از بقیهی دنیا و تمامی فرصتهای یادگیریای که در کنار همدیگر میتوانستیم داشته باشیم و حالا دیگر آنها را تجربه نمیکنیم.
مدت زمانیست که استودیو دیزاین برای این موضوع مهم، جلسات دکستاک را هر ۲ هفته یکبار برای افراد تیم تدارک دیده است که در آن به مسائل حوزهی دیزاین و توسعه میپردازد. نویسندهی این مقاله نیز ۲۲ فعالیت مناسب را برای تیمهای دیزاین پیشنهاد میکند که در اینجا به اختصار، عناوین آنها را مطرح میکنیم. آنها را به صورت کاملتر در مقالهای که زیر این مطلب میگذاریم، پیدا کنید.
موضوعاتی که میتوان برای این نوع جلسات با تیم دیزاین در میان گذاشت:
۱. جلسه هدفگذاری
۲. نقد دیزاین اپلیکیشنها
۳. صحبت در مورد محصولاتی که دیزاینهای خوبی دارند
۴. صحبت در مورد محصولاتی که دیزاینهای بدی دارند
۵. صحبت در مورد محصولاتی که اخیرا ترند شدهاند
۶. تمرین دیزاین بصری محصولات (ریزهکاریهایی که باعث ارتقا کیفیت بصری دیزاینها میشود)
۷. دیزاین و مدیریت stateهای مختلف در محصول
۸. کار بر روی یک پروژهی جانبی
۹. دیزاین یک تسک دیزاین!
۱۰. استفاده از فیگجم
۱۱. صحبت در مورد مقالات اخیری که خواندهاند
۱۲. صحبت در مورد پیشرفت شغلی یک طراح محصول
۱۳. بررسی OKR تیم دیزاین
۱۴. بررسی و صحبت در مورد ترندهای پیشروی دیزاین
۱۵. صحبت در مورد فلسفه دیزاین شرق در برابر غرب!
۱۶. صحبت در مورد اینکه چطور جهانی دیزاین کنیم؟
۱۷. به اشتراکگذاری افکار تیم در مورد گیمیفیکیشن محصولات
۱۸. دیزاین میکرواینترکشنها
۱۹. بحث و اشتراکگذاری نظرات در مورد تجربهنویسی محصولات
۲۰. برگزاری ورکشاپ دیزاین و جلسات تست کاربردپذیری محصول
۲۱. جلسهی اشتراک گذاری سلیقهی موسیقی هر یک از افراد تیم با یکدیگر
۲۲. مهمانی گرفتن از جنس تماشای ویدئوهای دیزاینی
نویسندهی این مقاله در مورد هر یک از موارد بالا توضیحات خوبی دادهست. مقاله را باز کنید و آنها را مطالعه کنید. امیدوارم که بتوانید از این ایدهها در تیم طراحی خود استفاده کرده و آنها در جریان دنیای دیزاین قرار دهید.
https://bit.ly/dxgn882
(زمان حدودی مطالعه مقاله: ۱۵ دقیقه)
نویسنده: حسین میرزاده
#تیم_دیزاین #کار_گروهی #تجربه_کاربری #طراحی_محصول
@Dexign فلسفه دیزاین
_______
Medium
22 activities you can do with your design team
Here’s what we did for our bi-weekly Design Mash Sessions
۵ قانون مهم و کاربردی در طراحی تجربه کاربری
قوانینی که برای طراحان بسیار مهم است و همچنین تجربه بهتری در اختیار کاربران قرار میدهد.
۱. قانون هیک: هرچه تعداد و پیچیدگی گزینهها برای انتخاب بیشتر باشد، زمان تصمیمگیری نیز افزایش پیدا میکند.
قانون هیک (یا قانون هیک هیمن) از نام یک تیم روانشناس انگلیسی و آمریکایی متشکل از ویلیام ادموند هیک و ری هیمن گرفته شده است. آنها سعی کردند رابطه بین تعداد محرکهای موجود و زمان واکنش فرد به هر محرکی را بررسی کنند.
بر اساس این قانون، یک اصل طراحی معروف به K.I.S.S (همه چیز را کوتاه و ساده نگه دارید)، بیان میکند که سادگی کلیدی است که یک سیستم به بهترین نحو کار کند.
۲. قانون فیتز: زمان دستیابی به هدف تابع فاصله و اندازه هدف است.
در سال ۱۹۵۴، روانشناس پل فیتس، با بررسی سیستم حرکتی انسان نشان داد که زمان لازم برای حرکت به سمت هدف به فاصله آن بستگی دارد، اما با اندازه آن رابطه معکوس دارد. طبق این قانون، حرکات سریع و اهداف کوچک، به دلیل نیاز به دقت در سرعت بالا، منجر به خطای بیشتری میشود.
برای مثال، این قانون بر بزرگ کردن دکمههای تعاملی (دستگاه های لمسی) تأثیر گذاشت زیرا کلیک کردن روی دکمههای کوچکتر، دشوارتر و زمانبرتر است.
به همین ترتیب، فاصله بین مرکز توجه کاربر و دکمه مربوط به آن باید تا حد امکان کوتاه باشد.
۳.قانون جیکوب: کاربران بیشتر وقت خود را در سایتهای دیگر میگذرانند. این بدان معناست که کاربران ترجیح میدهند سایت شما مانند سایر سایتهایی که میشناسند، کار کند.
اکثر وب سایتهای تجاری از الگوهای مشابه و فرآیند پرداخت مشابه پیروی میکنند؛ در نتیجه اکثر مدلهای ذهنی نیز تقریباً مشابه هستند. به این ترتیب، کاربران به جای یادگیری مدلهای جدید، بیشتر بر روی هدف خود تمرکز خواهند کرد.
۴.قانون مجاورت عناصر: اشیایی که نزدیک به یکدیگر هستند، تمایل دارند با هم گروه شوند.
قوانین گروهبندی گشتالت مجموعهای از اصول در روانشناسی است که برای اولین بار توسط روانشناسان گشتالت برای توضیح این مشاهدات ارائه شد که: انسانها به طور طبیعی همه چیز را به عنوان الگوها و اشیاء سازمانیافته درک میکنند. روانشناسان گشتالت مجموعهای از اصول را برای توضیح ادراك سازمان یافته، یا چگونگی گروهبندی اجزاء كوچكتر برای تشكیل اجزاء بزرگتر، ابداع كردند. این اصول به پنج دسته تقسیم میشوند: مجاورت، شباهت، تداوم، بسته بودن و اتصال.
۵. قانون اثر زیگارنیک: افراد کارهای ناقص یا رهاشده را بهتر از کارهای انجامشده به یاد میآورند.
بلوما زیگارنیک روانشناس و روانپزشک شوروی بود. او در دهه ۱۹۲۰ مطالعهای انجام داد که در آن حافظه را در رابطه با وظایف ناقص و کامل مقایسه کرد. وی دریافت زمانی که ما کاری را نصفه رها میکنیم، ذهن ما به بخش تکمیل شده آن توجه نمیکند بلکه درگیر بخش ناتمام آن میشود. بخش ناتمام کار، تنشی در ذهن ایجاد میکند که انگیزهای برای تکمیل آن در اسرع وقت میشود.این قانون در حال حاضر به عنوان اثر زیگارنیک شناخته میشود.
این مقاله را در لینک زیر مطالعه کنید:
https://bit.ly/dxgn883
(زمان حدودی مطالعه: ۳ دقیقه)
نویسنده: مریم اکبری
#تجربهکاربری #قوانینتجربهکاربری
@Dexign فلسفه دیزاین
_______
قوانینی که برای طراحان بسیار مهم است و همچنین تجربه بهتری در اختیار کاربران قرار میدهد.
۱. قانون هیک: هرچه تعداد و پیچیدگی گزینهها برای انتخاب بیشتر باشد، زمان تصمیمگیری نیز افزایش پیدا میکند.
قانون هیک (یا قانون هیک هیمن) از نام یک تیم روانشناس انگلیسی و آمریکایی متشکل از ویلیام ادموند هیک و ری هیمن گرفته شده است. آنها سعی کردند رابطه بین تعداد محرکهای موجود و زمان واکنش فرد به هر محرکی را بررسی کنند.
بر اساس این قانون، یک اصل طراحی معروف به K.I.S.S (همه چیز را کوتاه و ساده نگه دارید)، بیان میکند که سادگی کلیدی است که یک سیستم به بهترین نحو کار کند.
۲. قانون فیتز: زمان دستیابی به هدف تابع فاصله و اندازه هدف است.
در سال ۱۹۵۴، روانشناس پل فیتس، با بررسی سیستم حرکتی انسان نشان داد که زمان لازم برای حرکت به سمت هدف به فاصله آن بستگی دارد، اما با اندازه آن رابطه معکوس دارد. طبق این قانون، حرکات سریع و اهداف کوچک، به دلیل نیاز به دقت در سرعت بالا، منجر به خطای بیشتری میشود.
برای مثال، این قانون بر بزرگ کردن دکمههای تعاملی (دستگاه های لمسی) تأثیر گذاشت زیرا کلیک کردن روی دکمههای کوچکتر، دشوارتر و زمانبرتر است.
به همین ترتیب، فاصله بین مرکز توجه کاربر و دکمه مربوط به آن باید تا حد امکان کوتاه باشد.
۳.قانون جیکوب: کاربران بیشتر وقت خود را در سایتهای دیگر میگذرانند. این بدان معناست که کاربران ترجیح میدهند سایت شما مانند سایر سایتهایی که میشناسند، کار کند.
اکثر وب سایتهای تجاری از الگوهای مشابه و فرآیند پرداخت مشابه پیروی میکنند؛ در نتیجه اکثر مدلهای ذهنی نیز تقریباً مشابه هستند. به این ترتیب، کاربران به جای یادگیری مدلهای جدید، بیشتر بر روی هدف خود تمرکز خواهند کرد.
۴.قانون مجاورت عناصر: اشیایی که نزدیک به یکدیگر هستند، تمایل دارند با هم گروه شوند.
قوانین گروهبندی گشتالت مجموعهای از اصول در روانشناسی است که برای اولین بار توسط روانشناسان گشتالت برای توضیح این مشاهدات ارائه شد که: انسانها به طور طبیعی همه چیز را به عنوان الگوها و اشیاء سازمانیافته درک میکنند. روانشناسان گشتالت مجموعهای از اصول را برای توضیح ادراك سازمان یافته، یا چگونگی گروهبندی اجزاء كوچكتر برای تشكیل اجزاء بزرگتر، ابداع كردند. این اصول به پنج دسته تقسیم میشوند: مجاورت، شباهت، تداوم، بسته بودن و اتصال.
۵. قانون اثر زیگارنیک: افراد کارهای ناقص یا رهاشده را بهتر از کارهای انجامشده به یاد میآورند.
بلوما زیگارنیک روانشناس و روانپزشک شوروی بود. او در دهه ۱۹۲۰ مطالعهای انجام داد که در آن حافظه را در رابطه با وظایف ناقص و کامل مقایسه کرد. وی دریافت زمانی که ما کاری را نصفه رها میکنیم، ذهن ما به بخش تکمیل شده آن توجه نمیکند بلکه درگیر بخش ناتمام آن میشود. بخش ناتمام کار، تنشی در ذهن ایجاد میکند که انگیزهای برای تکمیل آن در اسرع وقت میشود.این قانون در حال حاضر به عنوان اثر زیگارنیک شناخته میشود.
این مقاله را در لینک زیر مطالعه کنید:
https://bit.ly/dxgn883
(زمان حدودی مطالعه: ۳ دقیقه)
نویسنده: مریم اکبری
#تجربهکاربری #قوانینتجربهکاربری
@Dexign فلسفه دیزاین
_______
Medium
Laws of UX with Illustration….
Basic laws of UX which are highly important for UX designers as well as provides users with better experience.
👍1
🕹 مهم و کوتاه درباره بازیمون PenPlay
ما در دیزاین استودیو حدود دو سال هست که روی یک بازی نقاشی، برپایه هوش مصنوعی کار میکنیم و پستی و بلندیهای زیادی داشتیم.
این بازی یه تیم ۸ نفره داشته که در این مسیر زحمت زیادی کشیدن و با مسائل فنی و غیرفنی مختلفی دستوپنجه نرم کردن.
بعد از اینکه پارسال تونستیم اولین نسخه رو منتشر کنیم حالا برای انتشار گستردهتر روی ProducHunt قرارش دادیم.
اگر بازی رو دوست داشتید، لطفا بازخوردتون رو در صفحه زیر برامون بصورت Review بنویسید و بازیمون Upvote کنید و با دوستاتون به اشتراک بذارید.
https://www.producthunt.com/posts/penplay
اشتراکگذاریتون بینهایت باعث خوشحالیه ☘️
ارادتمند،
رامین خطیبی
___
ما در دیزاین استودیو حدود دو سال هست که روی یک بازی نقاشی، برپایه هوش مصنوعی کار میکنیم و پستی و بلندیهای زیادی داشتیم.
این بازی یه تیم ۸ نفره داشته که در این مسیر زحمت زیادی کشیدن و با مسائل فنی و غیرفنی مختلفی دستوپنجه نرم کردن.
بعد از اینکه پارسال تونستیم اولین نسخه رو منتشر کنیم حالا برای انتشار گستردهتر روی ProducHunt قرارش دادیم.
اگر بازی رو دوست داشتید، لطفا بازخوردتون رو در صفحه زیر برامون بصورت Review بنویسید و بازیمون Upvote کنید و با دوستاتون به اشتراک بذارید.
https://www.producthunt.com/posts/penplay
اشتراکگذاریتون بینهایت باعث خوشحالیه ☘️
ارادتمند،
رامین خطیبی
___
Product Hunt
PenPlay - Product Information, Latest Updates, and Reviews 2024 | Product Hunt
PenPlay is a Machine Learning based drawing mobile game which brings joy and education together with a delightful experience. Our game is enriched with super amazing features. We present different game modes, such as swift painting, mirror painting.
استفاده از تناسب طلایی در طراحی رابط کاربری
سیستمهای نسبی برای قرنها در هنر و معماری مورد استفاده بوده اند. تناسب طلایی جزو سیستمهایی است که در طول تاریخ بارها کشف شده است و در نتیجه دارای نامهای گوناگونی همچون میانگین طلایی، نسبت طلایی، مقطع طلایی، تناسب الهی و نماد یونانی φ (فای) میباشد.
تعریف دقیق ریاضی تناسب طلایی به این صورت است که :
اگر در یک مستطیل یا پاره خط دو مقدار a و b را داشته باشیم، در صورتی که a مقدار بزرگتر باشد، نسبت a بر روی b برابر است با a+b بر روی a. که حاصل این کسر عدد تقریبی 1.618 میشود.
از نسبت طلایی برای تحلیل و درک مقادیر موجود در طبیعت، معماری، موسیقی و نقاشی استفاده شده است. و زمانی که در یک اثر تناسب طلایی رعایت شده باشد معمولا به چشم انسان ترکیبی متعادل، ارگانیک و از نظر بصری دلنشین دیده میشود.
اهرام مصر، بنای پارتنون در آتن و اثر مونالیزای داوینچی نمونههایی هستند از ابنیه و آثار هنری که دارای تناسب طلایی میباشند.
ما هم به عنوان طراحان رابط کاربر میتوانیم با رعایت اصول تناسب طلایی به طرحهایی موزون تر و از جهت بصری دلنشینتر برسیم. در زیر چند مثال از چگونگی این کار را بررسی میکنیم :
- اندازه نوشتهها : برای به دست آوردن تناسب درست و موزون بین دو نوشته با اندازههای مختلف یا حتی به دست آوردن typography guidelines میتوانیم به سادگی از این تناسب استفاده کنیم. کافیست عدد فونت کوچک را در عدد 1.618 ضرب کنیم و حاصل ضرب را گرد کرده و به عنوان فونت بزرگتر در نظر بگیریم. از این روش برای پیدا کردن line height مناسب هم میتوان بهره برد.
- برش تصاویر : برای برش تصاویر مورد استفاده در طرحها هم میتوان از قواعد این تناسب سود برد. تنها کافیست مستطیل طلایی به علاوه فرم حلزونی داخل آن را روی تصویر مورد نظر بگذارید و نقطه کانونی مارپیچ را بر نقطه کانونی تصویر منطبق کنید و سپس تصویر را بر اساس اضلاع مستطیل برش دهید.
- لیاوت صفحات وب : با استفاده از تناسب مستطیل طلایی در دیزاین صفحات وب به شکل خیلی ساده به یک لیاوت دو ستونه خواهید رسید که ستون کوچکتر میتواند سایدبار و ستون بزرگتر فضای محتوای اصلی شما باشد.
در نتیجه میتوان گفت برخی طراحان شیفته تناسب طلایی هستند و از آن برای ساخت و ویرایش انواع المانها در رابط کاربری استفاده میکنند. برخی دیگر هم معتقدند تناسب طلایی معتبرتر از سایر روشها در تحلیل و استخراج اندازهها و تناسبات نیست. فارغ از این دو دیدگاه، نسبت طلایی می تواند یک مرجع مفید برای طراحان بصری جدید یا طراحانی باشد که میخواهند مهارتهای خود را با رویکردی عینی و ریاضی بهبود بخشند.
برای مطالعه کامل این مقاله و بررسی مفاهیم به صورت تصویری میتوانید از لینک زیر استفاده کنید :
https://bit.ly/dxgn884
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده : فریما فرحمند
#تناسب_طلایی #طراحی #رابط_کاربری #UI
@Dexign فلسفه دیزاین
_______
سیستمهای نسبی برای قرنها در هنر و معماری مورد استفاده بوده اند. تناسب طلایی جزو سیستمهایی است که در طول تاریخ بارها کشف شده است و در نتیجه دارای نامهای گوناگونی همچون میانگین طلایی، نسبت طلایی، مقطع طلایی، تناسب الهی و نماد یونانی φ (فای) میباشد.
تعریف دقیق ریاضی تناسب طلایی به این صورت است که :
اگر در یک مستطیل یا پاره خط دو مقدار a و b را داشته باشیم، در صورتی که a مقدار بزرگتر باشد، نسبت a بر روی b برابر است با a+b بر روی a. که حاصل این کسر عدد تقریبی 1.618 میشود.
از نسبت طلایی برای تحلیل و درک مقادیر موجود در طبیعت، معماری، موسیقی و نقاشی استفاده شده است. و زمانی که در یک اثر تناسب طلایی رعایت شده باشد معمولا به چشم انسان ترکیبی متعادل، ارگانیک و از نظر بصری دلنشین دیده میشود.
اهرام مصر، بنای پارتنون در آتن و اثر مونالیزای داوینچی نمونههایی هستند از ابنیه و آثار هنری که دارای تناسب طلایی میباشند.
ما هم به عنوان طراحان رابط کاربر میتوانیم با رعایت اصول تناسب طلایی به طرحهایی موزون تر و از جهت بصری دلنشینتر برسیم. در زیر چند مثال از چگونگی این کار را بررسی میکنیم :
- اندازه نوشتهها : برای به دست آوردن تناسب درست و موزون بین دو نوشته با اندازههای مختلف یا حتی به دست آوردن typography guidelines میتوانیم به سادگی از این تناسب استفاده کنیم. کافیست عدد فونت کوچک را در عدد 1.618 ضرب کنیم و حاصل ضرب را گرد کرده و به عنوان فونت بزرگتر در نظر بگیریم. از این روش برای پیدا کردن line height مناسب هم میتوان بهره برد.
- برش تصاویر : برای برش تصاویر مورد استفاده در طرحها هم میتوان از قواعد این تناسب سود برد. تنها کافیست مستطیل طلایی به علاوه فرم حلزونی داخل آن را روی تصویر مورد نظر بگذارید و نقطه کانونی مارپیچ را بر نقطه کانونی تصویر منطبق کنید و سپس تصویر را بر اساس اضلاع مستطیل برش دهید.
- لیاوت صفحات وب : با استفاده از تناسب مستطیل طلایی در دیزاین صفحات وب به شکل خیلی ساده به یک لیاوت دو ستونه خواهید رسید که ستون کوچکتر میتواند سایدبار و ستون بزرگتر فضای محتوای اصلی شما باشد.
در نتیجه میتوان گفت برخی طراحان شیفته تناسب طلایی هستند و از آن برای ساخت و ویرایش انواع المانها در رابط کاربری استفاده میکنند. برخی دیگر هم معتقدند تناسب طلایی معتبرتر از سایر روشها در تحلیل و استخراج اندازهها و تناسبات نیست. فارغ از این دو دیدگاه، نسبت طلایی می تواند یک مرجع مفید برای طراحان بصری جدید یا طراحانی باشد که میخواهند مهارتهای خود را با رویکردی عینی و ریاضی بهبود بخشند.
برای مطالعه کامل این مقاله و بررسی مفاهیم به صورت تصویری میتوانید از لینک زیر استفاده کنید :
https://bit.ly/dxgn884
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده : فریما فرحمند
#تناسب_طلایی #طراحی #رابط_کاربری #UI
@Dexign فلسفه دیزاین
_______
Nielsen Norman Group
The Golden Ratio and User-Interface Design
Although traditionally used in art and architecture, the golden ratio can be referenced to design aesthetically pleasing interfaces.
ترندهای طراحی در سال 2022
بهترین فرصت است که ترندهای سال 2022 را پیش بینی کنیم.
چیزی که اتفاق نخواهد افتاد:
در چهار پنج سال گذشته من همیشه لیست پیش بینی ترندها را در وبلاگها میخواندم. این لیست چیزهایی است که ترند نخواهند شد:
- دارک مود ترند نخواهد بود.
- ایلاستریشن سه بعدی ترند نمیشود.
- داشتن دیزاین سیستم امسال مزیت محسوب نمیشود. بلکه به باید تبدیل شده است.
چیزهایی که حتما اتفاق خواهد افتاد:
- واقعیت مجازی
با پیشرفت روزافزون واقعیت مجازی و در دسترس قرار گرفتن ابزار آن برای کاربران، قطعا امسال استفاده از واقعیت مجازی برای طراحان ضروری است. استفاده از واقعیت مجازی ممکن است بزرگترین اتفاقی باشد که از زمان استفاده گسترده مردم از موبایل اتفاق افتاده باشد.
- سایت بدون کد
استیو جابز یک نقل قول معروف دارد که میگوید: طراحی این نیست که چطور به نظر میرسد. بلکه در مورد این است که راه حل چطور عمل میکند.
به عنوان طراحی برای این که راه حلتان را اجرایی کنید، به غیر از زبانهای برنامه نویسی، راههای دیگری نیز وجود دارند.
مهمترین آنها webflow است. با استفاده از آن انواع و اقسام وبسایتها را میتوانید بسازید. از لندینگ و وبلاگ گرفته تا وبسایتهای شرکتها و فروشگاهها. قدرت webflow در سادگی استفاده از آن است. ابزارهای دیگری برای راههای NO Code وجود دارد که شما به عنوان طراح باید حداقل با یکی از آنها آشنا باشید.
- گلسمورفیسم یک استاندارد خواهد بود. نه یک ترند.
یک سال قبل پیش بینی کردم که گلسمورفیسم هر روز پر طرفدارتر خواهد شد. میبینیم که این اتفاق به وقوع پیوسته. iOS و macOS و ویندوز از گلسمورفیسم استفاده کرده اند. کاربران نیز از این سبک استقبال خواهند کرد.
- استایلهای دهه 90 ترند میشوند.
در دو سال گذشته استایلهای نوستالژیک دهه 80 به وفور استفاده شدهاند. پیش بینی میکنم این ترند ادامه پیدا کند و استایلهای دهه 90 روی کار خواهند آمد.
صنعت دیزاین به سرعت در حال تغییر است. به همین خاطر طراحان باید به ترندها توجه کنند. با توجه به ترندها نه تنها دیزاین بهتر و جالب توجهتری انجام میدهیم، بلکه قابلیتهای جدید را نیز میآموزیم.
در لینک زیر توضیحات کامل و مثالهای بیشتر در مورد ترندهای طراحی 2022 را مطالعه کنید:
https://bit.ly/dxgn885
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: عاطفه صفری
#ترند #دیزاین #رابط_کاربری
@Dexign فلسفه دیزاین
_______
بهترین فرصت است که ترندهای سال 2022 را پیش بینی کنیم.
چیزی که اتفاق نخواهد افتاد:
در چهار پنج سال گذشته من همیشه لیست پیش بینی ترندها را در وبلاگها میخواندم. این لیست چیزهایی است که ترند نخواهند شد:
- دارک مود ترند نخواهد بود.
- ایلاستریشن سه بعدی ترند نمیشود.
- داشتن دیزاین سیستم امسال مزیت محسوب نمیشود. بلکه به باید تبدیل شده است.
چیزهایی که حتما اتفاق خواهد افتاد:
- واقعیت مجازی
با پیشرفت روزافزون واقعیت مجازی و در دسترس قرار گرفتن ابزار آن برای کاربران، قطعا امسال استفاده از واقعیت مجازی برای طراحان ضروری است. استفاده از واقعیت مجازی ممکن است بزرگترین اتفاقی باشد که از زمان استفاده گسترده مردم از موبایل اتفاق افتاده باشد.
- سایت بدون کد
استیو جابز یک نقل قول معروف دارد که میگوید: طراحی این نیست که چطور به نظر میرسد. بلکه در مورد این است که راه حل چطور عمل میکند.
به عنوان طراحی برای این که راه حلتان را اجرایی کنید، به غیر از زبانهای برنامه نویسی، راههای دیگری نیز وجود دارند.
مهمترین آنها webflow است. با استفاده از آن انواع و اقسام وبسایتها را میتوانید بسازید. از لندینگ و وبلاگ گرفته تا وبسایتهای شرکتها و فروشگاهها. قدرت webflow در سادگی استفاده از آن است. ابزارهای دیگری برای راههای NO Code وجود دارد که شما به عنوان طراح باید حداقل با یکی از آنها آشنا باشید.
- گلسمورفیسم یک استاندارد خواهد بود. نه یک ترند.
یک سال قبل پیش بینی کردم که گلسمورفیسم هر روز پر طرفدارتر خواهد شد. میبینیم که این اتفاق به وقوع پیوسته. iOS و macOS و ویندوز از گلسمورفیسم استفاده کرده اند. کاربران نیز از این سبک استقبال خواهند کرد.
- استایلهای دهه 90 ترند میشوند.
در دو سال گذشته استایلهای نوستالژیک دهه 80 به وفور استفاده شدهاند. پیش بینی میکنم این ترند ادامه پیدا کند و استایلهای دهه 90 روی کار خواهند آمد.
صنعت دیزاین به سرعت در حال تغییر است. به همین خاطر طراحان باید به ترندها توجه کنند. با توجه به ترندها نه تنها دیزاین بهتر و جالب توجهتری انجام میدهیم، بلکه قابلیتهای جدید را نیز میآموزیم.
در لینک زیر توضیحات کامل و مثالهای بیشتر در مورد ترندهای طراحی 2022 را مطالعه کنید:
https://bit.ly/dxgn885
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: عاطفه صفری
#ترند #دیزاین #رابط_کاربری
@Dexign فلسفه دیزاین
_______
Medium
2022 Design Trends
What to expect and how to prepare for the new things.
اصول تایپوگرافی در طراحی رابط کاربری
تایپوگرافی مجموعهای از انتخاب تایپفیسها و ایجاد ترتیب مناسب در آنها برای به وجود آوردن خوانایی در زبان نوشتاری است. این موضوع شکلی از هنر است و از زمانی که انسان نوشتن را اختراع کرد، برای قرنها، وجود داشته است.
در حالی که مساله تایپوگرافی در طراحی رابط کاربری، پیچیدگیهای بسیاری را برای طراحان به وجود میآورد اما سرمایهگذاری و زمانی که برای این موضوع میتوان در نظر گرفت برای ارتقای طراحی بسیار ارزشمند است.
مهمترین ویژگی در طراحی تایپوگرافی وضوح و خوانایی است. با اینحال سایر جنبههای کمتر کاربردی مانند حالت و یا سبک در تایپوگرافی تاثیر زیادی بر کاربر خواهند داشت. لذا برای بیان آنچه مد نظر داریم باید محدوده وسیعی از فاکتورهای تایپوگرافی را در نظر داشته باشیم.
تایپوگرافی صحیح با محیط و سایر اجزای طراحی رابطهای هماهنگ خواهد داشت و با ایجاد کنجکاوی کاربر را به ادامه دعوت کرده و ارتباط لازم را با او برقرار میکند.
جنبههای فنی بسیاری مانند انتخاب فونتها برای ایجاد تایپوگرافی صحیح وجود دارد اما در مقاله پیشرو با توضیح شش اصل در تایپوگرافی این موضوع از دیدگاه هنریتری بررسی شده است.
رنگ؛ رنگ فونتها لازم است که تضاد مناسبی با پسزمینه داشته باشند.
پیچیدگی؛ پیچیدگی تایپفیس به اندازه آن بر روی صفحه نمایش وابسته است.
فاصله؛ وجود فضای منفی اطراف حروف میتواند خوانایی را افزایش دهد.
سایز؛ ایجاد ترتیببندی در سایز میتواند وضوح محتوا را افزایش دهد.
حروف بزرگ؛ استفاده از حروف و متنهایی با حروف بزرگ توانایی جهت دادن به توجه کاربران را دارد.
تراز متنها؛ تراز در متنها معرف ساختار و وحدت در طراحی رابط کاربری است.
با مطالعه مقاله پیش رو با جزییات بیشتری از هر یک از این شش اصل و استفاده صحیح از آنها آشنا خواهید شد.
https://bit.ly/dxgn886
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: رشید مسعودی
#رابطکاربری #تایپوگرافی
@Dexign فلسفه دیزاین
_______
تایپوگرافی مجموعهای از انتخاب تایپفیسها و ایجاد ترتیب مناسب در آنها برای به وجود آوردن خوانایی در زبان نوشتاری است. این موضوع شکلی از هنر است و از زمانی که انسان نوشتن را اختراع کرد، برای قرنها، وجود داشته است.
در حالی که مساله تایپوگرافی در طراحی رابط کاربری، پیچیدگیهای بسیاری را برای طراحان به وجود میآورد اما سرمایهگذاری و زمانی که برای این موضوع میتوان در نظر گرفت برای ارتقای طراحی بسیار ارزشمند است.
مهمترین ویژگی در طراحی تایپوگرافی وضوح و خوانایی است. با اینحال سایر جنبههای کمتر کاربردی مانند حالت و یا سبک در تایپوگرافی تاثیر زیادی بر کاربر خواهند داشت. لذا برای بیان آنچه مد نظر داریم باید محدوده وسیعی از فاکتورهای تایپوگرافی را در نظر داشته باشیم.
تایپوگرافی صحیح با محیط و سایر اجزای طراحی رابطهای هماهنگ خواهد داشت و با ایجاد کنجکاوی کاربر را به ادامه دعوت کرده و ارتباط لازم را با او برقرار میکند.
جنبههای فنی بسیاری مانند انتخاب فونتها برای ایجاد تایپوگرافی صحیح وجود دارد اما در مقاله پیشرو با توضیح شش اصل در تایپوگرافی این موضوع از دیدگاه هنریتری بررسی شده است.
رنگ؛ رنگ فونتها لازم است که تضاد مناسبی با پسزمینه داشته باشند.
پیچیدگی؛ پیچیدگی تایپفیس به اندازه آن بر روی صفحه نمایش وابسته است.
فاصله؛ وجود فضای منفی اطراف حروف میتواند خوانایی را افزایش دهد.
سایز؛ ایجاد ترتیببندی در سایز میتواند وضوح محتوا را افزایش دهد.
حروف بزرگ؛ استفاده از حروف و متنهایی با حروف بزرگ توانایی جهت دادن به توجه کاربران را دارد.
تراز متنها؛ تراز در متنها معرف ساختار و وحدت در طراحی رابط کاربری است.
با مطالعه مقاله پیش رو با جزییات بیشتری از هر یک از این شش اصل و استفاده صحیح از آنها آشنا خواهید شد.
https://bit.ly/dxgn886
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: رشید مسعودی
#رابطکاربری #تایپوگرافی
@Dexign فلسفه دیزاین
_______
Medium
Fundamentals of typography in user interface design (UI)
Key considerations to improve the reading experience
🔥9👍4
This media is not supported in your browser
VIEW IN TELEGRAM
❇️ ثبت نام دوره جدید آکادمی دیزاین
🔶 ثبتنام دورهی دوازدهم طراحی محصولِ آکادمی دیزاین، آغاز شده و تا ۱۰ اسفند ادامه دارد.
✅ برای ثبتنام به صفحهی اینستاگرام آکادمی مراجعه فرمایید.
Instagram.com/dexignacademy
#طراحی_محصول #دوره_طراحی_محصول #دوره_آنلاین #آکادمی_دیزاین #uidesign
@Dexign فلسفه دیزاین
_______
🔶 ثبتنام دورهی دوازدهم طراحی محصولِ آکادمی دیزاین، آغاز شده و تا ۱۰ اسفند ادامه دارد.
✅ برای ثبتنام به صفحهی اینستاگرام آکادمی مراجعه فرمایید.
Instagram.com/dexignacademy
#طراحی_محصول #دوره_طراحی_محصول #دوره_آنلاین #آکادمی_دیزاین #uidesign
@Dexign فلسفه دیزاین
_______
🔥4❤3👍1
بهترین روشها برای طراحی جدول قیمتگذاری
تبدیل بازدیدکنندگان وبسایت به مشتری یکی از اهداف اصلی هر کسب و کاری است. جدول قیمتگذاری یکی از ابزارهایی است که میتواند در این زمینه کمک کند. این ابزار به کاربران یک نمای کلی از بستههای قیمتگذاری شده از محصولات موجود و تفاوت بین آنها را نشان میدهد. در این مقاله به مواردی برای طراحی بهتر جدول قیمتگذاری اشاره شدهاست:
۱. از جدول قیمتگذاری زمانی استفاده کنید که بیش از یک بسته قیمتگذاری برای محصول خود دارید.
۲. ویژگیها و مزایای مناسب را برای مقایسه بین بستهها انتخاب کنید. ویژگیها را بر اساس ارزشی که به کاربران شما ارائه می دهند انتخاب کنید. هر ردیف اضافی از اطلاعات در جدول قیمتگذاری، احتمال از دست دادن مشتری بالقوه را افزایش میدهد.
۳. قیمت را بهصورت برجسته نمایش دهید.
۴. قیمتها و ویژگیهای هر بسته را همتراز کنید. اولین بسته بهتر است طرح رایگان باشد و باقی گزینهها بهترتیب افزایش قیمت نمایش داده شود.
۵. جدول را بهگونهای طراحی کنید که اسکن آن برای کاربر راحت باشد. در واقع اطلاعات جدول باید در یک نگاه به راحتی قابل دریافت باشند.
۶. قیمتها را بصورت ماهانه و سالانه نمایش دهید. درصورت اعمال تخفیف خرید سالانه، یک سوئیچ قیمت ماهانه/سالانه در بالای جدول اضافه کنید تا کاربران بتوانند هزینههای ماهانه و سالانه را مقایسه کنند.
۷. مشتریان بالقوه خود را فریب ندهید و با استفاده از برجسته نمایش دادن یک بسته خاص، آنها را وادار به انتخاب آن نکنید.
۸. مطمئن شوید که که عنوان هر ستون در هنگام اسکرول قابل مشاهده است.
۹. دکمه انتخاب طرح را در معرض دید کاربر قرار دهید.
۱۰. در زیر جدول بخش سوالات متداول را قرار دهید.
برای مطالعه بیشتر در این مورد، مقاله زیر را بخوانید.
https://bit.ly/dxgn887
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر جمالی
#جدول_قیمتگذاری #طراحی_تجربه
@Dexign فلسفه دیزاین
_______
تبدیل بازدیدکنندگان وبسایت به مشتری یکی از اهداف اصلی هر کسب و کاری است. جدول قیمتگذاری یکی از ابزارهایی است که میتواند در این زمینه کمک کند. این ابزار به کاربران یک نمای کلی از بستههای قیمتگذاری شده از محصولات موجود و تفاوت بین آنها را نشان میدهد. در این مقاله به مواردی برای طراحی بهتر جدول قیمتگذاری اشاره شدهاست:
۱. از جدول قیمتگذاری زمانی استفاده کنید که بیش از یک بسته قیمتگذاری برای محصول خود دارید.
۲. ویژگیها و مزایای مناسب را برای مقایسه بین بستهها انتخاب کنید. ویژگیها را بر اساس ارزشی که به کاربران شما ارائه می دهند انتخاب کنید. هر ردیف اضافی از اطلاعات در جدول قیمتگذاری، احتمال از دست دادن مشتری بالقوه را افزایش میدهد.
۳. قیمت را بهصورت برجسته نمایش دهید.
۴. قیمتها و ویژگیهای هر بسته را همتراز کنید. اولین بسته بهتر است طرح رایگان باشد و باقی گزینهها بهترتیب افزایش قیمت نمایش داده شود.
۵. جدول را بهگونهای طراحی کنید که اسکن آن برای کاربر راحت باشد. در واقع اطلاعات جدول باید در یک نگاه به راحتی قابل دریافت باشند.
۶. قیمتها را بصورت ماهانه و سالانه نمایش دهید. درصورت اعمال تخفیف خرید سالانه، یک سوئیچ قیمت ماهانه/سالانه در بالای جدول اضافه کنید تا کاربران بتوانند هزینههای ماهانه و سالانه را مقایسه کنند.
۷. مشتریان بالقوه خود را فریب ندهید و با استفاده از برجسته نمایش دادن یک بسته خاص، آنها را وادار به انتخاب آن نکنید.
۸. مطمئن شوید که که عنوان هر ستون در هنگام اسکرول قابل مشاهده است.
۹. دکمه انتخاب طرح را در معرض دید کاربر قرار دهید.
۱۰. در زیر جدول بخش سوالات متداول را قرار دهید.
برای مطالعه بیشتر در این مورد، مقاله زیر را بخوانید.
https://bit.ly/dxgn887
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر جمالی
#جدول_قیمتگذاری #طراحی_تجربه
@Dexign فلسفه دیزاین
_______
Medium
Best Practices for Pricing Table Design
Converting visitors into customers is one of the primary goals for any business. A pricing table is a tool that can help you with that. It…
👍6🔥3❤2
نکات طراحی درباره نحوه تفکر و احساس انسانها
طراحی (design) محصول هنر و علم است و برای داشتن یک طراحی موثر یکی از لازمهها، علم شناختی و تحقیق درباره انسان است.
علم شناختی، فرآیندهای ذهنی مربوط به چگونگی دریافت، ذخیره و پردازش اطلاعات را مطالعه میکند.
۷ موردی که روانشناسی شناختی مورد مطالعه قرار میدهد و روی نحوه تجربه افراد در طراحی تاثیر میگذارد:
۱-ادراک: اهداف، تجربهها، فرهنگ و زمینه استفاده از محصول (context) در اطلاعاتی که انسان دریافت میکند تاثیر میگذارد و برای درک بصری به دنبال الگوهایی مانند شباهت، تقارن و مجاورت برای شناسایی و اولویت بندی اطلاعات است.
۲- توجه: ما به سمت محصولاتی میرویم که هدف و نیاز ماست و توجه انتخابی ما در محدوده مرکزی بصری است، جایی که ۱٪ از تصاویر واضح هستند و هرچیز دیگر غیرقابل تشخیص از لحاظ رنگ و شکل است و این محیط نسبت به محرکها، تضادها بسیار حساس بوده و توجه را پرت میکند.
۳-حافظه: براساس قانون میلر ظرفیت حافظه کوتاه مدت بین ۵ تا ۹ مورد است. وقتی روی کاری تمرکز میکنیم و حواس پرت شود اطلاعات جدید سریعا فراموش میشود. همچنین در بهیادآوردن اطلاعات از حافظه به کمک اطلاعات و دادههای مشابه بهتر عمل میکنیم.
۴- زبان: تحقیقات نشان داده که از ۷۹٪ اسکن محتوا فقط ۲۸٪ از کلمات خوانده شده. وقتی بهدنبال چیزی هستیم فقط یک سری کلمات خاص و انتظارات درباره چگونگی پیدا کردن آن مورد مدنظر ماست.
۵-یادگیری: همه ما یکسری مدلهای ذهنی، عقاید و انتظارات داریم که به زاویه دید ما کمک میکند، همچنین انسان نسبت به تغییرات مقاوم است و سعی میکند اطلاعات جدید را با اطلاعات موجود ادغام کند بنابراین هرچقدر اطلاعات جدید نزدیک اطلاعات موجود باشد سازگاری و احساس راحتی بیشتر میشود در نتیجه احتمال جستوجو و کاوش در سایت و اعتماد به برند بیشتر میشود.
۶-تصمیمگیری: هرچه تعداد انتخاب بیشتر باشد مدت زمان تصمیمگیری بیشتر میشود زیرا اطلاعات بیشتری برای پردازش وجود دارد. همچنین با توجه به اثر ابهام و تحقیقات انجام شده، اعتماد نیز عامل مهمی در تصمیمگیریها است.
۷-احساسات: انسانها براساس سوگیری منفی که دارند، ناراحتی و احساس از یک تجربه منفی و بد بسیار بیشتر و تاثیرگذارتر از تجربه مثبت است.
در این مقاله علاوه بر معرفی هر مورد نکاتی برای رعایت آنها نیز در طراحی گفته شده است که میتوانید در لینک زیر مطالعه کنید.
https://bit.ly/dxgn888
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۹ دقیقه)
#روانشناسی_شناختی #علم_شناختی #طراحی
@Dexign فلسفه دیزاین
_______
طراحی (design) محصول هنر و علم است و برای داشتن یک طراحی موثر یکی از لازمهها، علم شناختی و تحقیق درباره انسان است.
علم شناختی، فرآیندهای ذهنی مربوط به چگونگی دریافت، ذخیره و پردازش اطلاعات را مطالعه میکند.
۷ موردی که روانشناسی شناختی مورد مطالعه قرار میدهد و روی نحوه تجربه افراد در طراحی تاثیر میگذارد:
۱-ادراک: اهداف، تجربهها، فرهنگ و زمینه استفاده از محصول (context) در اطلاعاتی که انسان دریافت میکند تاثیر میگذارد و برای درک بصری به دنبال الگوهایی مانند شباهت، تقارن و مجاورت برای شناسایی و اولویت بندی اطلاعات است.
۲- توجه: ما به سمت محصولاتی میرویم که هدف و نیاز ماست و توجه انتخابی ما در محدوده مرکزی بصری است، جایی که ۱٪ از تصاویر واضح هستند و هرچیز دیگر غیرقابل تشخیص از لحاظ رنگ و شکل است و این محیط نسبت به محرکها، تضادها بسیار حساس بوده و توجه را پرت میکند.
۳-حافظه: براساس قانون میلر ظرفیت حافظه کوتاه مدت بین ۵ تا ۹ مورد است. وقتی روی کاری تمرکز میکنیم و حواس پرت شود اطلاعات جدید سریعا فراموش میشود. همچنین در بهیادآوردن اطلاعات از حافظه به کمک اطلاعات و دادههای مشابه بهتر عمل میکنیم.
۴- زبان: تحقیقات نشان داده که از ۷۹٪ اسکن محتوا فقط ۲۸٪ از کلمات خوانده شده. وقتی بهدنبال چیزی هستیم فقط یک سری کلمات خاص و انتظارات درباره چگونگی پیدا کردن آن مورد مدنظر ماست.
۵-یادگیری: همه ما یکسری مدلهای ذهنی، عقاید و انتظارات داریم که به زاویه دید ما کمک میکند، همچنین انسان نسبت به تغییرات مقاوم است و سعی میکند اطلاعات جدید را با اطلاعات موجود ادغام کند بنابراین هرچقدر اطلاعات جدید نزدیک اطلاعات موجود باشد سازگاری و احساس راحتی بیشتر میشود در نتیجه احتمال جستوجو و کاوش در سایت و اعتماد به برند بیشتر میشود.
۶-تصمیمگیری: هرچه تعداد انتخاب بیشتر باشد مدت زمان تصمیمگیری بیشتر میشود زیرا اطلاعات بیشتری برای پردازش وجود دارد. همچنین با توجه به اثر ابهام و تحقیقات انجام شده، اعتماد نیز عامل مهمی در تصمیمگیریها است.
۷-احساسات: انسانها براساس سوگیری منفی که دارند، ناراحتی و احساس از یک تجربه منفی و بد بسیار بیشتر و تاثیرگذارتر از تجربه مثبت است.
در این مقاله علاوه بر معرفی هر مورد نکاتی برای رعایت آنها نیز در طراحی گفته شده است که میتوانید در لینک زیر مطالعه کنید.
https://bit.ly/dxgn888
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۹ دقیقه)
#روانشناسی_شناختی #علم_شناختی #طراحی
@Dexign فلسفه دیزاین
_______
Medium
Tips to design for how people think and feel
Human sciences play a vital role in designing great experiences.
❤5👍1
چگونه ناوبری نوار کناری را دوستانه طراحی کنیم؟
نوار کناری (سایدبار) بخشی فوق العاده، کارآمد و مهم از طراحی ناوبری وبسایتهاست. به عنوان یک قاعده، سایدبار جزئیست که دارای تایپوگرافی، سایهگذاری یا نمادها است که در کنار محتوای اصلی نشان داده میشود - بسته به طراحی و شکلگیری سایت، در سمت چپ یا راست محتوای اصلی قرار میگیرد.
در وبسایتهایی با زبان چپ به راست، معمولا به دلیل تمایلات بصری و رفتار کابران، سایدبارهایی که در سمت چپ صفحه قرار دارند بیشتر مورد توجه قرار میگیرند. در صورتی که سایدبارهای سمت راست (مقابل) که به عنوان ستون کناری کمکی استفاده میشوند، میتوانند محتوای ارزشمندتری را نمایش دهند.
مزایای ناوبری نوار کناری:
هنگامی که برنامه شما نیاز به نمایش یک ناوبری سراسری در سمت چپ صفحه دارد، توصیه می شود که از ناوبری عمودی استفاده کنید. اگرچه منوهای پیمایش عمودی عموما فضای بیشتری را نسبت به منوهای افقی اشغال می کنند، اما با عریض شدن اندازه نمایشگرها، این نوع منوها محبوبیت بیشتری پیدا کردهاند.
۱. میتوانید آیتمهای منوی متعددی را اضافه کنید
سعی کنید که تمام تاکید را روی قسمت بالایی صفحه نگذارید. با منوهای بازشونده میتوانید تمام مواردی را که در منو نیاز دارید در صفحه قرار دهید.
۲. صفحه با طول خاص بهتر به نظر می رسد
منوهای چند سطحی بهترین انتخاب برای حالتی هستند که صفحه دارای اصطلاحاتی است که از نظر تعداد و اندازه قابل قیاس هستند. در منوهای عمودی این مشکل کمتر به چشم میآید و این منوها برای حالتهایی که آیتمهای منو مدام در حال نوسان هستند انتخاب مناسبی است.
۳. مقیاس و تغییر دادن آنها دشوار نیست
میتوانید آیتمهای دیگری را به منوی بازشونده خود اضافه کنید بدون اینکه بخواهید به این فکر کنید که آیا مناسب منوی شما هستند یا اینکه نیاز دارید که طرح سایت را عوض کنید. در واقع به جای فکر کردن به اینکه آیا آیتمهای جدیدی که در آینده میخواهید به منو اضافه کنید مناسب آن هستند یا نه، میتوانید روی استفاده از منوهای بازشونده فکر کنید.
۴. تمام المان قابل توجه است
منوهای عمودی به شما این امکان را میدهند که کل آیتمهای منو را به کاربر نشان دهید. در صورتی که در منوهای چند سطحی تعداد زیادی از آیتمهای منو به واسطه استفاده از منوهای بازشونده از دید کاربر پنهان هستند. این امر منوهای عمودی را برای مسیردهی به قسمتهای مختلف سایت سادهتر میکند و انتخاب مناسبی برای سایتهای بلند و تک صفحه است.
۵. آنها با تمام اندازههای صفحه نمایش تنظیم میشوند
منوی بازشونده با عرض و ارتفاع مشابه باز میشوند و توجه کمی به جایی که مشتری به آن میرسد دارند. میتوانید یک منوی بازشونده را استفاده کنید و مطمئن باشید که سایت شما در هر نوع صفحهای فوقالعاده به نظر میرسد.
https://bit.ly/dxgn889
نویسنده: ثمره شاملو
(زمان حدودی مطالعه: ۵ دقیقه)
#منو #طراحی_منو
@Dexign فلسفه دیزاین
_______
نوار کناری (سایدبار) بخشی فوق العاده، کارآمد و مهم از طراحی ناوبری وبسایتهاست. به عنوان یک قاعده، سایدبار جزئیست که دارای تایپوگرافی، سایهگذاری یا نمادها است که در کنار محتوای اصلی نشان داده میشود - بسته به طراحی و شکلگیری سایت، در سمت چپ یا راست محتوای اصلی قرار میگیرد.
در وبسایتهایی با زبان چپ به راست، معمولا به دلیل تمایلات بصری و رفتار کابران، سایدبارهایی که در سمت چپ صفحه قرار دارند بیشتر مورد توجه قرار میگیرند. در صورتی که سایدبارهای سمت راست (مقابل) که به عنوان ستون کناری کمکی استفاده میشوند، میتوانند محتوای ارزشمندتری را نمایش دهند.
مزایای ناوبری نوار کناری:
هنگامی که برنامه شما نیاز به نمایش یک ناوبری سراسری در سمت چپ صفحه دارد، توصیه می شود که از ناوبری عمودی استفاده کنید. اگرچه منوهای پیمایش عمودی عموما فضای بیشتری را نسبت به منوهای افقی اشغال می کنند، اما با عریض شدن اندازه نمایشگرها، این نوع منوها محبوبیت بیشتری پیدا کردهاند.
۱. میتوانید آیتمهای منوی متعددی را اضافه کنید
سعی کنید که تمام تاکید را روی قسمت بالایی صفحه نگذارید. با منوهای بازشونده میتوانید تمام مواردی را که در منو نیاز دارید در صفحه قرار دهید.
۲. صفحه با طول خاص بهتر به نظر می رسد
منوهای چند سطحی بهترین انتخاب برای حالتی هستند که صفحه دارای اصطلاحاتی است که از نظر تعداد و اندازه قابل قیاس هستند. در منوهای عمودی این مشکل کمتر به چشم میآید و این منوها برای حالتهایی که آیتمهای منو مدام در حال نوسان هستند انتخاب مناسبی است.
۳. مقیاس و تغییر دادن آنها دشوار نیست
میتوانید آیتمهای دیگری را به منوی بازشونده خود اضافه کنید بدون اینکه بخواهید به این فکر کنید که آیا مناسب منوی شما هستند یا اینکه نیاز دارید که طرح سایت را عوض کنید. در واقع به جای فکر کردن به اینکه آیا آیتمهای جدیدی که در آینده میخواهید به منو اضافه کنید مناسب آن هستند یا نه، میتوانید روی استفاده از منوهای بازشونده فکر کنید.
۴. تمام المان قابل توجه است
منوهای عمودی به شما این امکان را میدهند که کل آیتمهای منو را به کاربر نشان دهید. در صورتی که در منوهای چند سطحی تعداد زیادی از آیتمهای منو به واسطه استفاده از منوهای بازشونده از دید کاربر پنهان هستند. این امر منوهای عمودی را برای مسیردهی به قسمتهای مختلف سایت سادهتر میکند و انتخاب مناسبی برای سایتهای بلند و تک صفحه است.
۵. آنها با تمام اندازههای صفحه نمایش تنظیم میشوند
منوی بازشونده با عرض و ارتفاع مشابه باز میشوند و توجه کمی به جایی که مشتری به آن میرسد دارند. میتوانید یک منوی بازشونده را استفاده کنید و مطمئن باشید که سایت شما در هر نوع صفحهای فوقالعاده به نظر میرسد.
https://bit.ly/dxgn889
نویسنده: ثمره شاملو
(زمان حدودی مطالعه: ۵ دقیقه)
#منو #طراحی_منو
@Dexign فلسفه دیزاین
_______
Medium
How to design friendly sidebar navigation?
Let’s check out some interesting steps of sidebar navigation.
❤3🔥1
چگونه برای پورتفولیو، موردپژوهی (Case Study) بنویسیم؟
در روند ساخت یک پورتفولیو، یکی از قسمتهای سخت، دیزاین و نوشتن موردپژوهیِ پروژههاست.
برای انجام این مهم، لازم است که شما با نیاز بازار امروز منطبق باشید. و اینکه شما یا استودیو، چه ارزشی به عنوان متخصصان دیزاین به ارمغان آوردهایید.
اگر به صورت کلی به ساختار یک موردپژوهی بپردازیم:
میتوانیم از مسئله شروع کرده، به نقش خودمان در آن پرداخته، راهحلهای ارائه شده را بررسی کرده و به اینکه چه رویکردی داشتهاییم و چه چیزهایی در آن پروژه یادگرفتهاییم؛ برسیم.
در ۲ مقالهی زیر بسیار خوب و خلاصه به جزئیات هر بخش از موارد گفته شده میپردازد. همچنین میتوانید در آنها، نکاتی را پیدا کنید که case study شما را از بقیه درخشانتر میکند.
https://bit.ly/dxgn890-1
https://bit.ly/dxgn890-2
(زمان حدودی مطالعه
مقالهاول: ۵ دقیقه
و مقاله دوم: ۹ دقیقه)
نویسنده: حسین میرزاده
#پورتفولیو #موردپژوهی #کیس_استادی #طراحی_محصول
@Dexign فلسفه دیزاین
_______
در روند ساخت یک پورتفولیو، یکی از قسمتهای سخت، دیزاین و نوشتن موردپژوهیِ پروژههاست.
برای انجام این مهم، لازم است که شما با نیاز بازار امروز منطبق باشید. و اینکه شما یا استودیو، چه ارزشی به عنوان متخصصان دیزاین به ارمغان آوردهایید.
اگر به صورت کلی به ساختار یک موردپژوهی بپردازیم:
میتوانیم از مسئله شروع کرده، به نقش خودمان در آن پرداخته، راهحلهای ارائه شده را بررسی کرده و به اینکه چه رویکردی داشتهاییم و چه چیزهایی در آن پروژه یادگرفتهاییم؛ برسیم.
در ۲ مقالهی زیر بسیار خوب و خلاصه به جزئیات هر بخش از موارد گفته شده میپردازد. همچنین میتوانید در آنها، نکاتی را پیدا کنید که case study شما را از بقیه درخشانتر میکند.
https://bit.ly/dxgn890-1
https://bit.ly/dxgn890-2
(زمان حدودی مطالعه
مقالهاول: ۵ دقیقه
و مقاله دوم: ۹ دقیقه)
نویسنده: حسین میرزاده
#پورتفولیو #موردپژوهی #کیس_استادی #طراحی_محصول
@Dexign فلسفه دیزاین
_______
Medium
4 Tips for Structuring Design Case Studies
Your guide to creating a 🔥 design portfolio
🔥5❤2👍2
۵ مسیر شغلی متداول در طراحی تجربه کاربری
ما به طور سنتی مسیر شغلی را مثل یک «نردبان» میبینیم که نشان از یک صعود مداوم رو به بالا است؛ در حالی که واقعیت، آشفتهتر از این حرفهاست. به همین خاطر شاید استعارهی «باشگاه جنگلی*» استعاره بهتری باشد. همراه با فرصتهایی برای تغییر مسیر، حرکات جانبی و در برخی موارد، شروع کامل از اول!
* باشگاه جنگلی یا jungle gym چارچوبهای به هم پیوستهی فلزیاند که در پارکها بچهها از آن بالا میروند.
دربارهی انتخاب مسیر شغلی، معیارهای مهمی وجود دارد که انتخابهای شما را تحت تاثیر قرار میدهد. مواردی مثل کاری که از آن لذت میبرید، سبک زندگیای که دوست دارید داشته باشید، ملاحظات مالی و غیره. این مقاله ۵ مسیر شغلی متداول طراحان تجربه کاربری را به شرح زیر بیان کرده است:
١. مسیر شغلی «مدیریت»
وقتی به پیشرفت شغلی فکر میکنیم، مسیر شغلی مدیریت احتمالاً آشناترین مسیر است. با کسب تجربه بیشتر به عنوان یک طراح UX، معمولا فرصتهایی برای مدیریت پروژهها و تیمها و در نهایت تبدیل شدن به یک مدیر رسمی وجود دارد. مدیریت معمولاً به معنای بر عهده گرفتن مسئولیتهایی مانند استخدام، ارزیابی عملکرد، حمایت از توسعه شغلی و اغلب به معنای مدیریت بودجه و جدول زمانی است. با گذشت زمان، ادامه مسیر مدیریت میتواند به طور بالقوه به نقشهای اجرایی و عناوینی مانند مدیر ارشد طراحی منجر شود.
٢. مسیر شغلی «مشارکتکننده فردی»
مسیر شغلی مشارکتکننده فردی مسیری است که شما همچنان در نقش خود، بدون اینکه مسئولیتهای مدیریت افراد را بر عهده بگیرید ادامه دهید. این یک مسیر محبوب برای طراحانی است که میخواهند به تعمیق کار خود ادامه دهند و در انجام کارهای طراحی، تمرینگرا باقی بمانند. این مسیر شغلی بر روی تبدیل شدن به یک طراح UX خبره تمرکز دارد و گاهی اوقات شامل مسئولیتهایی مانند راهنمایی طراحان کمتجربه میشود.
٣. مسیر شغلی «فریلنسری»
طراحان گاهی پس از ایجاد تجربه و شبکهسازی، به مسیر شغلی فریلنسری یا مشاور انفرادی (Solo consultant) میرسند. کار فریلنس UX اغلب مبتنی بر پروژه است و به داشتن شبکهای قوی از مشتریان و مشتریان بالقوه متکیست. فریلنسرها اغلب تمایل به کارهای اجرایی مانند وایرفریم و نمونهسازی اولیه دارند. این مسیر شغلی برای کسانی مناسب است که از رئیس خود بودن و انتخاب پروژههای خود لذت میبرند.
۴. مسیر شغلی «حوزههای مرتبط»
بسیاری از طراحان انتخاب میکنند که در زمینه خاصی از UX تخصص داشته باشند یا به یک زمینه مرتبط منتقل شوند. دانش و مهارتهایی که طراحان UX دارند به خوبی میتواند آنها را به نقشهای دیگر منتقل کند. امکانات در این مسیر شغلی تقریباً بیپایان است، با این حال برخی از نمونههای رایج عبارتند از: تبدیل شدن به یک UX researcher، حرکت به سمت مدیریت محصول، یا حتی تدریس در دانشگاه. طراحان ممکن است متوجه شوند که جنبههای روانشناسی و رفتاری طراحی را دوست دارند یا شاید عاشق راهنمایی و آموزش دیگر طراحان هستند و استاد طراحی تمام وقت میشوند.
۵. مسیر شغلی «کارآفرینی»
طراحان معمولا در صورتی جذب این مسیر شغلی میشوند که راههای بهتری برای انجام کارها ببینند، یا ایدهای برای یک محصول دیجیتال یا نرمافزاری داشته باشند که میخواهند به بازار بیاورند. طراحان UX مهارتهای مفیدی برای راهاندازی یک کسبوکار دارند، زیرا میدانند چگونه محصولاتی را ایجاد کنند که مردم دوست دارند. علاوه بر این، یک کارآفرین موفق نیاز به مهارتهای زیادی مانند مهارتهای مدیریت و بازاریابی دارد.
در این مقاله همچنین نقاط مثبت و منفی هر یک از این مسیرهای شغلی گفته شده است که میتوانید از لینک زیر آن را مطالعه کنید:
https://adobe.ly/3gRk4T0
(زمان حدودی مطالعه: ٨ دقیقه)
نویسنده: نیلوفر موجودی
#مسیر_شغلی #طراحی_تجربه_کاربری
@Dexign فلسفه دیزاین
_______
ما به طور سنتی مسیر شغلی را مثل یک «نردبان» میبینیم که نشان از یک صعود مداوم رو به بالا است؛ در حالی که واقعیت، آشفتهتر از این حرفهاست. به همین خاطر شاید استعارهی «باشگاه جنگلی*» استعاره بهتری باشد. همراه با فرصتهایی برای تغییر مسیر، حرکات جانبی و در برخی موارد، شروع کامل از اول!
* باشگاه جنگلی یا jungle gym چارچوبهای به هم پیوستهی فلزیاند که در پارکها بچهها از آن بالا میروند.
دربارهی انتخاب مسیر شغلی، معیارهای مهمی وجود دارد که انتخابهای شما را تحت تاثیر قرار میدهد. مواردی مثل کاری که از آن لذت میبرید، سبک زندگیای که دوست دارید داشته باشید، ملاحظات مالی و غیره. این مقاله ۵ مسیر شغلی متداول طراحان تجربه کاربری را به شرح زیر بیان کرده است:
١. مسیر شغلی «مدیریت»
وقتی به پیشرفت شغلی فکر میکنیم، مسیر شغلی مدیریت احتمالاً آشناترین مسیر است. با کسب تجربه بیشتر به عنوان یک طراح UX، معمولا فرصتهایی برای مدیریت پروژهها و تیمها و در نهایت تبدیل شدن به یک مدیر رسمی وجود دارد. مدیریت معمولاً به معنای بر عهده گرفتن مسئولیتهایی مانند استخدام، ارزیابی عملکرد، حمایت از توسعه شغلی و اغلب به معنای مدیریت بودجه و جدول زمانی است. با گذشت زمان، ادامه مسیر مدیریت میتواند به طور بالقوه به نقشهای اجرایی و عناوینی مانند مدیر ارشد طراحی منجر شود.
٢. مسیر شغلی «مشارکتکننده فردی»
مسیر شغلی مشارکتکننده فردی مسیری است که شما همچنان در نقش خود، بدون اینکه مسئولیتهای مدیریت افراد را بر عهده بگیرید ادامه دهید. این یک مسیر محبوب برای طراحانی است که میخواهند به تعمیق کار خود ادامه دهند و در انجام کارهای طراحی، تمرینگرا باقی بمانند. این مسیر شغلی بر روی تبدیل شدن به یک طراح UX خبره تمرکز دارد و گاهی اوقات شامل مسئولیتهایی مانند راهنمایی طراحان کمتجربه میشود.
٣. مسیر شغلی «فریلنسری»
طراحان گاهی پس از ایجاد تجربه و شبکهسازی، به مسیر شغلی فریلنسری یا مشاور انفرادی (Solo consultant) میرسند. کار فریلنس UX اغلب مبتنی بر پروژه است و به داشتن شبکهای قوی از مشتریان و مشتریان بالقوه متکیست. فریلنسرها اغلب تمایل به کارهای اجرایی مانند وایرفریم و نمونهسازی اولیه دارند. این مسیر شغلی برای کسانی مناسب است که از رئیس خود بودن و انتخاب پروژههای خود لذت میبرند.
۴. مسیر شغلی «حوزههای مرتبط»
بسیاری از طراحان انتخاب میکنند که در زمینه خاصی از UX تخصص داشته باشند یا به یک زمینه مرتبط منتقل شوند. دانش و مهارتهایی که طراحان UX دارند به خوبی میتواند آنها را به نقشهای دیگر منتقل کند. امکانات در این مسیر شغلی تقریباً بیپایان است، با این حال برخی از نمونههای رایج عبارتند از: تبدیل شدن به یک UX researcher، حرکت به سمت مدیریت محصول، یا حتی تدریس در دانشگاه. طراحان ممکن است متوجه شوند که جنبههای روانشناسی و رفتاری طراحی را دوست دارند یا شاید عاشق راهنمایی و آموزش دیگر طراحان هستند و استاد طراحی تمام وقت میشوند.
۵. مسیر شغلی «کارآفرینی»
طراحان معمولا در صورتی جذب این مسیر شغلی میشوند که راههای بهتری برای انجام کارها ببینند، یا ایدهای برای یک محصول دیجیتال یا نرمافزاری داشته باشند که میخواهند به بازار بیاورند. طراحان UX مهارتهای مفیدی برای راهاندازی یک کسبوکار دارند، زیرا میدانند چگونه محصولاتی را ایجاد کنند که مردم دوست دارند. علاوه بر این، یک کارآفرین موفق نیاز به مهارتهای زیادی مانند مهارتهای مدیریت و بازاریابی دارد.
در این مقاله همچنین نقاط مثبت و منفی هر یک از این مسیرهای شغلی گفته شده است که میتوانید از لینک زیر آن را مطالعه کنید:
https://adobe.ly/3gRk4T0
(زمان حدودی مطالعه: ٨ دقیقه)
نویسنده: نیلوفر موجودی
#مسیر_شغلی #طراحی_تجربه_کاربری
@Dexign فلسفه دیزاین
_______
Ideas
5 Common Career Paths in UX Design | Adobe XD Ideas
Learn about 5 common career paths in UX design along with their pros and cons, and potential for earning and discover which path is best for you.
🔥9👍7❤3
۷ نکته برای بهبود مهارت تایپوگرافی در طراحی
امروزه بيشتر محتوایی که در وب میبینیم مبتنی بر نوشته است، بنابراین درک تایپوگرافی به ما در جلب توجه خواننده، تقویت معنای نوشته و تجربه کاربری بهتر کمک میکند. این مقاله به نکاتی برای بهتر شدن تایپوگرافی در طراحیها پرداخته است.
۱- برای بهبود تعادل بصری عنوانها، فاصله حروف را کاهش دهید:
به دلیل اینکه سایز عنوانها بسیار بزرگتر و سنگینتر از دیگر نوشتهها هستند، فاصله حروف ممکن است بزرگتر به نظر برسد به همین دلیل بهتر است که فاصله حروف فقط در عنوانها کم شود.
۲- سرفصل ها و نوشته متن، به صورت عمودی هماهنگی داشته باشند.
برای دستیابی به هماهنگی و سلسله مراتب بین عناصر متن، باید به مارجینها توجه شود. طرحهای زیادی وجود دارد که در آن مارجین بالا و پایین در عناوين برابر هستند و ارتباط با متن زیر آنها حذف شده است.
۳- فقط در حالتی تمام حروف عنوان را بزرگ بنویسید، که عنوان خیلی کوتاه باشد.
۴- عنوانها را کوتاه و مختصر نگه دارید.
۵- تایپفیسی را انتخاب کنید که دارای وزنها و سبکهای مختلفی باشد.
۶- تایپفیسی را انتخاب کنید که لحن طراحی را به درستی نشان دهد.
۷- انتخاب درست طول نوشته متن، به خوانایی بيشتر محتوا کمک میکند:
در نوشتههایی با یک ستون، ۴۵- ۷۵ كاراکتر (به همراه فاصله بین كلمات) در هر خط مطلوب است.
در این مقاله برای هر مورد راهنمایی و توضيحات بيشتر نوشته شده است که میتوانید مطالعه کنید.
https://bit.ly/dxgn892
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۵ دقیقه)
#تایپوگرافی #انتخاب_فونت #طراحی #خوانایی_نوشته
@Dexign فلسفه دیزاین
_______
امروزه بيشتر محتوایی که در وب میبینیم مبتنی بر نوشته است، بنابراین درک تایپوگرافی به ما در جلب توجه خواننده، تقویت معنای نوشته و تجربه کاربری بهتر کمک میکند. این مقاله به نکاتی برای بهتر شدن تایپوگرافی در طراحیها پرداخته است.
۱- برای بهبود تعادل بصری عنوانها، فاصله حروف را کاهش دهید:
به دلیل اینکه سایز عنوانها بسیار بزرگتر و سنگینتر از دیگر نوشتهها هستند، فاصله حروف ممکن است بزرگتر به نظر برسد به همین دلیل بهتر است که فاصله حروف فقط در عنوانها کم شود.
۲- سرفصل ها و نوشته متن، به صورت عمودی هماهنگی داشته باشند.
برای دستیابی به هماهنگی و سلسله مراتب بین عناصر متن، باید به مارجینها توجه شود. طرحهای زیادی وجود دارد که در آن مارجین بالا و پایین در عناوين برابر هستند و ارتباط با متن زیر آنها حذف شده است.
۳- فقط در حالتی تمام حروف عنوان را بزرگ بنویسید، که عنوان خیلی کوتاه باشد.
۴- عنوانها را کوتاه و مختصر نگه دارید.
۵- تایپفیسی را انتخاب کنید که دارای وزنها و سبکهای مختلفی باشد.
۶- تایپفیسی را انتخاب کنید که لحن طراحی را به درستی نشان دهد.
۷- انتخاب درست طول نوشته متن، به خوانایی بيشتر محتوا کمک میکند:
در نوشتههایی با یک ستون، ۴۵- ۷۵ كاراکتر (به همراه فاصله بین كلمات) در هر خط مطلوب است.
در این مقاله برای هر مورد راهنمایی و توضيحات بيشتر نوشته شده است که میتوانید مطالعه کنید.
https://bit.ly/dxgn892
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۵ دقیقه)
#تایپوگرافی #انتخاب_فونت #طراحی #خوانایی_نوشته
@Dexign فلسفه دیزاین
_______
Medium
7 powerful tips to help improve your Typography skills (Updated)
Small, and easy to put into practice tips to help improve your typography
👍4🔥2❤1👏1
۲۰ پلاگین فیگما که هر دیزاینری باید داشته باشد.
1. Auto flow
این پلاگین بهترین و ساده ترین ابزار برای رسم یوزرفلو است.
2. Batch Styler
این پلاگین به شما امکان میدهد که تعداد زیادی رنگ و فونت را در یک مرحله تغییر دهید.
3. Blush
این پلاگین یک کتابخانه بسیار غنی از ایلاستریشنهاست. نکته مهم این است که این پلاگین نیازی به نسخه پرمیوم ندارد.
4. Chart
این پلاگین اطلاعات واقعی رندوم را برای ساختن نمودار فراهم میکند. در این پلاگین امکان استفاده از کپی-پیست از فایلهایی مثل اکسل وجود دارد.
5. Content Reel
در این پلاگین که توسط مایکروسافت ساخته شده، به معنای واقعی کلمه هرچیزی که بخواهید پیدا میشود! عکس، متن، آیکن، آواتار و ...
6. Dark Mode Magic
این پلاگین طرحهای لایت مود شما را به دارک تبدیل میکند. البته نیاز به مقداری تغییر رنگ توسط خودتان وجود دارد ولی باعث صرفه جویی زیادی در زمان میشود.
7. Feather Icon
این پلاگین آیکنهای اصلی را ارایه میدهد.
8. Figma to HTML, CSS, React & more!
با استفاده از این پلاگین فوق العاده میتوانید هر وبسایتی را به فیگما تبدیل کنید!
9. Figmoji
این پلاگین تعداد زیادی ایموجی دارد که به راحتی SVG آن را در اختیار شما قرار میدهد.
10. Icon Resizer
تغییر سایز چند آیکن به صورت دستی زمان زیادی از شما میگیرد. با این پلاگین میتوانید با یک کلیک همه آیکنها را تغییر سایز بدهید.
11. Iconify
این پلاگین بزرگترین منبع آیکن در بین پلاگینهای فیگماست که بیشتر از 100،000 آیکن در اختیار شما قرار میدهد.
12. Breakpoints
با این پلاگین میتوانید طراحیهای ریسپانسیوتان را در فریم مشاهده کنید. نکته جالب در مورد این پلاگین این است که همتیمیهای شما بدون نصب کردن آن میتوانند اندازه فریم را تغییر دهند.
13. Isometric
این پلاگین به شما کمک میکند بدون اینکه به صورت دستی تغییری در طرحتان بدهید، آن را ایزومتریک کنید.
14. Draw Connector
این پلاگین به شما این امکان را میدهد که به لایهها لیبل بدهید و آنها را به هم وصل کنید. برای ساخت یوزرفلو میتوانید از این پلاگین استفاده کنید.
15. Lottie Files
با استفاده از این پلاگین میتوانید فایلهای انیمیشن را به فیگما وارد کنید. همچنین بیش از 1000 فایل انیمیشن رایگان در آن وجود دارد.
16. Mapsicle
وقتی در طرحتان به نقشه نیاز دارید، با این پلاگین میتوانید به سادگی از نقشههای واقعی استفاده کنید.
17. Remove BG
با یک کلیک میتوانید بک گراند تصویر موردنظرتان را پاک کنید!
18. UI Gradients
برای ساخت گرادینتهای جذاب تنها با یک کلیک میتوانید از این پلاگین استفاده کنید.
19. Unsplash
این پلاگین معروف برای ایمپورت کردن تصاویر به کار میرود.
20. Typescale
از این ابزار برای ایجاد سایزبندی فونت برای ساخت استایل تایپوگرافی استفاده کنید.
در این مقاله، میتوانید توضیحات بیشتری در مورد هر پلاگین و لینک دانلود آن را ببینید. امیدوارم پلاگینهای معرفی شده برای شما مفید باشد.
https://bit.ly/dxgn893
(زمان حدودی مطالعه مقاله: ۶ دقیقه)
نویسنده: عاطفه صفری
#فیگما #تجربه_کاربری #پلاگین #طراحی_محصول
@Dexign فلسفه دیزاین
_______
1. Auto flow
این پلاگین بهترین و ساده ترین ابزار برای رسم یوزرفلو است.
2. Batch Styler
این پلاگین به شما امکان میدهد که تعداد زیادی رنگ و فونت را در یک مرحله تغییر دهید.
3. Blush
این پلاگین یک کتابخانه بسیار غنی از ایلاستریشنهاست. نکته مهم این است که این پلاگین نیازی به نسخه پرمیوم ندارد.
4. Chart
این پلاگین اطلاعات واقعی رندوم را برای ساختن نمودار فراهم میکند. در این پلاگین امکان استفاده از کپی-پیست از فایلهایی مثل اکسل وجود دارد.
5. Content Reel
در این پلاگین که توسط مایکروسافت ساخته شده، به معنای واقعی کلمه هرچیزی که بخواهید پیدا میشود! عکس، متن، آیکن، آواتار و ...
6. Dark Mode Magic
این پلاگین طرحهای لایت مود شما را به دارک تبدیل میکند. البته نیاز به مقداری تغییر رنگ توسط خودتان وجود دارد ولی باعث صرفه جویی زیادی در زمان میشود.
7. Feather Icon
این پلاگین آیکنهای اصلی را ارایه میدهد.
8. Figma to HTML, CSS, React & more!
با استفاده از این پلاگین فوق العاده میتوانید هر وبسایتی را به فیگما تبدیل کنید!
9. Figmoji
این پلاگین تعداد زیادی ایموجی دارد که به راحتی SVG آن را در اختیار شما قرار میدهد.
10. Icon Resizer
تغییر سایز چند آیکن به صورت دستی زمان زیادی از شما میگیرد. با این پلاگین میتوانید با یک کلیک همه آیکنها را تغییر سایز بدهید.
11. Iconify
این پلاگین بزرگترین منبع آیکن در بین پلاگینهای فیگماست که بیشتر از 100،000 آیکن در اختیار شما قرار میدهد.
12. Breakpoints
با این پلاگین میتوانید طراحیهای ریسپانسیوتان را در فریم مشاهده کنید. نکته جالب در مورد این پلاگین این است که همتیمیهای شما بدون نصب کردن آن میتوانند اندازه فریم را تغییر دهند.
13. Isometric
این پلاگین به شما کمک میکند بدون اینکه به صورت دستی تغییری در طرحتان بدهید، آن را ایزومتریک کنید.
14. Draw Connector
این پلاگین به شما این امکان را میدهد که به لایهها لیبل بدهید و آنها را به هم وصل کنید. برای ساخت یوزرفلو میتوانید از این پلاگین استفاده کنید.
15. Lottie Files
با استفاده از این پلاگین میتوانید فایلهای انیمیشن را به فیگما وارد کنید. همچنین بیش از 1000 فایل انیمیشن رایگان در آن وجود دارد.
16. Mapsicle
وقتی در طرحتان به نقشه نیاز دارید، با این پلاگین میتوانید به سادگی از نقشههای واقعی استفاده کنید.
17. Remove BG
با یک کلیک میتوانید بک گراند تصویر موردنظرتان را پاک کنید!
18. UI Gradients
برای ساخت گرادینتهای جذاب تنها با یک کلیک میتوانید از این پلاگین استفاده کنید.
19. Unsplash
این پلاگین معروف برای ایمپورت کردن تصاویر به کار میرود.
20. Typescale
از این ابزار برای ایجاد سایزبندی فونت برای ساخت استایل تایپوگرافی استفاده کنید.
در این مقاله، میتوانید توضیحات بیشتری در مورد هر پلاگین و لینک دانلود آن را ببینید. امیدوارم پلاگینهای معرفی شده برای شما مفید باشد.
https://bit.ly/dxgn893
(زمان حدودی مطالعه مقاله: ۶ دقیقه)
نویسنده: عاطفه صفری
#فیگما #تجربه_کاربری #پلاگین #طراحی_محصول
@Dexign فلسفه دیزاین
_______
Medium
20 Figma plugins every designer must have
My favorite 20 plugins, which are important and necessary for every designer.
👍10🔥6
۱۰ الگوی رفتاری برای طراحی تجربهی کاربری
اگر محصولی را طراحی کنیم و به محصولات متداول در بازار، مسائل روانشناختی کاربر و فرهنگ کاربرهای خود دقت نکنیم اجازه میدهیم تا محصول برای کاربر گیچکننده و خستهکننده شود.
۱. گشت و گذار مطمئن
بر خلاف دنیای واقعی در محصولات دیجیتالی این امکان برای کاربر فراهم میشود که اشتباهات خود را تصحیح کنند. مانند دکمه بازگشت و یا تاریخچه ذخیرهها و دکمه خنثی کردن کاری که انجام شده.
۲. خوشحالیهای آنی
در دنیای سریع دیجیتالی امروز که دائما در حال حرکت است کاربرها نیاز دارند تا سریعا پاسخهای مثبتی دریافت کنند.
۳. رضایتبخش بودن
کاربرها نیاز دارند تا در زمانی سریع نتیجهی خوب را کسب کنند نه اینکه بهترین نتیجه را بگیرند زیرا نتیجه عالی برای آنها زمان و تلاش بیشتری میخواهد. کاری کنید تا اسکن کردن و برررسی سریع برای کاربر امکان پذیر باشد.
۴. به تعویق انداختن انتخابها
کاربران باید امکان رد کردن مراحل برای سریع به نتیجه رسیدن را داشته باشند. به طور مثال بتوانند بعدا ویرایشهایی را در پروفایل خود انجام دهند.
۵. عادتهای مخاطب
استانداردهای مشخصی در محصولات دیجیتالی وجود دارد که اگر از آنها گذر کنیم برای مخاطب گیج کننده خواهد بود. به طور مثال کاربران عادت دارند با پایین کشیدن صفحه آن را بارگذاری مجدد کنند و اگر اینطور نباشد باعث میشود عادتهای ذهنی مخاطب بهم بریزد و گیج شود.
۶. حافظه اختصاصی
بهتر است به مخاطب این امکان را بدهیم تا بتواند نحوهی چیدمان در محصول را خودش تغییر دهد و انتخاب کند.
۷. تایید اجتماعی
برای اینکه کاربر احساس تنهایی نکند و به راحتی با محصول ما درگیر شود نیاز است تا از طریق نظرات و مابقی امکانات تایید اجتماعی متوجه شود که دیگران نیز این کار را انجام میدهند.
۸. ساده کردن تکرارها
در طراحی محصول باید کاری انجام دهیم تا مخاطب مواردی که نیاز به تکرار دارد را راحتتر انجام دهد. به طور مثال هنگامی که با شروع تایپ کردن در فیلد جستجو کلماتی را به مخاطب پیشنهاد کنیم.
۹. حافظه مربوط به آینده
گاهی اوقات مخاطب نیاز دارد تا کاری را در آینده انجام دهد اما نمیخواهد دائما آن را ببیند. به طور مثال نشان کردن یک وبسایت برای دسترسی به آن در آینده.
۱۰. استراحتهای کوتاه
گاهی اوقات مخاطب در زمانهای کوتاهی کاری برای انجام دادن ندارد و نیاز به یک استراحت ۲ دقیقهای دارد. محصول باید طوری طراحی شود تا مخاطب را در همین زمان نیز درگیر کند. مانند اسکرول کردن در اینستاگرام یا چک کردن اخبار یا پاسخ به پیامها و موراد مشابه که مخاطب را در زمان کوتاه نیز درگیر میکند.
در لینک زیر میتوانید توضیحات کاملتری را مطالعه کنید:
https://bit.ly/dxgn894
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #روانشناسی #الگوهای_رفتاری
@Dexign فلسفه دیزاین
_______
اگر محصولی را طراحی کنیم و به محصولات متداول در بازار، مسائل روانشناختی کاربر و فرهنگ کاربرهای خود دقت نکنیم اجازه میدهیم تا محصول برای کاربر گیچکننده و خستهکننده شود.
۱. گشت و گذار مطمئن
بر خلاف دنیای واقعی در محصولات دیجیتالی این امکان برای کاربر فراهم میشود که اشتباهات خود را تصحیح کنند. مانند دکمه بازگشت و یا تاریخچه ذخیرهها و دکمه خنثی کردن کاری که انجام شده.
۲. خوشحالیهای آنی
در دنیای سریع دیجیتالی امروز که دائما در حال حرکت است کاربرها نیاز دارند تا سریعا پاسخهای مثبتی دریافت کنند.
۳. رضایتبخش بودن
کاربرها نیاز دارند تا در زمانی سریع نتیجهی خوب را کسب کنند نه اینکه بهترین نتیجه را بگیرند زیرا نتیجه عالی برای آنها زمان و تلاش بیشتری میخواهد. کاری کنید تا اسکن کردن و برررسی سریع برای کاربر امکان پذیر باشد.
۴. به تعویق انداختن انتخابها
کاربران باید امکان رد کردن مراحل برای سریع به نتیجه رسیدن را داشته باشند. به طور مثال بتوانند بعدا ویرایشهایی را در پروفایل خود انجام دهند.
۵. عادتهای مخاطب
استانداردهای مشخصی در محصولات دیجیتالی وجود دارد که اگر از آنها گذر کنیم برای مخاطب گیج کننده خواهد بود. به طور مثال کاربران عادت دارند با پایین کشیدن صفحه آن را بارگذاری مجدد کنند و اگر اینطور نباشد باعث میشود عادتهای ذهنی مخاطب بهم بریزد و گیج شود.
۶. حافظه اختصاصی
بهتر است به مخاطب این امکان را بدهیم تا بتواند نحوهی چیدمان در محصول را خودش تغییر دهد و انتخاب کند.
۷. تایید اجتماعی
برای اینکه کاربر احساس تنهایی نکند و به راحتی با محصول ما درگیر شود نیاز است تا از طریق نظرات و مابقی امکانات تایید اجتماعی متوجه شود که دیگران نیز این کار را انجام میدهند.
۸. ساده کردن تکرارها
در طراحی محصول باید کاری انجام دهیم تا مخاطب مواردی که نیاز به تکرار دارد را راحتتر انجام دهد. به طور مثال هنگامی که با شروع تایپ کردن در فیلد جستجو کلماتی را به مخاطب پیشنهاد کنیم.
۹. حافظه مربوط به آینده
گاهی اوقات مخاطب نیاز دارد تا کاری را در آینده انجام دهد اما نمیخواهد دائما آن را ببیند. به طور مثال نشان کردن یک وبسایت برای دسترسی به آن در آینده.
۱۰. استراحتهای کوتاه
گاهی اوقات مخاطب در زمانهای کوتاهی کاری برای انجام دادن ندارد و نیاز به یک استراحت ۲ دقیقهای دارد. محصول باید طوری طراحی شود تا مخاطب را در همین زمان نیز درگیر کند. مانند اسکرول کردن در اینستاگرام یا چک کردن اخبار یا پاسخ به پیامها و موراد مشابه که مخاطب را در زمان کوتاه نیز درگیر میکند.
در لینک زیر میتوانید توضیحات کاملتری را مطالعه کنید:
https://bit.ly/dxgn894
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #روانشناسی #الگوهای_رفتاری
@Dexign فلسفه دیزاین
_______
Medium
10 Behavior Patterns for UX Design
A few of the most common behaviors as they relate to product design
👍7