https://virgool.io/feed/@mojoodiniloofar طراح تجربه کاربر در کوئرا fa 2026-04-15 00:36:47 https://files.virgool.io/upload/users/57864/avatar/huHb1d.jpg?height=120&width=120 https://virgool.io/@mojoodiniloofar https://virgool.io/@mojoodiniloofar/%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%A7%D9%86%DB%8C%D9%85%DB%8C%D8%B4%D9%86-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B1%D8%A7%D8%A8%D8%B7-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-pzmrmlx4qgju اگه تا حالا تجربه استفاده از انیمیشن توی طراحی یه صفحه داشته باشید، می‌دونید که بعد از پیدا کردن انیمیشن مناسب یا ساختنش، بخش مهم و سخت ماجرا تحویل اون انیمیشن‌ها به برنامه‌‌نویس‌هاست.اخیرا توی کوئرا به چنین مسئله‌ای برخوردیم و چون برای خودم خیلی چالش‌برانگیز شد، تصمیم گرفتم تجربه‌ام رو اینجا با بقیه به اشتراک بذارم.حالا اصلا چرا انیمیشن؟قضیه این بود که ما توی یکی از صفحات کوئرا کالج، مقدار زیادی متن داشتیم و متوجه شدیم که کاربرها این متن‌ها رو نمی‌خونن و برای ما هم خیلی مهم بود که این اطلاعات رو از یه طریقی بهشون برسونیم. پس تصمیم گرفتیم توی یه سکشن خاص، از قالب متن بیایم بیرون و به صورت تصویری بهشون نشون بدیم.این شد که من به فکر یه سری انیمیشن کوتاه ۲ تا ۳ ثانیه‌ای افتادم و شروع کردم با دوست خوبمون فیگما و قابلیت smart animate این انیمیشن‌ها رو بسازم.در میون گذاشتن این ایده با تیم فنیرفتم به برنامه‌نویس‌ها گفتم که چنین ایده‌ای دارم و ازشون پرسیدم در نهایت خروجی این انیمیشن‌ها رو چجوری و توی چه فرمتی بهشون بدم بهتره؟ اونا اول گفتن توی فرمت json باید بهشون تحویل بدم اما بعد بهم لاتی رو معرفی کردن که حجم خیلییی کمتری نسبت به json داره.معرفی ابزار LottieFilesلاتی یه سایت پر از انیمیشنه که هم میشه از انیمیشن‌های خودش استفاده کرد هم توش انیمشن ساخت. در ظاهر فقط کافیه فلوی پروتوتایپ‌شده‌ی فیگما رو بهش بدیم و اون بهمون فایل .dotlottie بده اما در باطن یه سری نکات مهم داره که می‌خوام بهتون بگم تا مثل من اذیت نشید.کار با Lottieیادگیری کار با smart animation هانصب پلاگین lottieFile در فیگمااز طریق این لینک می‌تونید پلاگین لاتی رو نصب کنید. توی این صفحه یه ویدیوی راهنمایی هم داره که می‌تونید ببینید چطور باید انیمیشن سازگار با لاتی بسازید. ولی من هم اینجا میگم بهتون.۳. ساختن انیمیشن‌های سازگار با لاتیبعد از اینکه پلاگین لاتی رو نصب کردید لازمه برگردید به انیمیشنی که ساختید و چندتا چیز رو توی دیزاین چک کنید و مطمئن بشید که انیمیشنتون برای لاتی قابل فهمه.مطمين باشید از هیچ کامپوننت یا instance کامپوننتی استفاده نکردید.مطمئن بشید که توی دیزاین از فریم‌های تو در تو استفاده نکردید.می‌دونم توی دیزاین کار تمیزی نیست. اما اینجا استثنائا لازمه که کثیف کار کنیم و به هیچ وجه از فریم استفاده نکنیم :))مطمئن بشید که همه‌ی لایه‌ها توی همه حالت‌های انیمیشن وجود داشته باشند. مثلا ممکنه انیمیشن‌تون اینجوری باشه که یه دایره وسط صفحه ظاهر بشه. کار غلط اینه که توی فریم اول اون دایره وجود نداشته باشه و توی فریم دوم دایره وجود داشته باشه. اما کار درست اینه که توی هر دو حالت دایره وجود داشته باشه ولی توی حالت اول opacity ش صفر و توی حالت دوم ۱۰۰ باشه. مطمئن بشید که ترتیب لایه‌ها توی همه‌ی حالت‌ها مثل هم باشه.۴. بعد از رعایت همه این نکات، باید برای هر انیمیشنتون یه Flow Starting Point تعریف کنید و بعد پلاگین لاتی رو ران کنید.منظور از Flow Starting Point فریمیه که از اونجا انیمیشنتون شروع میشه. مثلا انیمیشن learn من این استارتینگ پوینت رو داره:وقتی پلاگین لاتی رو اجرا می‌کنید باید لاگین کنید و بعدش این صفحه باز میشه. همونطور که قبلا گفتم لاتی یه کتابخونه غنی از انیمیشن‌های کاربردی هم داره که می‌تونیم استفاده کنیم. اما برای اینکه انیمیشن خودمون رو به فایل لاتی تبدیل کنیم باید بریم توی تب export to lottie. برای اکسپورت گرفتن از انیمیشنمون دو راه داریم.راه اول: انتخاب به‌ترتیب فریم‌هایی که می‌خوایم انیمیشن بشن و بعد کلیک روی دکمه Export to Lottie. توی این حالت لاتی خودش زمان‌ها و سرعت انیمیشن رو تنظیم می‌کنه که البته می‌تونیم تغییرش بدیم.راه دوم: انتخاب فلوی انیمیشنمون که راه پیشنهادی من همینه. اگه همه اون ۴ نکته‌ای که گفتم رو رعایت کرده باشم، انیمیشنمون رو در حال اجرا توی این قسمت می‌بینیم. در غیر این صورت ارور میده و میگه نمی‌تونم اجرا کنم.۵. حالا فقط کافیه روی save to workspace بزنیم و بعد مرورگرمون رو باز کنیم و وارد سایت لاتی و داشبورد خودمون بشیم. می‌تونیم همه انیمشن‌های سیو شده‌مون رو البته تا سقف ۱۰ تا، اینجا ببینیم. (برای بیشتر از ۱۰ تا باید اکانت پرمیوم بخریم.)۶. در نهایت برای تحویل انیمیشن‌ها به برنامه‌نویس‌ها کافیه روی آیکون سه‌نقطه هر کدومشون بزنیم و از گزینه download as، به فرمت dotlottie دانلودش کنیم و بفرستیم برای برای برنامه‌نویس مورد نظر.همونطور که می‌بینید حجمش با فایل json اصلا قابل مقایسه نیست. و در آن نشانه‌هایی‌ست برای کسانیکه به پرفورمنس و سرعت لود سایت خود می‌اندیشند :))اگه شما هم تجربه‌ای توی ساختن انیمیشن‌های کوتاه این مدلی دارید و ابزار بهتری برای این کار می‌شناسید خیلی ممنون میشم که کامنت بذارید و به من و بقیه معرفی کنید. نیلوفر موجودی نیلوفر موجودی Fri, 18 Aug 2023 16:43:03 +0330 https://virgool.io/dexign/%DB%B8-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-%D8%AF%D8%A7%D8%B3%D8%AA%D8%A7%D9%86%E2%80%8C%D8%B3%D8%B1%D8%A7%DB%8C%DB%8C-%D8%A8%D8%B5%D8%B1%DB%8C-%DA%A9%D9%87-%D9%87%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD-%D9%85%D8%AD%D8%B5%D9%88%D9%84-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%A8%D8%AF%D8%A7%D9%86%D8%AF-fbxrbukuvr1n هر موقع که کلمه‌ی داستان‌سرایی را می‌شنویم، اولین چیزهایی که به ذهنمان می‌رسد برنامه‌های تلویزیونی، فیلم‌های انیمیشن یا رمان مورد علاقه‌مان است، چرا که اغلب شاهد داستان‌سرایی در این پلتفرم‌ها بوده‌ایم. از آنجا که داستان‌ها تأثیری ابدی در ذهن و قلب کاربران می‌گذارند، باید به آن‌ها این احساس را بدهیم که بخشی از ماموریت و اهداف شرکت هستند. در این مقاله، چند تکنیک داستان‌سرایی موثر به‌طور بصری گفته شده است.۱. یک معماری اطلاعات قوی داشته باشید.هر محصول دارای معماری اطلاعاتی است که بخش‌ها و عناصر بصری را دسته‌بندی می‌کند. اغلب، برای کشف نیازهای کاربر نیاز به تحقیق دارید. راه‌های مختلفی برای این کار وجود دارد. می‌توانید از مصاحبه‌های کاربر یا کارت‌سورتینگ برای کشف این نیازها استفاده کنید. همچنین نیاز به دسترسی به نتایج تست‌های کاربردپذیری دارید تا ببینید آیا کاربران می‌توانند به طور موثر در محصول پیمایش کنند یا خیر.۲. تضاد‌ها را به خوبی نشان دهید.درست مانند یک داستان، نشان دادن تعارض‌ و تضادها، علاقه‌ی مخاطبان را برمی‌انگیزد. طراحان محصول باید در مورد مشکلی که کاربر ممکن است با آن روبرو شود فکر کنند و برای آن راه‌حل داشته باشند و در یک کلام با او همدلی کنند.۳. شخصیت محصول را حفظ کنید.یک استراتژی بصری برای ایجاد یک داستان جذاب ایجاد کنید، اما از شخصی بودن محصول هم غافل نشوید! کاربران می‌خواهند با یک محصول یا خدمات ارتباط برقرار کنند. به جای شناسایی کسب‌وکار به عنوان یک موجودیت بی‌نام، عناصر نام تجاری را در خود محصول قرار دهید. معمولاً کاربران برای یادآوری نام برند، رنگ‌ها و طراحی بصری آن را به یاد می‌آورند. به عنوان مثال، وقتی به چیزی قرمز، خنک و خوشمزه فکر می‌کنید، تصویری که به ذهنتان خطور می‌کند به احتمال زیاد کوکاکولا است.۴. بدانید که معنای رنگ بسته به فرهنگ متفاوت است.رنگ‌ها تأثیر قوی بر احساسات دارند. آن‌ها واکنش‌های روانی و فیزیولوژیکی خاصی را تحریک می‌کنند. رنگ نقش اصلی نمادهای بصری را بازی و به عنوان یک روش ارتباطی برای انسان عمل می‌کند. نکته این است که رنگ‌ها می‌توانند برای خوانندگان آسیایی، خاورمیانه‌ای یا آمریکایی معنای متفاوتی داشته باشند.۵. داستانی روایت‌ کنید که به مردم انگیزه بدهد.داستان‌سرایی موثر به معنای نشان دادن نام تجاری به عنوان یک روایت قانع کننده است. همانطور که تصاویر جدید را برای یک داستان جذاب انتخاب می‌کنید، باید برای هر قسمت از کش و قوس طراحی، این را در ذهن داشته باشید. به عنوان مثال، در اوج یک داستان، از تصاویر دراماتیک و تاثیرگذارتر استفاده می‌کنند و یا هنگام رسیدن به وضوح، تصاویری را انتخاب می‌کنند که تنش‌ها را برطرف کند.۶. اینتراکشن، انیمیشن و ویدیو را دست کم نگیرید.این مهارت مهمی است که بسیاری از طراحان باید در طول زمان آن را توسعه دهند چرا که می‌تواند به طور شگفت‌اوری الهام بخش بسیاری از کاربران باشد.۷. تایپوگرافی را با داستان خود مطابقت دهید.فونتی که انتخاب می‌کنید در انتقال پیامی که می‌خواهید به خوانندگانتان بفرستید، کمک می‌کند. تایپوگرافی، تایپ فیس و سبک فونت به همان اندازه در برانگیختن احساسات مهم هستند.۸. به‌طور بصری نشان دهید که چطور محصول شما مشکل کاربر را حل می‌کند.بسته به آشنایی کاربران با محصولات مشابه، تقاضا برای ویژگی‌ها یا عملکردهای محصول شما ممکن است متفاوت باشد. در هر صورت فرآیند شما باید راه‌حلی ارائه دهد که مشکل کاربر را حل کند. این مطلب برداشتی از این مقاله بود. نیلوفر موجودی نیلوفر موجودی Mon, 19 Sep 2022 15:31:10 +0430 https://virgool.io/dexign/%DA%86%DA%AF%D9%88%D9%86%D9%87-%D9%87%D9%88%D8%B4-%D9%85%D8%B5%D9%86%D9%88%D8%B9%DB%8C-%D8%A8%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-ux-%D8%AA%D8%A7%D8%AB%DB%8C%D8%B1-%D9%85%DB%8C-%DA%AF%D8%B0%D8%A7%D8%B1%D8%AF-mmug9n6vumqn امروزه، هر بخش تجاری و صنعتی، از هوش مصنوعی (AI) برای خودکارسازی فرآیندها، بهبود کارایی خود و کاهش هزینه‌ها استفاده می‌کند. صنعت دیجیتال نیز از هوش مصنوعی به طور خاص برای بهبود تجربه کاربر استفاده می‌کند.در این مطلب، برخی از تأثیرات هوش مصنوعی بر تجربیات کاربر، اینکه هوش مصنوعی کدام‌ یک از فرآیندهای UX را می‌تواند کارآمدتر کند، چگونه می‌تواند به طراحان UX کمک کند و چطور ممکن است بر مشاغل طراحی UX در آینده تأثیر بگذارد، صحبت می‌شود.تاثیرات هوش مصنوعی بر تجربیات کاربراز برخی جهات، هوش مصنوعی یا یادگیری ماشین (ML) و طراحان UX عملکردهای مشابهی دارند. آن‌ها، هم داده‌ها را جمع‌آوری می‌کنند، هم تعاملات کاربران را تجزیه و تحلیل می‌کنند و هم می‌توانند رفتار انسان را پیش‌بینی کنند. چت‌بات‌ها، ماشین‌های خودران، هواپیماهای بدون سرنشین، گوگل ترنسلیت، الکسا و سیری همگی نمونه‌های کاملی از هوش مصنوعی هستند که از داده‌های گذشته برای ارائه خدمات پیشرفته استفاده می‌کنند. پیشرفت در هوش مصنوعی و فناوری یادگیری ماشینی، توسعه تجارب کاربر را ممکن ساخته است. به صورت موردی، تاثیرات هوش مصنوعی بر تجربیات کاربر شامل این است: رابط‌های کاربری ظریف‌تر، جلوه‌های بصری و توانایی بیشتر در شخصی‌سازی سیستم‌ها.تقویت فرآیندهای UX از طریق هوش مصنوعیدلیل اصلی استفاده از هوش مصنوعی کاهش نیاز به توجه انسان است. در زمینه طراحی UX، هوش مصنوعی یا یادگیری ماشین، اکنون می‌تواند فرآیندهای UX از جمله تجزیه و تحلیل داده‌ها، وایرفریمینگ و تست A/B را تقویت کند.چگونه هوش مصنوعی می‌تواند به طراحان UX کمک کند؟هوش مصنوعی و یادگیری ماشین برای مدت طولانی به توسعه‌دهندگان و طراحان کمک می‌کند تا بسیاری از فرایندهایشان را خودکار کنند. مثلا در مرحله تصمیم‌گیری، هوش مصنوعی می‌تواند با در اختیار قرار دادن گزینه‌های کمتر اما بهتر به طراحان UX، به آن‌ها در تصمیم‌گیری سریع کمک کند. تصور کنید گزینه‌هایی را که در نتیجه‌ی تحلیل اقیانوسی از داده‌ها در کمترین زمان ممکن تولید شده باشند چقدر در ارائه تجربه‌‌ای بهتر موثرند.آیا هوش مصنوعی می‌تواند مشاغل طراحی UX را تصاحب کند؟هوش مصنوعی می‌تواند به طراحان UX کمک کند تا تجربیات کاربری شخصی‌سازی شده‌ای را ایجاد کنند که نیازهای فردی کاربران را برآورده کند. به علاوه، می‌تواند با کمک به طراحان UX در طراحی و مدیریت خدمات مشتری، در زمان و تلاش آن‌ها صرفه‌جویی کند.در حقیقت، هوش مصنوعی هنوز در مرحله یادگیری خود است. در حالی که می‌تواند از تجربیات انسانی بیاموزد، اما هنوز توانایی تفکر را ندارد. یک هوش مصنوعی در تلاش برای حل مسائل پیچیده طراحی که طراحان UX به راحتی می‌توانند آن را حل کنند، ناکارآمد خواهد بود. بنابراین، هوش مصنوعی جایگزین طراحان UX نخواهد شد. اما توسعه روزافزون قابلیت‌های هوش مصنوعی نشان می‌دهد که نقش آن‌ها ممکن است در آینده متفاوت باشد.ممکن است زمانی فرا برسد که فناوری‌های ML آنقدر توسعه یافته باشند که تمام کاری که برای یک طراح UX باقی می‌ماند کارهای بسیار خلاقانه باشد.در نهایت مهم نیست که هوش مصنوعی چقدر تکامل می‌‌یابد، حتی اگر بتواند از تجربیات خود بیاموزد، نمی‌تواند به توانایی مستقل، نوآورانه و تفکر خلاقی که فقط ذهن انسان دارد، دست یابد. بنابراین، در آینده قابل پیش‌بینی، هیچ خطری وجود ندارد که هوش مصنوعی جایگزین شغل طراح UX شود. این مطلب برداشتی از این مقاله بود. نیلوفر موجودی نیلوفر موجودی Sun, 03 Jul 2022 11:53:44 +0430 https://virgool.io/dexign/%D9%86%D9%87-%D8%A8%D9%87-%DB%8C%DA%A9%D9%BE%D8%A7%D8%B1%DA%86%DA%AF%DB%8C-%D9%88-%DB%8C%DA%A9%D9%86%D9%88%D8%A7%D8%AE%D8%AA%DB%8C-%D9%85%D8%AD%D8%B6-%D8%A2%D8%B1%DB%8C-%D8%A8%D9%87-%D9%82%D8%A7%D8%A8%D9%84-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A8%D9%88%D8%AF%D9%86-zybze8kgllwa یکپارچگی یا همان consistency اغلب ابتکاری قابل قبول در طراحی است که بسیاری از افراد آن را درست می‌دانند بدون اینکه از خود بپرسند یکپارچگی با چه چیزی؟این مقاله ویژگی یکپارچگی را مورد بررسی قرار می‌دهد و به ما یادآوری می‌کند که هیچ چیز مطلقاً خوب یا بد نیست.یکپارچگی چیست؟اساساً یکپارچگی بیشتر از این که به کاربران و نیازهای آن‌ها مربوط باشد، درباره‌ی هویت سازمان‌ها است. برای ذی‌نفعان و تصمیم‌گیران راحت‌تر است که در تصمیم‌گیری، بدون توجه به آنچه برای کاربران بهتر است، از یکپارچگی پیروی کنند.معایب یکپارچگی بیش از اندازه چیست؟بیایید با یک مثال شروع کنیم:در برهه‌ای از زمان در کشور انگلیس، وبسایت دادگاه رسیدگی به شکایات مربوط به بیمه، از نظر طراحی با وبسایت‌های ادارات دولتی بسیار یکپارچه بود. یعنی همان اداراتی که کاربران قصد شکایت از آن‌ها را داشتند. طبیعتاً این باعث می‌شد کاربران برای ثبت شکایات خود به آن وبسایت اعتماد نکنند. طراحان بعد از تحقیق روی کاربران متوجه این موضوع شدند و مجبور شدند یادداشتی به قسمت بالای وبسایت اضافه و اعلام کنند که دادگاه مستقل از دولت است.یکپارچگی زیاد باعث می‌شود سرویس‌های یک سازمان از یکدیگر قابل تشخیص نباشند. به سرویس‌های مختلف گوگل بعد از آخرین بازطراحی‌اش فکر کنید. آن‌ها به طرز گیج‌کننده‌ای یکپارچه‌اند! چند بار برایتان پیش آمده که به جای گوگل درایو، به اشتباه گوگل کلندر را باز کرده باشید؟در واقع می‌توانیم به سوال «یکپارچگی با چه چیزی؟» که در ابتدای این مطلب پرسیده شد اینطور پاسخ دهیم پاسخ دهیم: با مدل ذهنی کاربران.برای داشتن طرحی قابل استفاده، ابتدا باید اطمینان حاصل کنیم که خدمات ما واقعاً مورد نیاز کاربران است. سپس باید مدل‌های ذهنی افراد را درک کنیم و مطمئن شویم که طرح‌های ما با آن مدل‌های ذهنی مطابقت دارد.برداشتی از مقاله‌ی Be usable, not consistent, not uniform. نیلوفر موجودی نیلوفر موجودی Sun, 03 Jul 2022 11:53:24 +0430 https://virgool.io/@mojoodiniloofar/%D8%AC%D8%B9%D8%A8%D9%87-%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1-%D8%AA%D8%B5%D9%85%DB%8C%D9%85-%DA%AF%DB%8C%D8%B1%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%D8%A7%D9%86-ux-%D9%88-%D8%B7%D8%B1%D8%A7%D8%AD%D8%A7%D9%86-%D9%85%D8%AD%D8%B5%D9%88%D9%84-y5zxoxegw1ar به عنوان طراح، ما اغلب تمایل داریم افراد را در اولویت قرار دهیم. به همین دلیل، هدف را ساخت محصولاتی قرار می‌دهیم که نیازها و خواسته‌های آن‌ها را برآورده کند. اشکال کار اینجاست که در مسیر همدلی با افرادی که از محصولات و خدمات ما استفاده می‌کنند، گاهی اوقات جنبه تجاری چیزها را نادیده می‌گیریم.کسب و کارها اساساً برای کسب درآمد وجود دارند. آن‌ها شما را به عنوان یک طراح استخدام می‌کنند تا علاوه‌بر حل مشکلات کاربران، محصولاتی طراحی کنید که منجر به کسب درآمد شود. ممکن است راه‌حلی عالی برای رفع نیازها و خواسته‌های کاربران خود داشته باشید، اما از نظر تجاری بهترین راه‌حل نباشد.به این ترتیب، یک طراح عالی باید راه‌حل‌های طراحی پیدا کند که هم برای کاربران و هم برای کسب‌وکار کار مفید باشد. ممکن است این راه‌حل‌ها جذاب‌ترین راه‌حل‌ها نباشند، اما راه‌حل‌های «درست» هستند!این مقاله به طور مفصل ١٠ نکته را برای رسیدن به چنین راه‌حلی شرح می‌دهد که ما در این مطلب آن‌ها را به صورت موردی بیان می‌کنیم:١. بیشتر از نکات مثبت، بر معایب تمرکز کنید.٢. مشخصه‌های ایده‌آل راه‌حل را تعریف کنید.٣. بر ارزش‌های تجربی اساسی و منسجم تکیه کنید.۴. به سمت الگوهای تثبیت‌شده متمایل شوید.۵. تلاش لازم برای پیاده‌سازی هر راه‌حل را برآورد کنید.۶. هزینه بازگشت از هر راه‌حل را تخمین بزنید.٧. قانون ٢٠/٨٠ را فراموش نکنید.٨. راه‌حل‌ها را از نظر چشم‌انداز بلند مدت و اهداف کوتاه مدت ارزیابی کنید.٩. در هر مرحله از فرآیند طراحی، از داده‌ها و تحقیقات استفاده کنید.١٠. سیال بودن طرح‌ها را تست کنید.این مطلب برداشتی از مقاله‌ی Decision-making toolkit for UX and product designers بود. نیلوفر موجودی نیلوفر موجودی Sun, 03 Jul 2022 11:53:00 +0430 https://virgool.io/dexign/%D8%A2%DB%8C%D8%A7-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AA%D8%A8%D8%AF%DB%8C%D9%84-%D8%B4%D8%AF%D9%86-%D8%A8%D9%87-%D8%B7%D8%B1%D8%A7%D8%AD-%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-%D9%85%D8%AF%D8%B1%DA%A9-%D8%AF%D8%A7%D9%86%D8%B4%DA%AF%D8%A7%D9%87%DB%8C-%D9%84%D8%A7%D8%B2%D9%85-%D8%AF%D8%A7%D8%B1%DB%8C%D9%85-ttdykdexitll از آنجا که UX حوزه نسبتا جدیدی‌ست، رشته‌ی دانشگاهی مخصوص به خود ندارد. اما رشته‌هایی مثل تعامل انسان و کامپیوتر (Human-Computer Interaction)، طراحی تعاملی و معماری اطلاعات هم‌پوشانی زیادی با UX دارند. همچین اگر به تحصیلات آکادمیک علاقه‌مندید رشته‌هایی مثل روان‌شناسی، مردم‌شناسی، طراحی صنعتی و علوم کامپیوتر تا حد زیادی می‌توانند شما را برای طراحی UX آماده کنند.اما سوال مهم‌تر این است که اصلا مدرک دانشگاهی چقدر در طراح UX شدن موثر است؟این مقاله از بلاگ کورسرا بیان می‌کند که گرچه ورود به این حوزه و پیشرفت در آن بدون مدرک دانشگاهی امکان‌پذیر است اما ممکن است اولویت کارفرماها کاندیدهایی باشند که حداقل مدرک لیسانس دارند.در این خصوص جالب است بدانید که ۸۲٪ از طراحانی که گروه Nielson Norman Group مورد بررسی قرار داده‌اند حداقل دارای مدرک لیسانس بوده‌اند.این مقاله در ادامه، مسیرهای جایگزین تحصیلات آکادمیک را برمی‌شمارد که از جمله‌ی آن می‌توان به گرفتن سرتیفیکیت از سایت‌های معتبر، خودآموزی و کسب تجربه در مشاغلی مثل طراحی گرافیک، کپی رایتینگ و خدمات مشتری اشاره کرد. نیلوفر موجودی نیلوفر موجودی Sun, 03 Jul 2022 11:52:35 +0430 https://virgool.io/dexign/%D8%B3%D9%87-%D9%84%D8%A7%DB%8C%D9%87-%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A7%D8%AD%D8%B3%D8%A7%D8%B3%DB%8C-%DA%A9%D9%87-%D8%B7%D8%B1%D8%A7%D8%AD%D8%A7%D9%86-%D9%85%D8%AD%D8%B5%D9%88%D9%84-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%A8%D8%AF%D8%A7%D9%86%D9%86%D8%AF-uidlpmeipnz6 طراحی احساسی یعنی چگونگی ایجاد طرح‌هایی که احساسات کاربران را به صورتی برانگیزد که منجر به تجربیات مثبت برای آن‌ها شود.در سال ٢٠٠٣، دونالد نورمن در سخنرانی تد درباره این موضوع صحبت می‌کند. او سه نشانه احساسی را نام می‌برد که یک محصول، برای موفقیت باید با آن‌ها برخورد کند. این سه نشانه که در این مقاله به عنوان لایه‌های طراحی احساسی شمرده می‌شوند عبارت‌اند از:١. لایه‌ی درونی / شناختیمهم‌ترین چیزی که باید بدانیم این است که اعمال و احساسات ایجاد شده در این لایه، ناخودآگاه هستند و فرد کنترلی بر آن ندارد. ابن لایه زمانی فعال می‌شود که برای اولین بار یک برنامه یا وب‌سایت را مشاهده می‌کنیم. این سطح هیچ ارتباطی با میزان قابل استفاده یا قابل درک بودن محصول ندارد. صرفا راهی‌ست که می‌توان از آن طریق وارد سر کاربر شد و احساسات او را جلب کرد.٢. لایه‌ی رفتاریتمرکز این لایه بیشتر روی این است که کاربران چگونه فعالیت‌های خود را انجام می‌دهند. چقدر سریع و دقیق می‌توانند به اهداف خود برسند و در این مسیر، چه تعداد خطا دارند؟ و اینکه آیا محصول، افراد بی‌تجربه را هم به انداره کاربران ماهر در نظر گرفته است؟وقتی محصولی ما را قادر می‌سازد تا با حداقل سختی و تلاش آگاهانه به اهداف خود برسیم، احساسات مثبتی در ما برمی‌انگیزد. در مقابل، زمانی که یک محصول ما را مجبور می‌کند تا اهدافمان را بر اساس محدودیت‌هایش تنظیم کنیم یا وقتی ما را وادار می‌کند هنگام استفاده از آن‌ توجه دقیقی داشته باشیم، احساسات منفی را تجربه می‌کنیم.٣. لایه‌ی انعکاسیمردم معمولا تجربه استفاده خود از یک محصول را در قالب داستان منعکس می‌کنند و به همین خاطر آخرین لایه را لایه‌ی انعکاسی نامیده‌اند. واکنش‌های بازتابی مثبت ممکن است کاربران را تشویق کند تا تجربیات خود را با دیگران به اشتراک بگذارند. بر خلاف دو سطح قبلی، این سطح با شناخت آگاهانه گره خورده است. جایی که استدلال و تصمیم‌گیری آگاهانه صورت می‌گیرد. به دلیل همین آگاهانه بودن، بازتاب در این سطح عمیق و کند است.این مطلب برداشتی از مقاله‌ی 3 layers of Emotional Design, every Product Designer Must Know بود که در صورت علاقه‌مند بودن به این موضوع مطالعه‌ی آن پیشنهاد می‌شود. نیلوفر موجودی نیلوفر موجودی Sun, 03 Jul 2022 11:52:00 +0430 https://virgool.io/dexign/%D8%AF%DB%8C%D8%B2%D8%A7%DB%8C%D9%86%D8%B1%D9%87%D8%A7%DB%8C-%D8%B9%D8%B2%DB%8C%D8%B2-%D9%85%D8%B4%D9%82-%D8%AF%DB%8C%D8%B2%D8%A7%DB%8C%D9%86-%D8%B3%DB%8C%D8%B3%D8%AA%D9%85-%D9%81%D8%B1%D8%A7%D9%85%D9%88%D8%B4-%D9%86%D8%B4%D9%88%D8%AF-ivj0qpcf91c3 باوجود اهمیت زیاد طراحی دیزاین‌سیستم، هنوز بسیاری از طراحان به آن کم‌توجهی می‌کنند. به گفته‌ی نیلسون نورمن:«دیزاین‌سیستم مجموعه‌ای از استانداردها برای مدیریت طراحی‌ست که به عنوان یک زبان مشترک و به هدف کاهش افزونگی ایجاد می‌شود.»چیزی که طراحان معمولا به آن توجه نمی‌کنند دو بخش اصلی دیزاین سیستم‌ها یعنی «کامپوننت لایبرری‌» و «استایل‌گاید» است. بدون هر یک از این بخش‌ها، اساسا دیزاین سیستمی نخواهیم داشت.نویسنده این مقاله می‌گوید طراحی دیزاین سیستم بدون استایل‌گاید، مثل کامپیوتری‌ست که کیبورد و موس و کیس ندارد. واضح است که در این صورت کامپیوتر نداریم بلکه تنها یک مانیتور داریم و مانیتور، یک کامپیوتر کامل نیست!به طور کلی، اگر چرایی طراحی دیزاین سیستم را درک کنیم، بسیاری از مشکلات حل می‌شود و مشق مهم طراحان همین است.در یک کلام، ما دیزاین سیستم طراحی می‌کنیم که قابلیت استفاده‌ی مجدد اجزای طرح را بالا ببریم. اگر به این هدف نرسیده‌ایم، پس لازم است به عقب برگردیم.این مطلب برداشتی از مقاله‌ی Dear designers, please do your design system homework در مدیوم uxdesign بود. نیلوفر موجودی نیلوفر موجودی Sun, 03 Jul 2022 11:51:35 +0430 https://virgool.io/dexign/%D8%A7%D8%B9%D9%84%D8%A7%D9%86-%D9%87%D8%A7%DB%8C-%DA%A9%D8%A7%D8%B1%D8%A2%D9%85%D8%AF-%D9%88-%DA%A9%D9%85%D8%AA%D8%B1-%D8%A2%D8%B2%D8%A7%D8%B1%D8%AF%D9%87%D9%86%D8%AF%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86-%D8%A8%D9%81%D8%B1%D8%B3%D8%AA%DB%8C%D9%85-ck6jsmz1gbxl حقیقت این است که امروزه اعلان‌ها بخش بزرگی از زندگی ما شده‌اند. اگر نگاهی گذرا به تاریخ بیاندازیم، از دنیایی که در آن اطلاعات کم و حداقلی داشتیم، به افراط در دریافت اطلاعات رسیده‌ایم و این منجر به کاهش دامنه‌ی توجه ما شده است. از این رو، موثر و جذاب کردن اعلان‌هایی که آزاردهنده نباشند، نیاز به تفکر و انضباط زیادی دارد.در مقاله‌ی امروز، فرآیند ساختن یک سیستم اعلان موثر با استفاده از مدل رفتاری فاگ را بررسی می‌‌کنیم.مدل رفتاری فاگ می‌گوید برای رخ دادن یک رفتار سه عنصر اصلی انگیزه، توانایی و محرک، در یک لحظه باید با هم همگرا شوند. ریاضی‌وار می‌توان گفت: رفتار = انگیزه × توانایی × محرکپس اگر رفتاری رخ نمی‌دهد، حداقل یکی از این سه عنصر وجود ندارد.مدل رفتاری فاگفرض کنید کاربری به نام گلن، عضو یک سرویس پخش آنلاین فیلم و سریال است و پس از یک ماه داشتن اشتراک، تصمیم به لغو اشتراک گرفته است. می‌خواهیم با ارسال یک اعلان، او را ترغیب به تمدید اشتراک کنیم.عنصر انگیزهباید ببینیم چه چیزی باعث خوشحالی گلن می‌شود؟ شاید گلن علاقه‌مند باشد بداند که فصل جدید سریال محبوبش چه زمانی منتشر می‌شود. این اطلاعات می‌تواند انگیزه معناداری برای ماندن گلن ایجاد کند اما به شرطی که به موقع باشد و این همان عنصر دوم ما است!عنصر تواناییاز خود بپرسید گلن چه زمانی با احتمال بالا، توانایی خرید اشتراک دارد؟ آخر ماه یا اول ماه؟ در ساعات کاری یا در وقت آزادش؟ اگر گلن اپلیکیشن موبایل را نصب نکرده باشد چه؟ شاید نیاز به یک اعلان بازگشت داشته باشد. این ما را به عنصر بعدی هدایت می‌کند.عنصر محرکاز خود بپرسید گلن از چه پلتفرم‌هایی استفاده می‌کند؟ چه اعلان‌های دیگری ممکن است برای او فرستاده شود؟ آیا می‌تواند اعلانی را از دست بدهد؟ اگر بله، بهتر است به او اطلاع بدهیم که در صورتی که بخواهد بعدا اشتراکش را تمدید کند، کجا می‌تواند اقدام کند.در پایان باید گفت مدل رفتاری فاگ به شما کمک می‌کند در مسیر درست حرکت کنید، اما تصمیم نهایی به انواع مختلف کاربرانتان بستگی دارد. پس مطمئن شوید که از ابزارهایی که دارید، به طور درست استفاده کنید.این مطلب برداشتی از مقاله‌ی Effective notifications using fogg’s behaviour model در سایت uxmag.com بود. نیلوفر موجودی نیلوفر موجودی Sun, 03 Jul 2022 11:51:15 +0430 https://virgool.io/dexign/%D9%87%D9%88%D8%B4-%D9%85%D8%B5%D9%86%D9%88%D8%B9%DB%8C-%D9%82%D8%A7%D8%A8%D9%84-%D8%AA%D9%88%D8%B6%DB%8C%D8%AD-%D9%88-%D8%A7%D8%B1%D8%AA%D8%A8%D8%A7%D8%B7-%D8%A2%D9%86-%D8%A8%D8%A7-%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%DB%8C-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-dwpwmyqi2uni هوش مصنوعی قابل توضیح (XAI: Explainable AI) یک زمینه تحقیقاتی است که اولین بار در سال ٢٠٠۴ مطرح شد. XAI بررسی می‌کند که چگونه تصمیمات هوش مصنوعی و داده‌هایی که منجر به این تصمیمات می‌شوند را می‌توان برای مردم توضیح داد.این توضیح باعث شفافیت بیشتر و در نتیجه‌ی آن، اعتماد بیشتر مردم به هوش مصنوعی می‌شود.بنابراین ما به عنوان یک طراح، باید به بعد انسانی هوش مصنوعی توجه کنیم. باید یاد بگیریم که چگونه یک سیستم هوش مصنوعی را برای بهبود تجربه کاربر، برای او توضیح دهیم.در این باره، امروز می‌خواهیم وبسایت UXAI را به شما معرفی کنیم که برای علاقه‌مندان این حوزه توضیحات بسیار مفیدی ارائه می‌دهد.این وبسایت شامل ۵ بخش کلی است:١. مبانی هوش مصنوعی٢. هوش مصنوعی قابل توضیح٣. استراتژی‌ طراحی۴. ابزارها۵. واژه‌نامهاستراتژی طراحی که در بخش سوم گفته می‌شود، شامل چهار مرحله‌ی شناسایی کاربر، شناسایی زمینه، ارائه روش‌ها و در نهایت ارزیابی است.در مرحله اول بررسی می‌کنیم که کاربر کیست و چرا برای این هوش مصنوعی به توضیح نیاز دارد؟ در مرحله دوم به این سوال پاسخ می‌دهیم که چه زمانی کاربر به توضیح نیاز پیدا می‌کند؟ در مرحله سوم به دنبال بهترین نوع توضیح می‌گردیم و نهایتاً در مرحله چهارم توضیحاتی که آماده کرده‌ایم را در سه سطح کاربردی، انسانی و عملکردی ارزیابی می‌کنیم.اگر به این موضوع علاقه‌مندید، منابع زیر نیز برای شما مفید خواهند بود:کتاب راهنمای Google PAIRبخش طراحی برای هوش مصنوعی وبسایت IBMدستورالعمل‌های مایکروسافت برای تعامل انسان و هوش‌ مصنوعی نیلوفر موجودی نیلوفر موجودی Sun, 03 Jul 2022 11:50:50 +0430 https://virgool.io/dexign/%D9%85%D8%AA%D8%A7%D9%88%D8%B1%D8%B3-%D8%A2%D9%86%DA%86%D9%87-%D8%B7%D8%B1%D8%A7%D8%AD%D8%A7%D9%86-%D9%88-%D9%86%D9%88%D8%A2%D9%88%D8%B1%D8%A7%D9%86-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%A8%D8%AF%D8%A7%D9%86%D9%86%D8%AF-nmtckdojdbhd متاورس چیست؟گفته می‌شود که متاورس «یک فضای مجازی پایدار و با مقیاس بی نهایت با اقتصاد و سیستم هویتی خود» است.می‌توان استدلال کرد که رسانه‌های اجتماعی در شکل فعلی‌اش، نسخه‌ای بدوی از این موضوع هستند. همینطور فضاهای مجازی در بازی‌ها، مکانیسم‌های پرداخت در کریپتو و ظهور روند آواتار NFT، می‌توانند نشان دهند که متاورس به کجا می‌رود و چرا برندهای بزرگ می‌خواهند وارد آن شوند.در متاورس چه کار می‌کنند؟به طور ساده می‌توان گفت، شما در یک محیط اجتماعی در تجربه و فعالیت‌های یک بازی شرکت می‌کنید. برای مثال، تماشای یک فیلم، شرکت در یک کنسرت یا تعامل با محتوای تولید شده توسط بازیکنان دیگر.چرا الان این اتفاق می‌افتد؟همه ما در دوران پندمی، نزدیک به دو سال را در خانه‌هایمان سپری و انجام تقریباً همه‌چیز را به صورت آنلاین تسریع کردیم.بلوغ AR و VR از عوامل مهم این اتفاق است. اگرچه این دو فناوری هنوز به شدت در حال رشد هستند.تغییرات اقلیمی نیز افق‌های فیزیکی ما را کوچک می‌کند و تاکید بیشتری بر در محل ماندن، استفاده مجدد و رویه‌های اقتصادی چرخشی دارد. هم‌چنین تعاملات جهانی نیز به صورت آنلاین حرکت می‌کنند. می‌بینیم که در حال حاضر، NFT ها و رمزارزها بخشی از پرداخت‌های آنلاین را به جلو می‌برند.آیا این همه فناوری برای محیط زیست مضر نیست؟بله و نه. با اینکه فناوری‌های کارآمدتر و سبزتری در راه است، در حال حاضر فناوری بلاک‌چین مصرف‌کننده انبوه انرژی است. اما از طرف دیگر تعاملات آنلاین بیشتر، حداقل در تئوری، به معنای سفر کمتر و به نفع محیط زیست است.متاورس برای محصولات و خدمات چه معنایی دارد؟به طور خلاصه می‌توان گفت، تجربیات ما بسیار در هم تنیده‌تر و به هم مرتبط‌تر می‌شوند، کمتر توسط صفحه‌نمایش‌ها محدود می‌شوند، و حتی خود ما را درگیر می‌کند. یعنی ما تبدیل می‌شویم به دارایی‌های دیجیتالمان، آواتارها، لباس‌ها و ... .این‌ها الآن به نظر می‌رسد که خیلی بچه‌گانه است. اگر ما در این صنعت‌ها نیستیم چرا باید نگران باشیم؟ اما به قول کریس دیکسون، کارآفرین، «اتفاق بزرگ بعدی همیشه به عنوان یک «اسباب بازی» در زمان حال نادیده گرفته می‌شود. ما معمولاً تأثیر فناوری را در کوتاه مدت بیش از حد ارزیابی می‌کنیم و در بلندمدت آن را دست کم می‌گیریم.بنابراین برای درک متاورس چکار کنیم؟-آنچه را که در NFT و بازی‌ها می‌گذرد دنبال کنید.-توانایی‌های AR و VR را درک کنید.-به صنایعی که میل طبیعی به این جنبش دارند نزدیک بمانید. یعنی موسیقی، تلویزیون، فیلم، سرگرمی، مد و خرده فروشی.-بیاموزید که ارزهای دیجیتال چگونه کار می‌کنند و چگونه به ایجاد اقتصاد و بازار کمک می‌کنند.در صورت علاقه‌مندی به این موضوع، توصیه‌های دیگر این مقاله‌ را می‌توانید از این لینک دنبال کنید. نیلوفر موجودی نیلوفر موجودی Sun, 10 Apr 2022 15:41:02 +0430 https://virgool.io/dexign/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%87%D9%88%D8%B4-%D9%85%D8%B5%D9%86%D9%88%D8%B9%DB%8C-ce378ziipjqs هوش مصنوعی (AI) که می‌تواند به ما کمک کند تا سخت‌ترین مشکلات بشریت را حل کنیم، هنوز توسط بسیاری از مردم به خوبی درک نشده است. برای برخی، هوش مصنوعی یک جعبه سیاه جادویی‌ست که همه چیز را در مورد همه موضوعات می‌داند. برای عده‌ای دیگر، ترس از قیام هوش مصنوعی، از دست دادن کنترل انسانی و سناریوهای شبیه به ترمیناتور، توانایی آن‌ها را برای درک ابزار فعلی محاسبات شناختی مخدوش می‌کند.هنگامی که خود را در چنین قلمرویی ناآشنا می‌یابیم، بهترین راه برای شروع این است که هدف واقعی هر نوآوری را به خود یادآوری کنیم: بهبود کیفیت زندگی انسان.هوش مصنوعی از ما می‌خواهد که دوباره به زمینه‌های جدید توجه کنیم. این بار، طراحان باید سیستمی را در نظر بگیرند که بتواند بفهمد، استدلال کند، بیاموزد و تعامل داشته باشد.در نتیجه این ماهیت جدید، ملاحظات طراحی ما را تغییر می‌دهد، که برخی از آن‌ها را بر اساس بیش از ۴٠ سال طراحی نرم افزار بدیهی می‌دانیم. اگر از تایپ در یک فیلد متنی و فشار دادن «submit» گذشته باشیم، طراحی برای تعامل انسان/ماشین به چه معناست؟این مطلب از سایت IBM، بیان می‌کند که هنگام طراحی برای هوش مصنوعی، اهداف اصلی ما باید از سه دیدگاه اصلی زیر ارائه شود:١. هدف: باید بدانیم دلیل تعامل کاربر با سیستم چیست. این دلیل می‌تواند با رشد کاربر و سیستم، تکامل پیدا کند.٢. ارزش: قابلیت‌های ارائه‌شده توسط سیستم باید به طور ملموس زندگی کاربر را بهبود بخشد.٣. اعتماد: آیا کاربر حاضر است با سیستم پیوند عاطفی برقرار کند؟ این اعتماد بر امنیت داده‌های سیستم و کیفیت نتایجی که سیستم ارائه می‌دهد استوار است.از نظر فلسفی و روانی، زمانی هدف، ارزش و اعتماد به دیگران پیدا می‌کنیم که بتوانیم معنای مورد نظر را درک کنیم، این معنا را از دیدگاه‌های مختلف در نظر بگیریم و دانشی کسب کنیم تا بتوانیم بر یکدیگر تأثیر بگذاریم. اگر سیستمی توانایی درک، استدلال، یادگیری و تعامل را داشته باشد، پایه و اساس ایجاد رابطه با یک انسان را دارد.برای طراحی روابط معنادار مبتنی بر هوش مصنوعی، ما به عنوان طراح نیاز داریم که آگاهانه خود را قبل از هر چیز دیگری درک کنیم. هرچه بیشتر خودمان را بشناسیم، بهتر می‌توانیم به ماشین‌ها آموزش دهیم که چگونه به کاربرانمان کمک کنند تا بهتر شوند.در ادامه‌، این مطلب به توضیح مباحثی مثل «توسعه‌ی روابط» پرداخته است که طراحی یک رابطه بین انسان و هوش مصنوعی مستلزم درک آن است. در صورتی که به این موضوع علاقه‌مندید، می‌توانید از این لینک آن را دنبال کنید. نیلوفر موجودی نیلوفر موجودی Thu, 10 Mar 2022 14:32:25 +0330 https://virgool.io/dexign/%D8%B3%D9%87-%D9%82%D8%A7%D9%86%D9%88%D9%86-ux-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%85%D8%B5%D9%88%D8%B1%D8%B3%D8%A7%D8%B2%DB%8C-%D8%A8%D9%87%D8%AA%D8%B1-%D8%AF%D8%A7%D8%AF%D9%87-%D9%87%D8%A7-x0lc7pjz2ny5 طراحی UX برای مصورسازی داده‌ها بسیار مهم است؛ زیرا امروزه داشبوردهای اطلاعاتی فراتر از استفاده‌ی متخصصان هوش تجاری یا دانشمندان علم داده است و نیاز همه افراد اعم از فنی و غیرفنی را به صورت روزانه تامین می‌کند. به عنوان مثال، وقتی برنامه تناسب اندام خود را باز می‌کنید، داشبوردهایی وجود دارد که تمرینات شما را در طول زمان با استفاده از داده‌های مصور نشان می‌دهند. طبیعتاً این‌ها باید به نحوی باشند که در عرض چند ثانیه به ما بگویند دقیقاً چه چیزی مهم است.قانون اول: ساده و احمقانه نگهش‌دار!تجربه کاربری خوب به این معنی نیست که تمام جلوه‌های بصری زیبا را در کنار هم قرار دهید. به نظر شگفت‌انگیز است، اما این کار توجه کاربر را در همه جای صفحه پراکنده می‌کند. همچنین ایجاد نمودارهای پیچیده، نشان‌دهنده‌ی این نیست که آن‌ها چقدر علمی و حرفه‌ای‌اند و در واقع فقط مردم را می‌ترسانند. به این ترتیب، بهتر است بر اساس این اصل از استفاده‌ی برخی نمودارها اجتناب کنیم، بیش از ۵ رنگ در یک داشبورد استفاده نکنیم، برچسب‌ها و عناوین را خلاصه و gridline ها را حذف کنیم.قانون دوم: فرم نمودار تابع عملکرد آن است.توجه کنید که هر نموداری را بهر کاری ساختند. برای مثال نمودار میله‌ای مقدار داده‌های دسته‌بندی شده را مقایسه می‌کند و نمودار هیستوگرام بسیار شبیه به نمودار میله‌ای است با این تفاوت که داده‌های عددی را بازه‌بندی و فراوانی داده‌ها را در هر بازه نشان می‌دهد. مهمترین نکته این است که همیشه کاربران و هدف مصورسازی را در ذهن داشته باشید. فرقی نمی‌کند که فرم نمودار چقدر شیک باشد اگر عملکردی نداشته باشد.قانون سوم: از مزیت سلسله مراتب‌ها غافل نشوید.سه فاکتور رنگ، اندازه و موقعیت می‌توانند تعیین کننده‌ی این باشند که کاربر ابتدا به کجا نگاه کند. این قاعده فراتر از متن‌ها است و در نشان دادن شکل‌ها و نمودارها نیز باید رعایت شود. برای مثال معمولاً رنگ‌های روشن برجسته‌ترند و رنگ‌های کم‌رنگ در پس‌زمینه آورده می‌شوند. یا اینکه جهت توجه ما از بالا به پایین است پس اطلاعات مهم باید بالاتر قرار گیرند.این مطلب خلاصه‌ای از این مقاله بود.اگر به این موضوع علاقه‌مندید، نویسنده‌ی این مقاله مطالعه‌ی کتاب «داستان‌پردازی با داده‌ها» (Story Telling with Data) را به شما پیشنهاد می‌دهد. نیلوفر موجودی نیلوفر موجودی Thu, 10 Mar 2022 14:32:13 +0330 https://virgool.io/@mojoodiniloofar/%D8%AF%D8%B3%D8%AA%D8%B1%D8%B3%DB%8C-%D9%BE%D8%B0%DB%8C%D8%B1%DB%8C-%D8%A7%DB%8C%D9%86-%D8%A8%D8%A7%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D9%81%D8%B1%D8%A7%D8%AF-%D8%AF%D8%A7%D8%B1%D8%A7%DB%8C-%D8%A7%D8%AE%D8%AA%D9%84%D8%A7%D9%84-%D9%87%D8%A7%DB%8C-%D8%B9%D8%B5%D8%A8%DB%8C-j3rn7cflq7uk دسترسی‌پذیری فقط مربوط به افراد دارای نقص در بینایی نیست و به کنتراست رنگ‌ها و سازگاری با screen reader ها خلاصه نمیشه. البته که این‌ها مهمن، اما همه‌ی ماجرا نیستن. قضیه خیلی جالب‌تر و گسترده‌تر از این حرف‌هاست!اخیراً به همراه چند تا از همکارهام دوره‌ی design accessibility وب‌سایت uxcel رو گذروندم و خواستم قسمتی از آموخته‌هام توی این دوره‌ی جذاب رو با کسانی که مثل خودم این موضوع براشون اهمیت داره به اشتراک بذارم. (منبع همه‌ی عکس‌های این پست، همین دوره است.)این دوره از سه بخش اصلی تشکیل شده:1. مقدمه، تعاریف و ابزارهای مفید در طراحی دسترسی‌پذیر2. انواع اختلال‌های حسی و عصبی3. دسترسی‌پذیر کردن المان‌های اصلی طراحی و best practice برای هر کدومبخشی که برای من خیلی جالب و تازه بود و همین بخش من رو به فکر به اشتراک گذاشتن مطالبش انداخت، بخش دوم، یعنی انواع مختلف اختلال‌ها بود که شامل اختلال‌های حسی و اختلال‌های عصبی میشد. درباره‌ی اختلال‌های حسی مثل اختلال در بینایی، شنوایی و حرکت، زیاد صحبت شده و من مجدداً تکرارشون نمی‌کنم. اما درباره اختلال‌های عصبی کمتر مطالبی منتشر شده و توی این پست می‌خوایم به طور مفصل بهشون بپردازیم.انواع اختلال‌های عصبی1. اختلال نارساخوانی (Dyslexia): نارساخوانی نوعی ناتوانی در خوندن شناخته میشه که روی فعالیت مغز و یادگیری مطالب تأثیر نمی‌ذاره. مثلا جالبه بدونید که آلبرت انیشتین با بهره هوشی 160 دارای این اختلال بوده. این اختلال توانایی هجی و تلفظ کلمه‌ها، نوشتن، خوندن و درک چیزها را در حین خوندن مختل می‌کنه. بر اساس آمار جهانی، نزدیک به 20% جمعیت جهان دارای اختلال نارساخوانی‌ان و این درصد حتی از تعداد افراد دارای مشکلات بینایی هم بیشتره (!) پس طراح‌ها باید یاد بگیرن که چطور محصولاتی بسازن که به سلامت این دسته از کاربرهاشون آسیبی نرسونه. حالا بیاید چند مورد از نکاتی که در توجه به افراد نارساخوان باید رعایت بشن رو با هم مرور کنیم.1. بین متن‌های بلند، از عکس‌ استفاده کنیم.نکته: از تصاویری که الگوها و بافت‌های بیش از حد روشن و خیره‌کننده دارن و منجر به حواس‌پرتی و اضطراب می‌شن، باید خودداری کنیم.2. از بک‌گراند دارک بدون داشتن گزینه‌‌ی لایت استفاده نکنیم.افراد مبتلا به نارساخوانی در رمزگشایی متن روشن در پس‌زمینه‌ی تاریک بیشتر از پس‌زمینه روشن مشکل دارن. پس بهتره بک‌گراند دارک رو به عنوان یه گزینه داشته باشیم نه حالت پیش‌فرض.3. از استایل ایتالیک فونت‌ها استفاده نکنیم.افراد مبتلا به نارساخوانی به سختی می‌تونن بخش‌هایی از متن معمولی رو بخونن، چه برسه به حروف کج!2. اختلال اضطراب (Anxiety): بله همون اضطراب خودمون! طبق آمار، یک نفر از هر 13 نفر در سراسر جهان (~ 7.3٪) در حال حاضر از اختلال اضطراب رنج می‌بره. برای کاهش استرس، سردرگمی، عدم اطمینان و عدم کنترلی که به اضطراب کاربر در طراحی‌هامون کمک می‌کنه، چه کاری می‌تونیم انجام بدیم؟نمودهای بارز اختلال اضطراب1. کاربر را هول نکنیم!در صورت امکان، به کاربر این آزادی رو بدیم که تایمر رو خاموش کنن یا مطابق با نیاز خودشون تنظیمش کنن.2. به کاربر اجازه بدیم قبل از ارسال فرم، بررسیش کنه.خیلی مهمه که به کاربر دارای اضطراب، کنترل مدیریت تعاملاتی که با یه محصول داره داده بشه. مثلاً، موقع به‌روزرسانی اطلاعات پروفایل، به طور واضح بهش اطلاع بدیم که تغییرات منتشر میشه، می‌تونه همین الآن بررسی‌ یا بعداً ویرایش‌شون کنه.3. بک‌گراند دارک رو فراموش نکنیم.درسته که حالت دارک راه حل مناسبی برای همه نیست. همونطور که قبلا گفتیم، برای دسترسی‌پذیر کردن هرچه بیشتر محصول، باید هر دو حالت دارک و لایت رو داشته باشیم و به کاربر اجازه بدیم تصمیم بگیره که کدوم نوع براش بهتره.3. اختلال صرع (Epilepsy): بر اساس گزارش سازمان بهداشت جهانی، 50 میلیون نفر در سراسر جهان به صرع مبتلا هستن. کسانی که از این بیماری عصبی رنج می‌برن مستعد تشنج و یا از دست دادن هوشیاری‌ان. به عنوان طراح، مهمه که قبل از طراحی، نقاط درد کاربرانی رو که با این بیماری زندگی می‌کنن در نظر بگیریم.علل مختلفی برای صرع وجود داره، از صدمات سر گرفته تا عفونت. گاهی اوقات هم هیچ دلیل ظاهری وجود نداره.اما شواهدی هست که نشون میده بعضی از محرک‌های حسیِ تکراری ممکنه در برخی افراد باعث تشنج بشن. هدف ما به عنوان طراح اینه که از چنین محرک‌هایی برای ایجاد تجربه کاربری بهتر برای افراد مبتلا به صرع استفاده نکنیم.نمودهای بارز اختلال صرع1. از پترن‌های متضاد استفاده نکنیم.برخی از تصاویر بصری حتی بدون چشمک زدن هم می‌تونن صرع حساس به نور رو تحریک کنن؛ الگوهای متناوباً تاریک و روشن مثل راه راه و شطرنجی، با کنتراست زیاد.2. از عناصر متحرک ساده استفاده کنیم.در حالی که حساسیت به نور و ارتباطش با صرع هوز اثبات نشده، اما بیماران مبتلا به صرع گزارش می‌دن که برخی از انواع تصاویر بیشتر از بقیه باعث ایجاد تشنج می‌شه. برای طراحی مناسب افراد دارای اختلال صرع، لودینگ‌های ساده‌تری انتخاب کنید تا سوسو زدن احتمالی رو به حداقل برسونید.4. اختلال اوتیسم (Autism): آمار سازمان بهداشت جهانی میگه نزدیک به 1٪ از مردم در سراسر جهان با اوتیسم زندگی می‌کنن. افراد مبتلا به اوتیسم، به دلیل حساسیت بیش از حدشون نسبت به چیزهایی که در اطرافشون اتفاق می‌افته واکنش متفاوتی نشان میدن. بیاید ببینیم چطور فضای وب رو به مکانی مناسب برای همه تبدیل کنیم.نمودهای بارز اختلال اوتیسم1. از رنگ های ملایم استفاده کنیم.تحقیقات روانشناسی نشون میده که کاربران اوتیسم رنگ‌ها رو با شدت بیشتری می‌بینن. این حساسیت بیش از حد به رنگ‌ها، به ویژه رنگ‌های روشن، منجر به اضافه بار حسی و ایجاد ناراحتی در اون‌ها میشه. از کنتراست‌های قوی و آزاردهنده هم دوری کنید.2. از اینتراکتیوهای حواس پرت‌ کن خودداری کنیم.زندگی با اوتیسم یعنی احساس ناراحتی زیاد در زمانی که سیستم به طور غیرقابل پیش‌بینی رفتار می‌کنه. نوارهای تب چندلایه، نویگیشن‌ها و انیمیشن‌هایی که برای کاربران سودمند نیستن رو دور بریزید. فضاهای به هم ریخته و عناصر مزاحم ممکنه باعث اضطراب شدید بشن و این آخرین چیزیه که کاربران مبتلا به اوتیسم دوست دارن تجربه کنن.از اینکه تا اینجا با من همراه بودید ممنونم.نظرات و تجربیات‌تون درباره این موضوع رو داخل کامنت‌ها بنویسید تا بیشتر از دانش هم استفاده کنیم. نیلوفر موجودی نیلوفر موجودی Thu, 03 Mar 2022 02:00:55 +0330