چگونه فیدبک واقعی از عملکردمان بگیریم؟
۹ راه برای اینکه بتوانیم از کمک مربیها استفاده و ارتقا پیدا کنیم.
فیدبک دادن و گرفتن، هردو گاهی اوقات ترسناکند. اما واقعیت این است که ما برای پیشرفت نیاز به فیدبک در مورد کارمان داریم. فیدبک مثبت نشان میدهد چه کاری را باید بیشتر انجام دهیم و فیدبک منفی به ما میگوید چه کاری را نباید انجام بدهیم.
مثل هر مهارت دیگری، فیدبک دادن و گرفتن نیز نیاز به تمرین دارد.
۱. از اطرافیان فیدبک بخواهید.
به اطرافیانتان کمک کنید که بتوانند به شما کمک کنند! با درخواست فیدبک این سیگنال را میدهید که میخواهید پیشرفت کنید. با این کار فیدبکهای به دردبخور و مطمئنی دریافت خواهید کرد.
نکته مهم این که سوالتان باید پایان باز داشته باشد. مثلا نپرسید " آیا من مدیر محصول خوبی هستم؟" بلکه اینطور سوالتان را مطرح کنید: " به نظر شما چه کارهایی میتوانم انجام دهم که مدیر محصول بهتری باشم؟"
۲. فعالانه گوش کنید.
وقتی دیگران به شما فیدبک میدهند با تمام توجهتان به آنها گوش بدهید. وقتی صحبتهای مخاطبتان را مشتاقانه گوش نمیکنید او به راحتی متوجه میشود و طبیعتا تمایل ندارد برای بار دوم به شما فیدبک بدهد.
۳. به مخاطبتان نشان دهید که فیدبک او را میشنوید.
بعد از اینکه فعالانه به فیدبکها گوش دادید، باید به او نشان دهید که متوجه حرفهایش شدهاید. برای این کار راههای زیادی وجود دارد، از جمله:
ـ سوالهای پایان باز بپرسید.
ـ از او توضیحات بیشتر بخواهید.
ـ صحبتهای او را با عبارات دیگر تکرار کنید.
ـ خلاصه صحبتهایش را تکرار کنید.
۴. از فیدبک دهنده تشکر کنید.
همیشه از صمیم قلب از فیدبک دهنده تشکر کنید، حتی اگر فیدبکی که گرفتهاید شما را ناراحت کرده است یا با آن موافق نیستید. حتی اگر فیدبک دهنده بلد نبود به درستی فیدبک بدهد و باعث آزار شما شد، محترمانه قدردانی خود را نشان دهید چرا که او تلاش کرده به رشد شما کمک کند.
۵. حالت تدافعی نگیرید.
هرگز در مقابل فیدبک گارد نگیرید و شروع به بحث نکنید. قطعا زمانهایی خواهد بود که شما با فیدبکی که گرفتهاید موافق نیستید. ولی توجه داشته باشید که خواستن فیدبک با دوست داشتن آن متفاوت است! قرار نیست همهی فیدبکها را دوست داشته باشید.
وقتی فیدبکی دریافت میکنید که از نظر شما منطقی نیست، سعی کنید با زاویه دید طرف مقابل به مساله نگاه کنید. حتی اگر باعث نشود که با فیدبک موافقت کنید، تمرین خوبی است برای اینکه بتوانید نگرش آدمهای مختلف را بهتر بشناسید.
نکته مهم اینکه اگر فیدبک را نفهمیدید یا با آن مخالف بودید، هیچ اشکالی ندارد که در مورد آن صحبت کنید. فقط مراقب باشید که کاملا محترمانه این کار را انجام دهید و گارد دفاعی نگیرید. مثلا میتوانید صحبت خود را اینطور شروع کنید: "از فیدبکی که دادید ممنونم و میخواهم روی آن کار کنم. میتوانید کمک کنید که بهتر متوجه منظور شما بشوم؟ ..... "
۶. فیدبکها را اولویت بندی کنید.
طبیعتا نمیتوانیم برای هر فیدبکی اقدام کنیم. بیشتر تمرکزتان را روی مهمترین فیدبکهای کسانی که نقش کلیدی روی کار شما دارند، بگذارید.
در ادامهی این مقاله نکات کاربردی دیگری به موارد ذکر شده در بالا، اضافه میشود. به علاوه همهی نکات به تفصیل شرح داده شدهاند.
اگر مایلید مهارت خود را در فیدبک گرفتن افزایش دهید، مطالعه این مقاله را به شما پیشنهاد میکنم.
https://bit.ly/dxgn915
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: عاطفه صفری
#فیدبک #مسیرشغلی #بازخورد
@Dexign فلسفه دیزاین
_______
۹ راه برای اینکه بتوانیم از کمک مربیها استفاده و ارتقا پیدا کنیم.
فیدبک دادن و گرفتن، هردو گاهی اوقات ترسناکند. اما واقعیت این است که ما برای پیشرفت نیاز به فیدبک در مورد کارمان داریم. فیدبک مثبت نشان میدهد چه کاری را باید بیشتر انجام دهیم و فیدبک منفی به ما میگوید چه کاری را نباید انجام بدهیم.
مثل هر مهارت دیگری، فیدبک دادن و گرفتن نیز نیاز به تمرین دارد.
۱. از اطرافیان فیدبک بخواهید.
به اطرافیانتان کمک کنید که بتوانند به شما کمک کنند! با درخواست فیدبک این سیگنال را میدهید که میخواهید پیشرفت کنید. با این کار فیدبکهای به دردبخور و مطمئنی دریافت خواهید کرد.
نکته مهم این که سوالتان باید پایان باز داشته باشد. مثلا نپرسید " آیا من مدیر محصول خوبی هستم؟" بلکه اینطور سوالتان را مطرح کنید: " به نظر شما چه کارهایی میتوانم انجام دهم که مدیر محصول بهتری باشم؟"
۲. فعالانه گوش کنید.
وقتی دیگران به شما فیدبک میدهند با تمام توجهتان به آنها گوش بدهید. وقتی صحبتهای مخاطبتان را مشتاقانه گوش نمیکنید او به راحتی متوجه میشود و طبیعتا تمایل ندارد برای بار دوم به شما فیدبک بدهد.
۳. به مخاطبتان نشان دهید که فیدبک او را میشنوید.
بعد از اینکه فعالانه به فیدبکها گوش دادید، باید به او نشان دهید که متوجه حرفهایش شدهاید. برای این کار راههای زیادی وجود دارد، از جمله:
ـ سوالهای پایان باز بپرسید.
ـ از او توضیحات بیشتر بخواهید.
ـ صحبتهای او را با عبارات دیگر تکرار کنید.
ـ خلاصه صحبتهایش را تکرار کنید.
۴. از فیدبک دهنده تشکر کنید.
همیشه از صمیم قلب از فیدبک دهنده تشکر کنید، حتی اگر فیدبکی که گرفتهاید شما را ناراحت کرده است یا با آن موافق نیستید. حتی اگر فیدبک دهنده بلد نبود به درستی فیدبک بدهد و باعث آزار شما شد، محترمانه قدردانی خود را نشان دهید چرا که او تلاش کرده به رشد شما کمک کند.
۵. حالت تدافعی نگیرید.
هرگز در مقابل فیدبک گارد نگیرید و شروع به بحث نکنید. قطعا زمانهایی خواهد بود که شما با فیدبکی که گرفتهاید موافق نیستید. ولی توجه داشته باشید که خواستن فیدبک با دوست داشتن آن متفاوت است! قرار نیست همهی فیدبکها را دوست داشته باشید.
وقتی فیدبکی دریافت میکنید که از نظر شما منطقی نیست، سعی کنید با زاویه دید طرف مقابل به مساله نگاه کنید. حتی اگر باعث نشود که با فیدبک موافقت کنید، تمرین خوبی است برای اینکه بتوانید نگرش آدمهای مختلف را بهتر بشناسید.
نکته مهم اینکه اگر فیدبک را نفهمیدید یا با آن مخالف بودید، هیچ اشکالی ندارد که در مورد آن صحبت کنید. فقط مراقب باشید که کاملا محترمانه این کار را انجام دهید و گارد دفاعی نگیرید. مثلا میتوانید صحبت خود را اینطور شروع کنید: "از فیدبکی که دادید ممنونم و میخواهم روی آن کار کنم. میتوانید کمک کنید که بهتر متوجه منظور شما بشوم؟ ..... "
۶. فیدبکها را اولویت بندی کنید.
طبیعتا نمیتوانیم برای هر فیدبکی اقدام کنیم. بیشتر تمرکزتان را روی مهمترین فیدبکهای کسانی که نقش کلیدی روی کار شما دارند، بگذارید.
در ادامهی این مقاله نکات کاربردی دیگری به موارد ذکر شده در بالا، اضافه میشود. به علاوه همهی نکات به تفصیل شرح داده شدهاند.
اگر مایلید مهارت خود را در فیدبک گرفتن افزایش دهید، مطالعه این مقاله را به شما پیشنهاد میکنم.
https://bit.ly/dxgn915
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: عاطفه صفری
#فیدبک #مسیرشغلی #بازخورد
@Dexign فلسفه دیزاین
_______
Medium
How to get real performance feedback
9 ways to be more “coachable” and work towards leveling up
👍6
۳ اشتباه رایج در پورتفولیو طراحان
گاهی اوقات اشتباهات کوچک اما مهم در پورتفولیوها باعث رد شدن طراحان در مسیر استخدام،میشود. پورتفولیو هر طراح علاوه بر به نمايش گذاشتن نمونه کارهای فرد خودش نیز یک نمونه کار مهم به حساب میآید و لازم است که تمام خلاقیت، دقت و توجهای که برای طراحی محصولات به کار گرفته میشود برای پورتفولیو نیز انجام شود.
یکی از مهمترین مواردی که باید در سراسر کار دیده شود داشتن لیاوت است، این لیاوت یک محصول است که اولین برداشتها را رقم میزند و میتوان مردم را به طرف خود بکشاند و یا از خود براند. اما در کنار لیاوت نوشتهها، داستانسرایی و منطق پشت هر کار و نوشتهای نیز بسیار مهم است.
و در آخر یک پورتفولیوی متوسط میتواند شغلی برای شما ایجاد کند، اما نمونهکاری که جایی به نمایش در نیامده، نمیتواند. به یاد داشته باشید داشتن یک نسخه ناقص از نمونه کارها که قابل مشاهده باشد، بینهایت ارزشمندتر از یک پروژه مخفی است که برای همیشه در پیشنویسهای شما قرار می گیرد.
اجازه ندهید که کمالگرایی جلوی چیزهای خوب را بگیرد این نکتهاست که بسیاری از طراحانی که تازه قصد وارد شدن به بازار کار را دارند انجام میدهند و من در گذشته جزئی از این دسته بودم.
در این مقدمه به نتیجهای از اشتباهات اشاره شده است که شما میتوانید به طور کامل و مفصل در لینک زیر درباره آنها مطالعه کنید.
https://bit.ly/dxgn916
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۴ دقيقه)
#پورتفولیو #طراحی_محصول #UX
@Dexign فلسفه دیزاین
_______
گاهی اوقات اشتباهات کوچک اما مهم در پورتفولیوها باعث رد شدن طراحان در مسیر استخدام،میشود. پورتفولیو هر طراح علاوه بر به نمايش گذاشتن نمونه کارهای فرد خودش نیز یک نمونه کار مهم به حساب میآید و لازم است که تمام خلاقیت، دقت و توجهای که برای طراحی محصولات به کار گرفته میشود برای پورتفولیو نیز انجام شود.
یکی از مهمترین مواردی که باید در سراسر کار دیده شود داشتن لیاوت است، این لیاوت یک محصول است که اولین برداشتها را رقم میزند و میتوان مردم را به طرف خود بکشاند و یا از خود براند. اما در کنار لیاوت نوشتهها، داستانسرایی و منطق پشت هر کار و نوشتهای نیز بسیار مهم است.
و در آخر یک پورتفولیوی متوسط میتواند شغلی برای شما ایجاد کند، اما نمونهکاری که جایی به نمایش در نیامده، نمیتواند. به یاد داشته باشید داشتن یک نسخه ناقص از نمونه کارها که قابل مشاهده باشد، بینهایت ارزشمندتر از یک پروژه مخفی است که برای همیشه در پیشنویسهای شما قرار می گیرد.
اجازه ندهید که کمالگرایی جلوی چیزهای خوب را بگیرد این نکتهاست که بسیاری از طراحانی که تازه قصد وارد شدن به بازار کار را دارند انجام میدهند و من در گذشته جزئی از این دسته بودم.
در این مقدمه به نتیجهای از اشتباهات اشاره شده است که شما میتوانید به طور کامل و مفصل در لینک زیر درباره آنها مطالعه کنید.
https://bit.ly/dxgn916
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۴ دقيقه)
#پورتفولیو #طراحی_محصول #UX
@Dexign فلسفه دیزاین
_______
Medium
Three Most Common Mistakes UX Designers Make On Their Portfolios
Number 3 is the reason you’re struggling to get a job
👍5
نقش شخصیت در دیزاین
وقتی صحبت از شخصیت به میان میآید نقش آن در ارتباط با دیگران به ذهن متبادرد میشود، در حالی که شخصیت در طراحی اهمیت بسیار زیادی دارد. شخصیت ما سازنده هویتی است که از خود به دیگران نشان میدهیم. در زمان طراحی بخصوص زمانی که در حال کار بر روی پروژههای زیادی هستیم، مسئله نشان دادن مهارتها نیست بلکه اضافه کردن بخشی از شخصیت و هویت در پروژهها است. در ادامه درباره تاثیر شخصیت در حوزههای مختلف دیزاین صحبت میکنیم.
۱. طراحی وبسایت
چیزی که باعث میشود یک وب سایت خوب باشد طراحی قابل فهم و با ناوبری مناسب است. اما مسئلهای که باعث میشود یک طراحی عالی باشد اضافه کردن ویژگیهای شخصیتی است که در تایپوگرافی و طراحی بصری و تعاملها خود را نشان میدهد.
۲. طراحی داخلی
در طراحی داخلی منزل و یا هر محیط دیگری بیش از هر بخش دیگری از طراحی با احساسات ما درگیر است و شخصیت در طراحی در آن اهمیت پیدا میکند. شخصیتهای مختلف باعث میشود تا استایلهای متفاوتی را در طراحی انتخاب کنیم که هر یک نشان دهنده یک حس و حال متفاوت خواهد بود.
۳. طراحی گرافیک
هویت و شخصیت در طراحی گرافیک به سازمانها اجازه میدهد تا یک هویت برند مشخص برای خود بوجود بیاورند و بوسیله آن با مخاطبان خود ارتباط برقرار کنند.
۴. هنرهای زیبا
بهترین مثال برای نشان دادن تاثیر شخصیت در هنرهای زیبا را میتوان به دورهای از زندگی هنری پیکاسو اشاره کرد که در تمامی نقاشیهای خود از رنگ آبی استفاده میکرده که مرتبط با حس افسردگی است که در آن زمان به آن مبتلا بوده.
۵. طراحی بوسیله شخصیت
زمینههای مختلف طراحی به روشهای مختلفی به شخصیت در طراحی نگاه میکنند با این حال همگی به آن توجه میکنند.
https://bit.ly/dxgn917
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #شخصیت
@Dexign فلسفه دیزاین
_______
وقتی صحبت از شخصیت به میان میآید نقش آن در ارتباط با دیگران به ذهن متبادرد میشود، در حالی که شخصیت در طراحی اهمیت بسیار زیادی دارد. شخصیت ما سازنده هویتی است که از خود به دیگران نشان میدهیم. در زمان طراحی بخصوص زمانی که در حال کار بر روی پروژههای زیادی هستیم، مسئله نشان دادن مهارتها نیست بلکه اضافه کردن بخشی از شخصیت و هویت در پروژهها است. در ادامه درباره تاثیر شخصیت در حوزههای مختلف دیزاین صحبت میکنیم.
۱. طراحی وبسایت
چیزی که باعث میشود یک وب سایت خوب باشد طراحی قابل فهم و با ناوبری مناسب است. اما مسئلهای که باعث میشود یک طراحی عالی باشد اضافه کردن ویژگیهای شخصیتی است که در تایپوگرافی و طراحی بصری و تعاملها خود را نشان میدهد.
۲. طراحی داخلی
در طراحی داخلی منزل و یا هر محیط دیگری بیش از هر بخش دیگری از طراحی با احساسات ما درگیر است و شخصیت در طراحی در آن اهمیت پیدا میکند. شخصیتهای مختلف باعث میشود تا استایلهای متفاوتی را در طراحی انتخاب کنیم که هر یک نشان دهنده یک حس و حال متفاوت خواهد بود.
۳. طراحی گرافیک
هویت و شخصیت در طراحی گرافیک به سازمانها اجازه میدهد تا یک هویت برند مشخص برای خود بوجود بیاورند و بوسیله آن با مخاطبان خود ارتباط برقرار کنند.
۴. هنرهای زیبا
بهترین مثال برای نشان دادن تاثیر شخصیت در هنرهای زیبا را میتوان به دورهای از زندگی هنری پیکاسو اشاره کرد که در تمامی نقاشیهای خود از رنگ آبی استفاده میکرده که مرتبط با حس افسردگی است که در آن زمان به آن مبتلا بوده.
۵. طراحی بوسیله شخصیت
زمینههای مختلف طراحی به روشهای مختلفی به شخصیت در طراحی نگاه میکنند با این حال همگی به آن توجه میکنند.
https://bit.ly/dxgn917
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #شخصیت
@Dexign فلسفه دیزاین
_______
Medium
The role of personality in design
Personality has a significant effect on our decision-making process, and thus, it can be a powerful tool to use in design.
👍4
جعبه ابزار تصمیمگیری برای طراحان UX و طراحان محصول
به عنوان طراح، ما اغلب تمایل داریم افراد را در اولویت قرار دهیم. به همین دلیل، هدف را ساخت محصولاتی قرار میدهیم که نیازها و خواستههای آنها را برآورده کند. اشکال کار اینجاست که در مسیر همدلی با افرادی که از محصولات و خدمات ما استفاده میکنند، گاهی اوقات جنبه تجاری چیزها را نادیده میگیریم.
کسب و کارها اساساً برای کسب درآمد وجود دارند. آنها شما را به عنوان یک طراح استخدام میکنند تا علاوهبر حل مشکلات کاربران، محصولاتی طراحی کنید که منجر به کسب درآمد شود. ممکن است راهحلی عالی برای رفع نیازها و خواستههای کاربران خود داشته باشید، اما از نظر تجاری بهترین راهحل نباشد.
به این ترتیب، یک طراح عالی باید راهحلهای طراحی پیدا کند که هم برای کاربران و هم برای کسبوکار کار مفید باشد. ممکن است این راهحلها جذابترین راهحلها نباشند، اما راهحلهای «درست» هستند!
این مقاله به طور مفصل ١٠ نکته را برای رسیدن به چنین راهحلی شرح میدهد که ما در این مطلب آنها را به صورت موردی بیان میکنیم:
١. بیشتر از نکات مثبت، بر معایب تمرکز کنید.
٢. مشخصههای ایدهآل راهحل را تعریف کنید.
٣. بر ارزشهای تجربی اساسی و منسجم تکیه کنید.
۴. به سمت الگوهای تثبیتشده متمایل شوید.
۵. تلاش لازم برای پیادهسازی هر راهحل را برآورد کنید.
۶. هزینه بازگشت از هر راهحل را تخمین بزنید.
٧. قانون ٢٠/٨٠ را فراموش نکنید.
٨. راهحلها را از نظر چشمانداز بلند مدت و اهداف کوتاه مدت ارزیابی کنید.
٩. در هر مرحله از فرآیند طراحی، از دادهها و تحقیقات استفاده کنید.
١٠. سیال بودن طرحها را تست کنید.
برای خواندن توضیحات و مثالهای هر مورد میتوانید لینک زیر را مطالعه کنید:
https://bit.ly/dxgn918
(زمان حدودی مطالعه: ١٠ دقیقه)
نویسنده: نیلوفر موجودی
#تصمیمگیری
@Dexign فلسفه دیزاین
_______
به عنوان طراح، ما اغلب تمایل داریم افراد را در اولویت قرار دهیم. به همین دلیل، هدف را ساخت محصولاتی قرار میدهیم که نیازها و خواستههای آنها را برآورده کند. اشکال کار اینجاست که در مسیر همدلی با افرادی که از محصولات و خدمات ما استفاده میکنند، گاهی اوقات جنبه تجاری چیزها را نادیده میگیریم.
کسب و کارها اساساً برای کسب درآمد وجود دارند. آنها شما را به عنوان یک طراح استخدام میکنند تا علاوهبر حل مشکلات کاربران، محصولاتی طراحی کنید که منجر به کسب درآمد شود. ممکن است راهحلی عالی برای رفع نیازها و خواستههای کاربران خود داشته باشید، اما از نظر تجاری بهترین راهحل نباشد.
به این ترتیب، یک طراح عالی باید راهحلهای طراحی پیدا کند که هم برای کاربران و هم برای کسبوکار کار مفید باشد. ممکن است این راهحلها جذابترین راهحلها نباشند، اما راهحلهای «درست» هستند!
این مقاله به طور مفصل ١٠ نکته را برای رسیدن به چنین راهحلی شرح میدهد که ما در این مطلب آنها را به صورت موردی بیان میکنیم:
١. بیشتر از نکات مثبت، بر معایب تمرکز کنید.
٢. مشخصههای ایدهآل راهحل را تعریف کنید.
٣. بر ارزشهای تجربی اساسی و منسجم تکیه کنید.
۴. به سمت الگوهای تثبیتشده متمایل شوید.
۵. تلاش لازم برای پیادهسازی هر راهحل را برآورد کنید.
۶. هزینه بازگشت از هر راهحل را تخمین بزنید.
٧. قانون ٢٠/٨٠ را فراموش نکنید.
٨. راهحلها را از نظر چشمانداز بلند مدت و اهداف کوتاه مدت ارزیابی کنید.
٩. در هر مرحله از فرآیند طراحی، از دادهها و تحقیقات استفاده کنید.
١٠. سیال بودن طرحها را تست کنید.
برای خواندن توضیحات و مثالهای هر مورد میتوانید لینک زیر را مطالعه کنید:
https://bit.ly/dxgn918
(زمان حدودی مطالعه: ١٠ دقیقه)
نویسنده: نیلوفر موجودی
#تصمیمگیری
@Dexign فلسفه دیزاین
_______
Medium
Decision-making toolkit for UX and product designers
How to form strong opinions and confidently propose the ‘right’ design solutions
👍7❤2
آیا برای تبدیل شدن به طراح تجربه کاربری مدرک دانشگاهی لازم داریم؟
از آنجا که UX حوزه نسبتا جدیدیست، رشته دانشگاهی مخصوص به خود ندارد. اما رشتههایی مثل تعامل انسان و کامپیوتر (Human-Computer Interaction)، طراحی تعاملی و معماری اطلاعات همپوشانی زیادی با UX دارند. همچین اگر به تحصیلات آکادمیک علاقهمندید رشتههایی مثل روانشناسی، مردمشناسی، طراحی صنعتی و علوم کامپیوتر تا حد زیادی میتوانند شما را برای طراحی UX آماده کنند.
اما سوال مهمتر این است که اصلا مدرک دانشگاهی چقدر در طراح UX شدن موثر است؟
این مقاله بیان میکند که گرچه ورود به این حوزه و پیشرفت در آن بدون مدرک دانشگاهی امکانپذیر است اما ممکن است اولویت کارفرماها کاندیدهایی باشند که حداقل مدرک لیسانس دارند.
در این خصوص جالب است بدانید که ۸۲٪ از طراحانی که گروه Nielson Norman Group مورد بررسی قرار دادهاند حداقل دارای مدرک لیسانس بودهاند.
این مقاله در ادامه، مسیرهای جایگزین تحصیلات آکادمیک را برمیشمارد که از جمله آن میتوان به گرفتن سرتیفیکیت از سایتهای معتبر، خودآموزی و کسب تجربه در مشاغلی مثل طراحی گرافیک، کپی رایتینگ و خدمات مشتری اشاره کرد.
لینک مقاله:
https://bit.ly/dxgn919
همچنین اگر در ابتدای مسیر جذاب طراحی تجربه کاربری ایستادهاید و قصد دارید به صورت خودآموز پیش بروید، این پست کانال درباره منابع یادگیری دیزاین نیز برای شما مفید است.
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر موجودی
#UX
#طراحی_تجربه_کاربری
@Dexign فلسفه دیزاین
_______
از آنجا که UX حوزه نسبتا جدیدیست، رشته دانشگاهی مخصوص به خود ندارد. اما رشتههایی مثل تعامل انسان و کامپیوتر (Human-Computer Interaction)، طراحی تعاملی و معماری اطلاعات همپوشانی زیادی با UX دارند. همچین اگر به تحصیلات آکادمیک علاقهمندید رشتههایی مثل روانشناسی، مردمشناسی، طراحی صنعتی و علوم کامپیوتر تا حد زیادی میتوانند شما را برای طراحی UX آماده کنند.
اما سوال مهمتر این است که اصلا مدرک دانشگاهی چقدر در طراح UX شدن موثر است؟
این مقاله بیان میکند که گرچه ورود به این حوزه و پیشرفت در آن بدون مدرک دانشگاهی امکانپذیر است اما ممکن است اولویت کارفرماها کاندیدهایی باشند که حداقل مدرک لیسانس دارند.
در این خصوص جالب است بدانید که ۸۲٪ از طراحانی که گروه Nielson Norman Group مورد بررسی قرار دادهاند حداقل دارای مدرک لیسانس بودهاند.
این مقاله در ادامه، مسیرهای جایگزین تحصیلات آکادمیک را برمیشمارد که از جمله آن میتوان به گرفتن سرتیفیکیت از سایتهای معتبر، خودآموزی و کسب تجربه در مشاغلی مثل طراحی گرافیک، کپی رایتینگ و خدمات مشتری اشاره کرد.
لینک مقاله:
https://bit.ly/dxgn919
همچنین اگر در ابتدای مسیر جذاب طراحی تجربه کاربری ایستادهاید و قصد دارید به صورت خودآموز پیش بروید، این پست کانال درباره منابع یادگیری دیزاین نیز برای شما مفید است.
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر موجودی
#UX
#طراحی_تجربه_کاربری
@Dexign فلسفه دیزاین
_______
Coursera
What Degree Do I Need to Become a UX Designer?
You’ll only find a few UX-specific degree programs out ...
👍11❤2
نکات مهم برای مستند سازی دیزاین سیستم
دیزاین سیستم فراتر از مجموعهای از کاپوننتهاست. اگر به درستی مستند سازی نشده باشد، تیمهای دولوپ نمیتوانند به خوبی آن را بفهمند و راحت از آن استفاده کنند. اهمیت دیگر مستند سازی دیزاین سیستم از این جهت است که باعث میشود در آینده بتوانیم آن را بهبود و گسترش دهیم. نکاتی که در این مقاله مطرح شده است، کار را هم برای سازنده و هم برای استفاده کنندهی دیزاین سیستم راحت میکند.
1. کاربر خود را بشناسید.
همه محصولات با شناخت درست از نیازها و خواستههای کاربر شروع میشوند. مستندسازی دیزاین سیستم هم یک محصول است که ما به عنوان دیزاینر آماده میکنیم تا افرادی از آن استفاده کنند. پس در قدم اول باید این افراد را شناسایی کنیم و نیازهای آنها را به خوبی درک کنیم. از خودتان بپرسید غیر از دیزاینرها و دولوپرها چه کسانی از این سند استفاده میکنند؟ تلاش کنید دیدگاه همه آنها را در نظر بگیرید. برای مثال مدیر پروژه، تیم مارکتینگ، یو ایکس رایترها و ... . اگر نیاز همه در نظر گرفته نشود دیزاین سیستم شما بدون استفاده میماند و نتیجه، یک طراحی ناسازگار (inconsistenct) خواهد بود.
2. اطلاعات را ساماندهی کنید.
در مستندسازی دیزاین سیستم نیز، مانند محصولاتی که طراحی میکنید، معماری اطلاعات اهمیت بالایی دارد. باید به این مساله دقت کنید که کاربرها دنبال چه چیزی هستند و پیدا کردن آن را برایشان راحت کنید. برای این منظور، تهیه لیستی از کامپوننتها به تنهایی کافی نیست. به گروهبندیها دقت کنید. سلسله مراتب را در نظر بگیرید. یک صفحه شروع برای سند خود بسازید. نکته مهم این که کاربر باید امکان جستجو در سند را داشته باشد.
3. یک منبع مشخص برای ارجاع داشته باشید.
باید یک منبع تعریف کنید که همه برای چک کردن به آن منبع مراجعه کنند. در طول پروژه، افراد زیادی از دیزاین سیستم استفاده میکنند و ممکن است تغییرات زیادی روی آن اتفاق بیفتد. باید یک منبع وجود داشته باشد که همیشه به روز باشد و افراد مختلف بتوانند خودشان را با آن منبع همگام کنند.
4. یک صفحهی مقدمه بنویسید.
برای اینکه کاربرها در زمان شروع استفاده از دیزاین سیستم سردرگم نشوند، بهتر است در آغاز سند توضیحی در مورد کلیت و نحوه استفاده از آن بدهید. برای اینکه مقدمه خوبی داشته باشید میتوانید از محصولتان تست کاربر بگیرید. از یک کاربر جدید بخواهید از دیزاین سیستم شما استفاده کند. به او تسکهای مختلف بدهید و بررسی کنید در کدام قسمت از سند شما سردرگم میشود.
5. در سند خود از layout استفاده کنید.
ظاهر سند دیزاین سیستم شما به اندازه دیگر محصولاتی طراحی میکنید اهمیت دارد. از لی اوت مناسب استفاده کنید تا سند شما ظاهری مرتب و زیبا داشته باشد.
در ادامه این مقاله موارد دیگری برای مستندسازی حرفهای دیزاین سیستم گفته شده است. همچنین همهی نکات با توضیحات فراوان روشن شدهاند. از این لینک میتوانید مقاله کامل را مطالعه کنید.
https://bit.ly/dxgn920
(زمان حدودی مطالعه: 9 دقیقه)
برای مطالعه بیشتر در مورد دیزاین سیستم، این مقالات کانال بسیار مفید هستند:
https://news.1rj.ru/str/Dexign/700
https://news.1rj.ru/str/Dexign/549
https://news.1rj.ru/str/Dexign/525
نویسنده: عاطفه صفری
#طراحی_تجربه_کاربری #مستندسازی #دیزاین_سیستم
@Dexign فلسفه دیزاین
_______
دیزاین سیستم فراتر از مجموعهای از کاپوننتهاست. اگر به درستی مستند سازی نشده باشد، تیمهای دولوپ نمیتوانند به خوبی آن را بفهمند و راحت از آن استفاده کنند. اهمیت دیگر مستند سازی دیزاین سیستم از این جهت است که باعث میشود در آینده بتوانیم آن را بهبود و گسترش دهیم. نکاتی که در این مقاله مطرح شده است، کار را هم برای سازنده و هم برای استفاده کنندهی دیزاین سیستم راحت میکند.
1. کاربر خود را بشناسید.
همه محصولات با شناخت درست از نیازها و خواستههای کاربر شروع میشوند. مستندسازی دیزاین سیستم هم یک محصول است که ما به عنوان دیزاینر آماده میکنیم تا افرادی از آن استفاده کنند. پس در قدم اول باید این افراد را شناسایی کنیم و نیازهای آنها را به خوبی درک کنیم. از خودتان بپرسید غیر از دیزاینرها و دولوپرها چه کسانی از این سند استفاده میکنند؟ تلاش کنید دیدگاه همه آنها را در نظر بگیرید. برای مثال مدیر پروژه، تیم مارکتینگ، یو ایکس رایترها و ... . اگر نیاز همه در نظر گرفته نشود دیزاین سیستم شما بدون استفاده میماند و نتیجه، یک طراحی ناسازگار (inconsistenct) خواهد بود.
2. اطلاعات را ساماندهی کنید.
در مستندسازی دیزاین سیستم نیز، مانند محصولاتی که طراحی میکنید، معماری اطلاعات اهمیت بالایی دارد. باید به این مساله دقت کنید که کاربرها دنبال چه چیزی هستند و پیدا کردن آن را برایشان راحت کنید. برای این منظور، تهیه لیستی از کامپوننتها به تنهایی کافی نیست. به گروهبندیها دقت کنید. سلسله مراتب را در نظر بگیرید. یک صفحه شروع برای سند خود بسازید. نکته مهم این که کاربر باید امکان جستجو در سند را داشته باشد.
3. یک منبع مشخص برای ارجاع داشته باشید.
باید یک منبع تعریف کنید که همه برای چک کردن به آن منبع مراجعه کنند. در طول پروژه، افراد زیادی از دیزاین سیستم استفاده میکنند و ممکن است تغییرات زیادی روی آن اتفاق بیفتد. باید یک منبع وجود داشته باشد که همیشه به روز باشد و افراد مختلف بتوانند خودشان را با آن منبع همگام کنند.
4. یک صفحهی مقدمه بنویسید.
برای اینکه کاربرها در زمان شروع استفاده از دیزاین سیستم سردرگم نشوند، بهتر است در آغاز سند توضیحی در مورد کلیت و نحوه استفاده از آن بدهید. برای اینکه مقدمه خوبی داشته باشید میتوانید از محصولتان تست کاربر بگیرید. از یک کاربر جدید بخواهید از دیزاین سیستم شما استفاده کند. به او تسکهای مختلف بدهید و بررسی کنید در کدام قسمت از سند شما سردرگم میشود.
5. در سند خود از layout استفاده کنید.
ظاهر سند دیزاین سیستم شما به اندازه دیگر محصولاتی طراحی میکنید اهمیت دارد. از لی اوت مناسب استفاده کنید تا سند شما ظاهری مرتب و زیبا داشته باشد.
در ادامه این مقاله موارد دیگری برای مستندسازی حرفهای دیزاین سیستم گفته شده است. همچنین همهی نکات با توضیحات فراوان روشن شدهاند. از این لینک میتوانید مقاله کامل را مطالعه کنید.
https://bit.ly/dxgn920
(زمان حدودی مطالعه: 9 دقیقه)
برای مطالعه بیشتر در مورد دیزاین سیستم، این مقالات کانال بسیار مفید هستند:
https://news.1rj.ru/str/Dexign/700
https://news.1rj.ru/str/Dexign/549
https://news.1rj.ru/str/Dexign/525
نویسنده: عاطفه صفری
#طراحی_تجربه_کاربری #مستندسازی #دیزاین_سیستم
@Dexign فلسفه دیزاین
_______
Medium
9 Best Practices for Design System Documentation
Discover how to build engaging documentation for your Design System
👍5
معیارهای UX: اندازهگیری تجربهکاربر
در طی طراحی یک محصول، طراحان تستهای بسیاری از جمله تست کاربردپذیری و AB را انجام میدهند تا از کارکرد درست محصول خود تا حدود خوبی مطمئن شوند، محصول را به تیم دولوپ تحول میدهند و کار را تمام شده میپندارند. شما هم اینگونه فکر میکنید؟ آیا پروژه و کار محصول تا زمانی که فیچر جدیدی نیاز نباشد ، تمام شده است؟ اگر جواب شما بله است توصیه میکنم با من همراه شوید و این مقاله را مطالعه کنید.
اشتباه افرادی مانند من که جواب بله به سؤالات بالا دادیم در نادیده گرفتن محصول، به عنوان یک موجود زنده است. در دنیای امروزی مردم تنها به دنبال استفاده از محصول نیستند بلکه آنها به دنبال تجربهاند. محصولات مشابه بسیاری در بازار وجود دارد و انتخاب کاربر محصولی خواهد بود که تجربه خوب و سادهای داشته باشد و او را سریعتر به هدف خود برساند. بنابراین لازم است محصول را پس از ورود به بازار سنجید و معیارهایی برای رسیدن به درک درستتر و وسیعتر از تغییرات و تاثیرهای ایجاد شده، در نظر گرفت.
این معیارها را میتوان در دو حالت کیفی و کمی یا رفتاری و نگرشی دستهبندی کرد. روشها و معیارهای بسیار متنوعی برای هرکدام وجود دارد، که این مقاله به آنها پرداخته است.
همچنین با فرض شناخت روشها، کدام معیار را باید انتخاب کرد؟
اولین نکته مهم و کلیدی که به آن اشاره شده است قابلیت عملی کردن معیار است. یعنی در برابر رسیدن به هر نتیجهای از معیار، آیا امکان مقابله و ارائه راه حل برای آن را دارید یا خیر؟
دومین مورد انتخاب معیاریست که با توجه به نیازهای فعلی محصول و آینده نزدیک آن باشد و آخرین مورد نیز انتخاب معیاریست که بتواند عملکرد شما را با رقبایتان بسنجد.
شما میتوانید از لینک زیر به طور کامل درباره معیارها،انواعشان و نحوه انتخاب آنها مطالعه کنید.
https://bit.ly/dxgn921
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۷ دقیقه)
#طراحی_تجربه_کاربر #معیار_سجش #کیفی #کمی
@Dexign فلسفه دیزاین
_______
در طی طراحی یک محصول، طراحان تستهای بسیاری از جمله تست کاربردپذیری و AB را انجام میدهند تا از کارکرد درست محصول خود تا حدود خوبی مطمئن شوند، محصول را به تیم دولوپ تحول میدهند و کار را تمام شده میپندارند. شما هم اینگونه فکر میکنید؟ آیا پروژه و کار محصول تا زمانی که فیچر جدیدی نیاز نباشد ، تمام شده است؟ اگر جواب شما بله است توصیه میکنم با من همراه شوید و این مقاله را مطالعه کنید.
اشتباه افرادی مانند من که جواب بله به سؤالات بالا دادیم در نادیده گرفتن محصول، به عنوان یک موجود زنده است. در دنیای امروزی مردم تنها به دنبال استفاده از محصول نیستند بلکه آنها به دنبال تجربهاند. محصولات مشابه بسیاری در بازار وجود دارد و انتخاب کاربر محصولی خواهد بود که تجربه خوب و سادهای داشته باشد و او را سریعتر به هدف خود برساند. بنابراین لازم است محصول را پس از ورود به بازار سنجید و معیارهایی برای رسیدن به درک درستتر و وسیعتر از تغییرات و تاثیرهای ایجاد شده، در نظر گرفت.
این معیارها را میتوان در دو حالت کیفی و کمی یا رفتاری و نگرشی دستهبندی کرد. روشها و معیارهای بسیار متنوعی برای هرکدام وجود دارد، که این مقاله به آنها پرداخته است.
همچنین با فرض شناخت روشها، کدام معیار را باید انتخاب کرد؟
اولین نکته مهم و کلیدی که به آن اشاره شده است قابلیت عملی کردن معیار است. یعنی در برابر رسیدن به هر نتیجهای از معیار، آیا امکان مقابله و ارائه راه حل برای آن را دارید یا خیر؟
دومین مورد انتخاب معیاریست که با توجه به نیازهای فعلی محصول و آینده نزدیک آن باشد و آخرین مورد نیز انتخاب معیاریست که بتواند عملکرد شما را با رقبایتان بسنجد.
شما میتوانید از لینک زیر به طور کامل درباره معیارها،انواعشان و نحوه انتخاب آنها مطالعه کنید.
https://bit.ly/dxgn921
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۷ دقیقه)
#طراحی_تجربه_کاربر #معیار_سجش #کیفی #کمی
@Dexign فلسفه دیزاین
_______
Medium
UX Metrics: Measuring Design Impact
One of the most complicated parts of a UX designer’s job is leveraging a wide array of quantitative and qualitative data and turning it…
👍2
چهار قاعده برای آینده طراحی
چطور دیزاین سیستم Fluent کمک کرد تا بیشتر و بهتر کنار همدیگر رشد کنیم.
در این مقاله که توسط تیم دیزاین مایکروسافت منتشر شده است. دربارهی تغییرات قواعد و نگرشها و چالشهایی که در تیم طراحی مایکروسافت وجود داشته صحبت میشود و در نهایت چهار قاعده را ذکر میکنند.
زمانی که قاعدهها به چشماندازهای جدید ما کمتر مرتبط هستند نیاز به تغییر دارند. جملهی جالب در ادامه گفته میشود که در ادامه نقل میشود:
از دست دادن ارزشهای ما در طراحی مانند از دست دادن دین ما است.
- یک چشم به گذشته و دست تکان دادن برای آینده
برای شروع ما تمام المانهای اساسی که در مسیر طراحی بر اساس آنها تصمیمگیری میکنیم را بررسی کردیم. مانند قواعد کلی در برند و لحن برند و به طور قواعدی که ما را در طراحی تبلیغات و محصولات و ... راهنمایی میکند. کماکان این قواعد قابل اتکا و مناسب بودند. در نهایت رسیدن به یک زبان مشترک که برای تیم طراحی دیزاین سیستم بود باعث شد تا بتوانیم در تیم طراحی به یک زبان صحبت کنیم.
- قواعد طراحی محصول Fluent
در نهایت به چهار قاعده رسیدیم که به میراث ما هم مرتبط بود.
۱. ساده و طبیعی بودن در هر پلتفرمی
قالبی که بتواند در هر پلتفرمی به خوبی نمایش داده شود و رفتار کند.
۲. ساخته شده برای تمرکز
در طراحی محصولات باعث شویم کاربران متمرکز در مسیر خود پیش بروند و راحت و آرام باشند.
۳. یکی برای همه، همه برای یکی
تجربهای که شما میسازید در عین اختصاصی بودن میبایست طیف زیادی از کاربران را در نظر بگیرد و برای آنها سودمند باشد.
۴. بدون شک، مایکروسافت
تجربهی شما باید به گونهای باشد که در هر محصول شما را بشناسند و بتوانند شباهت و یکپارچگی بین محصولات را تشخیص دهند.
در ادامهی مقاله نحوهی پیادهسازی این قواعد در محصولات را توضیح میدهد و توضیح میدهد چطور قواعد کمک میکند فرهنگ سازمانی ساخته شود و آن را بازتاب دهد.
https://bit.ly/dxgn922
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #دیزاین_سیستم #مایکروسافت
@Dexign فلسفه دیزاین
_______
چطور دیزاین سیستم Fluent کمک کرد تا بیشتر و بهتر کنار همدیگر رشد کنیم.
در این مقاله که توسط تیم دیزاین مایکروسافت منتشر شده است. دربارهی تغییرات قواعد و نگرشها و چالشهایی که در تیم طراحی مایکروسافت وجود داشته صحبت میشود و در نهایت چهار قاعده را ذکر میکنند.
زمانی که قاعدهها به چشماندازهای جدید ما کمتر مرتبط هستند نیاز به تغییر دارند. جملهی جالب در ادامه گفته میشود که در ادامه نقل میشود:
از دست دادن ارزشهای ما در طراحی مانند از دست دادن دین ما است.
- یک چشم به گذشته و دست تکان دادن برای آینده
برای شروع ما تمام المانهای اساسی که در مسیر طراحی بر اساس آنها تصمیمگیری میکنیم را بررسی کردیم. مانند قواعد کلی در برند و لحن برند و به طور قواعدی که ما را در طراحی تبلیغات و محصولات و ... راهنمایی میکند. کماکان این قواعد قابل اتکا و مناسب بودند. در نهایت رسیدن به یک زبان مشترک که برای تیم طراحی دیزاین سیستم بود باعث شد تا بتوانیم در تیم طراحی به یک زبان صحبت کنیم.
- قواعد طراحی محصول Fluent
در نهایت به چهار قاعده رسیدیم که به میراث ما هم مرتبط بود.
۱. ساده و طبیعی بودن در هر پلتفرمی
قالبی که بتواند در هر پلتفرمی به خوبی نمایش داده شود و رفتار کند.
۲. ساخته شده برای تمرکز
در طراحی محصولات باعث شویم کاربران متمرکز در مسیر خود پیش بروند و راحت و آرام باشند.
۳. یکی برای همه، همه برای یکی
تجربهای که شما میسازید در عین اختصاصی بودن میبایست طیف زیادی از کاربران را در نظر بگیرد و برای آنها سودمند باشد.
۴. بدون شک، مایکروسافت
تجربهی شما باید به گونهای باشد که در هر محصول شما را بشناسند و بتوانند شباهت و یکپارچگی بین محصولات را تشخیص دهند.
در ادامهی مقاله نحوهی پیادهسازی این قواعد در محصولات را توضیح میدهد و توضیح میدهد چطور قواعد کمک میکند فرهنگ سازمانی ساخته شود و آن را بازتاب دهد.
https://bit.ly/dxgn922
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #دیزاین_سیستم #مایکروسافت
@Dexign فلسفه دیزاین
_______
Medium
Four Principles for the Future of Design
How the Fluent Design System helps us evolve and grow better together
👍3
چطور مشکلات فیلتر و سرچ سنتی در فروشگاههای اینترنتی را حل کنیم؟
تنها ۱۶ درصد کاربران در خرید محصولات فشن، از استفاده از فیلترهای سنتی که در فروشگاههای اینترنتی قرار دارند، رضایت دارند. فیلتر و سرچ در محصولات فشن معمولا چالش برانگیز است چون از کلمات مختلفی برای نامیدن یک چیز استفاده میشود، تنوع و حجم محصولات بسیار بالاست و کاربرها اهداف متفاوتی از سرچ یا فیلتر دارند.
با بهبود وضعیت سرچ و فیلتر در این سایتها، نرخ ریزش و خریدهایی که نیمه کاره رها میشوند، تا سطح خوبی پایین میآید. اگر کاربر نتواند به دنبال محصولی که در نظر دارد بگردد، نمیتواند آن را پیدا کند و در نتیجه نمیتواند آن را بخرد! یکی از راههای دیگر فروش در این سایتها، محصولاتی است که کاربر در حین جستجو برای یک محصول دیگر آن را میبیند و این دیدن منجر به خرید میشود. فرایند سرچ و فیلتر در این مسیر هم بسیار تاثیرگذار است.
در اینجا فیلتر سنتی محصولات، به همان روش سنتی فیلتر اطلاق میشود که بر مبنای متن انجام میشود. مثلا شاخصههای مختلف محصولات فشن مثل مدل، مناسب فصل، رنگ و ... که کاربر روی آن کلیک میکند و زیرگروه آن شاخصه را در قالب متن مشاهده میکند. مثلا با باز کردن فیلتر رنگ، کلمات بنفش، بژ، سرمهای و ... را میبیند.
فیلتر سنتی محصولات ۷ مشکل اساسی دارد:
۱. مشخصات اصلی محصولات در سایت وجود ندارد.
محصولات فشن بسیار متنوع هستند و معمولا فرصت برای اضافه کردن مشخصات محصول به سایت وجود ندارد و کاربر با حجم زیادی از محصول بدون فیلتر مشخصات کلیدی روبرو میشود.
۲. مشخصات محصولات برای کاربر گیج کننده است.
کلمات تخصصی فشن برای مدلهای مختلف لباس، مثلا مدلهای مختلف سرشانه تاپ زنانه، برای کاربر نا آشناست.
۳. فیلترهای سنتی معمولا امکان انتخاب چند مورد همزمان در زیرگروههای مختلف را در اختیار قرار نمیدهند.
۴. فیلترها به صورت آنی اعمال نمیشوند.
در اکثر سایتهای فروش اینترنتی محصولات فشن، برای نمایش نتیجه جستجو و فیلتر باید برای لود شدن صفحه چند ثانیه صبر کنند که برای کاربر خسته کننده است.
۵. لیست طولانی کلمات برای کاربر خوشایند نیست.
پژوهشهای تجربه کاربری نشان میدهد یک لیست با بیشتر از ۱۰ آیتم برای کاربر خسته کننده است. معمولا لیستهای فیلتر فشن بسیار طولانی هستند.
۶. فیلترهای سنتی برای موبایل بهینه نشدهاند.
حدود ۵۰ درصد از خریدهای سایتهای فشن از طریق موبایل انجام میشود. در حالی که فیلترهای سنتی برای موبایل مناسب نیستند و مخصوصا در اولین استفاده، تجربه خوبی برای کاربر ایجاد نمیکنند. مثلا کاربر مجبور است فیلتر را ببندد تا نتیجه را ببیند.
۷. معمولا نتیجه سرچ و فیلترها در سایتهای فروش اینترنتی فشن دقیق نیستند.
احتمالا برای شما هم پیش آمده که نتیجهی جستجو محصولاتی که دیدهاید مدنظر شما نبودهاند.
چطور میتوانیم این مشکلات را حل کنیم؟
استفاده از فیلتر ویژوال (بصری) تا حد زیادی مشکلات فیلتر سنتی را مرتفع میکند. این نوع فیلتر از یک مانکن مجازی و هوش مصنوعی استفاده میکند. این روش بسیار کاربرپسند است و فرایند جستجو و فیلتر را بسیار لذت بخش میکند.
در ادامه برطرف شدن مشکلات فیلتر سنتی با استفاده از این روش را بررسی میکنیم.
مشکل ۱. هوش مصنوعی در این روش به صورت اتوماتیک مشخصات محصول را استخراج میکند. مثل رنگ، مدل یقه، طرح پارچه و ...
مشکل ۲. در این روش نیازی به دانستن کلمات تخصصی نیست و کاربر از روی مانکن آیتم مورد نظر را فیلتر میکند. همچنین نتایج به صورت آنی نمایش داده میشوند.
مشکل۳. کاربر میتواند از روی مانکن چندین فیلتر همزمان اعمال کند.
مشکل ۴. به محض اعمال یک فیلتر جدید نتایج آپدیت میشوند.
مشکل ۵. با استفاده از گروهبندی و تصاویر، پیدا کردن فیلتر مورد نظر برای کاربر ساده است.
مشکل ۶. در این روش، تجربه کاربری جداگانه مخصوص موبایل طراحی شده است که به سادگی روی دیوایسهای کوچک قابل اجراست.
مشکل ۷. الگوریتم هوش مصنوعی مشخصات محصولات را به خوبی تشخیص میدهد که در مقایسه با وارد کردن دستی تگ برای هر محصول دقت بسیار بالایی دارد.
در ادامه این مقاله به بررسی ابعاد دیگری از این روش جدید فیلتر پرداخته شده است. همچنین برای مشکلات ذکر شده و راهحلهایشان توضیحات مفصلی به علاوه تصاویر مناسب وجود دارد.
اگر به هوش مصنوعی و کاربرد آن در طراحی تجربه کاربری علاقهمندید، شما را به مطالعه این مقاله دعوت میکنیم.
https://bit.ly/dxgn923
(زمان حدودی مطالعه: ۹ دقیقه)
نویسنده: عاطفه صفری
#تجربه_کاربری #هوش_مصنوعی #AI #فروشگاه_اینترنتی
@Dexign فلسفه دیزاین
_______
تنها ۱۶ درصد کاربران در خرید محصولات فشن، از استفاده از فیلترهای سنتی که در فروشگاههای اینترنتی قرار دارند، رضایت دارند. فیلتر و سرچ در محصولات فشن معمولا چالش برانگیز است چون از کلمات مختلفی برای نامیدن یک چیز استفاده میشود، تنوع و حجم محصولات بسیار بالاست و کاربرها اهداف متفاوتی از سرچ یا فیلتر دارند.
با بهبود وضعیت سرچ و فیلتر در این سایتها، نرخ ریزش و خریدهایی که نیمه کاره رها میشوند، تا سطح خوبی پایین میآید. اگر کاربر نتواند به دنبال محصولی که در نظر دارد بگردد، نمیتواند آن را پیدا کند و در نتیجه نمیتواند آن را بخرد! یکی از راههای دیگر فروش در این سایتها، محصولاتی است که کاربر در حین جستجو برای یک محصول دیگر آن را میبیند و این دیدن منجر به خرید میشود. فرایند سرچ و فیلتر در این مسیر هم بسیار تاثیرگذار است.
در اینجا فیلتر سنتی محصولات، به همان روش سنتی فیلتر اطلاق میشود که بر مبنای متن انجام میشود. مثلا شاخصههای مختلف محصولات فشن مثل مدل، مناسب فصل، رنگ و ... که کاربر روی آن کلیک میکند و زیرگروه آن شاخصه را در قالب متن مشاهده میکند. مثلا با باز کردن فیلتر رنگ، کلمات بنفش، بژ، سرمهای و ... را میبیند.
فیلتر سنتی محصولات ۷ مشکل اساسی دارد:
۱. مشخصات اصلی محصولات در سایت وجود ندارد.
محصولات فشن بسیار متنوع هستند و معمولا فرصت برای اضافه کردن مشخصات محصول به سایت وجود ندارد و کاربر با حجم زیادی از محصول بدون فیلتر مشخصات کلیدی روبرو میشود.
۲. مشخصات محصولات برای کاربر گیج کننده است.
کلمات تخصصی فشن برای مدلهای مختلف لباس، مثلا مدلهای مختلف سرشانه تاپ زنانه، برای کاربر نا آشناست.
۳. فیلترهای سنتی معمولا امکان انتخاب چند مورد همزمان در زیرگروههای مختلف را در اختیار قرار نمیدهند.
۴. فیلترها به صورت آنی اعمال نمیشوند.
در اکثر سایتهای فروش اینترنتی محصولات فشن، برای نمایش نتیجه جستجو و فیلتر باید برای لود شدن صفحه چند ثانیه صبر کنند که برای کاربر خسته کننده است.
۵. لیست طولانی کلمات برای کاربر خوشایند نیست.
پژوهشهای تجربه کاربری نشان میدهد یک لیست با بیشتر از ۱۰ آیتم برای کاربر خسته کننده است. معمولا لیستهای فیلتر فشن بسیار طولانی هستند.
۶. فیلترهای سنتی برای موبایل بهینه نشدهاند.
حدود ۵۰ درصد از خریدهای سایتهای فشن از طریق موبایل انجام میشود. در حالی که فیلترهای سنتی برای موبایل مناسب نیستند و مخصوصا در اولین استفاده، تجربه خوبی برای کاربر ایجاد نمیکنند. مثلا کاربر مجبور است فیلتر را ببندد تا نتیجه را ببیند.
۷. معمولا نتیجه سرچ و فیلترها در سایتهای فروش اینترنتی فشن دقیق نیستند.
احتمالا برای شما هم پیش آمده که نتیجهی جستجو محصولاتی که دیدهاید مدنظر شما نبودهاند.
چطور میتوانیم این مشکلات را حل کنیم؟
استفاده از فیلتر ویژوال (بصری) تا حد زیادی مشکلات فیلتر سنتی را مرتفع میکند. این نوع فیلتر از یک مانکن مجازی و هوش مصنوعی استفاده میکند. این روش بسیار کاربرپسند است و فرایند جستجو و فیلتر را بسیار لذت بخش میکند.
در ادامه برطرف شدن مشکلات فیلتر سنتی با استفاده از این روش را بررسی میکنیم.
مشکل ۱. هوش مصنوعی در این روش به صورت اتوماتیک مشخصات محصول را استخراج میکند. مثل رنگ، مدل یقه، طرح پارچه و ...
مشکل ۲. در این روش نیازی به دانستن کلمات تخصصی نیست و کاربر از روی مانکن آیتم مورد نظر را فیلتر میکند. همچنین نتایج به صورت آنی نمایش داده میشوند.
مشکل۳. کاربر میتواند از روی مانکن چندین فیلتر همزمان اعمال کند.
مشکل ۴. به محض اعمال یک فیلتر جدید نتایج آپدیت میشوند.
مشکل ۵. با استفاده از گروهبندی و تصاویر، پیدا کردن فیلتر مورد نظر برای کاربر ساده است.
مشکل ۶. در این روش، تجربه کاربری جداگانه مخصوص موبایل طراحی شده است که به سادگی روی دیوایسهای کوچک قابل اجراست.
مشکل ۷. الگوریتم هوش مصنوعی مشخصات محصولات را به خوبی تشخیص میدهد که در مقایسه با وارد کردن دستی تگ برای هر محصول دقت بسیار بالایی دارد.
در ادامه این مقاله به بررسی ابعاد دیگری از این روش جدید فیلتر پرداخته شده است. همچنین برای مشکلات ذکر شده و راهحلهایشان توضیحات مفصلی به علاوه تصاویر مناسب وجود دارد.
اگر به هوش مصنوعی و کاربرد آن در طراحی تجربه کاربری علاقهمندید، شما را به مطالعه این مقاله دعوت میکنیم.
https://bit.ly/dxgn923
(زمان حدودی مطالعه: ۹ دقیقه)
نویسنده: عاطفه صفری
#تجربه_کاربری #هوش_مصنوعی #AI #فروشگاه_اینترنتی
@Dexign فلسفه دیزاین
_______
Medium
How We Can Solve Traditional Product Filter Problems
Traditional product search filters are leaving users deeply unsatisfied. How can we optimize filters to provide a delightful experience?
👍9
زمینه در طراحی: مسئلهای کلیدی در فهم کاربران
زمینه اصطلاحی است که به شرایط، محیط و پیشزمینهای که یک فرد، چیز یا ایده در آن وجود دارد یا بوجود میآید گفته میشود. به طور مثال برای نوشتن یک نامه به دوست و یا مخاطبی رسمی به طور قطع لحنهای متفاوتی را انتخاب خواهیم کرد. این مقاله تلاش میکند تا اهمیت زمینه در طراحی و نحوه انجام یک طراحی زمینهمحور را توضیح دهد.
چرا زمینه در طراحی اهمیت دارد؟
رضایت مشتریان در مورد محصول ما ارتباط زیادی با زمینهی استفاده آن دارد. زمینه در طراحی یکی از مهمترین جنبههای طراحی است. در واقع تعیین کننده هدف، عملکرد و ... است.
زمینهی اجتماعی-فرهنگی
اشاره به محیط و اجتماعی دارد که کاربر در آن زندگی میکند همچنین فرهنگی که در آن تحصیل کرده ، آموزش دیده و افرادی که با آنها تعامل دارد. در بعضی از شرکتها افراد با نگرشهای مختلف را استخدام میکنند نه اینکه فقط افراد با توانمندیهای مختلف را استخدام کند.
به طور مثال در کشورهای مختلف برای مفاهیم مالی کلمات متفاوتی استفاده میشود در حالی که به یک چیز مشابه اشاره میکنند.
فقط به معنی ترجمه کردن نیست بلکه بومیسازی است
ترجمه کردن فرآیندی است که به صورت کلمه به کلمه طراحیها برای زبانهای مختلف انجام میشود اما بومیسازی اشاره به موارد زبانی و فرهنگی دارد که در تغییر زبان یک محصول به زبانی دیگر اهمیت پیدا میکنند.
زمینه در الگوهای طراحی
زمانی که آمازون در هند شروع به کار کرد بعد از مدتی متوجه شد که مردم به طور درست از آیکون جستجو استفاده نمیکنند و بعد از تست رابط کاربری متوجه شد در محصولات هندی مردم عادت دارند به جای علامت ذرهبین از آيکون دیگری استفاده کنند. این مثال به ما میگوید، آیکونها زبانی کاملا جهانی نیستند و در مواردی کارکرد درست خود را انجام نمیدهند.
قانون جیکوب برای زمینه در طراحی
این قانون میگوید مردم به استانداردهایی در دنیای وب عادت دارند و میبایست به این استانداردها احترام گذاشت تا راحتتر از محصول ما استفاده شود.
https://bit.ly/dxgn924
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #زمینه
@Dexign فلسفه دیزاین
_______
زمینه اصطلاحی است که به شرایط، محیط و پیشزمینهای که یک فرد، چیز یا ایده در آن وجود دارد یا بوجود میآید گفته میشود. به طور مثال برای نوشتن یک نامه به دوست و یا مخاطبی رسمی به طور قطع لحنهای متفاوتی را انتخاب خواهیم کرد. این مقاله تلاش میکند تا اهمیت زمینه در طراحی و نحوه انجام یک طراحی زمینهمحور را توضیح دهد.
چرا زمینه در طراحی اهمیت دارد؟
رضایت مشتریان در مورد محصول ما ارتباط زیادی با زمینهی استفاده آن دارد. زمینه در طراحی یکی از مهمترین جنبههای طراحی است. در واقع تعیین کننده هدف، عملکرد و ... است.
زمینهی اجتماعی-فرهنگی
اشاره به محیط و اجتماعی دارد که کاربر در آن زندگی میکند همچنین فرهنگی که در آن تحصیل کرده ، آموزش دیده و افرادی که با آنها تعامل دارد. در بعضی از شرکتها افراد با نگرشهای مختلف را استخدام میکنند نه اینکه فقط افراد با توانمندیهای مختلف را استخدام کند.
به طور مثال در کشورهای مختلف برای مفاهیم مالی کلمات متفاوتی استفاده میشود در حالی که به یک چیز مشابه اشاره میکنند.
فقط به معنی ترجمه کردن نیست بلکه بومیسازی است
ترجمه کردن فرآیندی است که به صورت کلمه به کلمه طراحیها برای زبانهای مختلف انجام میشود اما بومیسازی اشاره به موارد زبانی و فرهنگی دارد که در تغییر زبان یک محصول به زبانی دیگر اهمیت پیدا میکنند.
زمینه در الگوهای طراحی
زمانی که آمازون در هند شروع به کار کرد بعد از مدتی متوجه شد که مردم به طور درست از آیکون جستجو استفاده نمیکنند و بعد از تست رابط کاربری متوجه شد در محصولات هندی مردم عادت دارند به جای علامت ذرهبین از آيکون دیگری استفاده کنند. این مثال به ما میگوید، آیکونها زبانی کاملا جهانی نیستند و در مواردی کارکرد درست خود را انجام نمیدهند.
قانون جیکوب برای زمینه در طراحی
این قانون میگوید مردم به استانداردهایی در دنیای وب عادت دارند و میبایست به این استانداردها احترام گذاشت تا راحتتر از محصول ما استفاده شود.
https://bit.ly/dxgn924
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #زمینه
@Dexign فلسفه دیزاین
_______
Medium
Context in design: A keystone to understanding users
A good design considers the context of the product, audience and business. Useful designs suit the context of how and where users use them.
👍2
سه لایهی طراحی احساسی که طراحان محصول باید بدانند
طراحی احساسی یعنی چگونگی ایجاد طرحهایی که احساسات کاربران را به صورتی برانگیزد که منجر به تجربیات مثبت برای آنها شود.
در سال ٢٠٠٣، دونالد نورمن در سخنرانی تد درباره این موضوع صحبت میکند. او سه نشانه احساسی را نام میبرد که یک محصول، برای موفقیت باید با آنها برخورد کند. این سه نشانه که در این مقاله به عنوان لایههای طراحی احساسی شمرده میشوند عبارتاند از:
١. لایهی درونی / شناختی:
مهمترین چیزی که باید بدانیم این است که اعمال و احساسات ایجاد شده در این لایه، ناخودآگاه هستند و فرد کنترلی بر آن ندارد. ابن لایه زمانی فعال میشود که برای اولین بار یک برنامه یا وبسایت را مشاهده میکنیم. این سطح هیچ ارتباطی با میزان قابل استفاده یا قابل درک بودن محصول ندارد. صرفا راهیست که میتوان از آن طریق وارد سر کاربر شد و احساسات او را جلب کرد.
٢. لایهی رفتاری
تمرکز این لایه بیشتر روی این است که کاربران چگونه فعالیتهای خود را انجام میدهند. چقدر سریع و دقیق میتوانند به اهداف خود برسند و در این مسیر، چه تعداد خطا دارند؟ و اینکه آیا محصول، افراد بیتجربه را هم به انداره کاربران ماهر در نظر گرفته است؟
وقتی محصولی ما را قادر میسازد تا با حداقل سختی و تلاش آگاهانه به اهداف خود برسیم، احساسات مثبتی در ما برمیانگیزد. در مقابل، زمانی که یک محصول ما را مجبور میکند تا اهدافمان را بر اساس محدودیتهایش تنظیم کنیم یا وقتی ما را وادار میکند هنگام استفاده از آن توجه دقیقی داشته باشیم، احساسات منفی را تجربه میکنیم.
٣. لایه انعکاسی
مردم معمولا تجربه استفاده خود از یک محصول را در قالب داستان منعکس میکنند و به همین خاطر آخرین لایه را لایهی انعکاسی نامیدهاند. واکنشهای بازتابی مثبت ممکن است کاربران را تشویق کند تا تجربیات خود را با دیگران به اشتراک بگذارند. بر خلاف دو سطح قبلی، این سطح با شناخت آگاهانه گره خورده است. جایی که استدلال و تصمیمگیری آگاهانه صورت میگیرد. به دلیل همین آگاهانه بودن، بازتاب در این سطح عمیق و کند است.
لینک مقاله:
https://bit.ly/dxgn925
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر موجودی
#طراحی_تجربه_کاربری #طراحی_احساسی
@Dexign فلسفه دیزاین
_______
طراحی احساسی یعنی چگونگی ایجاد طرحهایی که احساسات کاربران را به صورتی برانگیزد که منجر به تجربیات مثبت برای آنها شود.
در سال ٢٠٠٣، دونالد نورمن در سخنرانی تد درباره این موضوع صحبت میکند. او سه نشانه احساسی را نام میبرد که یک محصول، برای موفقیت باید با آنها برخورد کند. این سه نشانه که در این مقاله به عنوان لایههای طراحی احساسی شمرده میشوند عبارتاند از:
١. لایهی درونی / شناختی:
مهمترین چیزی که باید بدانیم این است که اعمال و احساسات ایجاد شده در این لایه، ناخودآگاه هستند و فرد کنترلی بر آن ندارد. ابن لایه زمانی فعال میشود که برای اولین بار یک برنامه یا وبسایت را مشاهده میکنیم. این سطح هیچ ارتباطی با میزان قابل استفاده یا قابل درک بودن محصول ندارد. صرفا راهیست که میتوان از آن طریق وارد سر کاربر شد و احساسات او را جلب کرد.
٢. لایهی رفتاری
تمرکز این لایه بیشتر روی این است که کاربران چگونه فعالیتهای خود را انجام میدهند. چقدر سریع و دقیق میتوانند به اهداف خود برسند و در این مسیر، چه تعداد خطا دارند؟ و اینکه آیا محصول، افراد بیتجربه را هم به انداره کاربران ماهر در نظر گرفته است؟
وقتی محصولی ما را قادر میسازد تا با حداقل سختی و تلاش آگاهانه به اهداف خود برسیم، احساسات مثبتی در ما برمیانگیزد. در مقابل، زمانی که یک محصول ما را مجبور میکند تا اهدافمان را بر اساس محدودیتهایش تنظیم کنیم یا وقتی ما را وادار میکند هنگام استفاده از آن توجه دقیقی داشته باشیم، احساسات منفی را تجربه میکنیم.
٣. لایه انعکاسی
مردم معمولا تجربه استفاده خود از یک محصول را در قالب داستان منعکس میکنند و به همین خاطر آخرین لایه را لایهی انعکاسی نامیدهاند. واکنشهای بازتابی مثبت ممکن است کاربران را تشویق کند تا تجربیات خود را با دیگران به اشتراک بگذارند. بر خلاف دو سطح قبلی، این سطح با شناخت آگاهانه گره خورده است. جایی که استدلال و تصمیمگیری آگاهانه صورت میگیرد. به دلیل همین آگاهانه بودن، بازتاب در این سطح عمیق و کند است.
لینک مقاله:
https://bit.ly/dxgn925
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر موجودی
#طراحی_تجربه_کاربری #طراحی_احساسی
@Dexign فلسفه دیزاین
_______
YouTube
The three ways that good design makes you happy | Don Norman
http://www.ted.com In this talk from 2003, design critic Don Norman turns his incisive eye toward beauty, fun, pleasure and emotion, as he looks at design that makes people happy. He names the three emotional cues that a well-designed product must hit to…
👍13❤1
۷ نکته برای طراحی بهتر آیکون
آیکونها المانهایی هستند که اگر درست استفاده شوند هم کاربرد ظاهری و هم کاربرد عملی دارند. هم طراحی شما را جذاب میکنند و هم سرعت کاربر را بالا میبرند.
هزینههای طراحی آیکون:
بعضی از افراد فکر میکنند اگر قرار است در کنار هر آیکون یک لیبل هم استفاده کنیم که کاربرد آن را توضیح دهد، آیکون خوب و بد معنی ندارد. این فکر درست نیست. خیلی از آیکونهای رایگان موجود در اینترنت برای طرح شما مناسب نیستند. استفاده از آیکونی که خوب طراحی شده باشد از جهات مختلف هزینهبر است.
• طراحی و تحقیق: آیکون خوب توسط یک گرافیک دیزاینر با مهارت ساخته میشود. این آیکونها در ابعاد مختلف بررسی میشوند و تستهای کاربری را میگذرانند. این مرحله هزینه مالی در بردارد.
• ارتقا و پشتیبانی: بعد از ساخته شدن آیکون معمولا نیاز به عملیات دیگری وجود دارد. از جمله نوشتن کد، تغییرات، تستهای کاربردپذیری، تستهای کیفیت. در این مراحل ممکن است هزینه مالی به تیم وارد شود.
• فضای طراحی: آیکونها بیشتر از متن تنها فضا اشغال میکنند و ممکن است با استفاده از آنها مجبور باشید تغییراتی روی طرحتان اعمال کنید.
• پردازش اطلاعات: آیکونهای ضعیف بار تصویری منفی به طراحی تحمیل میکنند و گاهی قابل فهم نیستند.
با وجود این هزینهها، منافع استفاده از آیکونها باید زیادتر باشد که استفاده از آنها را منطقی کند.
مزایای استفاده از آیکون خوب:
گاهی آیکونها آنقدر آشنا و مفهوم هستند که کاربر بدون لحظهای فکر کردن کاربرد آن را متوجه میشود و بدون نیاز به خواندن متن از آن استفاده میکند. در این صورت تجربه کاربر روان و لذت بخش خواهد بود.
• در دسترس بودن: وقتی کاربر با یک آیکون آشنا باشد، در فرایندهای تکراری نیاز به خواندن چندباره متون ندارد و خیلی سریع فرایندهای تکراری را انجام میدهد.
• سادگی پیدا کردن: پیدا کردن یک آیکون در صفحه نسبت به پیدا کردن یک متن راحتتر است. همینطور لمس کردن یا کلیک کردن روی آیکون به خاطر فضای بزرگترش سادهتر از یک کلمه است.
• کمک به برندسازی و یکپارچگی بصری: استفاده از آیکون هم به زیبایی بصری محصول کمک میکند و هم موقعیت خوبی در اختیار دیزاینر قرار میدهد تا یکپارچگی طرح را به رخ بکشد و از المانهای برند در طراحی استفاده کند.
نکات مهم در طراحی آیکونهای بینقص:
۱. آیکونها باید ساده باشند.
آیکونها باید تا حد امکان ساده باشند. به خصوص وقتی سایزشان کوچک است.
۲. آیکونها باید قابل تشخیص باشند.
کاربر باید با یک نگاه متوجه کاربرد آیکون بشود. اگر کاربر مجبور باشد به مفهوم آیکون فکر کند تجربه کاربری طراحی شما ضعیف است.
۳. آیکونها باید بامفهوم باشند.
تصاویری که برای آیکونها استفاده میشوند باید قابل فهم باشند. این مفهوم باید مستقیما با کاربرد آن در ارتباط باشد. برای مثال استفاده از آیکون خانه برای صفحه home. سعی کنید از مفاهیم استعاری استفاده نکنید.
۴. آیکونها باید قابلیت تغییر سایز داشته باشند.
آیکونی که طراحی کردهاید باید در سایزهای مختلف مخصوصا سایزهای خیلی کوچک خوب به نظر بیاید.
۵. در آیکونها دسترسی پذیری باید رعایت شود.
افرادی که به دلایل مختلف از جمله مشکلات بینایی از اسکرینریدر استفاده میکنند برای خواندن آیکونها از عنوان نوشته شده کنارشان استفاده میکنند. اگر عنوان را در کنار آیکون قرار نمیدهید حتما متن جایگزین برای آنها ایجاد کنید. به علاوه باید مطمئن شوید که آیکون کنتراست رنگی کافی داشته باشد تا برای همه افراد قابل تشخیص باشد. همچنین فضای خالی قابل لمس اطراف آیکون قراردهید تا افرادی که مشکلات حرکتی دارند با دشواری روبرو نشوند.
۶. آیکونها باید یک رنگ باشند.
از رنگهای مختلف برای آیکونها استفاده نکنید مگر اینکه واقعا به بهبود تجربه کاربر کمک کند. معمولا همه آیکونها یک رنگ هستند و تنها آیکونی که فعال است با رنگ دیگر نمایش داده میشود.
۷. آیکون باید وکتور باشد.
برای اینکه در زمان استفاده برای تغییر سایز و موارد دیگر مشکل ایجاد نشود، آیکونها را در قالب وکتور بسازید. برای ذخیره، فرمت SVGو در اولویت دوم PNG پیشنهاد میشود.
۸. آیکونها باید یکپارچه باشند.
همه آیکونها در یک طرح باید از لحاظ استایل و سایز یکپارچه باشند. در غیر این صورت کاربر دچار آشفتگی میشود و طراحی شما نامنظم به نظر میرسد.
اگر مایلید در مورد آیکونها بیشتر بخوانید، مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn926
مقالات جذاب و مفید دیگری در مورد طراحی آیکون:
https://news.1rj.ru/str/Dexign/691
https://news.1rj.ru/str/Dexign/607
https://news.1rj.ru/str/Dexign/565
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: عاطفه صفری
#Icon
@Dexign فلسفه دیزاین
_______
آیکونها المانهایی هستند که اگر درست استفاده شوند هم کاربرد ظاهری و هم کاربرد عملی دارند. هم طراحی شما را جذاب میکنند و هم سرعت کاربر را بالا میبرند.
هزینههای طراحی آیکون:
بعضی از افراد فکر میکنند اگر قرار است در کنار هر آیکون یک لیبل هم استفاده کنیم که کاربرد آن را توضیح دهد، آیکون خوب و بد معنی ندارد. این فکر درست نیست. خیلی از آیکونهای رایگان موجود در اینترنت برای طرح شما مناسب نیستند. استفاده از آیکونی که خوب طراحی شده باشد از جهات مختلف هزینهبر است.
• طراحی و تحقیق: آیکون خوب توسط یک گرافیک دیزاینر با مهارت ساخته میشود. این آیکونها در ابعاد مختلف بررسی میشوند و تستهای کاربری را میگذرانند. این مرحله هزینه مالی در بردارد.
• ارتقا و پشتیبانی: بعد از ساخته شدن آیکون معمولا نیاز به عملیات دیگری وجود دارد. از جمله نوشتن کد، تغییرات، تستهای کاربردپذیری، تستهای کیفیت. در این مراحل ممکن است هزینه مالی به تیم وارد شود.
• فضای طراحی: آیکونها بیشتر از متن تنها فضا اشغال میکنند و ممکن است با استفاده از آنها مجبور باشید تغییراتی روی طرحتان اعمال کنید.
• پردازش اطلاعات: آیکونهای ضعیف بار تصویری منفی به طراحی تحمیل میکنند و گاهی قابل فهم نیستند.
با وجود این هزینهها، منافع استفاده از آیکونها باید زیادتر باشد که استفاده از آنها را منطقی کند.
مزایای استفاده از آیکون خوب:
گاهی آیکونها آنقدر آشنا و مفهوم هستند که کاربر بدون لحظهای فکر کردن کاربرد آن را متوجه میشود و بدون نیاز به خواندن متن از آن استفاده میکند. در این صورت تجربه کاربر روان و لذت بخش خواهد بود.
• در دسترس بودن: وقتی کاربر با یک آیکون آشنا باشد، در فرایندهای تکراری نیاز به خواندن چندباره متون ندارد و خیلی سریع فرایندهای تکراری را انجام میدهد.
• سادگی پیدا کردن: پیدا کردن یک آیکون در صفحه نسبت به پیدا کردن یک متن راحتتر است. همینطور لمس کردن یا کلیک کردن روی آیکون به خاطر فضای بزرگترش سادهتر از یک کلمه است.
• کمک به برندسازی و یکپارچگی بصری: استفاده از آیکون هم به زیبایی بصری محصول کمک میکند و هم موقعیت خوبی در اختیار دیزاینر قرار میدهد تا یکپارچگی طرح را به رخ بکشد و از المانهای برند در طراحی استفاده کند.
نکات مهم در طراحی آیکونهای بینقص:
۱. آیکونها باید ساده باشند.
آیکونها باید تا حد امکان ساده باشند. به خصوص وقتی سایزشان کوچک است.
۲. آیکونها باید قابل تشخیص باشند.
کاربر باید با یک نگاه متوجه کاربرد آیکون بشود. اگر کاربر مجبور باشد به مفهوم آیکون فکر کند تجربه کاربری طراحی شما ضعیف است.
۳. آیکونها باید بامفهوم باشند.
تصاویری که برای آیکونها استفاده میشوند باید قابل فهم باشند. این مفهوم باید مستقیما با کاربرد آن در ارتباط باشد. برای مثال استفاده از آیکون خانه برای صفحه home. سعی کنید از مفاهیم استعاری استفاده نکنید.
۴. آیکونها باید قابلیت تغییر سایز داشته باشند.
آیکونی که طراحی کردهاید باید در سایزهای مختلف مخصوصا سایزهای خیلی کوچک خوب به نظر بیاید.
۵. در آیکونها دسترسی پذیری باید رعایت شود.
افرادی که به دلایل مختلف از جمله مشکلات بینایی از اسکرینریدر استفاده میکنند برای خواندن آیکونها از عنوان نوشته شده کنارشان استفاده میکنند. اگر عنوان را در کنار آیکون قرار نمیدهید حتما متن جایگزین برای آنها ایجاد کنید. به علاوه باید مطمئن شوید که آیکون کنتراست رنگی کافی داشته باشد تا برای همه افراد قابل تشخیص باشد. همچنین فضای خالی قابل لمس اطراف آیکون قراردهید تا افرادی که مشکلات حرکتی دارند با دشواری روبرو نشوند.
۶. آیکونها باید یک رنگ باشند.
از رنگهای مختلف برای آیکونها استفاده نکنید مگر اینکه واقعا به بهبود تجربه کاربر کمک کند. معمولا همه آیکونها یک رنگ هستند و تنها آیکونی که فعال است با رنگ دیگر نمایش داده میشود.
۷. آیکون باید وکتور باشد.
برای اینکه در زمان استفاده برای تغییر سایز و موارد دیگر مشکل ایجاد نشود، آیکونها را در قالب وکتور بسازید. برای ذخیره، فرمت SVGو در اولویت دوم PNG پیشنهاد میشود.
۸. آیکونها باید یکپارچه باشند.
همه آیکونها در یک طرح باید از لحاظ استایل و سایز یکپارچه باشند. در غیر این صورت کاربر دچار آشفتگی میشود و طراحی شما نامنظم به نظر میرسد.
اگر مایلید در مورد آیکونها بیشتر بخوانید، مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn926
مقالات جذاب و مفید دیگری در مورد طراحی آیکون:
https://news.1rj.ru/str/Dexign/691
https://news.1rj.ru/str/Dexign/607
https://news.1rj.ru/str/Dexign/565
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: عاطفه صفری
#Icon
@Dexign فلسفه دیزاین
_______
Medium
7 Tips to Design Better Icons
Learn to Design Perfect Icons for Your UI Project.
👍5
برگزاری گروه متمرکز به صورت آنلاین
در این مقاله نویسنده سعی میکند تا توضیح دهد چه شرایطی را ایجاد کنیم که بحران عدم حضور فیزیکی مخاطبان در برگزاری جلسات گروه متمرکز کمترین اختلال را ایجاد کند. در ادامه خلاصهای از این نکات ذکر میشود:
۱. بیشتر ملاحظه و برنامهریزی کنید
تعداد نفرات را از عدد ۷ که استاندارد این جلسات است به ۴ تا ۵ نفر کاهش دهید تا بتوانید کنترل داشته باشید همچنین دربارهی زمان میتوان از دو ساعت به حدود ۶۰ تا ۹۰ دقیقه زمان را کاهش داد تا بهرهوری افراد کاهش قابل ملاحظه نداشته باشد.
۲. بهترین پلتفرم آنلاین و ابزار را پیدا کنید
نویسنده مقاله پلتفرمهای آنلاینی را که مناسب این کار است در مقاله به طور کامل معرفی کرده است. همچنین ابزارهایی برای همکاری در حین نوشتن به صورت آنلاین مانند Miro و ابزارهای نظرسنجی که کمک میکند شرکتکنندگان بیشتر درگیر فرآیند گروه متمرکز باقی بمانند معرفی و بررسی شدهاند.
۳. راهنمای بحث را سازگار کنید
راهنمایی دقیق برای بحث آنلاین بنویسید و مراقب باشید تا برای یک جلسه آنلاین مناسب باشد. تعداد موضوعات اصلی که میخواهید دربارهی آنها صحبت کنید را به ۳ تا ۵ مورد کاهش دهید تا متمرکز باقی بمانید.
۴. برای حضور یک نویسنده جداگانه از گرداننده برنامهریزی کنید
این کار باعث میشود تا گراننده بحث با تمرکز بیشتری بتواند جلسه را مدیریت کند و مشکلات مختلف برایش مسئلهساز نباشد.
۵. گروههای متمرکز بینالمللی
حواستان باشد که برای برگزاری گروه متمرکزی که زبانهای مختلف در آن شرکت دارند ابزار مناسبی را انتخاب کنید.
۶. ابزارها را پیش از جلسه تست کنید
این کار باعث میشود در زمان برگزاری جلسه ناهماهنگی کمتری داشته باشید و جلسه بهتر برگزار شود.
۷. مدیریت گروهی که برگزار میشود
موارد مهم برای برگزاری یک جلسه را مدنظر قرار دهید مانند شرکت کردن اعضا بین ۱۰ تا ۱۵ قبل از جلسه در فضای موردنظر و موارد از این دست که در مقاله به طور کامل ذکر شده است.
۸. ذینفعان ریموت را مدیریت کنید
اگر ذینفعانی وجود دارند که قرار است در جلسه شرکت داشته باشند یا به صورت مشاهدهگر صرف حضور داشته باشند زمانبندی و مدیریت آنها به خوبی انجام شود.
۹. جمعآوری دادهها را به خوبی انجام دهید
۱۰. گزارشی از نتیجه را ارائه کنید
فرقی نمیکند گروه متمرکز آنلاین باشد یا نه. تهیه گزارش نتیجه تحلیلهای این جلسه میبایست به خوبی تهیه شود.
https://bit.ly/dxgn927
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #پژوهش #گروه_متمرکز
@Dexign فلسفه دیزاین
_______
در این مقاله نویسنده سعی میکند تا توضیح دهد چه شرایطی را ایجاد کنیم که بحران عدم حضور فیزیکی مخاطبان در برگزاری جلسات گروه متمرکز کمترین اختلال را ایجاد کند. در ادامه خلاصهای از این نکات ذکر میشود:
۱. بیشتر ملاحظه و برنامهریزی کنید
تعداد نفرات را از عدد ۷ که استاندارد این جلسات است به ۴ تا ۵ نفر کاهش دهید تا بتوانید کنترل داشته باشید همچنین دربارهی زمان میتوان از دو ساعت به حدود ۶۰ تا ۹۰ دقیقه زمان را کاهش داد تا بهرهوری افراد کاهش قابل ملاحظه نداشته باشد.
۲. بهترین پلتفرم آنلاین و ابزار را پیدا کنید
نویسنده مقاله پلتفرمهای آنلاینی را که مناسب این کار است در مقاله به طور کامل معرفی کرده است. همچنین ابزارهایی برای همکاری در حین نوشتن به صورت آنلاین مانند Miro و ابزارهای نظرسنجی که کمک میکند شرکتکنندگان بیشتر درگیر فرآیند گروه متمرکز باقی بمانند معرفی و بررسی شدهاند.
۳. راهنمای بحث را سازگار کنید
راهنمایی دقیق برای بحث آنلاین بنویسید و مراقب باشید تا برای یک جلسه آنلاین مناسب باشد. تعداد موضوعات اصلی که میخواهید دربارهی آنها صحبت کنید را به ۳ تا ۵ مورد کاهش دهید تا متمرکز باقی بمانید.
۴. برای حضور یک نویسنده جداگانه از گرداننده برنامهریزی کنید
این کار باعث میشود تا گراننده بحث با تمرکز بیشتری بتواند جلسه را مدیریت کند و مشکلات مختلف برایش مسئلهساز نباشد.
۵. گروههای متمرکز بینالمللی
حواستان باشد که برای برگزاری گروه متمرکزی که زبانهای مختلف در آن شرکت دارند ابزار مناسبی را انتخاب کنید.
۶. ابزارها را پیش از جلسه تست کنید
این کار باعث میشود در زمان برگزاری جلسه ناهماهنگی کمتری داشته باشید و جلسه بهتر برگزار شود.
۷. مدیریت گروهی که برگزار میشود
موارد مهم برای برگزاری یک جلسه را مدنظر قرار دهید مانند شرکت کردن اعضا بین ۱۰ تا ۱۵ قبل از جلسه در فضای موردنظر و موارد از این دست که در مقاله به طور کامل ذکر شده است.
۸. ذینفعان ریموت را مدیریت کنید
اگر ذینفعانی وجود دارند که قرار است در جلسه شرکت داشته باشند یا به صورت مشاهدهگر صرف حضور داشته باشند زمانبندی و مدیریت آنها به خوبی انجام شود.
۹. جمعآوری دادهها را به خوبی انجام دهید
۱۰. گزارشی از نتیجه را ارائه کنید
فرقی نمیکند گروه متمرکز آنلاین باشد یا نه. تهیه گزارش نتیجه تحلیلهای این جلسه میبایست به خوبی تهیه شود.
https://bit.ly/dxgn927
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #پژوهش #گروه_متمرکز
@Dexign فلسفه دیزاین
_______
Medium
Conducting remote online focus groups in times of COVID-19
A focus group is a qualitative research method based on group discussions, beliefs and opinions, with a focus on what people say vs what…
👍2
راهنمایی برای معماری اطلاعات
تقريبا همه با معماری اطلاعات و اهمیت پرداختن به آن در طراحی محصول آشنا هستیم. طراحان برای کمک به کاربران و ایجاد یک تجربه منطقی و یکپارچه در محصول لازم است که از چهار جزء اصلی معماری اطلاعات استفاده کنند. که پیشتر در کانال به این موارد پرداخته شده است. اما در فرآیند معماری اطلاعات، طراحان با حجم زیادی از اطلاعات مواجه هستند که باید آنها را به چیزی که برای کاربران قابل هضم باشد، تبدیل کنند. دن براون ۸ اصل را برای راحتتر شدن این فرآیند معرفی کرده است:
۱- شناسایی عملکرد المانهایی که کاربر با آنها در تعامل است.
۲- تصمیمگیری درست برای کاهش بار شناختی کاربر.
۳- نشانههای بصری و محتوایی کافی برای رسیدن به اطلاعات مورد نظر کاربر.
۴- استفاده از المانهای بصری برای نمایش محتوایی که کاربر با کلیک بر روی نوشتهی لینک شده میبیند.
۵- همیشه کاربران از صفحه اصلی وارد سایت نمیشوند و لازم است همه صفحات به گونهای طراحی شده باشند که کاربر در آن گم نشود.
۶- روشهای مختلفی را برای دسترسی کاربر به اطلاعات طراحی کنید.
۷- نویگیشنها باید به صورت متمركز طراحی شود و محتویات زیرمجموعه آن براساس انتظارات کاربر باشد.
۸- یک ساختار مقیاس پذیر برای محتوای خود ایجاد کنید.
از شما دعوت میکنم برای فهم و درک بهتر هر مورد، از لینک زیر مثالها و توضيحات را مطالعه کنید.
https://bit.ly/dxgn928
نویسنده: فروزان فاضلی
زمان حدودی مطالعه: ۸ دقیقه
#طراحی_تجربه_کاربر #معماری_اطلاعات #UX
@Dexign فلسفه دیزاین
_______
تقريبا همه با معماری اطلاعات و اهمیت پرداختن به آن در طراحی محصول آشنا هستیم. طراحان برای کمک به کاربران و ایجاد یک تجربه منطقی و یکپارچه در محصول لازم است که از چهار جزء اصلی معماری اطلاعات استفاده کنند. که پیشتر در کانال به این موارد پرداخته شده است. اما در فرآیند معماری اطلاعات، طراحان با حجم زیادی از اطلاعات مواجه هستند که باید آنها را به چیزی که برای کاربران قابل هضم باشد، تبدیل کنند. دن براون ۸ اصل را برای راحتتر شدن این فرآیند معرفی کرده است:
۱- شناسایی عملکرد المانهایی که کاربر با آنها در تعامل است.
۲- تصمیمگیری درست برای کاهش بار شناختی کاربر.
۳- نشانههای بصری و محتوایی کافی برای رسیدن به اطلاعات مورد نظر کاربر.
۴- استفاده از المانهای بصری برای نمایش محتوایی که کاربر با کلیک بر روی نوشتهی لینک شده میبیند.
۵- همیشه کاربران از صفحه اصلی وارد سایت نمیشوند و لازم است همه صفحات به گونهای طراحی شده باشند که کاربر در آن گم نشود.
۶- روشهای مختلفی را برای دسترسی کاربر به اطلاعات طراحی کنید.
۷- نویگیشنها باید به صورت متمركز طراحی شود و محتویات زیرمجموعه آن براساس انتظارات کاربر باشد.
۸- یک ساختار مقیاس پذیر برای محتوای خود ایجاد کنید.
از شما دعوت میکنم برای فهم و درک بهتر هر مورد، از لینک زیر مثالها و توضيحات را مطالعه کنید.
https://bit.ly/dxgn928
نویسنده: فروزان فاضلی
زمان حدودی مطالعه: ۸ دقیقه
#طراحی_تجربه_کاربر #معماری_اطلاعات #UX
@Dexign فلسفه دیزاین
_______
Telegram
فلسفه دیزاین
مروری بر معماری اطلاعات:
فوت کوزهگری دیزاین
از سفر برگشتم و امروز با یه مطلب هیجانانگیز همراهتون هستم.
بنا به تجربهای که شخصا داشتم، جدای از هر روندی که برای ارائه بهترین و با کیفیتترین دیزاین طی میشه، اگر مرحله معماری اطلاعات به درستی انجام نشه، کار…
فوت کوزهگری دیزاین
از سفر برگشتم و امروز با یه مطلب هیجانانگیز همراهتون هستم.
بنا به تجربهای که شخصا داشتم، جدای از هر روندی که برای ارائه بهترین و با کیفیتترین دیزاین طی میشه، اگر مرحله معماری اطلاعات به درستی انجام نشه، کار…
👍8
طراحی تجربه کاربری در آینده
تا به حال به آیندهای که در این رشته خواهید داشت فکر کردهاید؟
همه ما در زندگی برای گرفتن بعضی از تصمیمها باید علاوه بر بررسی آن موقعیت از زاویههای متفاوت، آینده و چندین سال بعد از آن را نیز ببینیم. به نظر من انتخاب شغل و یا رشته دانشگاهی از دسته تصمیمهایی است که باید آینده آن را بررسی کنیم و به همراه علاقه تصمیمی درست بگیریم.
دانستن شرایطی که ممکن است در آینده رخ بدهد و آمادگی خود برای آن شرایط به ما طراحان برای ماندن در این صنعت و همگام شدن با تقاضای بازار کمک بسیاری میکند و این آگاهی زودهنگام و آمادگی، میتواند مزیت رقابتی بزرگی به ارمغان بیاورد. این مقاله به سه موردی که در آینده با آن مواجه خواهیم شد پرداخته و معتقد است که مدل هوک در هر چیزی از زندگی ما نفوذ خواهد کرد و طراحان UX به طراحان Total experience designer (TXD) تبدیل خواهند شد.
توصیه میکنم تا مقاله زیر را مطالعه کنید و اگر هنوز وارد این رشته نشدهاید با توجه به آیندهی این شغل برای خود بهترین تصميم را بگیرید و یا اگر در این رشته فعاليت میکنید خود را برای آینده آماده کنید.
https://bit.ly/dxgn929-1
همچنین مدل هوک را میتوانید از لینک زیر مطالعه کنید:
https://bit.ly/dxgn929-2
نویسنده: فروزان فاضلی
زمان حدودی مطالعه: (مقاله اول ۵ دقیقه و مقاله دوم ۱۰ دقیقه)
#طراحی_تجربه_کاربر #آینده #مدل_هوک
@Dexign فلسفه دیزاین
_______
تا به حال به آیندهای که در این رشته خواهید داشت فکر کردهاید؟
همه ما در زندگی برای گرفتن بعضی از تصمیمها باید علاوه بر بررسی آن موقعیت از زاویههای متفاوت، آینده و چندین سال بعد از آن را نیز ببینیم. به نظر من انتخاب شغل و یا رشته دانشگاهی از دسته تصمیمهایی است که باید آینده آن را بررسی کنیم و به همراه علاقه تصمیمی درست بگیریم.
دانستن شرایطی که ممکن است در آینده رخ بدهد و آمادگی خود برای آن شرایط به ما طراحان برای ماندن در این صنعت و همگام شدن با تقاضای بازار کمک بسیاری میکند و این آگاهی زودهنگام و آمادگی، میتواند مزیت رقابتی بزرگی به ارمغان بیاورد. این مقاله به سه موردی که در آینده با آن مواجه خواهیم شد پرداخته و معتقد است که مدل هوک در هر چیزی از زندگی ما نفوذ خواهد کرد و طراحان UX به طراحان Total experience designer (TXD) تبدیل خواهند شد.
توصیه میکنم تا مقاله زیر را مطالعه کنید و اگر هنوز وارد این رشته نشدهاید با توجه به آیندهی این شغل برای خود بهترین تصميم را بگیرید و یا اگر در این رشته فعاليت میکنید خود را برای آینده آماده کنید.
https://bit.ly/dxgn929-1
همچنین مدل هوک را میتوانید از لینک زیر مطالعه کنید:
https://bit.ly/dxgn929-2
نویسنده: فروزان فاضلی
زمان حدودی مطالعه: (مقاله اول ۵ دقیقه و مقاله دوم ۱۰ دقیقه)
#طراحی_تجربه_کاربر #آینده #مدل_هوک
@Dexign فلسفه دیزاین
_______
Medium
UI/UX Design: The Future of UX
What UX will probably look like in the next ten years, what it means for you, and why you should care.
👍7
دیزاینرهای عزیز!
لطفا مشق دیزاین سیستم را درست انجام دهید.
باوجود اهمیت زیاد طراحی دیزاین سیستم، هنوز بسیاری از طراحان به آن کمتوجهی میکنند. به گفتهی نیلسون نورمن، «دیزاین سیستم مجموعهای از استانداردها برای مدیریت طراحیست که به عنوان یک زبان مشترک و به هدف کاهش افزونگی ایجاد میشود.»
چیزی که طراحان معمولا به آن توجه نمیکنند دو بخش اصلی دیزاین سیستمها یعنی «کامپوننت لایبرری» و «استایلگاید» است. بدون هر یک از این بخشها، اساسا دیزاین سیستمی نخواهیم داشت.
نویسنده این مقاله میگوید طراحی دیزاین سیستم بدون استایلگاید، مثل کامپیوتریست که کیبورد و موس و کیس ندارد. واضح است که در این صورت کامپیوتر نداریم بلکه تنها یک مانیتور داریم و مانیتور، یک کامپیوتر کامل نیست!
به طور کلی، اگر چرایی طراحی دیزاین سیستم را درک کنیم، بسیاری از مشکلات حل میشود و مشق مهم طراحان همین است.
در یک کلام، ما دیزاین سیستم طراحی میکنیم که قابلیت استفادهی مجدد اجزای طرح را بالا ببریم. اگر به این هدف نرسیدهایم، پس لازم است به عقب برگردیم.
از لینک زیر میتوانید این مقاله را مطالعه کنید:
https://bit.ly/dxgn930
همچنین خواندن این پستهای فلسفه دیزاین، میتواند دانش شما را درباره دنیای دیزاین سیستمها بالا ببرد:
١. بدهیهای خود را بپردازید
٢. سیستمهای پویا برای تحول تیم
٣. دیزاین سیستمها و آنچه یاید درمورد آنها بدانید
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیلوفر موجودی
#دیزاین_سیستم
@Dexign فلسفه دیزاین
_______
لطفا مشق دیزاین سیستم را درست انجام دهید.
باوجود اهمیت زیاد طراحی دیزاین سیستم، هنوز بسیاری از طراحان به آن کمتوجهی میکنند. به گفتهی نیلسون نورمن، «دیزاین سیستم مجموعهای از استانداردها برای مدیریت طراحیست که به عنوان یک زبان مشترک و به هدف کاهش افزونگی ایجاد میشود.»
چیزی که طراحان معمولا به آن توجه نمیکنند دو بخش اصلی دیزاین سیستمها یعنی «کامپوننت لایبرری» و «استایلگاید» است. بدون هر یک از این بخشها، اساسا دیزاین سیستمی نخواهیم داشت.
نویسنده این مقاله میگوید طراحی دیزاین سیستم بدون استایلگاید، مثل کامپیوتریست که کیبورد و موس و کیس ندارد. واضح است که در این صورت کامپیوتر نداریم بلکه تنها یک مانیتور داریم و مانیتور، یک کامپیوتر کامل نیست!
به طور کلی، اگر چرایی طراحی دیزاین سیستم را درک کنیم، بسیاری از مشکلات حل میشود و مشق مهم طراحان همین است.
در یک کلام، ما دیزاین سیستم طراحی میکنیم که قابلیت استفادهی مجدد اجزای طرح را بالا ببریم. اگر به این هدف نرسیدهایم، پس لازم است به عقب برگردیم.
از لینک زیر میتوانید این مقاله را مطالعه کنید:
https://bit.ly/dxgn930
همچنین خواندن این پستهای فلسفه دیزاین، میتواند دانش شما را درباره دنیای دیزاین سیستمها بالا ببرد:
١. بدهیهای خود را بپردازید
٢. سیستمهای پویا برای تحول تیم
٣. دیزاین سیستمها و آنچه یاید درمورد آنها بدانید
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیلوفر موجودی
#دیزاین_سیستم
@Dexign فلسفه دیزاین
_______
Medium
Dear designers, please do your design system homework
Truly learn what something is before giving advice about it.
👍14❤1
از کجا بفهمم طراحی من تمام شده است؟
سختترین قسمت طراحی این است که بفهمیم کی باید کار را متوقف کنیم!
اگر در زمینه دیزاین خیلی باتجربه نباشید، احتمالا با دیزاینتان مثل یک نوزاد رفتار میکنید. میخواهید دیزاینتان بینقص باشد و همیشه از آن حمایت کنید! در نهایت رفتار وسواسی نسبت به آن پیدا میکنید. شاید بیش از حد تغییرات روی آن اعمال کنید یا حتی از اعمال تغییرات ضروری بترسید. این وسواس باعث میشود نتوانید درست قضاوت کنید و بپذیرید که تغییرات باید نسبت به موقعیت اعمال شوند.
باید بتوانید حد و مرزی عملیاتی برای به پایان رسیدن کارتان روی یک پروژه تعیین کنید. گاهی لازم است برگردید و دیزاینتان را بهبود بدهید، گاهی باید بدانید دیزاینتان به اندازه کافی خوب است و به هدف اصلی دست پیدا کرده است و دیگر به پایان آن رسیدهاید. تشخیص این که الان در کدام یک از این دو موقعیت قرار دارید، ساده نیست.
در این مقاله راهحلهایی برای پاسخ به این سوال وجود دارد.
اگر مشکل اصلی و نیازهای کاربر برطرف شده است.
در ابتدا باید به این سوال پاسخ بدهید که آیا مشکل و نیاز کاربر را برطرف کردهاید؟ آیا مشکل درستی را برطرف کردهاید؟ با تستهای کاربر میتوانید از پاسخ اطمینان حاصل کنید. اگر همه چیز از تحقیقات اولیه تا خروجی دیزاین همخوانی دارند دیزاین شما به پایان رسیدهاست. اگر خروجی از لحاظ ظاهری یا عملی با مشکل اصلی همخوانی ندارد باید برگردید و تغییراتی جهت بهبود اعمال کنید.
برای این ارزیابی میتوانید از story mapping استفاده کنید. در این روش مسیری را به تصویر میکشید که نشان میدهد راه حل شما چگونه در مسیر سفر کاربر به او کمک میکند تا به هدفش برسد.
ساختار story mapping به این شکل است:
۱. عنوان، هدف، کاربر
۲. چیزهایی که کاربر به ترتیب نیاز دارد تا به هدف برسد.
۳. کارهایی که کاربر باید به ترتیب انجام بدهد تا به هدف برسد.
۴. روند و اقداماتی که باید انجام شوند. این موارد را دسته بندی کنید، اولویت بندی کنید، هرجایی لازم است دیزاینی را که برای آن درنظرگرفتهاید اضافه کنید و ...
اگر زمان شما به پایان رسیدهاست.
همیشه باید از زمان باقی مانده و جایی که هستید تخمینی درست داشته باشیدتا بتوانید کارهای ضروری را اولویتبندی کنید. شما باید ضروریات پروژه را در زمان مشخص شده برای آن انجام داده باشید و اگر زمان اضافهای داشتید میتوانید آن را بهبود دهید.
اگر حداقل الزامات محصول را برآورده کردهاید.
در این راه حل OKRهایی که برای پروژه تعرف شدهاند، تعیین کننده هستند. موارد ضروری قابل چشمپوشی نیستند و حتما باید انجام داده شوند. اولویت بعدی مواردی هستند که اگر انجام شوند بهتر است ولی ضروری نیستند. اینکه با توجه به اسکوپ پروژه کدام یک از موارد اولویت پایین باید انجام شوند، بستگی به نظر مدیر محصول دارد. اگر منابع مالی و زمانی اجازه میدهند میتوانید به اولویتهای پایینتر هم رسیدگی کنید.
اگر همیشه زمان تحویل دادن پروژه نگران هستید که آیا به اندازه کافی روی آن کار کردهاید، به شما پیشنهاد میکنیم این مقاله را از لینک زیر مطالعه کنید.
https://bit.ly/dxgn931
(زمان حدودی مطالعه: 5 دقیقه)
نویسنده: عاطفه صفری
#دیزاین
@Dexign فلسفه دیزاین
_______
سختترین قسمت طراحی این است که بفهمیم کی باید کار را متوقف کنیم!
اگر در زمینه دیزاین خیلی باتجربه نباشید، احتمالا با دیزاینتان مثل یک نوزاد رفتار میکنید. میخواهید دیزاینتان بینقص باشد و همیشه از آن حمایت کنید! در نهایت رفتار وسواسی نسبت به آن پیدا میکنید. شاید بیش از حد تغییرات روی آن اعمال کنید یا حتی از اعمال تغییرات ضروری بترسید. این وسواس باعث میشود نتوانید درست قضاوت کنید و بپذیرید که تغییرات باید نسبت به موقعیت اعمال شوند.
باید بتوانید حد و مرزی عملیاتی برای به پایان رسیدن کارتان روی یک پروژه تعیین کنید. گاهی لازم است برگردید و دیزاینتان را بهبود بدهید، گاهی باید بدانید دیزاینتان به اندازه کافی خوب است و به هدف اصلی دست پیدا کرده است و دیگر به پایان آن رسیدهاید. تشخیص این که الان در کدام یک از این دو موقعیت قرار دارید، ساده نیست.
در این مقاله راهحلهایی برای پاسخ به این سوال وجود دارد.
اگر مشکل اصلی و نیازهای کاربر برطرف شده است.
در ابتدا باید به این سوال پاسخ بدهید که آیا مشکل و نیاز کاربر را برطرف کردهاید؟ آیا مشکل درستی را برطرف کردهاید؟ با تستهای کاربر میتوانید از پاسخ اطمینان حاصل کنید. اگر همه چیز از تحقیقات اولیه تا خروجی دیزاین همخوانی دارند دیزاین شما به پایان رسیدهاست. اگر خروجی از لحاظ ظاهری یا عملی با مشکل اصلی همخوانی ندارد باید برگردید و تغییراتی جهت بهبود اعمال کنید.
برای این ارزیابی میتوانید از story mapping استفاده کنید. در این روش مسیری را به تصویر میکشید که نشان میدهد راه حل شما چگونه در مسیر سفر کاربر به او کمک میکند تا به هدفش برسد.
ساختار story mapping به این شکل است:
۱. عنوان، هدف، کاربر
۲. چیزهایی که کاربر به ترتیب نیاز دارد تا به هدف برسد.
۳. کارهایی که کاربر باید به ترتیب انجام بدهد تا به هدف برسد.
۴. روند و اقداماتی که باید انجام شوند. این موارد را دسته بندی کنید، اولویت بندی کنید، هرجایی لازم است دیزاینی را که برای آن درنظرگرفتهاید اضافه کنید و ...
اگر زمان شما به پایان رسیدهاست.
همیشه باید از زمان باقی مانده و جایی که هستید تخمینی درست داشته باشیدتا بتوانید کارهای ضروری را اولویتبندی کنید. شما باید ضروریات پروژه را در زمان مشخص شده برای آن انجام داده باشید و اگر زمان اضافهای داشتید میتوانید آن را بهبود دهید.
اگر حداقل الزامات محصول را برآورده کردهاید.
در این راه حل OKRهایی که برای پروژه تعرف شدهاند، تعیین کننده هستند. موارد ضروری قابل چشمپوشی نیستند و حتما باید انجام داده شوند. اولویت بعدی مواردی هستند که اگر انجام شوند بهتر است ولی ضروری نیستند. اینکه با توجه به اسکوپ پروژه کدام یک از موارد اولویت پایین باید انجام شوند، بستگی به نظر مدیر محصول دارد. اگر منابع مالی و زمانی اجازه میدهند میتوانید به اولویتهای پایینتر هم رسیدگی کنید.
اگر همیشه زمان تحویل دادن پروژه نگران هستید که آیا به اندازه کافی روی آن کار کردهاید، به شما پیشنهاد میکنیم این مقاله را از لینک زیر مطالعه کنید.
https://bit.ly/dxgn931
(زمان حدودی مطالعه: 5 دقیقه)
نویسنده: عاطفه صفری
#دیزاین
@Dexign فلسفه دیزاین
_______
Medium
How do I know if my design is finished?
The hardest part of design is knowing when to stop
👍6❤2
۱۲ قاعده انیمیشن از دیزنی برای طراحی UI
طراحی انیمیشنها در طراحی محصولات دیجیتال دیگر امری فرعی به حساب نمیآید و به یک امر ضرروی تبدیل شده است.
این ۱۲ قاعده از کتاب توهم حیات که طراحان دیزنی در سال ۱۹۸۱ منتشر کردهاند آمده است.:
۱. نقطه عطف (حرکات کندشونده و تند شونده)
این قانون در طراحی UI کمک میکند تا کاربر بتواند از لحاظ شناختی تغییرات را به راحتی و به نرمی متوجه شود.
۲. کشیدگی و فشردگی
این قانون کمک به ایجاد حس قابل لمس بودن میکند.
۳. زمانبندی
یکی از مهمترین نکات در روان بودن انیمیشنهای محصولات دیجیتال است.
۴. پیش حرکت
این قانون انیمیشن کمک میکند تا کاربر از وجود المانهای موجود به راحتی مطلع شود.
۵. حرکت دنبالهها و همپوشانیها
تفاوت بین حرکتها باعث میشود تا کاربر احساس بهتری نسبت به انیمیشنها داشته باشد.
۶. چیدمان صحنه
ایجاد انیمیشن در تغییر چیدمان صفحه یکی از مهمترین نکات در طراحی واکنشگرا است.
۷. قوسها
ایجاد حرکت در قوسها به طراح کمک میکند تا بتواند از محیط بیشتری استفاده کند. همچنین برای کاربر استفاده از آن راحتتر است.
۸. حرکتهای ثانویه
یک بازخورد خوب باعث میشود تا کاربر به خوبی متوجه کاری که انجام میدهد بشود.
۹. اغراق
در طراحی باعث میشود بتوانیم اهمیت مواردی مانند دکمهی اصلی را به خوبی نشان دهیم.
۱۰. طراحی
تغییر شکل در طراحی کمک میکند تا علاوهبر استفاده از رنگ با انیمیشن به تغییر حالات المانها کمک کنیم.
۱۱. روشهای متحرکسازی
در متدهای مختلف طراحی انیمیشن به آن اشاره میشود که در طراحی UI نیز مصداق دارد.
۱۲. جذابیت
در تفاوت بین طراحی و هنر این مورد حتی در طراحی رابط کاربری بیشتر اهمیت پیدا میکند.
برای مطالعه دقیقتر و با جزئیات بیشتر این موارد میتوانید به متن اصلی نویسنده که در لینک آورده شده مراجعه کنید.
https://bit.ly/dxgn932
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا عباسی
#رابط_کاربری #UI #انیمیشن #دیزنی
@Dexign فلسفه دیزاین
_______
طراحی انیمیشنها در طراحی محصولات دیجیتال دیگر امری فرعی به حساب نمیآید و به یک امر ضرروی تبدیل شده است.
این ۱۲ قاعده از کتاب توهم حیات که طراحان دیزنی در سال ۱۹۸۱ منتشر کردهاند آمده است.:
۱. نقطه عطف (حرکات کندشونده و تند شونده)
این قانون در طراحی UI کمک میکند تا کاربر بتواند از لحاظ شناختی تغییرات را به راحتی و به نرمی متوجه شود.
۲. کشیدگی و فشردگی
این قانون کمک به ایجاد حس قابل لمس بودن میکند.
۳. زمانبندی
یکی از مهمترین نکات در روان بودن انیمیشنهای محصولات دیجیتال است.
۴. پیش حرکت
این قانون انیمیشن کمک میکند تا کاربر از وجود المانهای موجود به راحتی مطلع شود.
۵. حرکت دنبالهها و همپوشانیها
تفاوت بین حرکتها باعث میشود تا کاربر احساس بهتری نسبت به انیمیشنها داشته باشد.
۶. چیدمان صحنه
ایجاد انیمیشن در تغییر چیدمان صفحه یکی از مهمترین نکات در طراحی واکنشگرا است.
۷. قوسها
ایجاد حرکت در قوسها به طراح کمک میکند تا بتواند از محیط بیشتری استفاده کند. همچنین برای کاربر استفاده از آن راحتتر است.
۸. حرکتهای ثانویه
یک بازخورد خوب باعث میشود تا کاربر به خوبی متوجه کاری که انجام میدهد بشود.
۹. اغراق
در طراحی باعث میشود بتوانیم اهمیت مواردی مانند دکمهی اصلی را به خوبی نشان دهیم.
۱۰. طراحی
تغییر شکل در طراحی کمک میکند تا علاوهبر استفاده از رنگ با انیمیشن به تغییر حالات المانها کمک کنیم.
۱۱. روشهای متحرکسازی
در متدهای مختلف طراحی انیمیشن به آن اشاره میشود که در طراحی UI نیز مصداق دارد.
۱۲. جذابیت
در تفاوت بین طراحی و هنر این مورد حتی در طراحی رابط کاربری بیشتر اهمیت پیدا میکند.
برای مطالعه دقیقتر و با جزئیات بیشتر این موارد میتوانید به متن اصلی نویسنده که در لینک آورده شده مراجعه کنید.
https://bit.ly/dxgn932
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا عباسی
#رابط_کاربری #UI #انیمیشن #دیزنی
@Dexign فلسفه دیزاین
_______
Medium
Disney’s 12 principles of Animation in everyday UI design?
Disney’s animation principles that were introduced for a different time and medium can still be spotted in modern user interfaces, from…
👍10❤1
اعلانهای کارآمد و کمتر آزاردهنده برای کاربران بفرستیم
حقیقت این است که امروزه اعلانها بخش بزرگی از زندگی ما شدهاند. اگر نگاهی گذرا به تاریخ بیاندازیم، از دنیایی که در آن اطلاعات کم و حداقلی داشتیم، به افراط در دریافت اطلاعات رسیدهایم و این منجر به کاهش دامنه توجه ما شده است. از این رو، موثر و جذاب کردن اعلانهایی که آزاردهنده نباشند، نیاز به تفکر و انضباط زیادی دارد.
در مقالهی امروز، فرآیند ساختن یک سیستم اعلان موثر با استفاده از مدل رفتاری فاگ را بررسی میکنیم.
مدل رفتاری فاگ میگوید برای رخ دادن یک رفتار سه عنصر اصلی انگیزه، توانایی و محرک، در یک لحظه باید با هم همگرا شوند:
ریاضیوار میتوان گفت:
رفتار = انگیزه × توانایی × محرک
پس اگر رفتاری رخ نمیدهد، حداقل یکی از این سه عنصر وجود ندارد.
فرض کنید کاربری به نام گلن، عضو یک سرویس پخش آنلاین فیلم و سریال است و پس از یک ماه داشتن اشتراک، تصمیم به لغو اشتراک گرفته است. میخواهیم با ارسال یک اعلان، او را ترغیب به تمدید اشتراک کنیم.
عنصر انگیزه
باید ببینیم چه چیزی باعث خوشحالی گلن میشود؟ شاید گلن علاقهمند باشد بداند که فصل جدید سریال محبوبش چه زمانی منتشر میشود. این اطلاعات میتواند انگیزه معناداری برای ماندن گلن ایجاد کند اما به شرطی که به موقع باشد و این همان عنصر دوم ما است!
عنصر توانایی
از خود بپرسید گلن چه زمانی با احتمال بالا، توانایی خرید اشتراک دارد؟ آخر ماه یا اول ماه؟ در ساعات کاری یا در وقت آزادش؟ اگر گلن اپلیکیشن موبایل را نصب نکرده باشد چه؟ شاید نیاز به یک اعلان بازگشت داشته باشد. این ما را به عنصر بعدی هدایت میکند.
عنصر محرک
از خود بپرسید گلن از چه پلتفرمهایی استفاده میکند؟ چه اعلانهای دیگری ممکن است برای او فرستاده شود؟ آیا میتواند اعلانی را از دست بدهد؟ اگر بله، بهتر است به او اطلاع بدهیم که در صورتی که بخواهد بعدا اشتراکش را تمدید کند، کجا میتواند اقدام کند.
در پایان باید گفت مدل رفتاری فاگ به شما کمک میکند در مسیر درست حرکت کنید، اما تصمیم نهایی به انواع مختلف کاربرانتان بستگی دارد. پس مطمئن شوید که از ابزارهایی که دارید، به طور درست استفاده کنید.
https://bit.ly/dxgn933
(زمان حدودی مطالعه: ٨ دقیقه)
نویسنده: نیلوفر موجودی
#طراحی_رفتاری #اعلان #نوتیفیکیشن
@Dexign فلسفه دیزاین
_______
حقیقت این است که امروزه اعلانها بخش بزرگی از زندگی ما شدهاند. اگر نگاهی گذرا به تاریخ بیاندازیم، از دنیایی که در آن اطلاعات کم و حداقلی داشتیم، به افراط در دریافت اطلاعات رسیدهایم و این منجر به کاهش دامنه توجه ما شده است. از این رو، موثر و جذاب کردن اعلانهایی که آزاردهنده نباشند، نیاز به تفکر و انضباط زیادی دارد.
در مقالهی امروز، فرآیند ساختن یک سیستم اعلان موثر با استفاده از مدل رفتاری فاگ را بررسی میکنیم.
مدل رفتاری فاگ میگوید برای رخ دادن یک رفتار سه عنصر اصلی انگیزه، توانایی و محرک، در یک لحظه باید با هم همگرا شوند:
ریاضیوار میتوان گفت:
رفتار = انگیزه × توانایی × محرک
پس اگر رفتاری رخ نمیدهد، حداقل یکی از این سه عنصر وجود ندارد.
فرض کنید کاربری به نام گلن، عضو یک سرویس پخش آنلاین فیلم و سریال است و پس از یک ماه داشتن اشتراک، تصمیم به لغو اشتراک گرفته است. میخواهیم با ارسال یک اعلان، او را ترغیب به تمدید اشتراک کنیم.
عنصر انگیزه
باید ببینیم چه چیزی باعث خوشحالی گلن میشود؟ شاید گلن علاقهمند باشد بداند که فصل جدید سریال محبوبش چه زمانی منتشر میشود. این اطلاعات میتواند انگیزه معناداری برای ماندن گلن ایجاد کند اما به شرطی که به موقع باشد و این همان عنصر دوم ما است!
عنصر توانایی
از خود بپرسید گلن چه زمانی با احتمال بالا، توانایی خرید اشتراک دارد؟ آخر ماه یا اول ماه؟ در ساعات کاری یا در وقت آزادش؟ اگر گلن اپلیکیشن موبایل را نصب نکرده باشد چه؟ شاید نیاز به یک اعلان بازگشت داشته باشد. این ما را به عنصر بعدی هدایت میکند.
عنصر محرک
از خود بپرسید گلن از چه پلتفرمهایی استفاده میکند؟ چه اعلانهای دیگری ممکن است برای او فرستاده شود؟ آیا میتواند اعلانی را از دست بدهد؟ اگر بله، بهتر است به او اطلاع بدهیم که در صورتی که بخواهد بعدا اشتراکش را تمدید کند، کجا میتواند اقدام کند.
در پایان باید گفت مدل رفتاری فاگ به شما کمک میکند در مسیر درست حرکت کنید، اما تصمیم نهایی به انواع مختلف کاربرانتان بستگی دارد. پس مطمئن شوید که از ابزارهایی که دارید، به طور درست استفاده کنید.
https://bit.ly/dxgn933
(زمان حدودی مطالعه: ٨ دقیقه)
نویسنده: نیلوفر موجودی
#طراحی_رفتاری #اعلان #نوتیفیکیشن
@Dexign فلسفه دیزاین
_______
UX Magazine
Effective notifications using fogg’s behaviour model
Working with notification systems across different platforms is quite an interesting challenge. In this article there are both the process and key takeaways on how you can build an effective notification system.
👍15❤1
همه چیز درباره طراحی وب
طراحی وب زمینهای گسترده است که ممکن است برای تازهکارها چالشهای زیادی داشته باشد. در این مقاله گایدلاینهایی برای حرفهای شدن در زمینه طراحی وب آورده شده است.
۱. دسترسی پذیری
هدف از دسترسیپذیری این است که وب سایتی که طراحی میکنیم برای همه قابل استفاده باشد، از جمله افرادی که مشکلات و محدودیتهایی دارند که در تجربه کاربری آنها اثرگذار است. WCAG گایدلاینهایی برای دسترسی پذیر بودن وب سایتها تعریف کرده است. بر اساس آن، وب سایت باید این چهار مورد را رعایت کند:
- قابلیت دیده شدن: برای افراد با معلولیتهای بینایی
- عملکردی: عملکردهای اصلی وب سایت باید از چند طریق قابل انجام باشند.
- فهم پذیری: تمام محتوا و هشدارها باید قابل فهم باشند.
- ثبات: برای استفاده در دیوایسهای مختلف
۲. انسجام
حس کلی سایت شما در همه صفحات باید یکسان باشد. این حس از طریق پسزمینه، رنگها، لحن متون، نوع نوشتهها و بسیاری موارد دیگر قابل انتقال است.
۳. سادگی
هرچند زیبایی سایت مهم است، اما معمولا کاربران برای دیدن جذابیت ظاهری طراحی شما به وبسایت نمیآیند. هدف آنها عملکردهای اصلی سایت است. سادگی کلید اصلی در طراحی وب است. سادگی باید در همه زمینهها رعایت شود از جمله رنگها، نوشتهها، تصویرسازیها و ...
۴. رعایت سلسله مراتب بصری
باید با استفاده از المانهای بصری، سلسله مراتب را به گونهای رعایت کنید که تمرکز کاربر روی مهمترین قسمت سایت باشد. به یاد داشته باشید در طراحی تجربه کاربری، هدف این است که کاربر در مسیری ساده و لذت بخش به هدف خود برسد. باید با استفاده از رنگ، سایز، مکان و المانهای دیگر، به کاربر کمک کنید که تمرکز خود را به جایی که لازم است معطوف کند.
۵. ناوبری
ناوبری یا navigation در طراحی وب اهمیت بالایی دارد چرا که به کاربر کمک میکند راحتتر در سایت جابجا شود و چیزی که میخواهد را پیدا کند.
۶. ریسپانسیو بودن
بر اساس آمار ۴۸ درصد از کاربران، وب سایت را از طریق موبایل و تبلت میبینند. ۹۳ درصد از کاربران به دلیل اینکه صفحات روی دیوایس آنها خوب دیده نمیشود از سایت خارج میشوند. این دو آمار اهمیت طراحی ریسپانسیو سایت را به خوبی نشان میدهد.
در طراحی ریسپانسیو، ظاهر محتوای وب سایت شما به شکلی تغییر میکند که در دیوایسهای مختلف متناسب دیده شود. برای این کار هم میتوانید از تمپلیتهای آماده استفاده کنید و هم میتوانید نسخه موبایل جداگانه طراحی کنید.
مورد بعدی که در این مقاله به آن پرداخته شده است، سایتهایی است که میتوانید در طراحی وب از آنها الهام بگیرید. لینک آنها در ادامه آمده است:
https://www.siteinspire.com/
https://www.behance.net/
https://www.awwwards.com/
https://www.lapa.ninja/
https://bestwebsite.gallery/
در ادامه مقاله، تعدادی از بهترین منابع که برای طراحی وب به آنها نیاز خواهید داشت، آورده شده است.
۱. Unsplash
در این وب سایت تصاویر جذاب را با کیفیت بالا میتوانید به رایگان دانلود کنید.
۲. Pexels
این وب سایت هم مانند سایت قبلی برای دانلود تصاویر و ویدیو است اما نسبت به آن متنوع تر است.
۳. Google Webfonts
این سایت منبع اصلی برای دانلود فونت است.
۴. Paletton
یک وب سایت ساده و جذاب برای ساختن پالتهای رنگی
۵. Color Hunt
وب سایت مفید برای انتخاب و ساختن پالتهای رنگی
۶. Hero Patterns
یک سایت عالی برای پترنهایی که برای پس زمینه استفاده میکنید.
۷. GitHub
در این سایت میتوانید از کدهایی که دیگران نوشتهاند استفاده کنید.
مقاله اصلی را در این لینک میتوانید مطالعه کنید:
https://bit.ly/dxgn934
(زمان حدودی برای مطالعه: ۱۲ دقیقه)
نویسنده: عاطفه صفری
#Web #دیزاین
@Dexign فلسفه دیزاین
_______
طراحی وب زمینهای گسترده است که ممکن است برای تازهکارها چالشهای زیادی داشته باشد. در این مقاله گایدلاینهایی برای حرفهای شدن در زمینه طراحی وب آورده شده است.
۱. دسترسی پذیری
هدف از دسترسیپذیری این است که وب سایتی که طراحی میکنیم برای همه قابل استفاده باشد، از جمله افرادی که مشکلات و محدودیتهایی دارند که در تجربه کاربری آنها اثرگذار است. WCAG گایدلاینهایی برای دسترسی پذیر بودن وب سایتها تعریف کرده است. بر اساس آن، وب سایت باید این چهار مورد را رعایت کند:
- قابلیت دیده شدن: برای افراد با معلولیتهای بینایی
- عملکردی: عملکردهای اصلی وب سایت باید از چند طریق قابل انجام باشند.
- فهم پذیری: تمام محتوا و هشدارها باید قابل فهم باشند.
- ثبات: برای استفاده در دیوایسهای مختلف
۲. انسجام
حس کلی سایت شما در همه صفحات باید یکسان باشد. این حس از طریق پسزمینه، رنگها، لحن متون، نوع نوشتهها و بسیاری موارد دیگر قابل انتقال است.
۳. سادگی
هرچند زیبایی سایت مهم است، اما معمولا کاربران برای دیدن جذابیت ظاهری طراحی شما به وبسایت نمیآیند. هدف آنها عملکردهای اصلی سایت است. سادگی کلید اصلی در طراحی وب است. سادگی باید در همه زمینهها رعایت شود از جمله رنگها، نوشتهها، تصویرسازیها و ...
۴. رعایت سلسله مراتب بصری
باید با استفاده از المانهای بصری، سلسله مراتب را به گونهای رعایت کنید که تمرکز کاربر روی مهمترین قسمت سایت باشد. به یاد داشته باشید در طراحی تجربه کاربری، هدف این است که کاربر در مسیری ساده و لذت بخش به هدف خود برسد. باید با استفاده از رنگ، سایز، مکان و المانهای دیگر، به کاربر کمک کنید که تمرکز خود را به جایی که لازم است معطوف کند.
۵. ناوبری
ناوبری یا navigation در طراحی وب اهمیت بالایی دارد چرا که به کاربر کمک میکند راحتتر در سایت جابجا شود و چیزی که میخواهد را پیدا کند.
۶. ریسپانسیو بودن
بر اساس آمار ۴۸ درصد از کاربران، وب سایت را از طریق موبایل و تبلت میبینند. ۹۳ درصد از کاربران به دلیل اینکه صفحات روی دیوایس آنها خوب دیده نمیشود از سایت خارج میشوند. این دو آمار اهمیت طراحی ریسپانسیو سایت را به خوبی نشان میدهد.
در طراحی ریسپانسیو، ظاهر محتوای وب سایت شما به شکلی تغییر میکند که در دیوایسهای مختلف متناسب دیده شود. برای این کار هم میتوانید از تمپلیتهای آماده استفاده کنید و هم میتوانید نسخه موبایل جداگانه طراحی کنید.
مورد بعدی که در این مقاله به آن پرداخته شده است، سایتهایی است که میتوانید در طراحی وب از آنها الهام بگیرید. لینک آنها در ادامه آمده است:
https://www.siteinspire.com/
https://www.behance.net/
https://www.awwwards.com/
https://www.lapa.ninja/
https://bestwebsite.gallery/
در ادامه مقاله، تعدادی از بهترین منابع که برای طراحی وب به آنها نیاز خواهید داشت، آورده شده است.
۱. Unsplash
در این وب سایت تصاویر جذاب را با کیفیت بالا میتوانید به رایگان دانلود کنید.
۲. Pexels
این وب سایت هم مانند سایت قبلی برای دانلود تصاویر و ویدیو است اما نسبت به آن متنوع تر است.
۳. Google Webfonts
این سایت منبع اصلی برای دانلود فونت است.
۴. Paletton
یک وب سایت ساده و جذاب برای ساختن پالتهای رنگی
۵. Color Hunt
وب سایت مفید برای انتخاب و ساختن پالتهای رنگی
۶. Hero Patterns
یک سایت عالی برای پترنهایی که برای پس زمینه استفاده میکنید.
۷. GitHub
در این سایت میتوانید از کدهایی که دیگران نوشتهاند استفاده کنید.
مقاله اصلی را در این لینک میتوانید مطالعه کنید:
https://bit.ly/dxgn934
(زمان حدودی برای مطالعه: ۱۲ دقیقه)
نویسنده: عاطفه صفری
#Web #دیزاین
@Dexign فلسفه دیزاین
_______
👍8🔥2
چطور در طراحی بار شناختی را کاهش دهیم؟
به طور روزمره در دنیای دیجیتال با اطلاعات زیادی مواجه میشویم. باید در طراحی سعی کنیم تا محصول ما کمک کند مخاطب به صورت متمرکز کاری که میخواهد را انجام دهد. محتواها و محصولات دیجیتال شامل پیچیدگیهای زیادی در اجزای خود هستند مانند انواع عکس و فونت و انیمیشن و ... تلاشی که ذهن مخاطب میکند تا این پیچیدگیها را متوجه شود را بار شناختی میگویند.
قانون میلر میگوید که انسان عادی در یک لحظه تنها میتواند بین ۵ تا ۹ قطعه از اطلاعات را درک کند. تعداد زیادی این قانون را اشتباه فهمیدهاند و میگویند باید منوها در طراحی به ۷ عدد کاهش پیدا کند.
میلر در مقاله خود این قانون را مطرح میکند که ذهن انسان در حافظه کوتاه مدت خود میتواند ۷ به علاوه یا کمتر از ۲ عدد محتوا را نگهداری کند. نویسنده در ادامه به این میپردازد که چطور از این قانون به صورت درست استفاده کنیم؟
بخش کردن محتوا
بهتر است برای استفاده راحتتر مخاطب از محتوا در صورت طولانی بودن اجزا آن را به بخشهای کوچکتری که در مجاورت هم هستند تقسیم کنیم. مانند نوشتن یک شماره تلفن که به جای یازده رقم میتوان آن را به بخشهای کوچکتر ۳ و ۴ تایی تقسیم کرد. استفاده از فضای سفید مناسب برای اینکار میتواند مفید باشد همچنین افراد ترجیح میدهند تا اسکرول کنند تا اینکه به صفحه بعدی بروند. و اینکه باید مطمئن شویم اسکن کردن محتوا برای مخاطب راحت باشد.
گروهها معنا ایجاد میکنند
گروهبندی کردن چند محتوا و نمایش آنها در کنار یکدیگر به مخاطب کمک میکند تا بفهمد چه چیزهایی به همدیگر مرتبط هستند و به راحتی آنها را اسکن کند. اینکه محتوا را به گروههای مختلف تقسیم کنیم باعث میشود تا راحتتر تمرکز کند.
https://bit.ly/dxgn936
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #روانشناسی #بار_شناختی
@Dexign فلسفه دیزاین
_______
به طور روزمره در دنیای دیجیتال با اطلاعات زیادی مواجه میشویم. باید در طراحی سعی کنیم تا محصول ما کمک کند مخاطب به صورت متمرکز کاری که میخواهد را انجام دهد. محتواها و محصولات دیجیتال شامل پیچیدگیهای زیادی در اجزای خود هستند مانند انواع عکس و فونت و انیمیشن و ... تلاشی که ذهن مخاطب میکند تا این پیچیدگیها را متوجه شود را بار شناختی میگویند.
قانون میلر میگوید که انسان عادی در یک لحظه تنها میتواند بین ۵ تا ۹ قطعه از اطلاعات را درک کند. تعداد زیادی این قانون را اشتباه فهمیدهاند و میگویند باید منوها در طراحی به ۷ عدد کاهش پیدا کند.
میلر در مقاله خود این قانون را مطرح میکند که ذهن انسان در حافظه کوتاه مدت خود میتواند ۷ به علاوه یا کمتر از ۲ عدد محتوا را نگهداری کند. نویسنده در ادامه به این میپردازد که چطور از این قانون به صورت درست استفاده کنیم؟
بخش کردن محتوا
بهتر است برای استفاده راحتتر مخاطب از محتوا در صورت طولانی بودن اجزا آن را به بخشهای کوچکتری که در مجاورت هم هستند تقسیم کنیم. مانند نوشتن یک شماره تلفن که به جای یازده رقم میتوان آن را به بخشهای کوچکتر ۳ و ۴ تایی تقسیم کرد. استفاده از فضای سفید مناسب برای اینکار میتواند مفید باشد همچنین افراد ترجیح میدهند تا اسکرول کنند تا اینکه به صفحه بعدی بروند. و اینکه باید مطمئن شویم اسکن کردن محتوا برای مخاطب راحت باشد.
گروهها معنا ایجاد میکنند
گروهبندی کردن چند محتوا و نمایش آنها در کنار یکدیگر به مخاطب کمک میکند تا بفهمد چه چیزهایی به همدیگر مرتبط هستند و به راحتی آنها را اسکن کند. اینکه محتوا را به گروههای مختلف تقسیم کنیم باعث میشود تا راحتتر تمرکز کند.
https://bit.ly/dxgn936
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #روانشناسی #بار_شناختی
@Dexign فلسفه دیزاین
_______
Medium
How to reduce design “cognitive load”?
Reducing design complexity or efforts required to process all the information.
👍3🔥1