بازیوارسازی در تجربهی کاربری
ماموریتها و چالشها
چالشها و ماموریتها به عنوان مکانیزمهای بازی
به طور معمول مردم با علاقهی زیادی در بازیها ماموریتها را انجام میدهند و با چالشهای مختلفی مواجه میشوند. گذر از مراحل به افراد حس اعتماد به نفس میدهد و باعث میشود تا از فرآیند آن لذت ببرند.
ماموریت و چالش
ماموریتها در واقع یک سری وظیفه هستند که افراد باید آنها را تکمیل کنند. این نوع از مکانیزمهای بازی به کاربران انگیزه میدهد تا با محصول درگیر شوند و به صورت روزانه به سراغ محصول ما بیایند.
چالشها و ماموریتها، المانهای بازیگونهی بسیار خوبی هستند و کمک میکنند کاربران تجربهی بهتری از محصول ما داشته باشند.
چالشها و ماموریتها در محصولات دیجیتال
در ادامهی این مقاله چند نمونه از اجرای دو مکانیزم مطرح شده در محصولات دیجیتال را بررسی خواهیم کرد. اپلیکیشنهای آموزشی به طور ویژهای از مکانیزمهای بازی برای افزایش انگیزهی کاربران استفاده میکنند. نوع استفاده از این موارد به محتوای آموزشی ارتباط دارد مانند اپلیکیشنهای آموزش زبان که چالش کاربران تعداد کلماتی است که در طول روز یاد میگیرند.
نمونهی دیگر استفاده از این مکانیزمها اپلیکیشن آلارم Toonie است. که با ایجاد چالشهای مختلف مانند بیدار شدن در یک ساعت مشخص در طول چند روز و دریافت جایزه به خوبی توانسته از این مکانیزمها استفاده کند.
چه زمانی و چرا از این دو مکانیزم استفاده کنیم ؟
ماموریتها کمک میکنند تا کاربران راحتتر با اپلیکیشن ما همراه شوند. و یا میتوانند درگیری کاربر با اپلیکیشن ما را زیاد کند و باعث بازگشت دوبارهی آنها شوند.
البته که گیمیفیکشن همیشه برای محصولات مناسب نیست و همه چیز به اهداف یک کسب و کار بستگی دارد. به طور مثال مطمئن شوید کاربران خود را به درستی شناختهاید و آنها زمان و حوصلهی کافی برای انجام این چالشها را دارند و یا اینکه سعی کنید همیشه مکانیزمهای داخل محصول را متوازن نگه دارید.
https://bit.ly/dxgn869
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: محمدرضا عباسی
#طراحی #تجربه_کاربری #بازی_وار_سازی #گیمیفیکیشن
@Dexign فلسفه دیزاین
_______
ماموریتها و چالشها
چالشها و ماموریتها به عنوان مکانیزمهای بازی
به طور معمول مردم با علاقهی زیادی در بازیها ماموریتها را انجام میدهند و با چالشهای مختلفی مواجه میشوند. گذر از مراحل به افراد حس اعتماد به نفس میدهد و باعث میشود تا از فرآیند آن لذت ببرند.
ماموریت و چالش
ماموریتها در واقع یک سری وظیفه هستند که افراد باید آنها را تکمیل کنند. این نوع از مکانیزمهای بازی به کاربران انگیزه میدهد تا با محصول درگیر شوند و به صورت روزانه به سراغ محصول ما بیایند.
چالشها و ماموریتها، المانهای بازیگونهی بسیار خوبی هستند و کمک میکنند کاربران تجربهی بهتری از محصول ما داشته باشند.
چالشها و ماموریتها در محصولات دیجیتال
در ادامهی این مقاله چند نمونه از اجرای دو مکانیزم مطرح شده در محصولات دیجیتال را بررسی خواهیم کرد. اپلیکیشنهای آموزشی به طور ویژهای از مکانیزمهای بازی برای افزایش انگیزهی کاربران استفاده میکنند. نوع استفاده از این موارد به محتوای آموزشی ارتباط دارد مانند اپلیکیشنهای آموزش زبان که چالش کاربران تعداد کلماتی است که در طول روز یاد میگیرند.
نمونهی دیگر استفاده از این مکانیزمها اپلیکیشن آلارم Toonie است. که با ایجاد چالشهای مختلف مانند بیدار شدن در یک ساعت مشخص در طول چند روز و دریافت جایزه به خوبی توانسته از این مکانیزمها استفاده کند.
چه زمانی و چرا از این دو مکانیزم استفاده کنیم ؟
ماموریتها کمک میکنند تا کاربران راحتتر با اپلیکیشن ما همراه شوند. و یا میتوانند درگیری کاربر با اپلیکیشن ما را زیاد کند و باعث بازگشت دوبارهی آنها شوند.
البته که گیمیفیکشن همیشه برای محصولات مناسب نیست و همه چیز به اهداف یک کسب و کار بستگی دارد. به طور مثال مطمئن شوید کاربران خود را به درستی شناختهاید و آنها زمان و حوصلهی کافی برای انجام این چالشها را دارند و یا اینکه سعی کنید همیشه مکانیزمهای داخل محصول را متوازن نگه دارید.
https://bit.ly/dxgn869
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: محمدرضا عباسی
#طراحی #تجربه_کاربری #بازی_وار_سازی #گیمیفیکیشن
@Dexign فلسفه دیزاین
_______
Medium
Gamification in UX. Missions and Challenges.
A life is always full of challenges and that what makes us self-improve again and again. The same pattern works with digital products. When…
میکرو اینترکشنها: راز رسیدن به یک دیزاین عالی
همیشه بهترین محصولات دو پارامتر کلیدی را دارند: فیچرها و جزئیات. فیچرها آن چیزی هستند که کاربران را به سمت محصول شما می کشانند، و جزئیات کمک میکنند تا کاربران یک محصول حفظ شوند و محصولمان از رقبا متمایز باشد.
استفاده از میکرو اینترکشنها یکی از بهترین تکنیکها برای ایجاد تجربهای لذت بخش برای کاربران است. به عنوان یک طراح، شناخت اهمیت میکرو اینترکشنها به اندازه طراحی آنها حیاتی است.
اما میکرو اینترکشنها چه هستند؟
میکرواینترکشنها شامل لحظات کوچکی میشوند که یک تسک توسط کاربر انجام میشود. و به گفته Dan Saffer اهداف زیر را دنبال میکنند:
- انتقال بازخورد یا نتیجه یک عمل مشخص از سمت کاربر
- به انجام رساندن یک تسک مشخص
- افزایش احساس دسترسی و انجام مستقیم یک عمل در اپ
- کمک به کاربران جهت تجسم بهتر نتایج هر انتخاب و عمل، و همچنین جلوگیری از به وجود آمدن خطاها
میکرو اینترکشنها مفید و نتیجه بخش هستند، زیرا تمایل طبیعی کاربر به "تصدیق" را پوشش میدهند. همچنین می توانند کاربران را در مورد نحوه تعامل با سیستم راهنمایی کنند. وقتی کاربران با UI تعامل می کنند، می خواهند بدانند که سیستم اقدامات آنها را دریافت میکند.
بخشی از زیبایی میکرواینترکشنها این است که می توان آنها را در مکانهای مختلف و اطراف هر عمل بالقوه ای قرار داد. با این حال، به طور کلی تمایل دارند در زمینههای زیر ظاهر شوند:
- نمایش وضعیت سیستم:
زمانی که کاربر عملی را انجام میدهد در انتظار دریافت نتایج آن عمل خواهد بود. محتمل هست که سیستم زمانهایی دچار مشکل شده باشد یا انجام آن عمل به زمان بیشتری نیاز داشته باشد. در اینگونه از مواقع بهتر است کاربر را در جریان وضعیت سیستم قرار دهیم.
- هایلایت کردن تغییرات:
زمانی که رویداد مهمی اتفاق میافتند باید از طریق اعلانات به کاربر اطلاع رسانی شود. انیمیشنها در این مواقع کمک میکنند تا توجه کاربر را جلب کنیم و از نادیده گرفته شدن اطلاعات مهم توسط کاربر جلوگیری شود.
- حفظ زمینه:
از موشنها جهت انتقال نرم و شفاف کاربران از یک بخش اپلیکیشن به بخشهای دیگر استفاده کنید. این نحوه انتقال به کاربر کمک میکند تا منطق مسیریابی و تغییر چیدمان المانها را بهتر درک کند.
- طراحی بصری اینپوتها:
دیتا اینپوتها یکی از اصلیترین المانهای هر اپلیکیشنی است. و میکرو اینترکشنها این روند را به اتفاقی ویژه تبدیل میکنند.
-CTAها:
با ایجاد همدلی در تجربه کاربری، شانس بیشتری برای استفاده کاربران از اپ دارید. میکرواینترکشنها این قدرت را دارند که کاربران را به تعامل واقعی تشویق کنند. اما مطمئن شوید که مناسب بودن نشانههای بصری و انیمیشنها برای کاربران و طول عمر هر اینترکشن را در نظر داشته باشید.
و در آخر، طراحی عالی باید در همه سطوح اتفاق بیفتد، از بخش عملکردی بزرگ گرفته تا میکرواینترکشنهای کوچک.
برای مطالعه کامل این مقاله میتوانید از لینک زیر استفاده کنید :
https://bit.ly/dxgn870
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده : فریما فرحمند
#میکرواینترکشن #طراحی_محصول #تجربه_کاربری #طراحی
@Dexign فلسفه دیزاین
_______
همیشه بهترین محصولات دو پارامتر کلیدی را دارند: فیچرها و جزئیات. فیچرها آن چیزی هستند که کاربران را به سمت محصول شما می کشانند، و جزئیات کمک میکنند تا کاربران یک محصول حفظ شوند و محصولمان از رقبا متمایز باشد.
استفاده از میکرو اینترکشنها یکی از بهترین تکنیکها برای ایجاد تجربهای لذت بخش برای کاربران است. به عنوان یک طراح، شناخت اهمیت میکرو اینترکشنها به اندازه طراحی آنها حیاتی است.
اما میکرو اینترکشنها چه هستند؟
میکرواینترکشنها شامل لحظات کوچکی میشوند که یک تسک توسط کاربر انجام میشود. و به گفته Dan Saffer اهداف زیر را دنبال میکنند:
- انتقال بازخورد یا نتیجه یک عمل مشخص از سمت کاربر
- به انجام رساندن یک تسک مشخص
- افزایش احساس دسترسی و انجام مستقیم یک عمل در اپ
- کمک به کاربران جهت تجسم بهتر نتایج هر انتخاب و عمل، و همچنین جلوگیری از به وجود آمدن خطاها
میکرو اینترکشنها مفید و نتیجه بخش هستند، زیرا تمایل طبیعی کاربر به "تصدیق" را پوشش میدهند. همچنین می توانند کاربران را در مورد نحوه تعامل با سیستم راهنمایی کنند. وقتی کاربران با UI تعامل می کنند، می خواهند بدانند که سیستم اقدامات آنها را دریافت میکند.
بخشی از زیبایی میکرواینترکشنها این است که می توان آنها را در مکانهای مختلف و اطراف هر عمل بالقوه ای قرار داد. با این حال، به طور کلی تمایل دارند در زمینههای زیر ظاهر شوند:
- نمایش وضعیت سیستم:
زمانی که کاربر عملی را انجام میدهد در انتظار دریافت نتایج آن عمل خواهد بود. محتمل هست که سیستم زمانهایی دچار مشکل شده باشد یا انجام آن عمل به زمان بیشتری نیاز داشته باشد. در اینگونه از مواقع بهتر است کاربر را در جریان وضعیت سیستم قرار دهیم.
- هایلایت کردن تغییرات:
زمانی که رویداد مهمی اتفاق میافتند باید از طریق اعلانات به کاربر اطلاع رسانی شود. انیمیشنها در این مواقع کمک میکنند تا توجه کاربر را جلب کنیم و از نادیده گرفته شدن اطلاعات مهم توسط کاربر جلوگیری شود.
- حفظ زمینه:
از موشنها جهت انتقال نرم و شفاف کاربران از یک بخش اپلیکیشن به بخشهای دیگر استفاده کنید. این نحوه انتقال به کاربر کمک میکند تا منطق مسیریابی و تغییر چیدمان المانها را بهتر درک کند.
- طراحی بصری اینپوتها:
دیتا اینپوتها یکی از اصلیترین المانهای هر اپلیکیشنی است. و میکرو اینترکشنها این روند را به اتفاقی ویژه تبدیل میکنند.
-CTAها:
با ایجاد همدلی در تجربه کاربری، شانس بیشتری برای استفاده کاربران از اپ دارید. میکرواینترکشنها این قدرت را دارند که کاربران را به تعامل واقعی تشویق کنند. اما مطمئن شوید که مناسب بودن نشانههای بصری و انیمیشنها برای کاربران و طول عمر هر اینترکشن را در نظر داشته باشید.
و در آخر، طراحی عالی باید در همه سطوح اتفاق بیفتد، از بخش عملکردی بزرگ گرفته تا میکرواینترکشنهای کوچک.
برای مطالعه کامل این مقاله میتوانید از لینک زیر استفاده کنید :
https://bit.ly/dxgn870
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده : فریما فرحمند
#میکرواینترکشن #طراحی_محصول #تجربه_کاربری #طراحی
@Dexign فلسفه دیزاین
_______
Medium
Microinteractions: The Secret of Great App Design
by Nick Babich
۱۲ گام/سؤال برای حل مسئله به طور مؤثر
روزانه به فراخور جایگاهی که به عنوان دیزاینر مشغول هستیم و همچنین پروژههایی که با آنها سروکار داریم، با انواع و اقسام مسائل پیچیده مواجه میشویم. گاهی اوقات مشکل را میبینیم، بدون فکر سراغ حل مسئله رفته و بلافاصله سراغ موضوع بعدی میرویم.
این چرخهی بیپایان، معمولا به خستگی و فرسودگی دیزاینر میانجامد. در اینجا منحنی حل مسئله برای طراح محصول بسیار کوتاه است تا بتواند به طور موثر مشکل را درک کند، زوایای مختلف و انحرافات آن را تجزیه و تحلیل کند، و مکانیک حل مسئله را در حالیکه سایر ویژگیهای محصول را در نظر داشته، اعمال کند.
با منحنی حل مسئله کوتاهتر، تیم طراحی معمولاً میتواند کارهای بیشتری را در زمان کمتری انجام دهد. اما منجر به شکست و سقوط در مراتب دیگر میشود موضوعی که واقعا غیرمنتظره است.
حل مسئله به صورت مؤثر
حل کارآمد یا کاربردی مشکل باعث میشود که علت اصلی مسئله کشف شود و قبل از اینکه طراح یا تیم محصول حتی تلاش کنند مشکل را حل کنند، دادههای بیشتری را استخراج میکنند. با این حال، به عنوان یک دیزاینر، ما باید ذهنیت پژوهشی خود را به کار بسته و خودمان را برای پرسیدن یک سری سوالات از صاحبان مشکل آماده کنیم.
سؤالها به طور خلاصه به شرح زیر هستند، پیشنهاد میکنیم که مقاله را باز کرده و توضیحات هر سؤال را نیز بخوانید:
۱. مشکل برای کیست؟
۲. آیا باید این مشکل حل شود؟
۳. آیا باید این مشکل «الان» حل شود؟
۴. آیا متوجه «علت ریشهای» مشکلمان شدهایم؟
۵. آیا باید «مشکل ریشهای» را حل کنیم؟
۶. راهحلهای ممکن چیست؟
۷. راهحلهای غیرآشکار ما چه هستند؟
۸. راهحلهای ما چه مشکلات جدیدی را ممکن است ایجاد کنند؟
۹. آیا میتوانیم با مشکلات جدید کنار بیاییم؟
۱۰. چه کسی باید حل مسئله را به عهده بگیرد؟
۱۱. چگونه متوجه خواهیم شد که مسئلهی ما حل شده است؟
۱۲. چگونه میتوانیم از بروز چنین مشکلاتی در آینده پیشگیری کنیم؟
https://bit.ly/dxgn871
(زمان حدودی مطالعه مقاله: ۷ دقیقه)
نویسنده: حسین میرزاده
#حل_مسئله #محصول #تجربه_کاربری #دیزاین
@Dexign فلسفه دیزاین
________
روزانه به فراخور جایگاهی که به عنوان دیزاینر مشغول هستیم و همچنین پروژههایی که با آنها سروکار داریم، با انواع و اقسام مسائل پیچیده مواجه میشویم. گاهی اوقات مشکل را میبینیم، بدون فکر سراغ حل مسئله رفته و بلافاصله سراغ موضوع بعدی میرویم.
این چرخهی بیپایان، معمولا به خستگی و فرسودگی دیزاینر میانجامد. در اینجا منحنی حل مسئله برای طراح محصول بسیار کوتاه است تا بتواند به طور موثر مشکل را درک کند، زوایای مختلف و انحرافات آن را تجزیه و تحلیل کند، و مکانیک حل مسئله را در حالیکه سایر ویژگیهای محصول را در نظر داشته، اعمال کند.
با منحنی حل مسئله کوتاهتر، تیم طراحی معمولاً میتواند کارهای بیشتری را در زمان کمتری انجام دهد. اما منجر به شکست و سقوط در مراتب دیگر میشود موضوعی که واقعا غیرمنتظره است.
حل مسئله به صورت مؤثر
حل کارآمد یا کاربردی مشکل باعث میشود که علت اصلی مسئله کشف شود و قبل از اینکه طراح یا تیم محصول حتی تلاش کنند مشکل را حل کنند، دادههای بیشتری را استخراج میکنند. با این حال، به عنوان یک دیزاینر، ما باید ذهنیت پژوهشی خود را به کار بسته و خودمان را برای پرسیدن یک سری سوالات از صاحبان مشکل آماده کنیم.
سؤالها به طور خلاصه به شرح زیر هستند، پیشنهاد میکنیم که مقاله را باز کرده و توضیحات هر سؤال را نیز بخوانید:
۱. مشکل برای کیست؟
۲. آیا باید این مشکل حل شود؟
۳. آیا باید این مشکل «الان» حل شود؟
۴. آیا متوجه «علت ریشهای» مشکلمان شدهایم؟
۵. آیا باید «مشکل ریشهای» را حل کنیم؟
۶. راهحلهای ممکن چیست؟
۷. راهحلهای غیرآشکار ما چه هستند؟
۸. راهحلهای ما چه مشکلات جدیدی را ممکن است ایجاد کنند؟
۹. آیا میتوانیم با مشکلات جدید کنار بیاییم؟
۱۰. چه کسی باید حل مسئله را به عهده بگیرد؟
۱۱. چگونه متوجه خواهیم شد که مسئلهی ما حل شده است؟
۱۲. چگونه میتوانیم از بروز چنین مشکلاتی در آینده پیشگیری کنیم؟
https://bit.ly/dxgn871
(زمان حدودی مطالعه مقاله: ۷ دقیقه)
نویسنده: حسین میرزاده
#حل_مسئله #محصول #تجربه_کاربری #دیزاین
@Dexign فلسفه دیزاین
________
Medium
12 Steps to Effective Problem Solving
Perspective change for problem-solving
۶ نکته برای تمیز نگه داشتن فایلهای فیگما
١. برای فایلهای خود کاور بگذارید.
وقتی فایلهای فیگمای زیاد و متنوعی داشته باشید، حتی پیدا کردن آنها هم سخت میشود، چه برسد به مدیریتشان. کاورها میتوانند کمککننده باشند.
٢. برای همهی صفحات فایلتان اسمگذاری سیستماتیک داشته باشید.
میتوانید برای اینکه معنای بیشتری به هر صفحه ببخشید، اموجیهایی را از گوگل کپی کنید و کنار اسم هر صفحه بگذارید.
٣. برای همهچیز از استایل استفاده کنید.
استفاده از استایل باعث میشود با یک تغییر جزئی و سریع، کل طراحیمان را تغییر دهیم. تمام رنگها، فونتها، حاشیهها و ... را استایل کنید.
۴. از کامپوننتها استفاده کنید.
اگر انواع مختلفی از دکمهها یا اینپوت فیلدها داشته باشیم، ساختن مجدد آنها برای هر بار استفاده، زمان زیادی خواهد گرفت. کامپوننت بسازید و از نمونههای آن در موارد مختلف استفاده کنید. به این ترتیب، با تغییر کامپوننت اصلی همهی نمونههای آن تغییر میکنند. ساختن کامپوننت روشهای مختلفی دارد که میتوانید در این مقاله با آنها آشنا شوید.
۵. صفحههای مختلف را به صورت نمودار جریان (flow diagram) کنار هم بچینید.
به مرور که صفحهها زیاد و پروژهها بزرگ میشوند، ممکن است همهچیز برای همتیمیهای شما یا کلاینتی که دانش فیگما ندارد گیج کننده شود. بنابراین باید همهچیز را مرتب و تمیز نگه داریم.
۶. همیشه برای امنیت بیشتر، یک کپی از فایل اصلی داشته باشید.
روی فایل خود راست کلیک و روی Duplicate کلیک کنید.
در مقاله پایین میتوانید جزئیات بیشتری از مورد مطالب گفته شده را بخوانید:
https://bit.ly/dxgn872
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: نیلوفر موجودی
#Figma
@Dexign فلسفه دیزاین
________
١. برای فایلهای خود کاور بگذارید.
وقتی فایلهای فیگمای زیاد و متنوعی داشته باشید، حتی پیدا کردن آنها هم سخت میشود، چه برسد به مدیریتشان. کاورها میتوانند کمککننده باشند.
٢. برای همهی صفحات فایلتان اسمگذاری سیستماتیک داشته باشید.
میتوانید برای اینکه معنای بیشتری به هر صفحه ببخشید، اموجیهایی را از گوگل کپی کنید و کنار اسم هر صفحه بگذارید.
٣. برای همهچیز از استایل استفاده کنید.
استفاده از استایل باعث میشود با یک تغییر جزئی و سریع، کل طراحیمان را تغییر دهیم. تمام رنگها، فونتها، حاشیهها و ... را استایل کنید.
۴. از کامپوننتها استفاده کنید.
اگر انواع مختلفی از دکمهها یا اینپوت فیلدها داشته باشیم، ساختن مجدد آنها برای هر بار استفاده، زمان زیادی خواهد گرفت. کامپوننت بسازید و از نمونههای آن در موارد مختلف استفاده کنید. به این ترتیب، با تغییر کامپوننت اصلی همهی نمونههای آن تغییر میکنند. ساختن کامپوننت روشهای مختلفی دارد که میتوانید در این مقاله با آنها آشنا شوید.
۵. صفحههای مختلف را به صورت نمودار جریان (flow diagram) کنار هم بچینید.
به مرور که صفحهها زیاد و پروژهها بزرگ میشوند، ممکن است همهچیز برای همتیمیهای شما یا کلاینتی که دانش فیگما ندارد گیج کننده شود. بنابراین باید همهچیز را مرتب و تمیز نگه داریم.
۶. همیشه برای امنیت بیشتر، یک کپی از فایل اصلی داشته باشید.
روی فایل خود راست کلیک و روی Duplicate کلیک کنید.
در مقاله پایین میتوانید جزئیات بیشتری از مورد مطالب گفته شده را بخوانید:
https://bit.ly/dxgn872
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: نیلوفر موجودی
#Figma
@Dexign فلسفه دیزاین
________
Medium
6 Figma rules to keep your work clean
Figma is one of the amazing design tools and if you use it as your daily design app, you need to learn this things to keep your work clean.
👍2❤1
سه نکته ساده SEO برای بیشتر دیده شدن پورتفولیو
هر روزه، مشتری هدف شما توسط حجم بیپایانی از محتوای آنلاین از طریق تبلیغات، رسانههای اجتماعی و ایمیلها بمباران میشود. چگونه می توانید از میان این شلوغی عبور کنید، راه خود را به صفحه نمایش آنها بیابید و بازدیدها را به سمت پروژههای طراحی خود هدایت کنید؟
در این مقاله به سه نکته برای بیشتر دیده شدن پورتفولیوی شما و جذب مشتری از طریق موتورهای جستجوگری مانند Google, Bing و Pinterest اشاره خواهد شد. شما چه یک طراح گرافیک، یک انیماتور یا یک توسعه دهنده وبسایت باشید، نکات زیر میتواند برای شما مفید باشد.
"پورتفولیوی دیزاین شما به یک استراتژی بازاریابی جهت جذب بازدید کننده و جلب توجه نیاز دارد."
۱- نام محتوای پورتفولیو را به نحوی تغییر دهید که قابل جستجو باشد
اولین گام برای کشف پذیر بودن محتوای پورتفولیو، استفاده از کلیدواژههاست. کلیدواژهها کلمات، عبارات یا سؤالاتی هستند که ما در موتورهای جستجو مانند Google، Yahoo یا Bing تایپ می کنیم تا به کمک آنها پاسخ یا محتوای مورد نظر را بیابیم. استفاده از کلیدواژهها شانس شما را برای دیده شدن در صفحه نتایج جستجو افزایش میدهد.
۲- روایت و مسیر طی شده در هر پروژه را به محتوای تصویری پورتفولیو اضافه کنید
یکی از رایجترین اشتباهاتی که طراحان انجام میدهند، آپلود یک گالری عکس ساده در پورتفولیو است. و از آنجایی که گوگل (هنوز) نمیتواند تصاویر را مانند متن بخواند، محتوای پورتفولیو به خوبی در نتایج ظاهر نمیشود.
اگر میخواهید ترافیک بیشتری به سمت پورتفولیوی خود داشته باشید، به مراجعان وبسایت خود برای هر پروژهای توضیحاتی ارائه دهید. داستان و روایت هر پروژه را بنویسید. برندینگ آنها قبلاً چگونه بوده است؟ دید شما نسبت به مسائل چگونه بود؟ هم روند و هم پیشرفت کارتان را توضیح دهید. به این معنی که دقیقا در هر مرحله از مسیر طراحی چه اتفاقی افتاد؟
۳- محتوای پورتفولیوی خود را به بلاگ تبدیل کنید
معمولا کارفرما قبل از اینکه تصمیم بگیرد یک طراح را استخدام کند، اغلب به دنبال ایدهها، الهامات یا نظرات متخصصان به صورت آنلاین است تا درک بهتری از چیزی که در جستجوی آن است پیدا کند. استفاده از کلیدواژههای تحقیقاتی که در این مرحله بازدیدکننده بیشتری دارند، میتوانند نسبت به محتوای پروژهها، ترافیک بیشتری به ارمغان بیاورند. در این مرحله انتشار مقالات و ساخت بلاگ از جمله کارهایی است که میتوانید جهت جلب کارفرما انجام دهید.
برای مطالعه کامل این مقاله میتوانید از لینک زیر استفاده کنید :
https://bit.ly/dxgn873
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده : فریما فرحمند
#سئو #پورتفولیو #SEO #طراح
@Dexign فلسفه دیزاین
________
هر روزه، مشتری هدف شما توسط حجم بیپایانی از محتوای آنلاین از طریق تبلیغات، رسانههای اجتماعی و ایمیلها بمباران میشود. چگونه می توانید از میان این شلوغی عبور کنید، راه خود را به صفحه نمایش آنها بیابید و بازدیدها را به سمت پروژههای طراحی خود هدایت کنید؟
در این مقاله به سه نکته برای بیشتر دیده شدن پورتفولیوی شما و جذب مشتری از طریق موتورهای جستجوگری مانند Google, Bing و Pinterest اشاره خواهد شد. شما چه یک طراح گرافیک، یک انیماتور یا یک توسعه دهنده وبسایت باشید، نکات زیر میتواند برای شما مفید باشد.
"پورتفولیوی دیزاین شما به یک استراتژی بازاریابی جهت جذب بازدید کننده و جلب توجه نیاز دارد."
۱- نام محتوای پورتفولیو را به نحوی تغییر دهید که قابل جستجو باشد
اولین گام برای کشف پذیر بودن محتوای پورتفولیو، استفاده از کلیدواژههاست. کلیدواژهها کلمات، عبارات یا سؤالاتی هستند که ما در موتورهای جستجو مانند Google، Yahoo یا Bing تایپ می کنیم تا به کمک آنها پاسخ یا محتوای مورد نظر را بیابیم. استفاده از کلیدواژهها شانس شما را برای دیده شدن در صفحه نتایج جستجو افزایش میدهد.
۲- روایت و مسیر طی شده در هر پروژه را به محتوای تصویری پورتفولیو اضافه کنید
یکی از رایجترین اشتباهاتی که طراحان انجام میدهند، آپلود یک گالری عکس ساده در پورتفولیو است. و از آنجایی که گوگل (هنوز) نمیتواند تصاویر را مانند متن بخواند، محتوای پورتفولیو به خوبی در نتایج ظاهر نمیشود.
اگر میخواهید ترافیک بیشتری به سمت پورتفولیوی خود داشته باشید، به مراجعان وبسایت خود برای هر پروژهای توضیحاتی ارائه دهید. داستان و روایت هر پروژه را بنویسید. برندینگ آنها قبلاً چگونه بوده است؟ دید شما نسبت به مسائل چگونه بود؟ هم روند و هم پیشرفت کارتان را توضیح دهید. به این معنی که دقیقا در هر مرحله از مسیر طراحی چه اتفاقی افتاد؟
۳- محتوای پورتفولیوی خود را به بلاگ تبدیل کنید
معمولا کارفرما قبل از اینکه تصمیم بگیرد یک طراح را استخدام کند، اغلب به دنبال ایدهها، الهامات یا نظرات متخصصان به صورت آنلاین است تا درک بهتری از چیزی که در جستجوی آن است پیدا کند. استفاده از کلیدواژههای تحقیقاتی که در این مرحله بازدیدکننده بیشتری دارند، میتوانند نسبت به محتوای پروژهها، ترافیک بیشتری به ارمغان بیاورند. در این مرحله انتشار مقالات و ساخت بلاگ از جمله کارهایی است که میتوانید جهت جلب کارفرما انجام دهید.
برای مطالعه کامل این مقاله میتوانید از لینک زیر استفاده کنید :
https://bit.ly/dxgn873
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده : فریما فرحمند
#سئو #پورتفولیو #SEO #طراح
@Dexign فلسفه دیزاین
________
Dribbble
3 Simple SEO Tips To Get Traffic To Your Design Portfolio | Dribbble
Your design portfolio website shouldn’t just be a portfolio, it should also be a sales tool. Learn 3 SEO tips to help designers make the most of their website.
مدلهای ذهنی در طراحی محصول چرا اهمیت دارند؟
قبل ازینکه پاسخ سؤال بالا را بدهیم، به تعریف مدل ذهنی میپردازیم:
یک مدل ذهنی توضیحی از فرآیند فکری یک فرد، در مورد نحوه عملکرد چیزی در دنیای واقعی است.
درواقع نمایشی از دنیای اطراف، روابط بین بخشهای مختلف آن و ادراک شهودی یک فرد در مورد اعمال خود و پیامدهای آن است.
امروز با مدلهای ذهنی کاربران محصولاتمان آشنا میشویم. ازین جهت این مدلها اهمیت دارند که بر خلاف آنچه دیزاینرها از محصول تجسم میکنند، کاربران نهایی همیشه مدلهای ذهنی خود را که ریشه از سوگیریهای فردی و جهانبینیای که بر روی تجربیات خود دارند، از محصولات ارائه میکنند.
در مقالهی امروز با ۱۰ مورد از آنها به صورت مختصر آشنا میشویم اما پیشنهاد من اینست که لینک مقاله را باز کنید و به صورت کامل آنها را مطالعه کنید تا متوجه شوید دلیل اهمیت هر کدام به هنگام دیزاین یک محصول چیست.
۱. اثر وقف
زمانی که چیزها نیاز است به دست بیایند، ارزش کمتری به آنها اختصاص داده میشود. به عنوان مثال: ممکن است یک بستنی را به قیمت ۵ دلار بفروشید، اما زمانی که در حال خرید آن هستید، بخواهید ۳ دلار برای آن بپردازید.
۲. تعصب وضعیت موجود
روشی جالب برای فراخوانی «پیشفرض» یا «اینرسی». در فیزیک، اینرسی، مقاومت یک جسم برای تغییر حالت سرعت است، یعنی اگر از قبل ساکن باشد، ثابت خواهد ماند. اگر از قبل در حال حرکت است با سرعت ثابت حرکت میکند. هنگامی که ترجیح میدهیم شرایط را حفظ کنیم و پیشفرضها را بپذیریم، همین ویژگی را به شکل سوگیری احساسی نشان میدهیم.
۳. تثبیت عملکردی
این یک سوگیری شناختی است که در آن افراد قادر به تصور یک محصول یا تجربه به روشی جدید نیستند. نوآوری با آنچه «نفرین دانش» نامیده میشود خفه میشود، که در آن مردم آنقدر با چیزی آشنا میشوند که نمیتوانند ویژگیهای سنتی آن را از یاد ببرند تا با چشمانی تازه و آموزش ندیده به آن نگاه کنند. دانیل کانمن این روش شناخت را «تفکر سریع» یا تفکر سیستم ۱ مینامد.
۴. استدلال از اصول اولیه
یکی از راههای اجتناب از تثبیت عملکردی، انتزاع یک مسئله و تفکر در اصول اولیه است. استدلال در اصول اولیه به معنای تجزیه سناریوهای پیچیده به حقایق اساسی و بنیادی و ایجاد یک راهحل پایهای است. ارسطو این ایده را بیش از ۲۰۰۰ سال پیش آغاز کرد و آن را به عنوان "اولین مبنایی که یک چیز از آن شناخته میشود" تعریف کرد.
۵. نفرت از ضرر و زیان
هیچ کس نمیخواهد ببازد. اما جالبتر اینکه مردم ترجیح میدهند که از، از دست دادن چیزی اجتناب کنند تا اینکه چیزی معادل آن را به دست آورند. در روانشناسی رفتاری، بیزاری از دست دادن، پایه و اساس نظریه چشمانداز است: افراد درد ناشی از دست دادن را دو برابر قویتر از لذت به دست آوردن میدانند، بنابراین برای جلوگیری از هرگونه ضرر احتمالی، ریسک بیشتری میکنند.
۶. اثبات اجتماعی
اثبات اجتماعی به این اشاره دارد که چگونه مردم برای تأیید رفتار خود به دیگران نگاه میکنند. یک آزمایش کلاسیک در سال ۱۹۶۲ این ایده را نشان میدهد که آسانسورسواران ناآگاه، وارد آسانسوری میشوند که افراد داخل آن با مسیری اشتباه روبرو شدهاند و آنها به دلیل انطباقپذیری، مسیر اشتباه را دنبال میکنند.
۷. اثر شبکه
یک محصول با افزایش تعداد کاربران آن ارزشمندتر میشود. نباید با "وایرال شدن" اشتباه شود، که در آن سرعت پذیرش به جای ارزش واقعی محصول افزایش مییابد.
۸. جِرم بحرانی
در حالی که اثر شبکه به تناسب با تعداد کاربران افزایش مییابد، جرم بحرانی به عنوان یک مدل ذهنی به ما یادآوری میکند که به آن، بیشتر از یک بازی اعداد نگاه کنیم. در توسعه محصول، جرم بحرانی به سطح پذیرش کاربر مورد نیاز برای ایجاد یک اثر شبکه خودتقویتکننده اشاره دارد، یک نقطه اوج، اگر اراده کنید، در آن، محصول، میتواند خود را در حالت رشد تصاعدی حفظ کند.
۹. لنگر انداختن
لنگر انداختن یک سوگیری شناختی است که در آن ما بر اساس یک ارزش اولیه یا ایده ارائه شده تصمیم میگیریم. به عنوان مثال، یک خانه ممکن است ۵۰۰ هزار دلار ارزش داشته باشد، اما یک لنگر ۱ میلیون دلاری که توسط فروشنده تنظیم شده است ممکن است منجر به پیشنهاداتی از ۸۰۰ تا ۹۰۰ هزار دلار شود.
۱۰. کادربندی
اگر بخواهیم به مدل ذهنی لنگر اضافه کنیم، قاببندی مدلی است که در آن نحوه ارائه اطلاعات، نحوه پردازش آنها را تغییر میدهد. چیزی را در نظر بگیرید که ۹۰٪ چاقکننده است در مقابل دیگری که ۱۰٪ لاغرکننده است، کدام یک سالمتر به نظر میرسد؟
https://bit.ly/dxgn874
(زمان حدودی مطالعه مقاله: ۱۳ دقیقه)
نویسنده: حسین میرزاده
#روانشناسی #طراحی_محصول #مدل_ذهنی #اقتصاد_رفتاری #مدیریت_محصول
@Dexign فلسفه دیزاین
________
قبل ازینکه پاسخ سؤال بالا را بدهیم، به تعریف مدل ذهنی میپردازیم:
یک مدل ذهنی توضیحی از فرآیند فکری یک فرد، در مورد نحوه عملکرد چیزی در دنیای واقعی است.
درواقع نمایشی از دنیای اطراف، روابط بین بخشهای مختلف آن و ادراک شهودی یک فرد در مورد اعمال خود و پیامدهای آن است.
امروز با مدلهای ذهنی کاربران محصولاتمان آشنا میشویم. ازین جهت این مدلها اهمیت دارند که بر خلاف آنچه دیزاینرها از محصول تجسم میکنند، کاربران نهایی همیشه مدلهای ذهنی خود را که ریشه از سوگیریهای فردی و جهانبینیای که بر روی تجربیات خود دارند، از محصولات ارائه میکنند.
در مقالهی امروز با ۱۰ مورد از آنها به صورت مختصر آشنا میشویم اما پیشنهاد من اینست که لینک مقاله را باز کنید و به صورت کامل آنها را مطالعه کنید تا متوجه شوید دلیل اهمیت هر کدام به هنگام دیزاین یک محصول چیست.
۱. اثر وقف
زمانی که چیزها نیاز است به دست بیایند، ارزش کمتری به آنها اختصاص داده میشود. به عنوان مثال: ممکن است یک بستنی را به قیمت ۵ دلار بفروشید، اما زمانی که در حال خرید آن هستید، بخواهید ۳ دلار برای آن بپردازید.
۲. تعصب وضعیت موجود
روشی جالب برای فراخوانی «پیشفرض» یا «اینرسی». در فیزیک، اینرسی، مقاومت یک جسم برای تغییر حالت سرعت است، یعنی اگر از قبل ساکن باشد، ثابت خواهد ماند. اگر از قبل در حال حرکت است با سرعت ثابت حرکت میکند. هنگامی که ترجیح میدهیم شرایط را حفظ کنیم و پیشفرضها را بپذیریم، همین ویژگی را به شکل سوگیری احساسی نشان میدهیم.
۳. تثبیت عملکردی
این یک سوگیری شناختی است که در آن افراد قادر به تصور یک محصول یا تجربه به روشی جدید نیستند. نوآوری با آنچه «نفرین دانش» نامیده میشود خفه میشود، که در آن مردم آنقدر با چیزی آشنا میشوند که نمیتوانند ویژگیهای سنتی آن را از یاد ببرند تا با چشمانی تازه و آموزش ندیده به آن نگاه کنند. دانیل کانمن این روش شناخت را «تفکر سریع» یا تفکر سیستم ۱ مینامد.
۴. استدلال از اصول اولیه
یکی از راههای اجتناب از تثبیت عملکردی، انتزاع یک مسئله و تفکر در اصول اولیه است. استدلال در اصول اولیه به معنای تجزیه سناریوهای پیچیده به حقایق اساسی و بنیادی و ایجاد یک راهحل پایهای است. ارسطو این ایده را بیش از ۲۰۰۰ سال پیش آغاز کرد و آن را به عنوان "اولین مبنایی که یک چیز از آن شناخته میشود" تعریف کرد.
۵. نفرت از ضرر و زیان
هیچ کس نمیخواهد ببازد. اما جالبتر اینکه مردم ترجیح میدهند که از، از دست دادن چیزی اجتناب کنند تا اینکه چیزی معادل آن را به دست آورند. در روانشناسی رفتاری، بیزاری از دست دادن، پایه و اساس نظریه چشمانداز است: افراد درد ناشی از دست دادن را دو برابر قویتر از لذت به دست آوردن میدانند، بنابراین برای جلوگیری از هرگونه ضرر احتمالی، ریسک بیشتری میکنند.
۶. اثبات اجتماعی
اثبات اجتماعی به این اشاره دارد که چگونه مردم برای تأیید رفتار خود به دیگران نگاه میکنند. یک آزمایش کلاسیک در سال ۱۹۶۲ این ایده را نشان میدهد که آسانسورسواران ناآگاه، وارد آسانسوری میشوند که افراد داخل آن با مسیری اشتباه روبرو شدهاند و آنها به دلیل انطباقپذیری، مسیر اشتباه را دنبال میکنند.
۷. اثر شبکه
یک محصول با افزایش تعداد کاربران آن ارزشمندتر میشود. نباید با "وایرال شدن" اشتباه شود، که در آن سرعت پذیرش به جای ارزش واقعی محصول افزایش مییابد.
۸. جِرم بحرانی
در حالی که اثر شبکه به تناسب با تعداد کاربران افزایش مییابد، جرم بحرانی به عنوان یک مدل ذهنی به ما یادآوری میکند که به آن، بیشتر از یک بازی اعداد نگاه کنیم. در توسعه محصول، جرم بحرانی به سطح پذیرش کاربر مورد نیاز برای ایجاد یک اثر شبکه خودتقویتکننده اشاره دارد، یک نقطه اوج، اگر اراده کنید، در آن، محصول، میتواند خود را در حالت رشد تصاعدی حفظ کند.
۹. لنگر انداختن
لنگر انداختن یک سوگیری شناختی است که در آن ما بر اساس یک ارزش اولیه یا ایده ارائه شده تصمیم میگیریم. به عنوان مثال، یک خانه ممکن است ۵۰۰ هزار دلار ارزش داشته باشد، اما یک لنگر ۱ میلیون دلاری که توسط فروشنده تنظیم شده است ممکن است منجر به پیشنهاداتی از ۸۰۰ تا ۹۰۰ هزار دلار شود.
۱۰. کادربندی
اگر بخواهیم به مدل ذهنی لنگر اضافه کنیم، قاببندی مدلی است که در آن نحوه ارائه اطلاعات، نحوه پردازش آنها را تغییر میدهد. چیزی را در نظر بگیرید که ۹۰٪ چاقکننده است در مقابل دیگری که ۱۰٪ لاغرکننده است، کدام یک سالمتر به نظر میرسد؟
https://bit.ly/dxgn874
(زمان حدودی مطالعه مقاله: ۱۳ دقیقه)
نویسنده: حسین میرزاده
#روانشناسی #طراحی_محصول #مدل_ذهنی #اقتصاد_رفتاری #مدیریت_محصول
@Dexign فلسفه دیزاین
________
Medium
Mental models in product design
Mental models are explanations of how we see the world. They influence product design every step of the way from the conception of an idea…
چگونه Wireframe طراحی کنید حتی اگر مهارت ترسیم ندارید!
مرحله طراحی Wireframe در طراحی رابط کاربری علاوه بر روشن کردن مسیر کاربر در استفاده از سرویس، طرحبندی صفحه، سلسه مراتب و اولویتبندی و حتی المانهای تعاملی را به تصویر میکشد. حتی افرادی که تواناییهای طراحی محدودی دارند، میتوانند در صورت یادگیری چند قانون رایج که برای نمایش عناصر مختلف طراحی استفاده میشوند، ترسیم Wireframe را بیاموزند.
- در مقاله پیش رو برای سادهسازی طراحی یک Wireframe راهنمایی برای طراحان در ۴ مرحله ارائه شده است.
مرحله ۱: شناسایی نسبت ابعاد محیط طراحی
این نسبت لازم نیست دقیق باشد. به خصوص اگر با دست طراحی میکنید.
- مرحله ۲: ترسیم Navigation
اگر در طراحی خود از Navigation و یا جستجو استفاده میکنید و حتی اگر این موضوع الگویی ثابت در طراحی صفحات شماست ابتدا به سراغ آن بروید.
- مرحله ۳: بزرگترین عناصر و المانها را در طراحی خود شناسایی کرده و ترسیم کنید
در این مرحله باید بر روی ترسیم المانهای اصلی در ایده خود تمرکز کنید؛ مانند بنرها، تصاویر، سکشنهای اصلی و ...
به عنوان مثال تصاویر معمولا توسط یک مستطیل با یک علامت ضربدر در درون آنها به تصویر کشیده میشوند.
- مرحله ۴: ترسیم جزییات باقی مانده
به طور معمول این جزییات اجزای تعاملی ایدهای هستند که شما در حال طراحی آن هستید. مانند دکمهها، چکباکسها، دکمههای رادیویی، دراپداونها و ...
فراموش نکنید که در طراحی این جزییات حتما Call To Action ها را برای نمایش قابلیت انتخاب و عملکردها در نظر بگیرید، چرا که باعث میشوند دیگران ایده طراحی شدهی شما را درک کنند.
به طور مثال باکسهای دیالوگ با نشان دادن یک عنوان و یک الی دو خط متن به همراه یک دکمه بستن ترسیم میشوند.
در نهایت با شکستن یک Wireframe به این مراحل و با در کنار هم قرار دادن این اجزای طراحی شده به سادگی یک Wireframe برای به نمایش درآوردن ایده خود خواهید داشت.
اگر بلد نیستید ترسیم کنید ولی قصد طراحی یک Wireframe را دارید این مقاله را مطالعه کرده و در ادامهی آن مثالی را با جزییات بیشتر مشاهده کنید.
https://bit.ly/dxgn875
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: رشید مسعودی
#رابطکاربری #تجربه_کاربری #وایرفریم
@Dexign فلسفه دیزاین
________
مرحله طراحی Wireframe در طراحی رابط کاربری علاوه بر روشن کردن مسیر کاربر در استفاده از سرویس، طرحبندی صفحه، سلسه مراتب و اولویتبندی و حتی المانهای تعاملی را به تصویر میکشد. حتی افرادی که تواناییهای طراحی محدودی دارند، میتوانند در صورت یادگیری چند قانون رایج که برای نمایش عناصر مختلف طراحی استفاده میشوند، ترسیم Wireframe را بیاموزند.
- در مقاله پیش رو برای سادهسازی طراحی یک Wireframe راهنمایی برای طراحان در ۴ مرحله ارائه شده است.
مرحله ۱: شناسایی نسبت ابعاد محیط طراحی
این نسبت لازم نیست دقیق باشد. به خصوص اگر با دست طراحی میکنید.
- مرحله ۲: ترسیم Navigation
اگر در طراحی خود از Navigation و یا جستجو استفاده میکنید و حتی اگر این موضوع الگویی ثابت در طراحی صفحات شماست ابتدا به سراغ آن بروید.
- مرحله ۳: بزرگترین عناصر و المانها را در طراحی خود شناسایی کرده و ترسیم کنید
در این مرحله باید بر روی ترسیم المانهای اصلی در ایده خود تمرکز کنید؛ مانند بنرها، تصاویر، سکشنهای اصلی و ...
به عنوان مثال تصاویر معمولا توسط یک مستطیل با یک علامت ضربدر در درون آنها به تصویر کشیده میشوند.
- مرحله ۴: ترسیم جزییات باقی مانده
به طور معمول این جزییات اجزای تعاملی ایدهای هستند که شما در حال طراحی آن هستید. مانند دکمهها، چکباکسها، دکمههای رادیویی، دراپداونها و ...
فراموش نکنید که در طراحی این جزییات حتما Call To Action ها را برای نمایش قابلیت انتخاب و عملکردها در نظر بگیرید، چرا که باعث میشوند دیگران ایده طراحی شدهی شما را درک کنند.
به طور مثال باکسهای دیالوگ با نشان دادن یک عنوان و یک الی دو خط متن به همراه یک دکمه بستن ترسیم میشوند.
در نهایت با شکستن یک Wireframe به این مراحل و با در کنار هم قرار دادن این اجزای طراحی شده به سادگی یک Wireframe برای به نمایش درآوردن ایده خود خواهید داشت.
اگر بلد نیستید ترسیم کنید ولی قصد طراحی یک Wireframe را دارید این مقاله را مطالعه کرده و در ادامهی آن مثالی را با جزییات بیشتر مشاهده کنید.
https://bit.ly/dxgn875
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: رشید مسعودی
#رابطکاربری #تجربه_کاربری #وایرفریم
@Dexign فلسفه دیزاین
________
Nielsen Norman Group
How to Draw a Wireframe (Even if You Can’t Draw)
Even people with limited drawing abilities can learn to sketch a wireframe if they learn a few common conventions used to represent various design elements.
تبدیل ایدهها به صفحات
۳ نکته برای پیشرفت در طراحی وایرفریمها و اینتراکشنها
وقتی زمان تبدیل ایدهها به صفحات میرسد و بالاخره به بخشی رسیدهاید که میتوانید واقعا چیزی طراحی کنید، ممکن است هیجانزده شوید و یا احساس آرامش کنید.
اگر احساس اضطراب میکنید و نمیدانید از کجا شروع کنید، مقاله زیر ممکن است سردرگمی شما را کمتر کند و از طرف دیگر اگر احساس آرامش میکنید، میتواند به شما کمک کند تا در مورد روند طی شده بیشتر فکر کنید و شما را تشویق کند تا به تمام اینتراکشنهایی که طراحی میکنید، زمان بیشتری اختصاص دهید.
قبل از شروع توجه کنید که: اجزای وایرفریمها باید تفکیکپذیر باشند و زیبایی و یکپارچگی ظاهری در طراحی آنها اهمیت ندارد.
فرآیند دیزاین تکرار شونده است؛ شما دائماً تحلیل میکنید، تصمیم میگیرید، دوباره تنظیم میکنید و آزمایش میکنید. همه اینها در این مرحله نیز صدق میکند. با این حال، گاهاً ما درباره وایرفریم ها زیاد بحث و تحلیل نمیکنیم و حتی ممکن است به طور کامل از این فرآیند تکرارشونده صرف نظر کنیم.
هدف وایرفریمها تسهیل روند تحلیل و اعمال تغییرات است؛ بدون آنکه نگرانی زیادی درباره کار یا زمانی که از دست میدهید داشته باشید در نتیجه زیبایی در آن مورد توجه نیست.
۱. کم جزئیات بودن (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