نحوهی نامگذاری اجزای دیزاین سیستم
نامگذاری برای چیزها معمولاَ کار سختی است و بیشتر از آنکه به خلاقیت مربوط باشد، به سهولت استفاده از آن برمیگردد.
در این مقاله به این میپردازیم که چطور نامگذاری ما میتواند به سهولت استفاده منجر شود و چرا باید به نامگذاری در دیزاین سیستمها اهمیت دهیم؟
۱. صحبت کردن با یک زبان مشترک بین همتیمیها
یکی از اهداف اصلی یک سیستم طراحی ایجاد یک زبان طراحی یکپارچه است، بنابراین تیمهای مختلف هنگام ساخت یک محصول خاص از یک زبان طراحی واحد استفاده میکنند. اگر به نحوهی نامگذاری چیزها در سیستم طراحی خود فکر نکنیم، فرصت بزرگی را برای ایجاد همافزایی بین طراحان و توسعه دهندگان از دست میدهیم.
۲. همترازی بین توسعه و طراحی
بسیاری از تیم های فرانتاند هنوز با همسویی بین کد و طراحی و بالعکس مشکل دارند. یافتن نامهای مشترک برای عناصر دیزاین سیستم ما باید یک تمرین مشترک با هدف استفاده از نامهای مشابه در سمت کد و در سمت طراحی باشد. این کار باعث میشود که همهی اعضای تیم هنگام صحبت در مورد سیستمهای طراحی «به یک زبان» صحبت کنند و همکاری آسانتر شود.
حالا که لزوم نامگذاری درست را درک کردیم، بیایید ۴ نوع نامگذاری مرسوم در برنامهنویسی را مرور کنیم:
نوع اول، camelCase: کلمات بدون فاصلهاند و هر کلمه به جز اول کلمهی بعد با حروف بزرگ میچسبد. این مدل بیشتر برای متغیرها و توابع در جاوا اسکریپت استفاده می شود.
نوع دوم،PascalCase: همهی کلمات از جمله کلمه اول با حروف بزرگ نوشته میشوند و تمام فاصلهها حذف میشوند. معمولاً برای C# و Java استفاده می شود.
نوع سوم، Kebab-case: فاصلهها با یک خط فاصله بین هر دو کلمه جایگزین میشود و همه کلمات کوچک هستند. معمولا برای CSS و HTML5 استفاده می شود.
نوع چهارم، snake_case: بسیار شبیه به نوع سوم و تنها تفاوت آن استفاده از زیرخط "_" برای جدا کردن هر کلمه است. معمولاً برای برنامههای پایگاه داده مانند SQL، و همچنین در PHP یا Python استفاده میشود.
نکته این است که اگر نوعی را برای اسمگذاری انتخاب میکنیم، در تمام دیزاینسیستم به رعایت آن پایبند باشیم.
مثالهای بیشتر و کاربردی در این باره را در این مقاله ببینید:
https://bit.ly/dxgn969
(زمان حدودی مطالعه: ٧ دقیقه)
نویسنده: نیلوفر موجودی
#دیزاین_سیستم #نام_گذاری #رابط_کاربری
@Dexign فلسفه دیزاین
_______
نامگذاری برای چیزها معمولاَ کار سختی است و بیشتر از آنکه به خلاقیت مربوط باشد، به سهولت استفاده از آن برمیگردد.
در این مقاله به این میپردازیم که چطور نامگذاری ما میتواند به سهولت استفاده منجر شود و چرا باید به نامگذاری در دیزاین سیستمها اهمیت دهیم؟
۱. صحبت کردن با یک زبان مشترک بین همتیمیها
یکی از اهداف اصلی یک سیستم طراحی ایجاد یک زبان طراحی یکپارچه است، بنابراین تیمهای مختلف هنگام ساخت یک محصول خاص از یک زبان طراحی واحد استفاده میکنند. اگر به نحوهی نامگذاری چیزها در سیستم طراحی خود فکر نکنیم، فرصت بزرگی را برای ایجاد همافزایی بین طراحان و توسعه دهندگان از دست میدهیم.
۲. همترازی بین توسعه و طراحی
بسیاری از تیم های فرانتاند هنوز با همسویی بین کد و طراحی و بالعکس مشکل دارند. یافتن نامهای مشترک برای عناصر دیزاین سیستم ما باید یک تمرین مشترک با هدف استفاده از نامهای مشابه در سمت کد و در سمت طراحی باشد. این کار باعث میشود که همهی اعضای تیم هنگام صحبت در مورد سیستمهای طراحی «به یک زبان» صحبت کنند و همکاری آسانتر شود.
حالا که لزوم نامگذاری درست را درک کردیم، بیایید ۴ نوع نامگذاری مرسوم در برنامهنویسی را مرور کنیم:
نوع اول، camelCase: کلمات بدون فاصلهاند و هر کلمه به جز اول کلمهی بعد با حروف بزرگ میچسبد. این مدل بیشتر برای متغیرها و توابع در جاوا اسکریپت استفاده می شود.
نوع دوم،PascalCase: همهی کلمات از جمله کلمه اول با حروف بزرگ نوشته میشوند و تمام فاصلهها حذف میشوند. معمولاً برای C# و Java استفاده می شود.
نوع سوم، Kebab-case: فاصلهها با یک خط فاصله بین هر دو کلمه جایگزین میشود و همه کلمات کوچک هستند. معمولا برای CSS و HTML5 استفاده می شود.
نوع چهارم، snake_case: بسیار شبیه به نوع سوم و تنها تفاوت آن استفاده از زیرخط "_" برای جدا کردن هر کلمه است. معمولاً برای برنامههای پایگاه داده مانند SQL، و همچنین در PHP یا Python استفاده میشود.
نکته این است که اگر نوعی را برای اسمگذاری انتخاب میکنیم، در تمام دیزاینسیستم به رعایت آن پایبند باشیم.
مثالهای بیشتر و کاربردی در این باره را در این مقاله ببینید:
https://bit.ly/dxgn969
(زمان حدودی مطالعه: ٧ دقیقه)
نویسنده: نیلوفر موجودی
#دیزاین_سیستم #نام_گذاری #رابط_کاربری
@Dexign فلسفه دیزاین
_______
Medium
Naming conventions for design systems
How to use naming to empower your design system
👍15👏1
۶ سوال کمی پیچیده در مصاحبه شغلی UX
حتماً براتون پیش اومده در مصاحبههای شغلی UX Design به سوالات سادهای بربخورید که به درستی جواب دادن بهشون کمی سخته.
در این مقاله نگاهی سریع به ۶ سوال رایج در مصاحبهها میاندازیم تا برای مصاحبهی بعدی آمادهتر باشید.
۱. از خودتان بگویید
شما در پاسخ به این سوال نه تنها میبایست از نحوهی شروع کارتان در حوزهی UX بگویید بلکه میبایست درباره شخصیت خود و مهارتهایی که شما را به یک UX designer
خوب تبدیل میکند نیز صحبت کنید.
۲.چرا میخواهید این جا کار کنید؟
این سوال مشخصاً به مدیر استخدام کمک میکند تا بفهمد چقدر دربارهی شرکت آنها تحقیق و مطالعه کردهاید. علاوه بر این بهترین روش پاسخ به این سوال این است که توضیح دهید با توجه مهارتها و قابلیتهایتان چه ارزشهایی را به سازمان اضافه میکنید.
۳. محصول مورد علاقه شما چیست؟
هدف از این سوال این است که متوجه شوند طراحی UX خوب برای شما چه معنایی دارد و آیا میتوانید به خوبی نظر خود را دربارهی آن بیان کنید؟
از آن جایی که طراحی در جزئیات است هنگام توضیح دربارهی محصول مورد علاقهی خود حتماً یک ویژگی خاص آن را در نظر بگیرید و توضیح دهید این ویژگی خاص چگونه زندگی کاربر خود را آسانتر میکند.
۴. میتوانید مسیر طراحی یکی از پروژههای خود را توضیح دهید؟
این سوال به سازمان کمک میکند در مورد مدل کاری شما و نقشتان در یک پروژه بیشتر بدانند.
همینطور کمک میکند نقاط ضعف و قوت شما را متوجه شوند. سعی کنید پاسختان به این سوال را به ۳ بخش هدف و مدت پروژه، نقش شما در پروژه و مسئولیتها و فعالیتهای روزانهتان تقسیم کنید.
۵. موفقیت کار خود را چگونه میسنجید؟
هدف از این سوال این است که بفهمند آیا شما میتوانید تصمیمات طراحی خود را از دیدگاه کاربر و کسب و کار ارزیابی کنید یا خیر. در پاسخ به این سوال به معیارهایی از قبیل نرخ تبدیل و یا نرخ حفظ کاربر تکیه کنید.
۶. آیا میتوانید در مورد چالشهایی که در یکی از پروژههای خود با آن روبرو شدهاید بگویید؟ چگونه بر آنها غلبه کردید؟
هنگام پاسخ دادن به این سوال، داشتن تعادل مناسب بسیار مهم است. از آن جایی که انعطاف پذیر بودن یکی از ویژگیهای ضروری یک طراح UX است، نیاز است آنها را متقاعد کنید که میتوانید به هر چالشی سریع پاسخ دهید.
https://bit.ly/dxgn970
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: بهاره حاجوی
#مصاحبه #استخدام #طراح_محصول
@Dexign فلسفه دیزاین
_______
حتماً براتون پیش اومده در مصاحبههای شغلی UX Design به سوالات سادهای بربخورید که به درستی جواب دادن بهشون کمی سخته.
در این مقاله نگاهی سریع به ۶ سوال رایج در مصاحبهها میاندازیم تا برای مصاحبهی بعدی آمادهتر باشید.
۱. از خودتان بگویید
شما در پاسخ به این سوال نه تنها میبایست از نحوهی شروع کارتان در حوزهی UX بگویید بلکه میبایست درباره شخصیت خود و مهارتهایی که شما را به یک UX designer
خوب تبدیل میکند نیز صحبت کنید.
۲.چرا میخواهید این جا کار کنید؟
این سوال مشخصاً به مدیر استخدام کمک میکند تا بفهمد چقدر دربارهی شرکت آنها تحقیق و مطالعه کردهاید. علاوه بر این بهترین روش پاسخ به این سوال این است که توضیح دهید با توجه مهارتها و قابلیتهایتان چه ارزشهایی را به سازمان اضافه میکنید.
۳. محصول مورد علاقه شما چیست؟
هدف از این سوال این است که متوجه شوند طراحی UX خوب برای شما چه معنایی دارد و آیا میتوانید به خوبی نظر خود را دربارهی آن بیان کنید؟
از آن جایی که طراحی در جزئیات است هنگام توضیح دربارهی محصول مورد علاقهی خود حتماً یک ویژگی خاص آن را در نظر بگیرید و توضیح دهید این ویژگی خاص چگونه زندگی کاربر خود را آسانتر میکند.
۴. میتوانید مسیر طراحی یکی از پروژههای خود را توضیح دهید؟
این سوال به سازمان کمک میکند در مورد مدل کاری شما و نقشتان در یک پروژه بیشتر بدانند.
همینطور کمک میکند نقاط ضعف و قوت شما را متوجه شوند. سعی کنید پاسختان به این سوال را به ۳ بخش هدف و مدت پروژه، نقش شما در پروژه و مسئولیتها و فعالیتهای روزانهتان تقسیم کنید.
۵. موفقیت کار خود را چگونه میسنجید؟
هدف از این سوال این است که بفهمند آیا شما میتوانید تصمیمات طراحی خود را از دیدگاه کاربر و کسب و کار ارزیابی کنید یا خیر. در پاسخ به این سوال به معیارهایی از قبیل نرخ تبدیل و یا نرخ حفظ کاربر تکیه کنید.
۶. آیا میتوانید در مورد چالشهایی که در یکی از پروژههای خود با آن روبرو شدهاید بگویید؟ چگونه بر آنها غلبه کردید؟
هنگام پاسخ دادن به این سوال، داشتن تعادل مناسب بسیار مهم است. از آن جایی که انعطاف پذیر بودن یکی از ویژگیهای ضروری یک طراح UX است، نیاز است آنها را متقاعد کنید که میتوانید به هر چالشی سریع پاسخ دهید.
https://bit.ly/dxgn970
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: بهاره حاجوی
#مصاحبه #استخدام #طراح_محصول
@Dexign فلسفه دیزاین
_______
Medium
6 Tricky UX job interview questions
And how you should go about answering them
👍13👏1
تست کاربردپذیری از راه دور و نحوه انجام آن
هر طراح UX می تواند تأیید کند که یکی از سختترین چیزها در مورد تست کاربردپذیری حضوری، دور هم جمع کردن حضوری و فیزیکی افراد برای انجام تست است.
شرایط خاصی چون؛ برنامههای شلوغ و متناقض روزانه افراد، پراکندگی جغرافیایی شرکتکنندگان، بودجه محدود و محدودیت دسترسی شرکتکنندگان به تجهیزات، تست کاربردپذیری از راه دور را به گزینهایی محبوب تبدیل میکنند. تفاوت این روش با روش حضوری در جدا و دور بودن ناظر تست از شرکتکننده است.
در تست کاربردپذیری از راه دور دو روش وجود دارد که هر دو مزایا و معایب خاص خود را دارند: نظارت شده و نظارت نشده.
در تست کاربردپذیری از راه دور نظارت شده، شرکتکننده و ناظر هر دو حضور دارند (ارتباط از طریق تلفن یا کنفرانس ویدیویی). ناظر به راحتی میتواند سوالات بیشتر و عمیقتری در روند تست جهت شفافسازی بیشتر از شرکتکننده بپرسد و یا حین انجام تست یک وظیفه (task) را تغییر دهد. اما چالش این روش؛ ناتوانی در فهم زبان بدن شرکتکننده است، زیرا ناظر از نظر فیزیکی در کنار شرکتکننده حضور ندارد. همچنین، رمزگشایی سکوت شرکتکننده کار سختی است، سکوتها چه معنایی دارند؟ شرکتکننده گیج شده است؟ در حال فکر کردن است؟ در حال جستجوست و یا دچار حواسپرتی شده است؟
نوع دیگر تست کاربردپذیری از راه دور، نظارت نشده است. در این روش تست بدون حضور ناظر انجام میگیرد. و میتوان از صدها نفر به طور همزمان در موقعیتهای جغرافیایی متفاوت تست گرفت. برای تست یک ویجت خاص یا تغییر جزئی و نیز در شرایطی که بازه زمانی و بودجه پروژه محدود است، این روش توصیه میشود. از چالشهای این روش میتوان به عدم شفافسازی و ناتوانی در پرسیدن سوالات دقیق اشاره کرد. همچنین در این روش نمیتوانید شرکتکننده را وادار کنید تا با صدای بلند فکر کند و افکار درونی خود را با شما به اشتراک بگذارد.
هرکدام از روشها را که بخواهید انتخاب کنید، بهتر است این مراحل را همیشه برای رسیدن به نتیجه مطلوب دنبال کنید:
۱. تعیین هدف و کاربران هدف: ابتدا هدف خود را تعیین کنید، سپس سناریوهای مبتنی بر وظایف(tasks) را آماده کنید و در ادامه شرکتکنندگان را جذب کنید.
۲. جذب کاربران: کاربرانی مطابق با گروه هدف خود جذب کنید. از پلتفرمهای رسانههای اجتماعی جهت یافتن وبرقرار کردن تماس با علاقهمندان به انجام تست غافل نشوید. برای شرکتکنندگان که زمان خود را در اختیار تست قرار میدهند کارت هدیه و یا پرداخت نقدی در نظر بگیرید. تعداد افراد مناسب و کافی برای انجام تست خود را مشخص کنید و همیشه ۳ نفر را بصورت جایگزین و رزرو در نظر بگیرید.
۳. تنظیم و آمادهسازی متن تست: متن تست شامل سه بخش: سوالات یخشکن(غیر اصلی)، سناریوها و وظایف و سوالاتی درباره تجربه کاربران، است. مدت زمان آزمایش را ۱۵ تا ۳۰ دقیقه در نظر بگیرید و ابزارهای ارتباطی و لازم را اعلام نمایید.
۴. اجرای تست: شب قبل و یا صبح تست، ایمیل یادآوری به شرکتکنندگان ارسال کنید. زمان دقیق شروع جلسه و نیز نرمافزارهای ارتباطی و لازم را اعلام و چک نمایید. ابتدای جلسه و در شروع، توضیحی کلی جهت آگاهی و آرامش شرکتکننده بدهید و از او بخواهید که حین تست با صدای بلند فکر کند.
۵. نتایج را خلاصه کنید: نتایج بدست آمده را در قالب یک گزارش به اشتراک بگذارید.
رایجترین ابزارهای تست کاربردپذیری از راه دور: نرمافزارهای Skype & Hangouts , GoToMeeting, Join.Me , Zoom , Lookback
رایج ترین گزینهها جهت انجام تست کاربردپذیری نظارت نشده: Userlytics , Userfeel , UserZoom , UserTesting , Loop 11
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn971
( زمان حدودی مطالعه: ۱۱ دقیقه)
نویسنده: نیلوفر مزرعه
#تست #تجربه_کاربر #تست_کاربردپذیری
@Dexign فلسفه دیزاین
_______
هر طراح UX می تواند تأیید کند که یکی از سختترین چیزها در مورد تست کاربردپذیری حضوری، دور هم جمع کردن حضوری و فیزیکی افراد برای انجام تست است.
شرایط خاصی چون؛ برنامههای شلوغ و متناقض روزانه افراد، پراکندگی جغرافیایی شرکتکنندگان، بودجه محدود و محدودیت دسترسی شرکتکنندگان به تجهیزات، تست کاربردپذیری از راه دور را به گزینهایی محبوب تبدیل میکنند. تفاوت این روش با روش حضوری در جدا و دور بودن ناظر تست از شرکتکننده است.
در تست کاربردپذیری از راه دور دو روش وجود دارد که هر دو مزایا و معایب خاص خود را دارند: نظارت شده و نظارت نشده.
در تست کاربردپذیری از راه دور نظارت شده، شرکتکننده و ناظر هر دو حضور دارند (ارتباط از طریق تلفن یا کنفرانس ویدیویی). ناظر به راحتی میتواند سوالات بیشتر و عمیقتری در روند تست جهت شفافسازی بیشتر از شرکتکننده بپرسد و یا حین انجام تست یک وظیفه (task) را تغییر دهد. اما چالش این روش؛ ناتوانی در فهم زبان بدن شرکتکننده است، زیرا ناظر از نظر فیزیکی در کنار شرکتکننده حضور ندارد. همچنین، رمزگشایی سکوت شرکتکننده کار سختی است، سکوتها چه معنایی دارند؟ شرکتکننده گیج شده است؟ در حال فکر کردن است؟ در حال جستجوست و یا دچار حواسپرتی شده است؟
نوع دیگر تست کاربردپذیری از راه دور، نظارت نشده است. در این روش تست بدون حضور ناظر انجام میگیرد. و میتوان از صدها نفر به طور همزمان در موقعیتهای جغرافیایی متفاوت تست گرفت. برای تست یک ویجت خاص یا تغییر جزئی و نیز در شرایطی که بازه زمانی و بودجه پروژه محدود است، این روش توصیه میشود. از چالشهای این روش میتوان به عدم شفافسازی و ناتوانی در پرسیدن سوالات دقیق اشاره کرد. همچنین در این روش نمیتوانید شرکتکننده را وادار کنید تا با صدای بلند فکر کند و افکار درونی خود را با شما به اشتراک بگذارد.
هرکدام از روشها را که بخواهید انتخاب کنید، بهتر است این مراحل را همیشه برای رسیدن به نتیجه مطلوب دنبال کنید:
۱. تعیین هدف و کاربران هدف: ابتدا هدف خود را تعیین کنید، سپس سناریوهای مبتنی بر وظایف(tasks) را آماده کنید و در ادامه شرکتکنندگان را جذب کنید.
۲. جذب کاربران: کاربرانی مطابق با گروه هدف خود جذب کنید. از پلتفرمهای رسانههای اجتماعی جهت یافتن وبرقرار کردن تماس با علاقهمندان به انجام تست غافل نشوید. برای شرکتکنندگان که زمان خود را در اختیار تست قرار میدهند کارت هدیه و یا پرداخت نقدی در نظر بگیرید. تعداد افراد مناسب و کافی برای انجام تست خود را مشخص کنید و همیشه ۳ نفر را بصورت جایگزین و رزرو در نظر بگیرید.
۳. تنظیم و آمادهسازی متن تست: متن تست شامل سه بخش: سوالات یخشکن(غیر اصلی)، سناریوها و وظایف و سوالاتی درباره تجربه کاربران، است. مدت زمان آزمایش را ۱۵ تا ۳۰ دقیقه در نظر بگیرید و ابزارهای ارتباطی و لازم را اعلام نمایید.
۴. اجرای تست: شب قبل و یا صبح تست، ایمیل یادآوری به شرکتکنندگان ارسال کنید. زمان دقیق شروع جلسه و نیز نرمافزارهای ارتباطی و لازم را اعلام و چک نمایید. ابتدای جلسه و در شروع، توضیحی کلی جهت آگاهی و آرامش شرکتکننده بدهید و از او بخواهید که حین تست با صدای بلند فکر کند.
۵. نتایج را خلاصه کنید: نتایج بدست آمده را در قالب یک گزارش به اشتراک بگذارید.
رایجترین ابزارهای تست کاربردپذیری از راه دور: نرمافزارهای Skype & Hangouts , GoToMeeting, Join.Me , Zoom , Lookback
رایج ترین گزینهها جهت انجام تست کاربردپذیری نظارت نشده: Userlytics , Userfeel , UserZoom , UserTesting , Loop 11
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn971
( زمان حدودی مطالعه: ۱۱ دقیقه)
نویسنده: نیلوفر مزرعه
#تست #تجربه_کاربر #تست_کاربردپذیری
@Dexign فلسفه دیزاین
_______
Medium
Remote Usability Testing 101 & How to Get Started
Here’s everything you need to know about remote usability testing & how to run effective tests.
👍3❤1
برای اینکه یک طراح UX باشید به چه مهارتهایی نیاز دارید؟
برای تبدیل شدن به یک طراح UX، باید تعدادی مهارت فنی برای این نقش داشته باشید که عبارتند از:
۱. تحقیق و استراتژی کاربر: طراحان UX باید در روشهای تحقیق، از جمله جمعآوری دادههای کیفی و کمی، تبحر کافی داشته باشند و نحوه برنامهریزی و انجام تحقیق و تفسیر و تحلیل یافتهها را بدانند.
۲. وایرفریم و پروتوتایپینگ (طراحی نمونههای اولیه قبل از طرحهای نهایی): آنها باید آشنایی کافی با ابزار طراحی داشته باشند تا بتوانند نقشه سفر کاربر و نحوه تعامل کاربر با محصول را بررسی کنند.
۳. طراحی رابط کاربری (UI): این درست است که طراحی رابط کاربری وظیفه یک طراح UX نیست. اما طراحان تجربه کاربری باید درک قوی از عناصر طراحی داشته باشند تا تعاملات کاربر را بهینه سازند.
۴. طراحی وب سایت واکنش گرا: طراحان UX باید با مفهوم طراحی واکنش گرا آشنا باشند، که تضمین میکند طراحیها در صفحههای مختلف نمایش متفاوتی دارند.
همچنین نیاز است به مهارتهای نرم که بعضی از آنها عبارتند از: مدیریت پروژه، مدیریت تیم و ذینفعان، همدلی کردن، همکاری کردن.
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn972
( زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: امین افشار
#تجربه_کاربر #همدلی #شغل
@Dexign فلسفه دیزاین
_______
برای تبدیل شدن به یک طراح UX، باید تعدادی مهارت فنی برای این نقش داشته باشید که عبارتند از:
۱. تحقیق و استراتژی کاربر: طراحان UX باید در روشهای تحقیق، از جمله جمعآوری دادههای کیفی و کمی، تبحر کافی داشته باشند و نحوه برنامهریزی و انجام تحقیق و تفسیر و تحلیل یافتهها را بدانند.
۲. وایرفریم و پروتوتایپینگ (طراحی نمونههای اولیه قبل از طرحهای نهایی): آنها باید آشنایی کافی با ابزار طراحی داشته باشند تا بتوانند نقشه سفر کاربر و نحوه تعامل کاربر با محصول را بررسی کنند.
۳. طراحی رابط کاربری (UI): این درست است که طراحی رابط کاربری وظیفه یک طراح UX نیست. اما طراحان تجربه کاربری باید درک قوی از عناصر طراحی داشته باشند تا تعاملات کاربر را بهینه سازند.
۴. طراحی وب سایت واکنش گرا: طراحان UX باید با مفهوم طراحی واکنش گرا آشنا باشند، که تضمین میکند طراحیها در صفحههای مختلف نمایش متفاوتی دارند.
همچنین نیاز است به مهارتهای نرم که بعضی از آنها عبارتند از: مدیریت پروژه، مدیریت تیم و ذینفعان، همدلی کردن، همکاری کردن.
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn972
( زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: امین افشار
#تجربه_کاربر #همدلی #شغل
@Dexign فلسفه دیزاین
_______
BrainStation®
What Skills Do You Need to Be a UX Designer? (2023 Guide)
A UX Designer’s skill set includes user research and persona development, Information Architecture, wireframing and prototyping, and user testing.
🔥1
بهترین ابزارهای تست دسترسیپذیری وبسایتها
شاید شما دستورالعملها، استانداردها، هشدارها و بهترین شیوههای موجود در مورد توصیههای W3C را دنبال کردهاید. حالا چگونه میتوانید بفهمید که آیا وبسایت شما با قوانین WCAG مطابقت دارد؟ در این مقاله چند ابزار کارآمد را به شما معرفی میکنیم.
البته لازم به ذکر است که این ابزارها حداکثر ۳۰ درصد از خطاهای دسترسیپذیری را تشخیص میدهند اما میتوانند نقطهی شروع خوبی برای تست دسترسیپذیری باشند.
۱. افزونهی Wavw کروم
این افزونه عناوین اضافی، عناصر ساختاری، کنتراست ضعیف رنگها، نحوهی تأثیر این مسائل بر انواع مختلف کاربران، دستورالعملهای WCAG که آنها نقض میکنند و غیره را نشان میدهد.
همچنین از طریق حاشیهنویسی که در پنل پایین صفحه ظاهر میشود، کد HTML «مشکلساز» را به شما نشان میدهد.
۲. ابزار Google Lighthouse
با استفاده از این ابزار میتوانید متوجه شوید که آیا همهی دکمههای صفحه دارای نامهای دسترسیپذیر هستند یا خیر، همهی تصاویر دارای ویژگی ALT هستند یا خیر و نکاتی از این قبیل. یکی دیگر از چیزهای خوب در مورد Google Lighthouse این است که نیازی به ثبت نام شما ندارد
۳. افزونهی Axe
در این ابزار رایگان، فقط با کلیک کردن دکمهی analyze فهرست کاملی از نقصهای مربوط به دسترسیپذیری به ما نشان داده میشود. فقط کافی است «Inspect code» را بزنیم و به تبی در DevTools منتقل شویم، جایی که عنصر مشکلساز مشخص شده است.
۴. ابزار Siteimprove
این ابزار آسان و کارآمد، اطلاعات عملی در مورد تمام مسائلی که تشخیص میدهد در اختیار ما قرار میدهد و همراه با آن توضیح واضحی در مورد تأثیر آن مسائل بر روی برخی از کاربران ارائه میکند.
برای دیدن آموزش کار با هر ابزار میتوانید به متن کامل مقاله مراجعه کنید:
https://bit.ly/dxgn973
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیلوفر موجودی
#دسترسی_پذیری #ابزار
@Dexign فلسفه دیزاین
_______
شاید شما دستورالعملها، استانداردها، هشدارها و بهترین شیوههای موجود در مورد توصیههای W3C را دنبال کردهاید. حالا چگونه میتوانید بفهمید که آیا وبسایت شما با قوانین WCAG مطابقت دارد؟ در این مقاله چند ابزار کارآمد را به شما معرفی میکنیم.
البته لازم به ذکر است که این ابزارها حداکثر ۳۰ درصد از خطاهای دسترسیپذیری را تشخیص میدهند اما میتوانند نقطهی شروع خوبی برای تست دسترسیپذیری باشند.
۱. افزونهی Wavw کروم
این افزونه عناوین اضافی، عناصر ساختاری، کنتراست ضعیف رنگها، نحوهی تأثیر این مسائل بر انواع مختلف کاربران، دستورالعملهای WCAG که آنها نقض میکنند و غیره را نشان میدهد.
همچنین از طریق حاشیهنویسی که در پنل پایین صفحه ظاهر میشود، کد HTML «مشکلساز» را به شما نشان میدهد.
۲. ابزار Google Lighthouse
با استفاده از این ابزار میتوانید متوجه شوید که آیا همهی دکمههای صفحه دارای نامهای دسترسیپذیر هستند یا خیر، همهی تصاویر دارای ویژگی ALT هستند یا خیر و نکاتی از این قبیل. یکی دیگر از چیزهای خوب در مورد Google Lighthouse این است که نیازی به ثبت نام شما ندارد
۳. افزونهی Axe
در این ابزار رایگان، فقط با کلیک کردن دکمهی analyze فهرست کاملی از نقصهای مربوط به دسترسیپذیری به ما نشان داده میشود. فقط کافی است «Inspect code» را بزنیم و به تبی در DevTools منتقل شویم، جایی که عنصر مشکلساز مشخص شده است.
۴. ابزار Siteimprove
این ابزار آسان و کارآمد، اطلاعات عملی در مورد تمام مسائلی که تشخیص میدهد در اختیار ما قرار میدهد و همراه با آن توضیح واضحی در مورد تأثیر آن مسائل بر روی برخی از کاربران ارائه میکند.
برای دیدن آموزش کار با هر ابزار میتوانید به متن کامل مقاله مراجعه کنید:
https://bit.ly/dxgn973
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیلوفر موجودی
#دسترسی_پذیری #ابزار
@Dexign فلسفه دیزاین
_______
Medium
What Are Some of the Best Web Accessibility Testing Tools to Evaluate Your Website With? Top 5 Chrome Extensions
How do you know whether your website is 100% WCAG 2.1 compliant? What are the best web accessibility testing tools out there that you…
👍2
نوآوری اجتماعی مجموعهای از استراتژیها، مفاهیم، ایدهها و سازمانهای جدیدی است که تأمینکنندهی نیازهای مختلف اجتماعی است و میتواند از شرایط کاری و آموزشی تا توسعهی جامعه و سلامت و جامعهی مدنی را توسعه دهد.
در این رویداد میخواهیم با همراهی مازیار رضایی، پژوهشگر و کنشگر دیزاین، از نوآوری اجتماعی و رابطه آن با دیزاین (به عنوان یک روش حل مسئله) صحبت کنیم.
برای ثبتنام در دکستاک نوآوری اجتماعی و دیزاین میتوانید از طریق لینک زیر اقدام کنید:
https://eseminar.tv/wb81972
@Dexign فلسفه دیزاین
_______
در این رویداد میخواهیم با همراهی مازیار رضایی، پژوهشگر و کنشگر دیزاین، از نوآوری اجتماعی و رابطه آن با دیزاین (به عنوان یک روش حل مسئله) صحبت کنیم.
برای ثبتنام در دکستاک نوآوری اجتماعی و دیزاین میتوانید از طریق لینک زیر اقدام کنید:
https://eseminar.tv/wb81972
@Dexign فلسفه دیزاین
_______
❤1👍1
۸ تکنیک داستانسرایی بصری که هر طراح محصول باید بداند
هر موقع که کلمهی داستانسرایی را میشنویم، اولین چیزهایی که به ذهنمان میرسد برنامههای تلویزیونی، فیلمهای انیمیشن یا رمان مورد علاقهمان است، چرا که اغلب شاهد داستانسرایی در این پلتفرمها بودهایم. از آنجا که داستانها تأثیری ابدی در ذهن و قلب کاربران میگذارند، باید به آنها این احساس را بدهیم که بخشی از ماموریت و اهداف شرکت هستند. در این مقاله، چند تکنیک داستانسرایی موثر بهطور بصری گفته شده است.
۱. یک معماری اطلاعات قوی داشته باشید.
هر محصول دارای معماری اطلاعاتی است که بخشها و عناصر بصری را دستهبندی میکند. اغلب، برای کشف نیازهای کاربر نیاز به تحقیق دارید. راههای مختلفی برای این کار وجود دارد. میتوانید از مصاحبههای کاربر یا کارتسورتینگ برای کشف این نیازها استفاده کنید. همچنین نیاز به دسترسی به نتایج تستهای کاربردپذیری دارید تا ببینید آیا کاربران میتوانند به طور موثر در محصول پیمایش کنند یا خیر.
۲. تضادها را به خوبی نشان دهید.
درست مانند یک داستان، نشان دادن تعارض و تضادها، علاقهی مخاطبان را برمیانگیزد. طراحان محصول باید در مورد مشکلی که کاربر ممکن است با آن روبرو شود فکر کنند و برای آن راهحل داشته باشند و در یک کلام با او همدلی کنند.
۳. شخصیت محصول را حفظ کنید.
یک استراتژی بصری برای ایجاد یک داستان جذاب ایجاد کنید، اما از شخصی بودن محصول هم غافل نشوید! کاربران میخواهند با یک محصول یا خدمات ارتباط برقرار کنند. به جای شناسایی کسبوکار به عنوان یک موجودیت بینام، عناصر نام تجاری را در خود محصول قرار دهید. معمولاً کاربران برای یادآوری نام برند، رنگها و طراحی بصری آن را به یاد میآورند. به عنوان مثال، وقتی به چیزی قرمز، خنک و خوشمزه فکر میکنید، تصویری که به ذهنتان خطور میکند به احتمال زیاد کوکاکولا است.
۴. بدانید که معنای رنگ بسته به فرهنگ متفاوت است.
رنگها تأثیر قوی بر احساسات دارند. آنها واکنشهای روانی و فیزیولوژیکی خاصی را تحریک میکنند. رنگ نقش اصلی نمادهای بصری را بازی و به عنوان یک روش ارتباطی برای انسان عمل میکند. نکته این است که رنگها میتوانند برای خوانندگان آسیایی، خاورمیانهای یا آمریکایی معنای متفاوتی داشته باشند.
۵. داستانی روایت کنید که به مردم انگیزه بدهد.
داستانسرایی موثر به معنای نشان دادن نام تجاری به عنوان یک روایت قانع کننده است. همانطور که تصاویر جدید را برای یک داستان جذاب انتخاب میکنید، باید برای هر قسمت از کش و قوس طراحی، این را در ذهن داشته باشید. به عنوان مثال، در اوج یک داستان، از تصاویر دراماتیک و تاثیرگذارتر استفاده میکنند و یا هنگام رسیدن به وضوح، تصاویری را انتخاب میکنند که تنشها را برطرف کند.
۶. اینتراکشن، انیمیشن و ویدیو را دست کم نگیرید.
این مهارت مهمی است که بسیاری از طراحان باید در طول زمان آن را توسعه دهند چرا که میتواند به طور شگفتاوری الهام بخش بسیاری از کاربران باشد.
۷. تایپوگرافی را با داستان خود مطابقت دهید.
فونتی که انتخاب میکنید در انتقال پیامی که میخواهید به خوانندگانتان بفرستید، کمک میکند. تایپوگرافی، تایپ فیس و سبک فونت به همان اندازه در برانگیختن احساسات مهم هستند.
۸. بهطور بصری نشان دهید که چطور محصول شما مشکل کاربر را حل میکند.
بسته به آشنایی کاربران با محصولات مشابه، تقاضا برای ویژگیها یا عملکردهای محصول شما ممکن است متفاوت باشد. در هر صورت فرآیند شما باید راهحلی ارائه دهد که مشکل کاربر را حل کند.
لینک مقاله:
https://bit.ly/dxgn974
(زمان حدودی مقاله: ۵ دقیقه)
نویسنده: نیلوفر موجودی
#داستان_سرایی #طراحی_محصول
@Dexign فلسفه دیزاین
_______
هر موقع که کلمهی داستانسرایی را میشنویم، اولین چیزهایی که به ذهنمان میرسد برنامههای تلویزیونی، فیلمهای انیمیشن یا رمان مورد علاقهمان است، چرا که اغلب شاهد داستانسرایی در این پلتفرمها بودهایم. از آنجا که داستانها تأثیری ابدی در ذهن و قلب کاربران میگذارند، باید به آنها این احساس را بدهیم که بخشی از ماموریت و اهداف شرکت هستند. در این مقاله، چند تکنیک داستانسرایی موثر بهطور بصری گفته شده است.
۱. یک معماری اطلاعات قوی داشته باشید.
هر محصول دارای معماری اطلاعاتی است که بخشها و عناصر بصری را دستهبندی میکند. اغلب، برای کشف نیازهای کاربر نیاز به تحقیق دارید. راههای مختلفی برای این کار وجود دارد. میتوانید از مصاحبههای کاربر یا کارتسورتینگ برای کشف این نیازها استفاده کنید. همچنین نیاز به دسترسی به نتایج تستهای کاربردپذیری دارید تا ببینید آیا کاربران میتوانند به طور موثر در محصول پیمایش کنند یا خیر.
۲. تضادها را به خوبی نشان دهید.
درست مانند یک داستان، نشان دادن تعارض و تضادها، علاقهی مخاطبان را برمیانگیزد. طراحان محصول باید در مورد مشکلی که کاربر ممکن است با آن روبرو شود فکر کنند و برای آن راهحل داشته باشند و در یک کلام با او همدلی کنند.
۳. شخصیت محصول را حفظ کنید.
یک استراتژی بصری برای ایجاد یک داستان جذاب ایجاد کنید، اما از شخصی بودن محصول هم غافل نشوید! کاربران میخواهند با یک محصول یا خدمات ارتباط برقرار کنند. به جای شناسایی کسبوکار به عنوان یک موجودیت بینام، عناصر نام تجاری را در خود محصول قرار دهید. معمولاً کاربران برای یادآوری نام برند، رنگها و طراحی بصری آن را به یاد میآورند. به عنوان مثال، وقتی به چیزی قرمز، خنک و خوشمزه فکر میکنید، تصویری که به ذهنتان خطور میکند به احتمال زیاد کوکاکولا است.
۴. بدانید که معنای رنگ بسته به فرهنگ متفاوت است.
رنگها تأثیر قوی بر احساسات دارند. آنها واکنشهای روانی و فیزیولوژیکی خاصی را تحریک میکنند. رنگ نقش اصلی نمادهای بصری را بازی و به عنوان یک روش ارتباطی برای انسان عمل میکند. نکته این است که رنگها میتوانند برای خوانندگان آسیایی، خاورمیانهای یا آمریکایی معنای متفاوتی داشته باشند.
۵. داستانی روایت کنید که به مردم انگیزه بدهد.
داستانسرایی موثر به معنای نشان دادن نام تجاری به عنوان یک روایت قانع کننده است. همانطور که تصاویر جدید را برای یک داستان جذاب انتخاب میکنید، باید برای هر قسمت از کش و قوس طراحی، این را در ذهن داشته باشید. به عنوان مثال، در اوج یک داستان، از تصاویر دراماتیک و تاثیرگذارتر استفاده میکنند و یا هنگام رسیدن به وضوح، تصاویری را انتخاب میکنند که تنشها را برطرف کند.
۶. اینتراکشن، انیمیشن و ویدیو را دست کم نگیرید.
این مهارت مهمی است که بسیاری از طراحان باید در طول زمان آن را توسعه دهند چرا که میتواند به طور شگفتاوری الهام بخش بسیاری از کاربران باشد.
۷. تایپوگرافی را با داستان خود مطابقت دهید.
فونتی که انتخاب میکنید در انتقال پیامی که میخواهید به خوانندگانتان بفرستید، کمک میکند. تایپوگرافی، تایپ فیس و سبک فونت به همان اندازه در برانگیختن احساسات مهم هستند.
۸. بهطور بصری نشان دهید که چطور محصول شما مشکل کاربر را حل میکند.
بسته به آشنایی کاربران با محصولات مشابه، تقاضا برای ویژگیها یا عملکردهای محصول شما ممکن است متفاوت باشد. در هر صورت فرآیند شما باید راهحلی ارائه دهد که مشکل کاربر را حل کند.
لینک مقاله:
https://bit.ly/dxgn974
(زمان حدودی مقاله: ۵ دقیقه)
نویسنده: نیلوفر موجودی
#داستان_سرایی #طراحی_محصول
@Dexign فلسفه دیزاین
_______
Medium
8 Visual Story Techniques Every Product Designer Needs to Know
Whenever we hear the word storytelling, the first few things that come to mind are our favorite TV shows, animated movies, or our favorite…
👍3
راه یک دیزاینر
دیزاینر شدن مسیریست پر فراز و نشیب، همراه با یادگیری و رشد.
در این گفتگوی زنده به میزبانی محمدرضا پناهی، طراح ارشد تجربه کاربری میخواهیم یک گفتگوی دوستانه درباره مسیر شغلی دیزاین با غزاله مطیعا، طراح محصول در شرکت Conversional داشته باشیم و از تجربیات سالهای فعالیتش در این حوزه استفاده کنیم.
لایو روز یکشنبه، ۲۷ شهریورماه ساعت ۱۹ الی ۲۰:۳۰ در صفحه اینستاگرام دیزاین آکادمی برگزار خواهد شد.
Www.instagram.com/dexignacademy
نوتیفیکیشن صفحه را روشن کرده و با ما همراه باشید.
#طراح_محصول #طراح_تجربه_کاربری #دیزاین #دیزاینر #تجربه_کاربری #design #آکادمی_دیزاین
@Dexign فلسفه دیزاین
_______
دیزاینر شدن مسیریست پر فراز و نشیب، همراه با یادگیری و رشد.
در این گفتگوی زنده به میزبانی محمدرضا پناهی، طراح ارشد تجربه کاربری میخواهیم یک گفتگوی دوستانه درباره مسیر شغلی دیزاین با غزاله مطیعا، طراح محصول در شرکت Conversional داشته باشیم و از تجربیات سالهای فعالیتش در این حوزه استفاده کنیم.
لایو روز یکشنبه، ۲۷ شهریورماه ساعت ۱۹ الی ۲۰:۳۰ در صفحه اینستاگرام دیزاین آکادمی برگزار خواهد شد.
Www.instagram.com/dexignacademy
نوتیفیکیشن صفحه را روشن کرده و با ما همراه باشید.
#طراح_محصول #طراح_تجربه_کاربری #دیزاین #دیزاینر #تجربه_کاربری #design #آکادمی_دیزاین
@Dexign فلسفه دیزاین
_______
👍4
خبر داغ این روزها، Adobe فیگما را خرید!
از روز ١۴ سپتامبر ٢٠٢٢ میشود به نام روز سیاه برای دیزاینرهای دنیا یاد کرد. با شنیدن این خبر، اولین چیزی که به ذهن ما کاربران ایرانی رسید، به پایان رسیدن خدمات فوقالعاده و البته رایگان فیگما بود. اما در این مقاله میبینیم که نه فقط ما، بلکه کل دنیا این اتفاق را اتفاق بدی برای جامعهی دیزاینرها میدانند.
نویسندهی مقاله خریده شدن فیگما توسط شرکت بزرگ ادوبی را اتفاقی خوب برای هر دوی این شرکتها و اتفاقی بد برای دیزاینرها میداند و دلیل آن پایان یافتن رقابت بین این دو رقیب دیرینه است. چرا که -متاسفانه- پایان یافتن رقابت، معمولا با کاهش رشد همراه است.
آیا باید با آپدیتهای نفسگیر فیگما و رشد فوقالعادهی این ابزار خداحافظی کنیم؟
شما هم نظرتان را در این باره با ما به اشتراک بگذارید.
https://bit.ly/dxgn975
نویسنده: نیلوفر موجودی
(زمان حدودی مطالعه: ٧ دقیقه)
#Adobe #Figma
@Dexign فلسفه دیزاین
_______
از روز ١۴ سپتامبر ٢٠٢٢ میشود به نام روز سیاه برای دیزاینرهای دنیا یاد کرد. با شنیدن این خبر، اولین چیزی که به ذهن ما کاربران ایرانی رسید، به پایان رسیدن خدمات فوقالعاده و البته رایگان فیگما بود. اما در این مقاله میبینیم که نه فقط ما، بلکه کل دنیا این اتفاق را اتفاق بدی برای جامعهی دیزاینرها میدانند.
نویسندهی مقاله خریده شدن فیگما توسط شرکت بزرگ ادوبی را اتفاقی خوب برای هر دوی این شرکتها و اتفاقی بد برای دیزاینرها میداند و دلیل آن پایان یافتن رقابت بین این دو رقیب دیرینه است. چرا که -متاسفانه- پایان یافتن رقابت، معمولا با کاهش رشد همراه است.
آیا باید با آپدیتهای نفسگیر فیگما و رشد فوقالعادهی این ابزار خداحافظی کنیم؟
شما هم نظرتان را در این باره با ما به اشتراک بگذارید.
https://bit.ly/dxgn975
نویسنده: نیلوفر موجودی
(زمان حدودی مطالعه: ٧ دقیقه)
#Adobe #Figma
@Dexign فلسفه دیزاین
_______
Medium
Why Figma’s acquisition is bad for designers
Figma took on a giant, now it’s part of their team.
😢17🤔3
مقیاسها در توکنهای دیزاین سیستم
توکنهای طراحی تمام مقادیر مورد نیاز برای ساخت و نگهداری یک دیزاین سیستم هستند. مقادیری از جمله فاصله، رنگ، تایپوگرافی، استایل آبجکتها، انیمیشنها و غیره که به صورت داده نشان داده میشوند. توکنها همچنین حالتهای مختلف کامپوننتها را پوشش میدهند.
یک قرارداد نامگذاری خوب برای توکنهای متنمحور (تایپوگرافی)، وضوح مورد نیاز را برای توسعهدهنده فراهم میکند و به او کمک میکند تا دیزاین سیستم را بهطور کامل درک کرده و به راحتی از آن استفاده کند.
مقالهی امروز بعضی از معروفترین این قراردادهای مقیاسبندی را معرفی میکند.
۱. مقیاسبندی از نوع سایز تیشرت
اندازهی تیشرت به طور مستقیم به تجربه زندگی همهی ما اشاره دارد. کوچک، متوسط، بزرگ و غیره. نمونهای از کدنویسی با این مقیاسبندی را میتوان در Material Design دید.
نکته منفی این نوع این است که وقتی مقیاسها بزرگتر می شوند نگهداری و استفاده از آنها سختتر میشود و استفاده از XXXXSmall در بلندمدت پایدار به نظر نمیرسد. همچنین جایی برای اضافه کردن سایز متوسط بین کوچک و متوسط وجود ندارد.
۲. مقیاسبندی از نوع شماره ترتیبی
در این نوع، از اعداد بدون معنای خاصی استفاده میشود و فقط نشان دهندهی نظم هستند. مانند "font-size-1 font-size-2.”. این نوع از نوع قبلی واضحتر است زیرا یک لایهی انتزاعی اضافی در نامگذاری اعمال نمیکند. وقتی کوچکترین مقدار را تعریف میکنید و مطمئنید که فقط مقادیر بزرگتر برای اضافه کردن وجود دارد، این روش مفید است. نمونهی کد این نوع را در Polaris و Carbon ببینید.
۳. مقیاسبندی از نوع اعداد صدصدی
این مقیاس عددی مشابه نوع قبلی است؛ با این تفاوت که شما مقادیر را مانند ۱۰۰، ۱۵۰، ۲۰۰، ۳۰۰ تعریف میکنید و اگر تصمیم به اضافه کردن مقیاس دیگری دارید، این اعداد را گسترش میدهید. در این نوع، معمولا عدد ۱۰۰ به عنوان base value در نظر گرفته میشود.
در مجموع، استفاده از هرکدام از این مقیاسبندیها ارجحیتی بر دیگری ندارد و بهترین آنها، نوعیست که شما به عنوان طراح، بههمراه توسعهدهندهها و ذینفعان به خوبی آن را درک میکنید.
لینک مقاله:
https://bit.ly/dxgn976
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: نیلوفر موجودی
#دیزاین_سیستم #تایپوگرافی #مقیاس
@Dexign فلسفه دیزاین
_______
توکنهای طراحی تمام مقادیر مورد نیاز برای ساخت و نگهداری یک دیزاین سیستم هستند. مقادیری از جمله فاصله، رنگ، تایپوگرافی، استایل آبجکتها، انیمیشنها و غیره که به صورت داده نشان داده میشوند. توکنها همچنین حالتهای مختلف کامپوننتها را پوشش میدهند.
یک قرارداد نامگذاری خوب برای توکنهای متنمحور (تایپوگرافی)، وضوح مورد نیاز را برای توسعهدهنده فراهم میکند و به او کمک میکند تا دیزاین سیستم را بهطور کامل درک کرده و به راحتی از آن استفاده کند.
مقالهی امروز بعضی از معروفترین این قراردادهای مقیاسبندی را معرفی میکند.
۱. مقیاسبندی از نوع سایز تیشرت
اندازهی تیشرت به طور مستقیم به تجربه زندگی همهی ما اشاره دارد. کوچک، متوسط، بزرگ و غیره. نمونهای از کدنویسی با این مقیاسبندی را میتوان در Material Design دید.
نکته منفی این نوع این است که وقتی مقیاسها بزرگتر می شوند نگهداری و استفاده از آنها سختتر میشود و استفاده از XXXXSmall در بلندمدت پایدار به نظر نمیرسد. همچنین جایی برای اضافه کردن سایز متوسط بین کوچک و متوسط وجود ندارد.
۲. مقیاسبندی از نوع شماره ترتیبی
در این نوع، از اعداد بدون معنای خاصی استفاده میشود و فقط نشان دهندهی نظم هستند. مانند "font-size-1 font-size-2.”. این نوع از نوع قبلی واضحتر است زیرا یک لایهی انتزاعی اضافی در نامگذاری اعمال نمیکند. وقتی کوچکترین مقدار را تعریف میکنید و مطمئنید که فقط مقادیر بزرگتر برای اضافه کردن وجود دارد، این روش مفید است. نمونهی کد این نوع را در Polaris و Carbon ببینید.
۳. مقیاسبندی از نوع اعداد صدصدی
این مقیاس عددی مشابه نوع قبلی است؛ با این تفاوت که شما مقادیر را مانند ۱۰۰، ۱۵۰، ۲۰۰، ۳۰۰ تعریف میکنید و اگر تصمیم به اضافه کردن مقیاس دیگری دارید، این اعداد را گسترش میدهید. در این نوع، معمولا عدد ۱۰۰ به عنوان base value در نظر گرفته میشود.
در مجموع، استفاده از هرکدام از این مقیاسبندیها ارجحیتی بر دیگری ندارد و بهترین آنها، نوعیست که شما به عنوان طراح، بههمراه توسعهدهندهها و ذینفعان به خوبی آن را درک میکنید.
لینک مقاله:
https://bit.ly/dxgn976
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: نیلوفر موجودی
#دیزاین_سیستم #تایپوگرافی #مقیاس
@Dexign فلسفه دیزاین
_______
Medium
Design token scales
When delivering a design system, design tokens ensure the style synchronization between design and development. A primary color in Figma …
👍6❤1
۵ روش طراحی برای افرادی که دارای اختلال کوررنگی هستند
کمبود دید رنگی (Color vision deficiency - CVD):
کمبود دید رنگی (CVD) حدود 1 نفر از هر 12 مرد و 1 نفر از هر 200 زن را در سراسر جهان تحت تاثیر قرار می دهد. به ازای هر 100 کاربر که از وبسایت یا برنامه شما بازدید میکنند، حداکثر 8 نفر ممکن است از CVD رنج ببرند.
اختلال کوررنگی قرمز-سبز شایعترین کمبود است که تقریباً از هر 12 مرد 1 نفر (8 درصد) و از هر 200 زن 1 نفر (۰/۵ درصد) دیده میشود.
تصور کنید که یک فرم آنلاین ارسال کردهاید و یک پیام خطا دریافت میکنید: «مشکلی در ارسال شما وجود داشت. لطفاً اصلاحش کنید.» صفحه را به پایین اسکرول میکنید اما هیچ چیزی دلیل مشکل را نشان نمیدهد.
این سناریویی است که کاربران مبتلا به اختلال کوررنگی هر روز آن را تجربه میکنند زیرا نمیتوانند فیلدهای برجسته شده با رنگ قرمز را متمایز کنند.
انواع اختلال کوررنگی:
پروتانوپیا: کاهش حساسیت به نور قرمز.
دوترانوپیا: شایعترین نوع کوررنگی. افراد در دیدن نور سبز مشکل دارند.
تریتانوپیا: بسیار نادر. افراد در تشخیص رنگ آبی و زرد مشکل دارند.
طراحی برای افرادی که مبتلا به اختلال کوررنگی هستند:
فراموش نکنیم که یک طراحی خوب شامل همه چیز است و برای همه افراد در هر موقعیتی کار میکند.
۱. استفاده از رنگها و نمادها
مطابق با یکی از دستورالعملهای کنسرسیوم وب جهانی (W3C)، در زمینه طراحی برای کاربران مبتلا به کوررنگی:
“رنگ به عنوان تنها وسیله بصری برای انتقال اطلاعات، نشان دادن یک عمل، تحریک یک پاسخ یا متمایز کردن یک عنصر بصری استفاده نمیشود.”
این مشکل با استفاده از نمادها قابل حل است. نمادها به کاربر اطلاع میدهند که اشتباه کرده است. چنین ترفند کوچکی باعث تسریع طراحی فراگیر میشود.
۲. اجتناب از استفاده ترکیب رنگ های خاص
از ترکیب رنگهایی که نسبت کنتراست کمتری دارند یا در تشخیص آنها مشکل دارند باید اجتناب شود. در زیر لیستی از ترکیبات رنگی که هنگام طراحی رابطها باید از آنها اجتناب شود، آمده است:
سبز-قهوه ای
سبز آبی
قرمز سبز
سبز-سیاه
سبز-خاکستری
آبی-بنفش
آبی خاکستری
سبز مایل به زرد روشن
۳. کنتراست مناسب
کنتراست تفاوت رنگی است که باعث می شود یک شی از آنهایی که در مجاورت یکدیگر قرار دارند متمایز شود. هر چه نسبت کنتراست بیشتر باشد، خوانایی برای افرادی که دارای اختلالات بینایی کم هستند بهتر است.
طبق W3C:
نمایش بصری متن و تصاویر دارای نسبت کنتراست معینی حداقل 4:5:1 است.
۴. روی دکمه اصلی کار کنید
- ترکیبهای مختلف قرارگیری دکمه اصلی را بیازمایید.
- اندازه دکمه اصلی را افزایش دهید.
- کنتراست بین دکمههای اصلی و ثانویه را افزایش دهید.
- از آیکونها، حاشیهها یا حتی وزن فونت برای تشخیص دکمههای اصلی و ثانویه استفاده کنید.
۵. استفاده از بافتها، الگوها و برچسبهای متنی
- افزودن برچسب های متنی برای درک آسانتر
- استفاده از بافتها و الگوها برای تشخیص بخشهای مختلف.
۶. جایزه
شما می توانید اختلال کوررنگی را در فتوشاپ نیز شبیهسازی کنید.
برای دسترسی به اطلاعات بیشتر و مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn977
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر مزرعه
#طراحی_فراگیر #دیزاین_سیستم #رابط_کاربری
@Dexign فلسفه دیزاین
_______
کمبود دید رنگی (Color vision deficiency - CVD):
کمبود دید رنگی (CVD) حدود 1 نفر از هر 12 مرد و 1 نفر از هر 200 زن را در سراسر جهان تحت تاثیر قرار می دهد. به ازای هر 100 کاربر که از وبسایت یا برنامه شما بازدید میکنند، حداکثر 8 نفر ممکن است از CVD رنج ببرند.
اختلال کوررنگی قرمز-سبز شایعترین کمبود است که تقریباً از هر 12 مرد 1 نفر (8 درصد) و از هر 200 زن 1 نفر (۰/۵ درصد) دیده میشود.
تصور کنید که یک فرم آنلاین ارسال کردهاید و یک پیام خطا دریافت میکنید: «مشکلی در ارسال شما وجود داشت. لطفاً اصلاحش کنید.» صفحه را به پایین اسکرول میکنید اما هیچ چیزی دلیل مشکل را نشان نمیدهد.
این سناریویی است که کاربران مبتلا به اختلال کوررنگی هر روز آن را تجربه میکنند زیرا نمیتوانند فیلدهای برجسته شده با رنگ قرمز را متمایز کنند.
انواع اختلال کوررنگی:
پروتانوپیا: کاهش حساسیت به نور قرمز.
دوترانوپیا: شایعترین نوع کوررنگی. افراد در دیدن نور سبز مشکل دارند.
تریتانوپیا: بسیار نادر. افراد در تشخیص رنگ آبی و زرد مشکل دارند.
طراحی برای افرادی که مبتلا به اختلال کوررنگی هستند:
فراموش نکنیم که یک طراحی خوب شامل همه چیز است و برای همه افراد در هر موقعیتی کار میکند.
۱. استفاده از رنگها و نمادها
مطابق با یکی از دستورالعملهای کنسرسیوم وب جهانی (W3C)، در زمینه طراحی برای کاربران مبتلا به کوررنگی:
“رنگ به عنوان تنها وسیله بصری برای انتقال اطلاعات، نشان دادن یک عمل، تحریک یک پاسخ یا متمایز کردن یک عنصر بصری استفاده نمیشود.”
این مشکل با استفاده از نمادها قابل حل است. نمادها به کاربر اطلاع میدهند که اشتباه کرده است. چنین ترفند کوچکی باعث تسریع طراحی فراگیر میشود.
۲. اجتناب از استفاده ترکیب رنگ های خاص
از ترکیب رنگهایی که نسبت کنتراست کمتری دارند یا در تشخیص آنها مشکل دارند باید اجتناب شود. در زیر لیستی از ترکیبات رنگی که هنگام طراحی رابطها باید از آنها اجتناب شود، آمده است:
سبز-قهوه ای
سبز آبی
قرمز سبز
سبز-سیاه
سبز-خاکستری
آبی-بنفش
آبی خاکستری
سبز مایل به زرد روشن
۳. کنتراست مناسب
کنتراست تفاوت رنگی است که باعث می شود یک شی از آنهایی که در مجاورت یکدیگر قرار دارند متمایز شود. هر چه نسبت کنتراست بیشتر باشد، خوانایی برای افرادی که دارای اختلالات بینایی کم هستند بهتر است.
طبق W3C:
نمایش بصری متن و تصاویر دارای نسبت کنتراست معینی حداقل 4:5:1 است.
۴. روی دکمه اصلی کار کنید
- ترکیبهای مختلف قرارگیری دکمه اصلی را بیازمایید.
- اندازه دکمه اصلی را افزایش دهید.
- کنتراست بین دکمههای اصلی و ثانویه را افزایش دهید.
- از آیکونها، حاشیهها یا حتی وزن فونت برای تشخیص دکمههای اصلی و ثانویه استفاده کنید.
۵. استفاده از بافتها، الگوها و برچسبهای متنی
- افزودن برچسب های متنی برای درک آسانتر
- استفاده از بافتها و الگوها برای تشخیص بخشهای مختلف.
۶. جایزه
شما می توانید اختلال کوررنگی را در فتوشاپ نیز شبیهسازی کنید.
برای دسترسی به اطلاعات بیشتر و مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn977
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر مزرعه
#طراحی_فراگیر #دیزاین_سیستم #رابط_کاربری
@Dexign فلسفه دیزاین
_______
Medium
5 ways to design for people who are colorblind
Color vision deficiency (CVD) :
👍7❤2
فرآیند طراحی UX برای کشف و حل مشکلات کاربران
در این مقاله مراحل استاندارد مورد نیاز برای کشف نیازهای کاربر و راه حلهای پیشنهادی رو بررسی خواهیم کرد.
هنگام طراحی یک محصول جدید یا بهبود محصول موجود، بسیار مهم است که اهداف مشتریان خود را بشناسید و بدانید که کاربران خود با چه مشکلاتی رو به رو هستند و لازمهی این کار این است که شما با کاربران خود در تماس باشید و رفتار آنها را بررسی کنید.
۱. فهمیدن: مرحله اول فرآیند طراحی کردن، فهمیدن تمام اطلاعاتی است که شما و تیمتان برای شروع کار بر روی پروژه به آن نیاز دارید. این اطلاعات عبارتند از: نیازهای ذینفعان، نیازهای کاربران، مشکلات آنها و چالشهایی که با آنها رو به رو هستند.
هرچه نیازهای کاربران خود را بهتر درک کنید، شانس بیشتری برای ایجاد محصولی خواهید داشت که آنها از آن استفاده کنند. به همین دلیل است که مرحله درک، برای توسعه محصولات ارزشمند بسیار مهم است.
. مصاحبههای کاربر: صحبت مستقیم با مشتریان، بهترین راه برای به دست آوردن درک روشنی از نیازهای آنهاست.
. بازخورد نظرسنجیها: بهترین روش برای جمعآوری اطلاعات از کاربران در مدت زمان کوتاه است.
. توجه کردن به رفتار کاربران هنگام استفاده کردن از محصولات شما و یا محصولات مشابه: میتواند یک راه حل عالی برای مشاهده مشکلاتی باشد که کاربران شما با آنها رو به رو هستند.
۲. تجزیه و تحلیل: هنگامی که تمام اطلاعات مورد نیاز را جمع آوری کردید، زمان تجزیه و تحلیل آنها فرا میرسد. در این مرحله، شما باید تمام دادههایی را که دریافت کردهاید سازماندهی و الویتبندی کنید.
۳. ایدهپردازی: در این مرحله با توجه به مشکلاتی که الویتبندی شدهاند، شما ایدهپردازی میکنید و راه حل برای آنها ارائه میدهید. ارائه هر چه بیشتر ایدهها باعث میشود خارج از چارچوب فکر کنید و احتمالات جدیدتر را کشف کنید. در مرحله ایدهپردازی راه حلهای درست یا غلط وجود ندارد تا آن جا که ممکن است راه حلهای بیشتری توسعه داده و بعداً آنها را اصلاح میکنیم.
۴. تایید: هنگامی که ایدههایی دارید، وقت آن است که آنها را تأیید کنید تا ببینید آیا راه حلهای شما میتوانند کار کنند و مشکلات کاربران را حل کنند یا خیر؟
۵. تکرار کردن: هنگام تایید ایدههای خود، ممکن است متوجه شوید که برخی از آنها ممکن است به طور کامل نقاط درد کاربر را از بین نبرند یا ممکن است به کار بیشتری نیاز داشته باشند. این مرحلهای است که میتوانید به عقب برگردید و طراحی خود را اصلاح کنید.
در آخر این که طراحی هرگز به انتها نمیرسد و حتی پس از پیادهسازی، ممکن است متوجه شوید که برخی از قطعات آن طور که میخواهید کار نمیکنند. بنابراین همیشه میتوانید به مرحله لازم برگردید و روند را از نو شروع کنید.
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn978
( زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: امین افشار
#تجربه_کاربر #کاربر_پژوهی #تعریف_مسئله
@Dexign فلسفه دیزاین
_______
در این مقاله مراحل استاندارد مورد نیاز برای کشف نیازهای کاربر و راه حلهای پیشنهادی رو بررسی خواهیم کرد.
هنگام طراحی یک محصول جدید یا بهبود محصول موجود، بسیار مهم است که اهداف مشتریان خود را بشناسید و بدانید که کاربران خود با چه مشکلاتی رو به رو هستند و لازمهی این کار این است که شما با کاربران خود در تماس باشید و رفتار آنها را بررسی کنید.
۱. فهمیدن: مرحله اول فرآیند طراحی کردن، فهمیدن تمام اطلاعاتی است که شما و تیمتان برای شروع کار بر روی پروژه به آن نیاز دارید. این اطلاعات عبارتند از: نیازهای ذینفعان، نیازهای کاربران، مشکلات آنها و چالشهایی که با آنها رو به رو هستند.
هرچه نیازهای کاربران خود را بهتر درک کنید، شانس بیشتری برای ایجاد محصولی خواهید داشت که آنها از آن استفاده کنند. به همین دلیل است که مرحله درک، برای توسعه محصولات ارزشمند بسیار مهم است.
. مصاحبههای کاربر: صحبت مستقیم با مشتریان، بهترین راه برای به دست آوردن درک روشنی از نیازهای آنهاست.
. بازخورد نظرسنجیها: بهترین روش برای جمعآوری اطلاعات از کاربران در مدت زمان کوتاه است.
. توجه کردن به رفتار کاربران هنگام استفاده کردن از محصولات شما و یا محصولات مشابه: میتواند یک راه حل عالی برای مشاهده مشکلاتی باشد که کاربران شما با آنها رو به رو هستند.
۲. تجزیه و تحلیل: هنگامی که تمام اطلاعات مورد نیاز را جمع آوری کردید، زمان تجزیه و تحلیل آنها فرا میرسد. در این مرحله، شما باید تمام دادههایی را که دریافت کردهاید سازماندهی و الویتبندی کنید.
۳. ایدهپردازی: در این مرحله با توجه به مشکلاتی که الویتبندی شدهاند، شما ایدهپردازی میکنید و راه حل برای آنها ارائه میدهید. ارائه هر چه بیشتر ایدهها باعث میشود خارج از چارچوب فکر کنید و احتمالات جدیدتر را کشف کنید. در مرحله ایدهپردازی راه حلهای درست یا غلط وجود ندارد تا آن جا که ممکن است راه حلهای بیشتری توسعه داده و بعداً آنها را اصلاح میکنیم.
۴. تایید: هنگامی که ایدههایی دارید، وقت آن است که آنها را تأیید کنید تا ببینید آیا راه حلهای شما میتوانند کار کنند و مشکلات کاربران را حل کنند یا خیر؟
۵. تکرار کردن: هنگام تایید ایدههای خود، ممکن است متوجه شوید که برخی از آنها ممکن است به طور کامل نقاط درد کاربر را از بین نبرند یا ممکن است به کار بیشتری نیاز داشته باشند. این مرحلهای است که میتوانید به عقب برگردید و طراحی خود را اصلاح کنید.
در آخر این که طراحی هرگز به انتها نمیرسد و حتی پس از پیادهسازی، ممکن است متوجه شوید که برخی از قطعات آن طور که میخواهید کار نمیکنند. بنابراین همیشه میتوانید به مرحله لازم برگردید و روند را از نو شروع کنید.
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn978
( زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: امین افشار
#تجربه_کاربر #کاربر_پژوهی #تعریف_مسئله
@Dexign فلسفه دیزاین
_______
Medium
UX design process for discovering and solving users’ problems
If you can’t answer the question ‘what problem are you solving?’ you cannot offer a proper solution.
👍7👎1
با سلام به همراهان عزیز کانال فلسفه دیزاین
ما همواره تلاش کردهایم فارغ و جدا از شرایط در راه بهتر بودن و بهتر شدن از طریق گسترش دانش و اندیشه گام برداریم. اما گویا شرایط در نهایت راهی برای رسیدن به ما مییابد.
به همین دلیل انتشار مطالب چند روزی متوقف میگردد، شاید که در روزهای آینده توانی برای خواندن و نوشتن باشد.
ما همواره تلاش کردهایم فارغ و جدا از شرایط در راه بهتر بودن و بهتر شدن از طریق گسترش دانش و اندیشه گام برداریم. اما گویا شرایط در نهایت راهی برای رسیدن به ما مییابد.
به همین دلیل انتشار مطالب چند روزی متوقف میگردد، شاید که در روزهای آینده توانی برای خواندن و نوشتن باشد.
❤51👍27😢11
۷ اشتباه رایجی که طراحان UX در سال اول مرتکب میشوند
برخی از اشتباهات رایج طراحی وجود دارد که که بسیاری از طراحان UX در سال اول تجربهی کاری خود مرتکب میشوند. در این مقاله به ۷ اشتباه اساسی که میتوانند تاثیر منفی در تجربهی کاربری بگذارند صحبت میکنیم.
۱. نداشتن دید کلینگر به طراحی
این اتفاق معمولاْ در تیمهای طراحی بزرگ اتفاق میافتد. برای مثال زمانی که یک طراح UX جونیور قرار است یک عملکرد جدید را طراحی یا بخشی از یک محصول را باز طراحی کند٬ معمولاْ نقشی که عملکرد جدید در سفر کاربر میگذارد را نادیده میگیرد و طرحی را ایجاد میکند که خوب به نظر میرسد اما وقتی با محصول واقعی ادغام میشود٬ کار نمیکند.
۲. سرمایهگذاری بیش از حد برای ایجاد پرتوتایپهای پیکسل پرفکت
ساختن یک پرتوتایپ پیکسل پرفکت در گامهای اولیهی طراحی اتلاف وقت بسیار بزرگی است زیرا قبل از رسیدن به راه حلی که برای مخاطبتان کار کند٬ چندین طرح تکراری دارید. به یاد داشته باشید٬ یادگیری رها کردن ایدهی خود و بازگشت به تابلوی طراحی ضروری است.
۳. طراحی با محتوای ساختگی
استفاده از محتوای ساختگی مانند "Lorem Ipsum" ممکن است یک راه حل موقت در مراحل اولیه فرآیند طراحی باشد، اما هرگز نمیتواند جایگزین کاملی برای محتوای واقعی باشد. به همین دلیل است که وقتی ایده روشنی از طرحبندی میخواهید داشته باشید، همیشه باید از محتوای واقعی برای تأیید اعتبار این طرحبندی استفاده کنید.
۴. نداشتن ارتباط با همتیمیها
به ندرت پیش میآید که یک طراح در تنهایی کامل کار کند و به تنهایی یک طرح محصول موثر و خوب ایجاد کند. یک طراح UX بخشی از تیمی است که روی یک محصول کار میکند و هرچه ارتباط بهتری در گروه برقرار شود، نتیجه بهتری خواهد داشت.
۵. گوش نکردن به فیدبک کاربر
اگر بازخورد کاربران را در نظر نگیرید، در نهایت محصولی را برای خودتان طراحی میکنید، نه برای کاربرانتان. نیازی به ذکر نیست که در این صورت به ندرت محصول نتیجه خوبی دارد.
۶. اولویت دادن به زیباییشناسی بر عملکرد (و بالعکس)
جنبه زیباییشناسی برای موفقیت محصول قطعاْ ضروری است، اما این نادرست است که زیباییشناسی را هدف اصلی طراحی قرار دهیم. به همین صورت تمرکز بیش از حد بر روی ایجاد عملکرد خوب و اهمیت ندادن به ابعاد زیباییشناسی آن نیز میتواند به تجربه کاربر آسیب برساند.
۷. کورکورانه تمامی ترندهای طراحی را دنبال کردن
اگر کورکورانه آخرین ترندها را در محصول خود پیاده کنید، احتمالاً تجربه کاربری بدی ایجاد خواهید کرد. به همین دلیل ضروری است که قبل از ایجاد هر گونه تغییری، آن را از نظر ارزشی که برای مخاطبان به ارمغان میآورد ارزیابی کنید.
https://bit.ly/dxgn979
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: بهاره حاجوی
#طراح_محصول #پیشرفت #اصول
@Dexign فلسفه دیزاین
_______
برخی از اشتباهات رایج طراحی وجود دارد که که بسیاری از طراحان UX در سال اول تجربهی کاری خود مرتکب میشوند. در این مقاله به ۷ اشتباه اساسی که میتوانند تاثیر منفی در تجربهی کاربری بگذارند صحبت میکنیم.
۱. نداشتن دید کلینگر به طراحی
این اتفاق معمولاْ در تیمهای طراحی بزرگ اتفاق میافتد. برای مثال زمانی که یک طراح UX جونیور قرار است یک عملکرد جدید را طراحی یا بخشی از یک محصول را باز طراحی کند٬ معمولاْ نقشی که عملکرد جدید در سفر کاربر میگذارد را نادیده میگیرد و طرحی را ایجاد میکند که خوب به نظر میرسد اما وقتی با محصول واقعی ادغام میشود٬ کار نمیکند.
۲. سرمایهگذاری بیش از حد برای ایجاد پرتوتایپهای پیکسل پرفکت
ساختن یک پرتوتایپ پیکسل پرفکت در گامهای اولیهی طراحی اتلاف وقت بسیار بزرگی است زیرا قبل از رسیدن به راه حلی که برای مخاطبتان کار کند٬ چندین طرح تکراری دارید. به یاد داشته باشید٬ یادگیری رها کردن ایدهی خود و بازگشت به تابلوی طراحی ضروری است.
۳. طراحی با محتوای ساختگی
استفاده از محتوای ساختگی مانند "Lorem Ipsum" ممکن است یک راه حل موقت در مراحل اولیه فرآیند طراحی باشد، اما هرگز نمیتواند جایگزین کاملی برای محتوای واقعی باشد. به همین دلیل است که وقتی ایده روشنی از طرحبندی میخواهید داشته باشید، همیشه باید از محتوای واقعی برای تأیید اعتبار این طرحبندی استفاده کنید.
۴. نداشتن ارتباط با همتیمیها
به ندرت پیش میآید که یک طراح در تنهایی کامل کار کند و به تنهایی یک طرح محصول موثر و خوب ایجاد کند. یک طراح UX بخشی از تیمی است که روی یک محصول کار میکند و هرچه ارتباط بهتری در گروه برقرار شود، نتیجه بهتری خواهد داشت.
۵. گوش نکردن به فیدبک کاربر
اگر بازخورد کاربران را در نظر نگیرید، در نهایت محصولی را برای خودتان طراحی میکنید، نه برای کاربرانتان. نیازی به ذکر نیست که در این صورت به ندرت محصول نتیجه خوبی دارد.
۶. اولویت دادن به زیباییشناسی بر عملکرد (و بالعکس)
جنبه زیباییشناسی برای موفقیت محصول قطعاْ ضروری است، اما این نادرست است که زیباییشناسی را هدف اصلی طراحی قرار دهیم. به همین صورت تمرکز بیش از حد بر روی ایجاد عملکرد خوب و اهمیت ندادن به ابعاد زیباییشناسی آن نیز میتواند به تجربه کاربر آسیب برساند.
۷. کورکورانه تمامی ترندهای طراحی را دنبال کردن
اگر کورکورانه آخرین ترندها را در محصول خود پیاده کنید، احتمالاً تجربه کاربری بدی ایجاد خواهید کرد. به همین دلیل ضروری است که قبل از ایجاد هر گونه تغییری، آن را از نظر ارزشی که برای مخاطبان به ارمغان میآورد ارزیابی کنید.
https://bit.ly/dxgn979
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: بهاره حاجوی
#طراح_محصول #پیشرفت #اصول
@Dexign فلسفه دیزاین
_______
👍21👏5
تهیهی یک رزومهی عالی برای شغل طراحی تجربهی کاربر
طبیعی است که در مورد رزومه طراحی UX خود نگران باشید؛ به خصوص اگر تجربهی کمی در این زمینه دارید. با این حال، طراحی تجربهی کاربر حوزهایست چند رشتهای که بر مهارتهایی استوار است که میتوانید تقریباً در هر صنعت دیگری آن را توسعه دهید. پس بدون شک چیزی در تجربیات شما وجود دارد که بتوانید با آنها رزومهی خوبی بنویسید.
در این مقاله تکنیکهایی برای نوشتن یک رزومهی خوب و برنده گفته میشود.
اصول اولیه
۱. مراقب اشتباهات تایپی و نگارشی باشید.
۲. با اینکه قرار نیست تبدیل به طراح بصری شوید، اما به طراحی رزومه توجه کنید.
۳. همترازی و یکپارچگی متن را فراموش نکنید.
۴. بیشتر از یک صفحه ننویسید.
ساختار رزومه
ترتیب محتوایی که در رزومهی خود درج میکنید مهم است و باید به دقت فکر شود. از آنجا که رزومهی شما از بالا به پایین خوانده میشود، توصیهی نویسنده این است که این ساختار را دنبال کنید:
۱. نام، عنوان، و اطلاعات تماس
۲. تجربهها به ترتیب زمان
۳. تحصیلات و دورههای آموزشی
۴. جوایز و دستاوردهای حرفهای
۵. مهارت ها و ابزارها
۶. زبانهای دیگر
متمایز کردن رزومهی خود
بسیاری از افراد بیشتر نگران یادگیری نرمافزارهای طراحی هستند تا توسعهی مهارتهای اساسی. حقیقت این است که صرفا مهارتهای نرمافزاری شما را به یک طراح UX خوب تبدیل نمیکند و باعث استخدام شما نمیشود. در صورتی که تجربیات زیر را دارید آنها را در رزومهی خود برجسته کنید:
۱. همکاری در یک پروژهی تیمی
۲. انجام دادن تحقیق دربارهی موضوعی
۳. تولید هرگونه محتوا
۴. ارتباط موثر با دیگران
۵. مصاحبه با دیگران
۶. تجزیه و تحلیل دادهها و تهیهی گزارش از آن
و ….
برای داشتن مهارت های ذکر شده، لازم نیست یک طراح باتجربه باشید. به احتمال زیاد شما این موارد را از طریق تجربههای قبلی و غیر مرتبط با طراحی توسعه دادهاید.
در پایان، راز رزومههای موفق؟ قصهگویی!
به خصوص اگر از یک شغل غیرطراحی میآیید، بیان داستانی منسجم که سفر شما به طراحی UX را نشان دهد اهمیت زیادی دارد. مهم نیست که قبلاً چه چیزی را مطالعه کردهاید یا در کجا کار کردهاید؛ مطمئناً به مجموعهای از مهارتهای قابل انتقال تسلط دارید که شما را به یک طراح ارزشمند تبدیل کند. اگر یک طراح UX تازهکار هستید، فهرست کردن مهارتها یا ابزارهایی که در حال یادگیری هستید نیز خوب است. در نهایت، مدیر استخدام میخواهد تصور خوبی از شخصیت شما به عنوان یک طراح داشته باشد، بنابراین از رزومهی خود به عنوان یک ابزار داستانسرایی استفاده کنید.
لینک مقاله:
https://bit.ly/dxgn980
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیلوفر موجودی
#تجربه_کاربری #مسیر_شغلی #رزومه
@Dexign فلسفه دیزاین
_______
طبیعی است که در مورد رزومه طراحی UX خود نگران باشید؛ به خصوص اگر تجربهی کمی در این زمینه دارید. با این حال، طراحی تجربهی کاربر حوزهایست چند رشتهای که بر مهارتهایی استوار است که میتوانید تقریباً در هر صنعت دیگری آن را توسعه دهید. پس بدون شک چیزی در تجربیات شما وجود دارد که بتوانید با آنها رزومهی خوبی بنویسید.
در این مقاله تکنیکهایی برای نوشتن یک رزومهی خوب و برنده گفته میشود.
اصول اولیه
۱. مراقب اشتباهات تایپی و نگارشی باشید.
۲. با اینکه قرار نیست تبدیل به طراح بصری شوید، اما به طراحی رزومه توجه کنید.
۳. همترازی و یکپارچگی متن را فراموش نکنید.
۴. بیشتر از یک صفحه ننویسید.
ساختار رزومه
ترتیب محتوایی که در رزومهی خود درج میکنید مهم است و باید به دقت فکر شود. از آنجا که رزومهی شما از بالا به پایین خوانده میشود، توصیهی نویسنده این است که این ساختار را دنبال کنید:
۱. نام، عنوان، و اطلاعات تماس
۲. تجربهها به ترتیب زمان
۳. تحصیلات و دورههای آموزشی
۴. جوایز و دستاوردهای حرفهای
۵. مهارت ها و ابزارها
۶. زبانهای دیگر
متمایز کردن رزومهی خود
بسیاری از افراد بیشتر نگران یادگیری نرمافزارهای طراحی هستند تا توسعهی مهارتهای اساسی. حقیقت این است که صرفا مهارتهای نرمافزاری شما را به یک طراح UX خوب تبدیل نمیکند و باعث استخدام شما نمیشود. در صورتی که تجربیات زیر را دارید آنها را در رزومهی خود برجسته کنید:
۱. همکاری در یک پروژهی تیمی
۲. انجام دادن تحقیق دربارهی موضوعی
۳. تولید هرگونه محتوا
۴. ارتباط موثر با دیگران
۵. مصاحبه با دیگران
۶. تجزیه و تحلیل دادهها و تهیهی گزارش از آن
و ….
برای داشتن مهارت های ذکر شده، لازم نیست یک طراح باتجربه باشید. به احتمال زیاد شما این موارد را از طریق تجربههای قبلی و غیر مرتبط با طراحی توسعه دادهاید.
در پایان، راز رزومههای موفق؟ قصهگویی!
به خصوص اگر از یک شغل غیرطراحی میآیید، بیان داستانی منسجم که سفر شما به طراحی UX را نشان دهد اهمیت زیادی دارد. مهم نیست که قبلاً چه چیزی را مطالعه کردهاید یا در کجا کار کردهاید؛ مطمئناً به مجموعهای از مهارتهای قابل انتقال تسلط دارید که شما را به یک طراح ارزشمند تبدیل کند. اگر یک طراح UX تازهکار هستید، فهرست کردن مهارتها یا ابزارهایی که در حال یادگیری هستید نیز خوب است. در نهایت، مدیر استخدام میخواهد تصور خوبی از شخصیت شما به عنوان یک طراح داشته باشد، بنابراین از رزومهی خود به عنوان یک ابزار داستانسرایی استفاده کنید.
لینک مقاله:
https://bit.ly/dxgn980
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیلوفر موجودی
#تجربه_کاربری #مسیر_شغلی #رزومه
@Dexign فلسفه دیزاین
_______
CareerFoundry
How To Create A UX Resume To Get A Great Job In UX Design
How do you create a job-winning UX resume? Follow this expert advice to build a resume that potential employers will love.
👍16👎2🔥2
طراحی برای همه، راهنمای دقیق طراحی برای افراد ناتوان/کم توان
طراحی برای همه، یعنی در نظر گرفتن همه کاربران با تواناییهایی متفاوت.
رایجترین موانع دسترسیپذیری شامل: کم بینایی، ناشنوایی یا کم شنوایی، نارساخوانی، ناتواناییهای حرکتی و اوتیسم است.
۱. اختلال کم بینایی
۱.۱ حدت بینایی (شفافیت)
حدت بینایی، شفافیت یا وضوح دید است. بعضی مشکلات در این زمینه را میتوان با عینک، لنزهای تماسی یا جراحی اصلاح کرد، اما بعضی دیگر را نمیتوان اصلاح کرد. بنابراین، برخی از کاربران همیشه تاری دید خواهند داشت.
کمک به این افراد در طراحی:
- اندازه متن، انتخاب فونت، سبک، حروف بزرگ، اندازه همه عناصر
۱.۲ حساسیت به نور (فوتوفوبیا)
کمک به این افراد در طراحی:
- کنتراست متن، برخی از کاربران به پسزمینه و متن با روشنایی کم نیاز دارند، در حالی که برخی از کاربران با حساسیت کنتراست با متن تیره در پسزمینه روشنتر بهتر میخوانند.
۱.۳ میدان دید
میدان دید ناحیهای است که حاوی مقدار اطلاعات بصری است که کاربران میتوانند هنگام نگاه مستقیم به جلو جمعآوری کنند. برخی از کاربران میدان دید کوچکتری دارند که به آن ”از دست دادن میدان" میگویند.
انواع از دست دادن میدان بینایی:
از دست دادن میدان مرکزی: بخش مرکزی میدان بینایی افراد کاهش یافته یا وجود ندارد.
از دست دادن میدان محیطی: افراد فقط در بخش مرکزی میدان بینایی خود میبینند که گاهی اوقات "دید تونلی" نامیده میشود.
از دست دادن سایر میدانهای دید: افراد دارای تکههای پراکنده دید مبهم هستند.
کمک به این افراد در طراحی:
- متن را برای یک جهت بچینید، همه اطلاعات را در یک ستون تنظیم کنید، از نواحی متنی با قابلیت تغییر اندازه استفاده کنید، طول خط را کنترل کنید، متن را همتراز کنید. از خط فاصله برای نشان دادن اتمام متن استفاده کنید.
۱.۴ اختلال کوررنگی
برخی از افراد به دلیل کمبود گیرندههای مخروطی در چشمانشان که مسئول درک رنگ هستند، نمیتوانند رنگهای خاصی را به خوبی ببینند.
کمک به این افراد در طراحی:
برای قابل درک کردن اطلاعات مهم، تنها بر رنگ تمرکز نکنید. هنگام برقراری ارتباط با موضوع مهم، از یک نشانگر مانند برچسبهای متن، نمادها یا پر کردن الگوها (برای نمودارها) استفاده کنید.
۲. اختلال کم شنوایی یا ناشنوایی
کمک به این افراد در طراحی:
- هر زمان که صدایی ظاهر شد، رونوشت متن و زیرنویس را ارائه دهید. یک قدم جلوتر بروید و دقیقاً کلماتی را که با صدا پخش میشود برجسته کنید.
۳. نارساخوانی
نارساخوانی یک ناتوانی یادگیری است که بر روان خواندن و درک افراد تأثیر میگذارد.
کمک به این افراد در طراحی:
- از جملات واضح و ساده استفاده کنید و تکههای طولانی متون/پاراگرافها را با فاصله کافی جدا کنید.
۴. ناتوانیهای حرکتی
کمک به این افراد در طراحی:
- اقدامات قابل کلیک بزرگ انجام دهید و از اقداماتی که به دقت ماوس نیاز دارند خودداری کنید.
۵. اختلال اوتیسم
تعریف سازمان جهانی بهداشت (WHO): درجاتی از اختلال در رفتار اجتماعی، ارتباطات و زبان، و طیف محدودی از علایق و فعالیتها که هر دو منحصر به فرد هستند و به طور مکرر انجام میشوند.
کمک به این افراد در طراحی:
- از زبان ساده استفاده کنید، افراد مبتلا به اوتیسم ممکن است در تفسیر تصاویر، اصطلاحات و استعارهها مشکل داشته باشند.
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn981
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: نیلوفر مزرعه
#دسترسی_پذیری #طراحی_فراگیر #رابط_کاربری
@Dexign فلسفه دیزاین
_______
طراحی برای همه، یعنی در نظر گرفتن همه کاربران با تواناییهایی متفاوت.
رایجترین موانع دسترسیپذیری شامل: کم بینایی، ناشنوایی یا کم شنوایی، نارساخوانی، ناتواناییهای حرکتی و اوتیسم است.
۱. اختلال کم بینایی
۱.۱ حدت بینایی (شفافیت)
حدت بینایی، شفافیت یا وضوح دید است. بعضی مشکلات در این زمینه را میتوان با عینک، لنزهای تماسی یا جراحی اصلاح کرد، اما بعضی دیگر را نمیتوان اصلاح کرد. بنابراین، برخی از کاربران همیشه تاری دید خواهند داشت.
کمک به این افراد در طراحی:
- اندازه متن، انتخاب فونت، سبک، حروف بزرگ، اندازه همه عناصر
۱.۲ حساسیت به نور (فوتوفوبیا)
کمک به این افراد در طراحی:
- کنتراست متن، برخی از کاربران به پسزمینه و متن با روشنایی کم نیاز دارند، در حالی که برخی از کاربران با حساسیت کنتراست با متن تیره در پسزمینه روشنتر بهتر میخوانند.
۱.۳ میدان دید
میدان دید ناحیهای است که حاوی مقدار اطلاعات بصری است که کاربران میتوانند هنگام نگاه مستقیم به جلو جمعآوری کنند. برخی از کاربران میدان دید کوچکتری دارند که به آن ”از دست دادن میدان" میگویند.
انواع از دست دادن میدان بینایی:
از دست دادن میدان مرکزی: بخش مرکزی میدان بینایی افراد کاهش یافته یا وجود ندارد.
از دست دادن میدان محیطی: افراد فقط در بخش مرکزی میدان بینایی خود میبینند که گاهی اوقات "دید تونلی" نامیده میشود.
از دست دادن سایر میدانهای دید: افراد دارای تکههای پراکنده دید مبهم هستند.
کمک به این افراد در طراحی:
- متن را برای یک جهت بچینید، همه اطلاعات را در یک ستون تنظیم کنید، از نواحی متنی با قابلیت تغییر اندازه استفاده کنید، طول خط را کنترل کنید، متن را همتراز کنید. از خط فاصله برای نشان دادن اتمام متن استفاده کنید.
۱.۴ اختلال کوررنگی
برخی از افراد به دلیل کمبود گیرندههای مخروطی در چشمانشان که مسئول درک رنگ هستند، نمیتوانند رنگهای خاصی را به خوبی ببینند.
کمک به این افراد در طراحی:
برای قابل درک کردن اطلاعات مهم، تنها بر رنگ تمرکز نکنید. هنگام برقراری ارتباط با موضوع مهم، از یک نشانگر مانند برچسبهای متن، نمادها یا پر کردن الگوها (برای نمودارها) استفاده کنید.
۲. اختلال کم شنوایی یا ناشنوایی
کمک به این افراد در طراحی:
- هر زمان که صدایی ظاهر شد، رونوشت متن و زیرنویس را ارائه دهید. یک قدم جلوتر بروید و دقیقاً کلماتی را که با صدا پخش میشود برجسته کنید.
۳. نارساخوانی
نارساخوانی یک ناتوانی یادگیری است که بر روان خواندن و درک افراد تأثیر میگذارد.
کمک به این افراد در طراحی:
- از جملات واضح و ساده استفاده کنید و تکههای طولانی متون/پاراگرافها را با فاصله کافی جدا کنید.
۴. ناتوانیهای حرکتی
کمک به این افراد در طراحی:
- اقدامات قابل کلیک بزرگ انجام دهید و از اقداماتی که به دقت ماوس نیاز دارند خودداری کنید.
۵. اختلال اوتیسم
تعریف سازمان جهانی بهداشت (WHO): درجاتی از اختلال در رفتار اجتماعی، ارتباطات و زبان، و طیف محدودی از علایق و فعالیتها که هر دو منحصر به فرد هستند و به طور مکرر انجام میشوند.
کمک به این افراد در طراحی:
- از زبان ساده استفاده کنید، افراد مبتلا به اوتیسم ممکن است در تفسیر تصاویر، اصطلاحات و استعارهها مشکل داشته باشند.
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn981
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: نیلوفر مزرعه
#دسترسی_پذیری #طراحی_فراگیر #رابط_کاربری
@Dexign فلسفه دیزاین
_______
Medium
Designing for all: a detailed guide to designing for disabilities
Now more than ever, all software teams are called to a commitment to designing solutions for everyone. Join the movement!
👍8👏3❤1
طراحی لینکهای دسترسیپذیر
همهی ما با موضوع دسترسیپذیری تا حدی آشنایی داریم و به میزان اهمیت آن واقفیم. از طرف دیگر میدانیم که لینکها اجزای مهمی در محصولات دیجیتالاند که به ما در راهبری محصول کمک میکنند. در مقالهی امروز به چرایی و چگونگی طراحی لینکهای دسترسیپذیر میپردازیم.
افراد دارای معلولیت چگونه با لینکها کار میکنند؟
برای کاربرانی که از صفحهخوانها و نرمافزارهای تبدیل گفتار به متن استفاده میکنند، مهم است که لینکها نام معنادار و کوتاه داشته باشند.
کاربرانی که نمیتوانند از ماوس استفاده کنند، از دکمهی تب (tab) برای پیمایش بین لینکها، دکمهها و اینپوتفیلدها استفاده میکنند. پس برای این دسته از کاربران بسیار مهم است که حالت focus مشخص باشد.
کاربران دارای اختلال کوررنگی نیز ممکن است نتوانند نشانههای رنگ را درک کنند. به طور معمول، لینکها را با رنگی متفاوت از متنهای دیگر نشان میدهند؛ اما اضافه کردن زیرخطها یا سایر نشانگرهای غیررنگی به کاربرانی که ممکن است رنگ را نبینند کمک میکند. این نگرانی بیشتر در مورد لینکهایی صدق میکند که در کنار یا درون متنها ظاهر میشوند.
متن لینکها
بسیار مهم است که متن یک لینک بتواند بدون جملات یا محتوای اطرافش معنا پیدا کند. متن لینک به تنهایی باید عملکرد و هدف آن را بیان کند. همچنین باید منحصربهفرد باشد و بتواند به راحتی با صدای بلند گفته شود.
هنگام نوشتن متن لینک به این دستورالعملها توجه کنید:
- از متنهایی مانند «اینجا کلیک کنید»، «بیشتر» و «بیشتر بخوانید» اجتناب کنید.
- در صورت امکان از متنهای منحصربهفرد برای هر لینک استفاده کنید. کاربران نرمافزارهای تشخیص گفتار ممکن است تجربه بدی با لینکهایی با متن تکراری داشته باشند.
- لینک کردن یک جمله کامل خوب است، اما از طولانی کردن آن بپرهیزید.
- هنگام لینک دادن به یک URL، کاربرانی را در نظر بگیرید که باید آن را با صدای بلند بیان کنند و یا به یک صفحهخوان که آن را میخواند گوش دهند.
لینکهای تصویری
به طور کلی، باید از استفاده از تصاویر به عنوان لینک اجتناب کرد. در صورتی که یک تصویر به عنوان یک لینک عمل میکند، تصویر باید دارای متن جایگزینی (alt text) باشد که مکان و هدف مقصد لینک را نشان میدهد نه خود آن تصویر.
در ادامهی این مقاله نیز تکنیکهایی در خصوص رعایت دسترسیپذیری لینکها برای توسعهدهندهها گفته شده است که از لینک زیر میتوانید آن را مطالعه کنید:
https://bit.ly/dxgn982
همچنین اگر به مبحث دسترسیپذیری علاقهمندید، این مقالهها برای شما مفیدند:
دسترسیپذیری؛ تکنولوژی برای همه
داستان Jordyn Castor، دختر نابینا
دسترسیپذیری رنگها
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر موجودی
#دسترسی_پذیری #لینک #رابط_کاربری
@Dexign فلسفه دیزاین
_______
همهی ما با موضوع دسترسیپذیری تا حدی آشنایی داریم و به میزان اهمیت آن واقفیم. از طرف دیگر میدانیم که لینکها اجزای مهمی در محصولات دیجیتالاند که به ما در راهبری محصول کمک میکنند. در مقالهی امروز به چرایی و چگونگی طراحی لینکهای دسترسیپذیر میپردازیم.
افراد دارای معلولیت چگونه با لینکها کار میکنند؟
برای کاربرانی که از صفحهخوانها و نرمافزارهای تبدیل گفتار به متن استفاده میکنند، مهم است که لینکها نام معنادار و کوتاه داشته باشند.
کاربرانی که نمیتوانند از ماوس استفاده کنند، از دکمهی تب (tab) برای پیمایش بین لینکها، دکمهها و اینپوتفیلدها استفاده میکنند. پس برای این دسته از کاربران بسیار مهم است که حالت focus مشخص باشد.
کاربران دارای اختلال کوررنگی نیز ممکن است نتوانند نشانههای رنگ را درک کنند. به طور معمول، لینکها را با رنگی متفاوت از متنهای دیگر نشان میدهند؛ اما اضافه کردن زیرخطها یا سایر نشانگرهای غیررنگی به کاربرانی که ممکن است رنگ را نبینند کمک میکند. این نگرانی بیشتر در مورد لینکهایی صدق میکند که در کنار یا درون متنها ظاهر میشوند.
متن لینکها
بسیار مهم است که متن یک لینک بتواند بدون جملات یا محتوای اطرافش معنا پیدا کند. متن لینک به تنهایی باید عملکرد و هدف آن را بیان کند. همچنین باید منحصربهفرد باشد و بتواند به راحتی با صدای بلند گفته شود.
هنگام نوشتن متن لینک به این دستورالعملها توجه کنید:
- از متنهایی مانند «اینجا کلیک کنید»، «بیشتر» و «بیشتر بخوانید» اجتناب کنید.
- در صورت امکان از متنهای منحصربهفرد برای هر لینک استفاده کنید. کاربران نرمافزارهای تشخیص گفتار ممکن است تجربه بدی با لینکهایی با متن تکراری داشته باشند.
- لینک کردن یک جمله کامل خوب است، اما از طولانی کردن آن بپرهیزید.
- هنگام لینک دادن به یک URL، کاربرانی را در نظر بگیرید که باید آن را با صدای بلند بیان کنند و یا به یک صفحهخوان که آن را میخواند گوش دهند.
لینکهای تصویری
به طور کلی، باید از استفاده از تصاویر به عنوان لینک اجتناب کرد. در صورتی که یک تصویر به عنوان یک لینک عمل میکند، تصویر باید دارای متن جایگزینی (alt text) باشد که مکان و هدف مقصد لینک را نشان میدهد نه خود آن تصویر.
در ادامهی این مقاله نیز تکنیکهایی در خصوص رعایت دسترسیپذیری لینکها برای توسعهدهندهها گفته شده است که از لینک زیر میتوانید آن را مطالعه کنید:
https://bit.ly/dxgn982
همچنین اگر به مبحث دسترسیپذیری علاقهمندید، این مقالهها برای شما مفیدند:
دسترسیپذیری؛ تکنولوژی برای همه
داستان Jordyn Castor، دختر نابینا
دسترسیپذیری رنگها
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر موجودی
#دسترسی_پذیری #لینک #رابط_کاربری
@Dexign فلسفه دیزاین
_______
usability.yale.edu
Links | Usability & Web Accessibility
Download the Link Accessibility for Content Editors training slides.
👍7
داستان شرکتهایی که کسبوکار خود را با افزایش «دسترسیپذیری» رونق دادند
یک باور رایج علیه اقدام برای دسترسیپذیری در کسبوکارها این است که محاسبهی نرخ بازگشت سرمایهی این کار (ROI)، غیرممکن یا بسیار سخت است و به همین دلیل کسبوکارها نمیتوانند در این باره تصمیم مشخصی بگیرند. اما در واقع، در دسترسیپذیر کردن وبسایتها، برنامهها و خدمات شما، فرصتهای تجاری بسیاری وجود دارد.
این مقاله مثالهایی برای اثبات این موضوع ارائه میکند.
شرکت NHS
وب سایتهای دیجیتال NHS بیش از 400 سرویس را پوشش میدادند. به علت معماری اطلاعات بد و عدم انسجام، استفاده از آنها دشوار بود. در سال ۲۰۱۶ این وبسایتها از نظر دسترسیپذیری و SEO تحت بازنگری قرار گرفتند و تغییرات زیر انجام شدند:
-محتوای نوشتاری واضحتر
-رابط کاربری سادهتر
-حذف بنرهای تبلیغاتی
-افزایش رتبهبندی دسترسیپذیری AAA (بالاترین سطح) از ۵۳ درصد به ۹۸ درصد
و نتایج زیر حاصل شدند:
-افزایش تعداد کاربران روزانه از ۱۵۰۰۰ به ۲۶۰۰۰
-کاهش میانگین زمان صرف شده در صفحه
شرکت Legal & General Group
ارائهدهنده خدمات مالی Legal & General در سال ۲۰۰۵ روی وبسایت خود تست دسترسیپذیری انجام داد و مشکلات موجود در آن را از طریق تستهای کاربردپذیری روی افراد دارای ناتوانیهای خاص شناسایی و به آنها رسیدگی کرد. حاصل این تست و رفع اشکالات موجود موارد زیر بود:
-افزایش ۲۵ درصدی ترافیک جستجو در ۲۴ ساعت اول پس از راهاندازی
-کاهش زمان بارگذاری صفحه تا ۷۵ درصد
-صرفه جویی سالانه در تعمیر و نگهداری سایت به میزان ۲۰۰،۰۰۰ پوند
-۱۰۰ درصد بازگشت سرمایه (ROI) در ۱۲ ماه
همانطور که میبینیم توجه به موضوع دسترسیپذیری و سرمایهگذاری روی آن مزایای زیادی از نظر رتبهی SEO، محبوبیت برند و افزایش فروش شرکتها دارد. در ادامهی این مقاله میتوانید تجربهی شرکتهای اپل، مایکروسافت و تسکو را در این باره بخوانید.
لینک مقاله:
https://bit.ly/dxgn983
نویسنده: نیلوفر موجودی
#دسترسی_پذیری #برند #نمونه_موفق
@Dexign فلسفه دیزاین
_______
یک باور رایج علیه اقدام برای دسترسیپذیری در کسبوکارها این است که محاسبهی نرخ بازگشت سرمایهی این کار (ROI)، غیرممکن یا بسیار سخت است و به همین دلیل کسبوکارها نمیتوانند در این باره تصمیم مشخصی بگیرند. اما در واقع، در دسترسیپذیر کردن وبسایتها، برنامهها و خدمات شما، فرصتهای تجاری بسیاری وجود دارد.
این مقاله مثالهایی برای اثبات این موضوع ارائه میکند.
شرکت NHS
وب سایتهای دیجیتال NHS بیش از 400 سرویس را پوشش میدادند. به علت معماری اطلاعات بد و عدم انسجام، استفاده از آنها دشوار بود. در سال ۲۰۱۶ این وبسایتها از نظر دسترسیپذیری و SEO تحت بازنگری قرار گرفتند و تغییرات زیر انجام شدند:
-محتوای نوشتاری واضحتر
-رابط کاربری سادهتر
-حذف بنرهای تبلیغاتی
-افزایش رتبهبندی دسترسیپذیری AAA (بالاترین سطح) از ۵۳ درصد به ۹۸ درصد
و نتایج زیر حاصل شدند:
-افزایش تعداد کاربران روزانه از ۱۵۰۰۰ به ۲۶۰۰۰
-کاهش میانگین زمان صرف شده در صفحه
شرکت Legal & General Group
ارائهدهنده خدمات مالی Legal & General در سال ۲۰۰۵ روی وبسایت خود تست دسترسیپذیری انجام داد و مشکلات موجود در آن را از طریق تستهای کاربردپذیری روی افراد دارای ناتوانیهای خاص شناسایی و به آنها رسیدگی کرد. حاصل این تست و رفع اشکالات موجود موارد زیر بود:
-افزایش ۲۵ درصدی ترافیک جستجو در ۲۴ ساعت اول پس از راهاندازی
-کاهش زمان بارگذاری صفحه تا ۷۵ درصد
-صرفه جویی سالانه در تعمیر و نگهداری سایت به میزان ۲۰۰،۰۰۰ پوند
-۱۰۰ درصد بازگشت سرمایه (ROI) در ۱۲ ماه
همانطور که میبینیم توجه به موضوع دسترسیپذیری و سرمایهگذاری روی آن مزایای زیادی از نظر رتبهی SEO، محبوبیت برند و افزایش فروش شرکتها دارد. در ادامهی این مقاله میتوانید تجربهی شرکتهای اپل، مایکروسافت و تسکو را در این باره بخوانید.
لینک مقاله:
https://bit.ly/dxgn983
نویسنده: نیلوفر موجودی
#دسترسی_پذیری #برند #نمونه_موفق
@Dexign فلسفه دیزاین
_______
👍14
۵ اشتباه رایج در پورتفولیوی طراحان تازه کار
"استخدام فقط یک بازی اعداد است. فقط باید رزومههای بیشتری ارسال کنید" این توصیهی رایج همیشه درست نیست.
اگر پورتفلیوی شما دارای این اشتباهات چشمگیر است، انجام ۱۰۰ اپلای بیشتر ممکن است به معنای ۱۰۰ بار رد شدن بیشتر و یک نفس صدمه دیده باشد.
البته در نظر داشته باشید این مقاله در مورد دستورالعملهای استخدام در شرکت خاصی نیست، فقط اشتباهات رایج در پورتفولیوی طراحان تازه کار است.
اشتباه شماره ۱: با فرآیند طراحی مانند یک چک لیست از پیش تعیین شده از ابزارها رفتار میکند!
"پروژه من به یک پرسونا، سپس یک نقشه سفر، سپس استیکی نوت نیاز دارد و کاملاً از یک روند خطی پیروی میکند."
چرا این اتفاق میافتد؟ آموزش طراحی (کلاسها، بوت کمپها) اغلب پروژهها را بر اساس تسلط بر مجموعهای از ابزارهای UX درجهبندی میکند. اگرچه مربیان این برنامهها خود آگاه هستند که این روال واقعیتهای کار صنعتی را منعکس نمیکند، اما تاکنون جایگزین بهتری برای آموزش اصول در قالب مقیاسپذیر و استاندارد یافت نشده است.
مسائل مختلف نیازمند رویکردهای متفاوتی هستند. شما باید بتوانید دلیل استفادهی خود از ابزارهای متنوع UX را توضیح دهید.
اشتباه شماره ۲: رابط کاربری/طراحی بصری ضعیف
چرا این اتفاق میافتد؟ آموزش طراحی (کلاسها، بوت کمپها) زمان زیادی را صرف آموزش فرآیندهای طراحی میکنند، اما آموزش طراحی بصری چالشهای زیادی دارد.
برای مثال:
۱. تدریس طراحی بصری در قالبی ساختاریافته و استاندارد بسیار دشوارتر است.
۲. این کار فقط به درک اصول و بهترین شیوهها نیاز ندارد، بلکه به تجربه اجرای آن و به دست آوردن مهارت در طراحی بصری نیاز دارد.
البته بسیاری از شرکتها دارای سیستمهای طراحی هستند، بنابراین نیازی به ایجاد کامپوننتها از ابتدا نخواهید داشت، فقط مهارت در به کارگیری آنها بر اساس بهترین شیوهها و اصول را نشان دهید.
اشتباه شماره ۳: نداشتن فرآیند
چرا این اتفاق میافتد؟ یک تصور غلط رایج وجود دارد که طراحی UX فقط زیباییشناسی است البته در این مقاله زیاد به آن نمیپردازیم زیرا توسط طراحان دیگر و به شدت در پست های مربوط به دریبلیزاسیون پوشش داده شده است.
اشتباه شماره ۴: نداشتن تاثیر/نتیجه خاص
اگر شما یک طراح تازهکار بدون محصولات واقعی هستید، همچنان میتوانید نتایج و تصمیمات طراحی خود را نشان دهید. به عنوان مثال، از طریق آزمایش کاربر: "معماری اطلاعات: کاهش زمان لازم برای یافتن محصول x در نوار پیمایش در مقایسه با نسخه اصلی."
اشتباه شماره ۵: پرحرفی یا فرآیند از هم گسیخته
عدم توانایی در توجیه تصمیمات طراحی خود به شیوه ای واضح و مختصر یک پرچم قرمز بزرگ است. برای مثال: بیش از حد پرحرف بودن.
به خاطر داشته باشید که استخدامکنندهها به طور متوسط فقط ۳ تا ۵ دقیقه را صرف بررسی کل پورتفولیوی شما میکنند.
راه حل؟ از داستانسرایی تصویری استفاده کنید. یک تصویر ارزش هزار کلمه را دارد.
https://bit.ly/dxgn984
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: بهاره حاجوی
#طراح_محصول #پیشرفت #اشتباه
@Dexign فلسفه دیزاین
_______
"استخدام فقط یک بازی اعداد است. فقط باید رزومههای بیشتری ارسال کنید" این توصیهی رایج همیشه درست نیست.
اگر پورتفلیوی شما دارای این اشتباهات چشمگیر است، انجام ۱۰۰ اپلای بیشتر ممکن است به معنای ۱۰۰ بار رد شدن بیشتر و یک نفس صدمه دیده باشد.
البته در نظر داشته باشید این مقاله در مورد دستورالعملهای استخدام در شرکت خاصی نیست، فقط اشتباهات رایج در پورتفولیوی طراحان تازه کار است.
اشتباه شماره ۱: با فرآیند طراحی مانند یک چک لیست از پیش تعیین شده از ابزارها رفتار میکند!
"پروژه من به یک پرسونا، سپس یک نقشه سفر، سپس استیکی نوت نیاز دارد و کاملاً از یک روند خطی پیروی میکند."
چرا این اتفاق میافتد؟ آموزش طراحی (کلاسها، بوت کمپها) اغلب پروژهها را بر اساس تسلط بر مجموعهای از ابزارهای UX درجهبندی میکند. اگرچه مربیان این برنامهها خود آگاه هستند که این روال واقعیتهای کار صنعتی را منعکس نمیکند، اما تاکنون جایگزین بهتری برای آموزش اصول در قالب مقیاسپذیر و استاندارد یافت نشده است.
مسائل مختلف نیازمند رویکردهای متفاوتی هستند. شما باید بتوانید دلیل استفادهی خود از ابزارهای متنوع UX را توضیح دهید.
اشتباه شماره ۲: رابط کاربری/طراحی بصری ضعیف
چرا این اتفاق میافتد؟ آموزش طراحی (کلاسها، بوت کمپها) زمان زیادی را صرف آموزش فرآیندهای طراحی میکنند، اما آموزش طراحی بصری چالشهای زیادی دارد.
برای مثال:
۱. تدریس طراحی بصری در قالبی ساختاریافته و استاندارد بسیار دشوارتر است.
۲. این کار فقط به درک اصول و بهترین شیوهها نیاز ندارد، بلکه به تجربه اجرای آن و به دست آوردن مهارت در طراحی بصری نیاز دارد.
البته بسیاری از شرکتها دارای سیستمهای طراحی هستند، بنابراین نیازی به ایجاد کامپوننتها از ابتدا نخواهید داشت، فقط مهارت در به کارگیری آنها بر اساس بهترین شیوهها و اصول را نشان دهید.
اشتباه شماره ۳: نداشتن فرآیند
چرا این اتفاق میافتد؟ یک تصور غلط رایج وجود دارد که طراحی UX فقط زیباییشناسی است البته در این مقاله زیاد به آن نمیپردازیم زیرا توسط طراحان دیگر و به شدت در پست های مربوط به دریبلیزاسیون پوشش داده شده است.
اشتباه شماره ۴: نداشتن تاثیر/نتیجه خاص
اگر شما یک طراح تازهکار بدون محصولات واقعی هستید، همچنان میتوانید نتایج و تصمیمات طراحی خود را نشان دهید. به عنوان مثال، از طریق آزمایش کاربر: "معماری اطلاعات: کاهش زمان لازم برای یافتن محصول x در نوار پیمایش در مقایسه با نسخه اصلی."
اشتباه شماره ۵: پرحرفی یا فرآیند از هم گسیخته
عدم توانایی در توجیه تصمیمات طراحی خود به شیوه ای واضح و مختصر یک پرچم قرمز بزرگ است. برای مثال: بیش از حد پرحرف بودن.
به خاطر داشته باشید که استخدامکنندهها به طور متوسط فقط ۳ تا ۵ دقیقه را صرف بررسی کل پورتفولیوی شما میکنند.
راه حل؟ از داستانسرایی تصویری استفاده کنید. یک تصویر ارزش هزار کلمه را دارد.
https://bit.ly/dxgn984
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: بهاره حاجوی
#طراح_محصول #پیشرفت #اشتباه
@Dexign فلسفه دیزاین
_______
Medium
5 Common Red Flags in Junior UX Design Portfolios
Don’t miss out on your dream role because of them
👍13👏2🔥1