بهترین ابزارهای تست دسترسیپذیری وبسایتها
شاید شما دستورالعملها، استانداردها، هشدارها و بهترین شیوههای موجود در مورد توصیههای 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
۶ مشکل که باعث نابودی تیمهای محصول میشود
کار تیمی میتواند باعث به حقیقت پیوستن رویاهای کاری شود اما معمولاَ وقتی گروهی از افراد با هم کار میکنند به نظر نمیرسد که واقعاَ کاری انجام دهند.
در مقالهی امروز ۶ مشکل رایجی که میتواند تیم شما را از مسیر خارج کند و کارهایی که مدیریت تیم میتواند در مورد آنها انجام دهد آورده شده است:
۱. عدم اعتماد بین اعضای تیم
وقتی افرادی که با هم کار میکنند به یکدیگر اعتماد نداشته باشند، نمیتوانند خود را یک تیم بنامند. آنها فقط افرادی هستند که در یک پروژه شرکت کردهاند. عدم اعتماد یک مشکل رایج در تیمهای راه دور است. این امر به ویژه زمانی صادق است که یک تیم به طور خاص برای یک پروژه جدید ایجاد شده و افراد یکدیگر را به خوبی نمیشناسند. در این مواقع مدیریت تیم باید برای ایجاد اعتماد زمان بگذارد.
۲. عدم وضوح
عدم شفافیت و وضوح میتواند باعث سردرگمی شود و اعضای تیم را وادار به فرضیاتی در مورد پروژه و اهداف آن کند که اغلب نادرست خواهند بود.
پس همان ابتدا اهداف پروژه را روشن کنید. ما چه میسازیم؟ چرا آن را میسازیم؟ چه کسانی از این محصول استفاده خواهند کرد؟ چرا از آن استفاده خواهند کرد؟ مهلت پروژه چقدر است؟ نقش هر فرد در تیم چیست؟
اشتباه است که پروژهای را بدون پاسخ به این سوالات شروع کنید و انتظار داشته باشید که در مسیر درستی پیش برود. در بهترین حالت، زمان اضافی را صرف میکنید و در بدترین حالت، پروژه را شکست میدهید.
۳. بیانگیزگی
فقدان انگیزه معمولاً به دلیل مدیریت ضعیف اتفاق میافتد. وقتی مدیریت دلیل زیادی برای ایجاد محصولات عالی ندارد، اعضای تیم هم همانطور فکر میکنند و در نتیجه میخواهند که یک پروژه در سریعترین زمان ممکن به پایان برسد.
مدیریت باید محیطی ایجاد کند که در آن افراد حس هدفمندی داشته باشند. آنها باید بدانند پروژهای که روی آن کار میکنند چگونه به اهداف شرکت کمک میکند.
۴. ارتباط ضعیف بین اعضای تیم
ارتباطات ضعیف میتواند منجر به موقعیتهایی شود که اعضای تیم در انزوا کار کنند.
وقتی اعضای تیم احساس میکنند که تنها هستند، از کارشان سرخورده میشوند. انتظار اینکه اعضای تیم قوانین ارتباطی خود را وضع کنند، اشتباه است. ایجاد قوانین ارتباطی موثر یکی از اولویت هایی است که مدیریت باید انجام دهد
۵. خرده مدیریتها
وقتی اعضای تیم باید برای هر کار کوچکی که انجام میدهند تأییدیه بگیرند، روند کار به میزان قابل توجهی کاهش مییابد.
یافتن تعادلی مناسب بین «مدیریت خیلی زیاد» و «مدیریت خیلی کم» حیاتی است. همانطور که اعضای تیم باید به یکدیگر اعتماد کنند، مدیریت نیز باید به کارکنان خود اعتماد کند. اعضای تیم باید استقلال تصمیمگیری در مورد کار روزانهی خود را داشته باشند.
۶. انتقاد بیش از حد
انتقاد بیش از حد بدون تمجید از دستاوردها میتواند هر پروژهای را نابود کند. وقتی اعضای تیم بدانند تمام کاری که مدیرشان انجام میدهد نقد کارشان است و به ندرت از دستاوردهایشان تمجید میشود، تسلیم میشوند.
پس به عنوان مدیر، مطمئن شوید که افراد در نقش خود احساس ارزشمندی میکنند.
لینک مقاله:
https://bit.ly/dxgn985
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر موجودی
#کار_تیمی #مدیر_محصول #تیم_محصول
@Dexign فلسفه دیزاین
_______
کار تیمی میتواند باعث به حقیقت پیوستن رویاهای کاری شود اما معمولاَ وقتی گروهی از افراد با هم کار میکنند به نظر نمیرسد که واقعاَ کاری انجام دهند.
در مقالهی امروز ۶ مشکل رایجی که میتواند تیم شما را از مسیر خارج کند و کارهایی که مدیریت تیم میتواند در مورد آنها انجام دهد آورده شده است:
۱. عدم اعتماد بین اعضای تیم
وقتی افرادی که با هم کار میکنند به یکدیگر اعتماد نداشته باشند، نمیتوانند خود را یک تیم بنامند. آنها فقط افرادی هستند که در یک پروژه شرکت کردهاند. عدم اعتماد یک مشکل رایج در تیمهای راه دور است. این امر به ویژه زمانی صادق است که یک تیم به طور خاص برای یک پروژه جدید ایجاد شده و افراد یکدیگر را به خوبی نمیشناسند. در این مواقع مدیریت تیم باید برای ایجاد اعتماد زمان بگذارد.
۲. عدم وضوح
عدم شفافیت و وضوح میتواند باعث سردرگمی شود و اعضای تیم را وادار به فرضیاتی در مورد پروژه و اهداف آن کند که اغلب نادرست خواهند بود.
پس همان ابتدا اهداف پروژه را روشن کنید. ما چه میسازیم؟ چرا آن را میسازیم؟ چه کسانی از این محصول استفاده خواهند کرد؟ چرا از آن استفاده خواهند کرد؟ مهلت پروژه چقدر است؟ نقش هر فرد در تیم چیست؟
اشتباه است که پروژهای را بدون پاسخ به این سوالات شروع کنید و انتظار داشته باشید که در مسیر درستی پیش برود. در بهترین حالت، زمان اضافی را صرف میکنید و در بدترین حالت، پروژه را شکست میدهید.
۳. بیانگیزگی
فقدان انگیزه معمولاً به دلیل مدیریت ضعیف اتفاق میافتد. وقتی مدیریت دلیل زیادی برای ایجاد محصولات عالی ندارد، اعضای تیم هم همانطور فکر میکنند و در نتیجه میخواهند که یک پروژه در سریعترین زمان ممکن به پایان برسد.
مدیریت باید محیطی ایجاد کند که در آن افراد حس هدفمندی داشته باشند. آنها باید بدانند پروژهای که روی آن کار میکنند چگونه به اهداف شرکت کمک میکند.
۴. ارتباط ضعیف بین اعضای تیم
ارتباطات ضعیف میتواند منجر به موقعیتهایی شود که اعضای تیم در انزوا کار کنند.
وقتی اعضای تیم احساس میکنند که تنها هستند، از کارشان سرخورده میشوند. انتظار اینکه اعضای تیم قوانین ارتباطی خود را وضع کنند، اشتباه است. ایجاد قوانین ارتباطی موثر یکی از اولویت هایی است که مدیریت باید انجام دهد
۵. خرده مدیریتها
وقتی اعضای تیم باید برای هر کار کوچکی که انجام میدهند تأییدیه بگیرند، روند کار به میزان قابل توجهی کاهش مییابد.
یافتن تعادلی مناسب بین «مدیریت خیلی زیاد» و «مدیریت خیلی کم» حیاتی است. همانطور که اعضای تیم باید به یکدیگر اعتماد کنند، مدیریت نیز باید به کارکنان خود اعتماد کند. اعضای تیم باید استقلال تصمیمگیری در مورد کار روزانهی خود را داشته باشند.
۶. انتقاد بیش از حد
انتقاد بیش از حد بدون تمجید از دستاوردها میتواند هر پروژهای را نابود کند. وقتی اعضای تیم بدانند تمام کاری که مدیرشان انجام میدهد نقد کارشان است و به ندرت از دستاوردهایشان تمجید میشود، تسلیم میشوند.
پس به عنوان مدیر، مطمئن شوید که افراد در نقش خود احساس ارزشمندی میکنند.
لینک مقاله:
https://bit.ly/dxgn985
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر موجودی
#کار_تیمی #مدیر_محصول #تیم_محصول
@Dexign فلسفه دیزاین
_______
Medium
6 Things That Destroy Product Teams
Teamwork does make the dream work. But it only happens when team members work together as one. It’s a typical situation when a group of…
👍19👏2❤1
طراحی داده محور: هر آنچه که لازم است بدانید
امروزه طراحی تجربه و رابط کاربر به سمت داده محور بودن رفته است و لازم است که برای هر تغییری که در محصول میدهیم دلیلی قانع کننده برای بیزینس و کاربر داشته باشیم بنابراین اصطلاح data driven را این روزها بسیار میشنویم.
برای حل مسئله به تعدادی راه حل میرسیم که بر روی کاغذ کاربردی و جذاب است اما در واقعیت ناکارآمد خواهد بود برای جلوگیری از این خطاها و ریسکهایی که ممکن است یک بیزینس را با شکست روبرو کند، اصطلاح data driven تعریف شده که اینروزها بسیار درباره آن میشنویم. طراحی داده محور این امکان را به شرکتها و بیزینسها میدهد تا بفهند که کاربرانشان چگونه و چرا از محصول استفاده میکنند و مقدار قابل توجهی از حدس و گمانها را در پروسه محصول حذف کنند و این گونه ریسک کمتری برای بیزینس خواهد داشت.
در این مقدمه دلیلی از اهمیت طراحی داده محور را مطرح کردم اگر علاقهمند به این موضوع هستید در ویرگول به صورت کامل درباره این موضوع نوشتهایم و از لینک زیر میتوانید به مقاله منبع مراجع کنید.
https://bit.ly/dxgn986
(مطالعه حدودی مقاله: ۴ دقیقه)
نویسنده: فروزان فاضلی
#تجربه_کاربر #داده_محور #data_driven
@Dexign فلسفه دیزاین
_______
امروزه طراحی تجربه و رابط کاربر به سمت داده محور بودن رفته است و لازم است که برای هر تغییری که در محصول میدهیم دلیلی قانع کننده برای بیزینس و کاربر داشته باشیم بنابراین اصطلاح data driven را این روزها بسیار میشنویم.
برای حل مسئله به تعدادی راه حل میرسیم که بر روی کاغذ کاربردی و جذاب است اما در واقعیت ناکارآمد خواهد بود برای جلوگیری از این خطاها و ریسکهایی که ممکن است یک بیزینس را با شکست روبرو کند، اصطلاح data driven تعریف شده که اینروزها بسیار درباره آن میشنویم. طراحی داده محور این امکان را به شرکتها و بیزینسها میدهد تا بفهند که کاربرانشان چگونه و چرا از محصول استفاده میکنند و مقدار قابل توجهی از حدس و گمانها را در پروسه محصول حذف کنند و این گونه ریسک کمتری برای بیزینس خواهد داشت.
در این مقدمه دلیلی از اهمیت طراحی داده محور را مطرح کردم اگر علاقهمند به این موضوع هستید در ویرگول به صورت کامل درباره این موضوع نوشتهایم و از لینک زیر میتوانید به مقاله منبع مراجع کنید.
https://bit.ly/dxgn986
(مطالعه حدودی مقاله: ۴ دقیقه)
نویسنده: فروزان فاضلی
#تجربه_کاربر #داده_محور #data_driven
@Dexign فلسفه دیزاین
_______
ویرگول
طراحی داده محور چیست؟
“دنیای جدید امروز، دنیای دادههاست”پیشرفت سریع تکنولوژي پیامدهای بسیاری از جمله تغییر روابط آدمها را به همراه دارد، به همین دلیل اطلاعات ن…
👍11
چگونه به عنوان یک طراح UX نه بگوییم
اغلب ترجیح میدهیم از نه گفتن اجتناب کنیم زیرا فکر میکنیم که شروع کنندهی یک درگیری است.
با گذشت زمان متوجه شدم نه گفتن، من و اعضای تیم یا ذینفعان را ناامید نمیکند بلکه کاملاً برعکس این کلمه باعث ایجاد مرزهای سالم میشود و از مواردی مثل فرسودگی و کار نیمه تمام جلوگیری میکند.
اما هنوز هم کلمهی نه میتواند کلمهی خشنی باشدو واکنشهای جالبی در پی نداشته باشد. به همین خاطر در این جا چند عبارت را بررسی میکنیم که به شما کمک کند مرزهای سالم خود را داشته باشید.
"تمرکز فعلی ما این مورد نیست، اما بیایید آن را یادداشت کنیم تا بعداً دربارهی آن صحبت کنیم"
اغلب جلسات با اعضای تیم یا ذینفعان میتواند تکراری و بینتیجه باشد در صورتی که شما به عنوان طراح به آن جهت ندهید و تمرکز اعضا را جلب نکنید.
"ما میتوانیم تمرکزمان را تغییر دهیم تا محصول abc را شامل شود، اما پس از آن نمیتوانیم xyz را در همان جدول زمانی که در ابتدا روی آن توافق کردهبودیم، تحویل دهیم."
مطالعات علمی وجود دارد که ثابت میکند چندوظیفهای باعث میشود ما اثربخشی کمتری داشته باشیم.
بنابراین به جای نه گفتن به تسکهای دیگری که به لیست کارهای رو به رشد شما اضافه شده است، میتوانید این واقعیت را مطرح کنید که اگر تمرکز شما روی ۲۰ موضوع
تقسیم نشود کارآمدتر خواهید بود و یا در مورد الویتها و جدولهای زمانیتان صحبت کنید.
"بیایید از دیدگاه کاربر در مورد آن فکر کنیم"
اغلب ما به عنوان طراحان محصول سعی میکنیم فقط نیازمندیهای بیزنس و محدودیتهای توسعهی محصول را در نظر بگیریم و پیشنهادات دیگر را بلافاصله رد میکنیم.
به جای نه گقتن که ممکن است باعث ناراحتی شود، آن را برگردانید و به عنوان سوال مطرح کنید تا به اعضای تیم و ذینفعان کمک کنید تا ببینند در این پیشنهاد کاربر چگونه گنجانده میشود تا با وجود موانع همچنان بتوانیم تجربهی خوبی به کاربر بدهیم.
به یاد داشته باشید که مواقعی برای نه گفتن وجود دارد و مواقع دیگری نیاز است به مصالحه برسید. دانستن تفاوت این دو موضوع مهارت دیگری است که نیاز به یادگرفتن و تمرین کردن دارد.
https://bit.ly/dxgn987
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: بهاره حاجوی
#محیط_کار #تیم #طراح_محصول
@Dexign فلسفه دیزاین
_______
اغلب ترجیح میدهیم از نه گفتن اجتناب کنیم زیرا فکر میکنیم که شروع کنندهی یک درگیری است.
با گذشت زمان متوجه شدم نه گفتن، من و اعضای تیم یا ذینفعان را ناامید نمیکند بلکه کاملاً برعکس این کلمه باعث ایجاد مرزهای سالم میشود و از مواردی مثل فرسودگی و کار نیمه تمام جلوگیری میکند.
اما هنوز هم کلمهی نه میتواند کلمهی خشنی باشدو واکنشهای جالبی در پی نداشته باشد. به همین خاطر در این جا چند عبارت را بررسی میکنیم که به شما کمک کند مرزهای سالم خود را داشته باشید.
"تمرکز فعلی ما این مورد نیست، اما بیایید آن را یادداشت کنیم تا بعداً دربارهی آن صحبت کنیم"
اغلب جلسات با اعضای تیم یا ذینفعان میتواند تکراری و بینتیجه باشد در صورتی که شما به عنوان طراح به آن جهت ندهید و تمرکز اعضا را جلب نکنید.
"ما میتوانیم تمرکزمان را تغییر دهیم تا محصول abc را شامل شود، اما پس از آن نمیتوانیم xyz را در همان جدول زمانی که در ابتدا روی آن توافق کردهبودیم، تحویل دهیم."
مطالعات علمی وجود دارد که ثابت میکند چندوظیفهای باعث میشود ما اثربخشی کمتری داشته باشیم.
بنابراین به جای نه گفتن به تسکهای دیگری که به لیست کارهای رو به رشد شما اضافه شده است، میتوانید این واقعیت را مطرح کنید که اگر تمرکز شما روی ۲۰ موضوع
تقسیم نشود کارآمدتر خواهید بود و یا در مورد الویتها و جدولهای زمانیتان صحبت کنید.
"بیایید از دیدگاه کاربر در مورد آن فکر کنیم"
اغلب ما به عنوان طراحان محصول سعی میکنیم فقط نیازمندیهای بیزنس و محدودیتهای توسعهی محصول را در نظر بگیریم و پیشنهادات دیگر را بلافاصله رد میکنیم.
به جای نه گقتن که ممکن است باعث ناراحتی شود، آن را برگردانید و به عنوان سوال مطرح کنید تا به اعضای تیم و ذینفعان کمک کنید تا ببینند در این پیشنهاد کاربر چگونه گنجانده میشود تا با وجود موانع همچنان بتوانیم تجربهی خوبی به کاربر بدهیم.
به یاد داشته باشید که مواقعی برای نه گفتن وجود دارد و مواقع دیگری نیاز است به مصالحه برسید. دانستن تفاوت این دو موضوع مهارت دیگری است که نیاز به یادگرفتن و تمرین کردن دارد.
https://bit.ly/dxgn987
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: بهاره حاجوی
#محیط_کار #تیم #طراح_محصول
@Dexign فلسفه دیزاین
_______
Medium
How to say NO as a UX designer
Saying No is not about being difficult or not being seen as a team player.
👍10
۷ سوگیری شناختی که بر روند طراحی شما تأثیر میگذارند
طراحان UX ممکن است در فرآیند طراحی دچار سوگیریهای شناختی شوند. در این مقاله ۷ سوگیری تأثیرگذار، بررسی خواهد شد. به کمک مطالب این مقاله میتوانیم اثرات منفی این سوگیریها را به حداقل و فرصت تجربههای مثبت و لذتبخش را برای کاربر به حداکثر برسانیم.
۱. سوگیری تایید (Confirmation Bias): ما تمایل داریم به دنبال نتایج، اطلاعات یا نمونههایی باشیم که باورها و جهانبینی ما را تایید کنند.
۲. تعصب لنگر انداختن (Anchoring Bias): ما معمولاً به اولین اطلاعاتی که میبینیم تکیه میکنیم.
۳. سوگیری اندازه دسته (Category Size Bias): ما بیشتر به سمت گزینههایی که در گروههای بزرگتر دستهبندی شدهاند جذب میشویم.
۴. سوگیری ابتکار عملِ در دسترس (Availability Heuristic): ما تمایل داریم از اطلاعاتی که در هنگام تصمیمگیری سریعتر و آسانتر به ذهنمان میرسد استفاده کنیم.
۵. سوگیری قیمت-ارزش (Price-Value Bias): ارزش ادراک شده ما از چیزها، تحت تأثیر قیمت و ویژگیهای آنها است.
۶. سوگیری کنونی (Present Bias): ما به جای اینکه منتظر نتایج و پاداشهای بزرگتر در آینده باشیم، چیزهایی را میخواهیم که نتایج و پاداش کوچکتری را اکنون به ما ارائه میدهند.
۷. سوگیری لفظی (Wording Bias): نحوه پرسیدن سوالات بر پاسخها تأثیر میگذارند.
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn988
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: نیلوفر مزرعه
#سوگیری_شناختی #فرآیند_طراحی #تجربه_کاربری
@Dexign فلسفه دیزاین
_______
طراحان UX ممکن است در فرآیند طراحی دچار سوگیریهای شناختی شوند. در این مقاله ۷ سوگیری تأثیرگذار، بررسی خواهد شد. به کمک مطالب این مقاله میتوانیم اثرات منفی این سوگیریها را به حداقل و فرصت تجربههای مثبت و لذتبخش را برای کاربر به حداکثر برسانیم.
۱. سوگیری تایید (Confirmation Bias): ما تمایل داریم به دنبال نتایج، اطلاعات یا نمونههایی باشیم که باورها و جهانبینی ما را تایید کنند.
۲. تعصب لنگر انداختن (Anchoring Bias): ما معمولاً به اولین اطلاعاتی که میبینیم تکیه میکنیم.
۳. سوگیری اندازه دسته (Category Size Bias): ما بیشتر به سمت گزینههایی که در گروههای بزرگتر دستهبندی شدهاند جذب میشویم.
۴. سوگیری ابتکار عملِ در دسترس (Availability Heuristic): ما تمایل داریم از اطلاعاتی که در هنگام تصمیمگیری سریعتر و آسانتر به ذهنمان میرسد استفاده کنیم.
۵. سوگیری قیمت-ارزش (Price-Value Bias): ارزش ادراک شده ما از چیزها، تحت تأثیر قیمت و ویژگیهای آنها است.
۶. سوگیری کنونی (Present Bias): ما به جای اینکه منتظر نتایج و پاداشهای بزرگتر در آینده باشیم، چیزهایی را میخواهیم که نتایج و پاداش کوچکتری را اکنون به ما ارائه میدهند.
۷. سوگیری لفظی (Wording Bias): نحوه پرسیدن سوالات بر پاسخها تأثیر میگذارند.
برای مطالعهی کامل این مقاله به لینک زیر مراجعه کنید:
https://bit.ly/dxgn988
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: نیلوفر مزرعه
#سوگیری_شناختی #فرآیند_طراحی #تجربه_کاربری
@Dexign فلسفه دیزاین
_______
Medium
7 cognitive biases that affect your design process
Don’t let these hidden cognitive biases impair your design decisions, adopt and understand them to create better user experiences!
👍6