هنر قصهگویی؛
اصول و استراتژی در تجربهی کاربری
«پس از غذا، سرپناه و معاشرت با آدمها ، داستانها همان چیزی هستند که در دنیا بیشتر به آنها نیاز داریم.»
ــــ نقل قول از PHILIP PULLMAN
و اما قصهگویی چیست؟
به هنر تعاملی استفاده از کلمات و اقدامات برای معلوم کردن عناصر و تصاویر یک داستان در حالی که تخیل شنونده را تحریک میکند، داستانسرایی میگویند.
شاید ایام قبل کرونا را این روزها با خود بسیار مرور کنید، جمعهای دوستانه، خانوادگی و یا حتی کاری خود را به یاد آورید در حالی که دور هم جمع شدید و هرکسی از چیزی میگوید و احساسات شما را برمیانگیزاند. میخندید، متعجب میشوید و در آخر از آن جمع هر قصهای که قدرتمندتر باشد، تأثیر آن در ذهن شما بیشتر است.
داستانها ما را وارد مکان جدیدی میکنند، ذهن ما را باز میکنند. بگذارید شما را با مطالعهای که توسط دانشگاه Carnegie Mellon انجام شده است آشنا کنم. محققان ۲ نسخهی مختلف از نامهای را تدارک دیدند. موضوع نامه درخواست کمکهای مالی برای یک کشور جهان سومی بود.
محتوای نامه در نسخه اول:
آمار وحشتناکی از شرایط ناگوار زندگی، تعداد افرادی که بدون آب و غذای سالم زندگی میکنند و … .
محتوای نامه در نسخه دوم:
داستان دلخراشی، در مورد دختری که در آن کشور جهان سومی زندگی میکرد.
نتیجه:
محتوای نامهای که بر اساس یک داستان نوشته شده بود، باعث شد ۱۱۸ درصد کمکهای مالی بیشتری دریافت شود.
اما چگونه میتوانیم از قصهگویی در دنیای دیزاین دیجیتال بهره ببریم؟
وظیفه ما به عنوان یک داستانگوی دیجیتال این است که نویسنده باشیم و قسمت گرافیکی روایت را که با قسمت کلامی داستان در هم آمیخته است را بسازیم. با دنبال کردن مراحل مشابه نویسندگان، قادر خواهیم بود محتوایی را طراحی کنیم که تأثیر ماندگاری بر مخاطبانمان بگذارد.
- رویکرد ما از دیدگاه داستانگویی چه باید باشد؟
- داستانی که میخواهیم تعریف کنیم چیست؟
- چگونه میخواهیم که داستان ما به آدمها، حسی را منتقل کند؟
- و در آخر میخواهیم که این احساسات، آدمها را مجبور به انجام چه کاری بکند؟
اما چطور می توانیم این مهارت مهم را در خود تقویت کنیم؟
پیشنهاد ما خواندن مقالات زیر است که بهترین تکنیکهای قصهگویی را واکاوی می کند:
http://bit.ly/dxgn725-1
http://bit.ly/dxgn725-2
- پینوشت و یک جایزهی کوچولو:
مطلب بالا ترجمهی آزادی بود از لینک زیر، اسکرول کنید و به انتهای آن که رسیدید، ۴ روش خلاصه و کارا را برای داستانگویی بهتر توضیح داده است. اگر فرصت نکردید که مقالات بالا را مطالعه کنید. حتما به آن سر بزنید. خود وبسایت storytelling.design یکی از منابع خوب در زمینهی قصهگوییست.
http://bit.ly/dxgn725-PS
(زمان حدودی مطالعهی مقالهی اول: ۹ دقیقه،
و مقالهی دوم: ۹ دقیقه)
نویسنده: حسین میرزاده
#قصه_گویی #داستان_سرایی #تجربه_کاربری #داستان
@Dexign فلسفه دیزاین
______
اصول و استراتژی در تجربهی کاربری
«پس از غذا، سرپناه و معاشرت با آدمها ، داستانها همان چیزی هستند که در دنیا بیشتر به آنها نیاز داریم.»
ــــ نقل قول از PHILIP PULLMAN
و اما قصهگویی چیست؟
به هنر تعاملی استفاده از کلمات و اقدامات برای معلوم کردن عناصر و تصاویر یک داستان در حالی که تخیل شنونده را تحریک میکند، داستانسرایی میگویند.
شاید ایام قبل کرونا را این روزها با خود بسیار مرور کنید، جمعهای دوستانه، خانوادگی و یا حتی کاری خود را به یاد آورید در حالی که دور هم جمع شدید و هرکسی از چیزی میگوید و احساسات شما را برمیانگیزاند. میخندید، متعجب میشوید و در آخر از آن جمع هر قصهای که قدرتمندتر باشد، تأثیر آن در ذهن شما بیشتر است.
داستانها ما را وارد مکان جدیدی میکنند، ذهن ما را باز میکنند. بگذارید شما را با مطالعهای که توسط دانشگاه Carnegie Mellon انجام شده است آشنا کنم. محققان ۲ نسخهی مختلف از نامهای را تدارک دیدند. موضوع نامه درخواست کمکهای مالی برای یک کشور جهان سومی بود.
محتوای نامه در نسخه اول:
آمار وحشتناکی از شرایط ناگوار زندگی، تعداد افرادی که بدون آب و غذای سالم زندگی میکنند و … .
محتوای نامه در نسخه دوم:
داستان دلخراشی، در مورد دختری که در آن کشور جهان سومی زندگی میکرد.
نتیجه:
محتوای نامهای که بر اساس یک داستان نوشته شده بود، باعث شد ۱۱۸ درصد کمکهای مالی بیشتری دریافت شود.
اما چگونه میتوانیم از قصهگویی در دنیای دیزاین دیجیتال بهره ببریم؟
وظیفه ما به عنوان یک داستانگوی دیجیتال این است که نویسنده باشیم و قسمت گرافیکی روایت را که با قسمت کلامی داستان در هم آمیخته است را بسازیم. با دنبال کردن مراحل مشابه نویسندگان، قادر خواهیم بود محتوایی را طراحی کنیم که تأثیر ماندگاری بر مخاطبانمان بگذارد.
- رویکرد ما از دیدگاه داستانگویی چه باید باشد؟
- داستانی که میخواهیم تعریف کنیم چیست؟
- چگونه میخواهیم که داستان ما به آدمها، حسی را منتقل کند؟
- و در آخر میخواهیم که این احساسات، آدمها را مجبور به انجام چه کاری بکند؟
اما چطور می توانیم این مهارت مهم را در خود تقویت کنیم؟
پیشنهاد ما خواندن مقالات زیر است که بهترین تکنیکهای قصهگویی را واکاوی می کند:
http://bit.ly/dxgn725-1
http://bit.ly/dxgn725-2
- پینوشت و یک جایزهی کوچولو:
مطلب بالا ترجمهی آزادی بود از لینک زیر، اسکرول کنید و به انتهای آن که رسیدید، ۴ روش خلاصه و کارا را برای داستانگویی بهتر توضیح داده است. اگر فرصت نکردید که مقالات بالا را مطالعه کنید. حتما به آن سر بزنید. خود وبسایت storytelling.design یکی از منابع خوب در زمینهی قصهگوییست.
http://bit.ly/dxgn725-PS
(زمان حدودی مطالعهی مقالهی اول: ۹ دقیقه،
و مقالهی دوم: ۹ دقیقه)
نویسنده: حسین میرزاده
#قصه_گویی #داستان_سرایی #تجربه_کاربری #داستان
@Dexign فلسفه دیزاین
______
Medium
Strategic Storytelling for Designers
How to Align User Research Presentations for Decision Making
تجربه مشتری (CX) در مقابل تجربه کاربری (UX)
دو اصطلاح CX و UX گرچه مکمل یکدیگرند اما معنای کاملاً متفاوتی دارند. با این وجود اغلب اوقات توسط صاحبان محصولات به اشتباه گویی که یکسان باشند به جای یکدیگر استفاده میشوند.
این سردرگمی، ناشی از برداشتهای متفاوت از تعریف مشتری است. از آنجایی که کاربران محصول ما، همان مشتریان ما بحساب میآیند به اشتباه اینگونه بنظر میرسد تجربه کاربر و تجربه مشتری باید معادل هم باشند، ولی اینطور نیست و برای اینکه کاربران/مشتریان شما بخواهند از بهترین تجربه ممکن محصول و نام تجاری شما لذت ببرند درک تمایز تجربه کاربری و تجربه مشتری بسیار مهم است.
تجربه کاربر چیست؟
مفهوم تجربه کاربری مختص یک محصول است که میتواند برنامه، نرم افزار و یا وبسایت باشد و UX همان تجربهای است که کاربر/مشتری هنگام تعامل با آن محصول تجربه میکند.
رابط کاربری، قابلیت استفاده، نویگیشن، سلسله مراتب بصری، معماری اطلاعات و غیره در یک محصول با هم ترکیب می شوند و یک تجربه کاربری ایجاد میکنند که برای کاربران آن محصول میتواند تجربهای لذت بخش و یا منفی باشد. بر این اساس، طراحی UX فرآیند طراحی محصولاتی است که بتوان آسان و لذت بخش از آنها استفاده کرد.
تجربه کاربری UX با معیارهایی اندازهگیری میشود که حول عملکرد و کاربرد محصول میچرخند. به طور مثال: درصدی از کاربرانی که هدفی را در محصول شما انجام میدهند یا به مرحلهای می رسند که شما میخواهید به آن برسند، تعداد اشتباهاتی که کاربران هنگام انجام یک کار مرتکب میشوند، مدت زمانی که کاربران برای انجام یک کار صرف میکنند، تعداد کلیکهایی که کاربران قبل از انجام یک کار انجام میدهند و درصد کاربرانی که کار را قبل از انجام آن رها میکنند.
تجربه مشتری چیست؟
تجربه مشتری مفهومی بسیار بزرگتر است. CX مربوط به تجربهای است که کاربر/مشتری هر زمان با برند مجموعه (نه فقط یک محصول) تعامل کند، با آن مواجه میشود. به عبارت دیگر تجربه مشتری از برخورد با یک برنامه، نرم افزار یا وبسایت، که به تنهایی برند یک مجموعه را تشکیل نمیدهند نیست.
تعاملات CX تشکیل شده از تاثیر مجموعهای از تبلیغات، کانالهای رسانههای اجتماعی، استراتژی بازاریابی، پروسه فروش، قیمت گذاری، خدمات و پشتیبانی بر مشتری میباشد. به طور کلی مفهوم CX مربوط به درک مشتری از یک شرکت و خدمات مختلف آنهاست، نه صرفاً قابلیت استفاده و عملکرد محصولات آن شرکت.
از معیارهایی اندازه گیری CX میتوان به مواردی همچون میزان رضایت مشتریان از تعامل با شرکت، خدمات و محصولات، میزان تمایل مشتریان به توصیه شرکت و محصولات آنها به دیگران و میزان وفاداری مشتریان نسبت به ادامه استفاده از محصول شرکت در مقابل رقیبان اشاره نمود.
برای آشنایی عمیقتر با این مفاهیم شما را به خواندن این مقاله کاربردی دعوت میکنم.
http://bit.ly/dxgn726
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیما حکیمرابط
#تجربهکاربری #تجربهمشتری
@Dexign فلسفه دیزاین
______
دو اصطلاح CX و UX گرچه مکمل یکدیگرند اما معنای کاملاً متفاوتی دارند. با این وجود اغلب اوقات توسط صاحبان محصولات به اشتباه گویی که یکسان باشند به جای یکدیگر استفاده میشوند.
این سردرگمی، ناشی از برداشتهای متفاوت از تعریف مشتری است. از آنجایی که کاربران محصول ما، همان مشتریان ما بحساب میآیند به اشتباه اینگونه بنظر میرسد تجربه کاربر و تجربه مشتری باید معادل هم باشند، ولی اینطور نیست و برای اینکه کاربران/مشتریان شما بخواهند از بهترین تجربه ممکن محصول و نام تجاری شما لذت ببرند درک تمایز تجربه کاربری و تجربه مشتری بسیار مهم است.
تجربه کاربر چیست؟
مفهوم تجربه کاربری مختص یک محصول است که میتواند برنامه، نرم افزار و یا وبسایت باشد و UX همان تجربهای است که کاربر/مشتری هنگام تعامل با آن محصول تجربه میکند.
رابط کاربری، قابلیت استفاده، نویگیشن، سلسله مراتب بصری، معماری اطلاعات و غیره در یک محصول با هم ترکیب می شوند و یک تجربه کاربری ایجاد میکنند که برای کاربران آن محصول میتواند تجربهای لذت بخش و یا منفی باشد. بر این اساس، طراحی UX فرآیند طراحی محصولاتی است که بتوان آسان و لذت بخش از آنها استفاده کرد.
تجربه کاربری UX با معیارهایی اندازهگیری میشود که حول عملکرد و کاربرد محصول میچرخند. به طور مثال: درصدی از کاربرانی که هدفی را در محصول شما انجام میدهند یا به مرحلهای می رسند که شما میخواهید به آن برسند، تعداد اشتباهاتی که کاربران هنگام انجام یک کار مرتکب میشوند، مدت زمانی که کاربران برای انجام یک کار صرف میکنند، تعداد کلیکهایی که کاربران قبل از انجام یک کار انجام میدهند و درصد کاربرانی که کار را قبل از انجام آن رها میکنند.
تجربه مشتری چیست؟
تجربه مشتری مفهومی بسیار بزرگتر است. CX مربوط به تجربهای است که کاربر/مشتری هر زمان با برند مجموعه (نه فقط یک محصول) تعامل کند، با آن مواجه میشود. به عبارت دیگر تجربه مشتری از برخورد با یک برنامه، نرم افزار یا وبسایت، که به تنهایی برند یک مجموعه را تشکیل نمیدهند نیست.
تعاملات CX تشکیل شده از تاثیر مجموعهای از تبلیغات، کانالهای رسانههای اجتماعی، استراتژی بازاریابی، پروسه فروش، قیمت گذاری، خدمات و پشتیبانی بر مشتری میباشد. به طور کلی مفهوم CX مربوط به درک مشتری از یک شرکت و خدمات مختلف آنهاست، نه صرفاً قابلیت استفاده و عملکرد محصولات آن شرکت.
از معیارهایی اندازه گیری CX میتوان به مواردی همچون میزان رضایت مشتریان از تعامل با شرکت، خدمات و محصولات، میزان تمایل مشتریان به توصیه شرکت و محصولات آنها به دیگران و میزان وفاداری مشتریان نسبت به ادامه استفاده از محصول شرکت در مقابل رقیبان اشاره نمود.
برای آشنایی عمیقتر با این مفاهیم شما را به خواندن این مقاله کاربردی دعوت میکنم.
http://bit.ly/dxgn726
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: نیما حکیمرابط
#تجربهکاربری #تجربهمشتری
@Dexign فلسفه دیزاین
______
Medium
CX vs. UX: What’s the Difference?
You need to understand both for your business to succeed
اصول طراحی رابط کاربری مختص توسعهدهندگان!
به عنوان توسعهدهنده فرانتاند، نیاز است تا پا به پای تیم محصول همکاری کنید تا در نهایت، یک محصول عالی نتیجه کار باشد. اگرچه در نگاه اول طراحی یک تجربه کاربری خوب بر عهده تیم محصول است اما توسعهدهندگان نیز نقش بسزایی در شکلدهی نحوه تعامل برنامه با کاربر دارند.
توسعهدهنده رابط کاربری کیست؟
توسعهدهنده رابط کاربری، مفهومی است که به خوبی برروی اینترنت تعریف نشده است. در اصل توسعهدهنده رابط کاربری، یک توسعهدهنده فرانتاند با دانش اصول و مفاهیم رابط کاربری است که در صورت نیاز میتواند به تنهایی پروژههای کوچک را ایجاد کند.
چرا داشتن دانش اصول طراحی کاربری مفید است؟
رابط کاربری اولین چیزی است که کاربر هنگام تعامل با محصول، مشاهده میکند. اگر جذاب و استفاده از آن آسان نباشد، کاربر بدون در نظرگرفتن ویژگیهای دیگر محصول، از استفاده از آن صرف نظر خواهد کرد. بنابراین نیاز است تا توسعه دهنده با استفاده از اصول رابط کاربری، به تولید یک محصول بهتر و موفق کمک کند. همچنین روابط بین طراحان و توسعهدهندگان را بهبود خواهد بخشید زیرا هر دو طرف خواهند فهمید چرا یک قسمت از محصول، به روش خاصی طراحی شده است.
معمولا اصول رابط کاربری در طراحی محصول به کار میروند اما در ادامه قصد داریم آن ها را از دید یک توسعهدهنده بررسی کنیم.
۱- یکپارچگی و هماهنگی
یکی از مواردی که معمولا در ابتدای بیشتر اصول روابط کاربری مشاهده میکنید، یکپارچگی و هماهنگی است. تمامی قسمتهای یک پلتفرم باید شبیه به هم به نظر برسد. این مورد میتواند با تعریف پالت رنگی، تایپوگرافی و کامپوننتها تا حد قابل قبولی حل شود.
۲- کارایی بیشتر
بیشتر اوقات، کارایی یک سیستم از طریق زمانی که کاربر برای انجام یک کار (به همراه شمارش کلیکها) صرف میکند، محاسبه میشود. اگر لایههای یک سیستم به خوبی تعریف شده باشند، کاربر میتواند به سرعت به هدف خود برسد. به عنوان یک توسعهدهنده رابط کاربری، چندکار در رابطه با این مورد میتوانید انجام دهید.
۳- مشخصبودن اقدامات کاربر و وضعیت سیستم
به همان اندازه که نشاندادن اقداماتی که کاربر میتواند در این وضعیت از سیستم انجام دهد یا قبلا انجام داده، ضروری است. نشان دادن وضعیت سیستم نیز به کاربر کمک میکند تا به نتایج اقدامات خود شک نکند.
در ادامهی این مقاله، میتوانید موارد پیشنهادی از اصول رابط کاربری مخصوص توسعهدهندگان به همراه مثالهایی از آن را مشاهده کنید.
http://bit.ly/dxgn727
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #توسعه_دهنده #محصول #اصول #فرانت_اند #رابط_کاربری
@Dexign فلسفه دیزاین
_______
به عنوان توسعهدهنده فرانتاند، نیاز است تا پا به پای تیم محصول همکاری کنید تا در نهایت، یک محصول عالی نتیجه کار باشد. اگرچه در نگاه اول طراحی یک تجربه کاربری خوب بر عهده تیم محصول است اما توسعهدهندگان نیز نقش بسزایی در شکلدهی نحوه تعامل برنامه با کاربر دارند.
توسعهدهنده رابط کاربری کیست؟
توسعهدهنده رابط کاربری، مفهومی است که به خوبی برروی اینترنت تعریف نشده است. در اصل توسعهدهنده رابط کاربری، یک توسعهدهنده فرانتاند با دانش اصول و مفاهیم رابط کاربری است که در صورت نیاز میتواند به تنهایی پروژههای کوچک را ایجاد کند.
چرا داشتن دانش اصول طراحی کاربری مفید است؟
رابط کاربری اولین چیزی است که کاربر هنگام تعامل با محصول، مشاهده میکند. اگر جذاب و استفاده از آن آسان نباشد، کاربر بدون در نظرگرفتن ویژگیهای دیگر محصول، از استفاده از آن صرف نظر خواهد کرد. بنابراین نیاز است تا توسعه دهنده با استفاده از اصول رابط کاربری، به تولید یک محصول بهتر و موفق کمک کند. همچنین روابط بین طراحان و توسعهدهندگان را بهبود خواهد بخشید زیرا هر دو طرف خواهند فهمید چرا یک قسمت از محصول، به روش خاصی طراحی شده است.
معمولا اصول رابط کاربری در طراحی محصول به کار میروند اما در ادامه قصد داریم آن ها را از دید یک توسعهدهنده بررسی کنیم.
۱- یکپارچگی و هماهنگی
یکی از مواردی که معمولا در ابتدای بیشتر اصول روابط کاربری مشاهده میکنید، یکپارچگی و هماهنگی است. تمامی قسمتهای یک پلتفرم باید شبیه به هم به نظر برسد. این مورد میتواند با تعریف پالت رنگی، تایپوگرافی و کامپوننتها تا حد قابل قبولی حل شود.
۲- کارایی بیشتر
بیشتر اوقات، کارایی یک سیستم از طریق زمانی که کاربر برای انجام یک کار (به همراه شمارش کلیکها) صرف میکند، محاسبه میشود. اگر لایههای یک سیستم به خوبی تعریف شده باشند، کاربر میتواند به سرعت به هدف خود برسد. به عنوان یک توسعهدهنده رابط کاربری، چندکار در رابطه با این مورد میتوانید انجام دهید.
۳- مشخصبودن اقدامات کاربر و وضعیت سیستم
به همان اندازه که نشاندادن اقداماتی که کاربر میتواند در این وضعیت از سیستم انجام دهد یا قبلا انجام داده، ضروری است. نشان دادن وضعیت سیستم نیز به کاربر کمک میکند تا به نتایج اقدامات خود شک نکند.
در ادامهی این مقاله، میتوانید موارد پیشنهادی از اصول رابط کاربری مخصوص توسعهدهندگان به همراه مثالهایی از آن را مشاهده کنید.
http://bit.ly/dxgn727
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #توسعه_دهنده #محصول #اصول #فرانت_اند #رابط_کاربری
@Dexign فلسفه دیزاین
_______
Blog | Imaginary Cloud
UI Developer: a mix of Design and Front-end
Learn the main responsibilities of a UI developer and how to become one. Further, find out the technologies they use and take an in-depth look at how UI principles contribute to frontend development.
یادداشتی درباره مدیوم جدید
سرویس مدیوم را که همهمان میشناسیم. یکی از منابع جذاب و مدرن برای خواندن و ذخیره کردن مقالات خوب در هر زمینهای. از سیاست گرفته تا کشاورزی و دیزاین.
این سرویس در طول عمر پربارش، چندبار دست به تغییر لوگو و هویت بصری زده بود و همیشه خود این مساله برای من سوال بود که آیا قرار نبود روی یک برند سرمایهگذاری شود تا به نقطه درست برسد؟ یا اینکه مگر میشود در مساله برندینگ و لوگو دیزاین هم آزمایش و خطا کرد؟
شاید بعضی از اصولی که به آن معتقد هستیم قابل تغییر باشند. نهایتا تمامی این اصول و عقاید قرار است به وضوح اطلاعات و نزدیکی برند و مخاطبینش کمک کنند.
برگردیم به مدیوم، مدیوم تغییراتش را هم به صورت مقاله منتشر میکند و در مقالهای که امروز انتخاب کردم، مدیوم درباره تغییر لوگو نوشته.
یکی از نکات جالبی که به عنوان یک دیزاینر خیلی برایم جذاب بود. روش برخورد با مساله بود.
مساله چه بود؟
مدیوم در حال پیشرفت در همه جهات است و ساختار برندینگ قدیم این سرویس دیگر جوابگوی این گسترش همهجانبه نبود. همینطور به گفته خود مقاله، ساختار طراحی قدیمی خیلی پر دردسر بود و مسیر ساخت طولانیای داشت. برای همین نمیتوانست به راحتی با محیط و تغییرات اطرافش خو بگیرد.
حوصلهتان را سر نبرم، حتما این مقاله را بخوانید چرا که با تغییر و تکمیل اصول در ارتباط است.
اصولی که سالها شاید برای به وجود آمدنشان تلاش شده و در ذهن ما نهادینه شدهاند ولی وسعت دیدی که قادر به تحمل تغییر این اصول باشد، با تکیه بر همین اصول و منطق جدید حتما موفق میشود.
http://bit.ly/dxgn728
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#طراحی #لوگو #محصول #اصول #برند
@Dexign فلسفه دیزاین
______
سرویس مدیوم را که همهمان میشناسیم. یکی از منابع جذاب و مدرن برای خواندن و ذخیره کردن مقالات خوب در هر زمینهای. از سیاست گرفته تا کشاورزی و دیزاین.
این سرویس در طول عمر پربارش، چندبار دست به تغییر لوگو و هویت بصری زده بود و همیشه خود این مساله برای من سوال بود که آیا قرار نبود روی یک برند سرمایهگذاری شود تا به نقطه درست برسد؟ یا اینکه مگر میشود در مساله برندینگ و لوگو دیزاین هم آزمایش و خطا کرد؟
شاید بعضی از اصولی که به آن معتقد هستیم قابل تغییر باشند. نهایتا تمامی این اصول و عقاید قرار است به وضوح اطلاعات و نزدیکی برند و مخاطبینش کمک کنند.
برگردیم به مدیوم، مدیوم تغییراتش را هم به صورت مقاله منتشر میکند و در مقالهای که امروز انتخاب کردم، مدیوم درباره تغییر لوگو نوشته.
یکی از نکات جالبی که به عنوان یک دیزاینر خیلی برایم جذاب بود. روش برخورد با مساله بود.
مساله چه بود؟
مدیوم در حال پیشرفت در همه جهات است و ساختار برندینگ قدیم این سرویس دیگر جوابگوی این گسترش همهجانبه نبود. همینطور به گفته خود مقاله، ساختار طراحی قدیمی خیلی پر دردسر بود و مسیر ساخت طولانیای داشت. برای همین نمیتوانست به راحتی با محیط و تغییرات اطرافش خو بگیرد.
حوصلهتان را سر نبرم، حتما این مقاله را بخوانید چرا که با تغییر و تکمیل اصول در ارتباط است.
اصولی که سالها شاید برای به وجود آمدنشان تلاش شده و در ذهن ما نهادینه شدهاند ولی وسعت دیدی که قادر به تحمل تغییر این اصول باشد، با تکیه بر همین اصول و منطق جدید حتما موفق میشود.
http://bit.ly/dxgn728
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#طراحی #لوگو #محصول #اصول #برند
@Dexign فلسفه دیزاین
______
Medium
A more expressive Medium — starting with Medium
An introduction to our evolved brand identity
رویکرد طراحی Mobile-first یعنی چه و چگونه یک طراح تجربه کاربری باید آن را به کار بگیرد؟
طراحی Mobile-first اولینبار در سال ۲۰۱۰ و توسط مدیرعامل وقت گوگل، اریک اشمیت مطرح شد، او به این واقعیت اشاره کرد که کاربران بیشتر و بیشتر گوشیهای همراهشان را برای استفاده از خدمات دیجیتال به کار خواهند گرفت و درنهایت تجربههای کاربران نیز بیشتر در این قالب رقم خواهد خورد، پس باید اول از همه ساختار سرویس در یک گوشی همراه را شکل داده و سپس به فکر طراحی برای قالبهای بزرگتر باشیم.
البته افزایش استفادهکنندگان از گوشیهای همراه تنها دلیل برای گرایش به این رویکرد نیست، طراحی Mobile-first دسترسیپذیری (Accessibility) را بهبود میبخشد، وبسایتهای به اصطلاح Mobile-friendly در الگوریتم جستجوی گوگل شانس بیشتری برای دیده شدن دارند، و مهمتر از همه برای یک طراحی کاربرمحور آنکه این رویکرد به درک بهتری از نیازها و اولویتهای کاربران منجر میشود؛ طراحی Mobile-first یعنی شروع کردن از کوچکترین قالبی که سرویس را در خود جای میدهد و این یعنی طراحی با بیشترین محدودیت در محتوا و فضا؛ مواجه شدن با این محدودیتها در ابتدای کار، یک طراح را وادار میکند تنها مهمترین اطلاعات و حیاتیترین عملکردها را با توجه به نیاز کاربران حفظ کند و در ادامه با بزرگتر شدن قالب نمایش و در صورت نیاز به آنها بیافزاید. به این ترتیب او درک درستتری از اولویتهای کاربر و آنچه باید در اولین نگاه دیده شود به دست میآورد.
برای انجام یک طراحی درست به روش Mobile-first نکات زیادی را باید در نظر داشت، باید به محدودیتهای آن آگاه بود و الگوهای مناسب برای قالب یک گوشی همراه را به کار گرفت. در این نوشته به سه نکتهی مهم در این رویکرد طراحی اشاره میشود؛
۱- انتخاب ، دستهبندی و تعریف اولویت در نمایش محتوا کلیدی است.
۲- مسیریابی (Navigation) آسان و در دسترس امری مشکل اما حیاتی است.
۳- سادگی با حذف محتوای اضافی و تعدد عملکردها ضروری است.
برای مطالعه بیشتر درباره طراحی Mobile-first و نکات ذکر شده پیشنهاد میکنم به این مقاله مراجعه کنید.
http://bit.ly/dxgn729
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: ریحانه خدایی
#کاربرمحوری #Mobile_First
@Dexign فلسفه دیزاین
______
طراحی Mobile-first اولینبار در سال ۲۰۱۰ و توسط مدیرعامل وقت گوگل، اریک اشمیت مطرح شد، او به این واقعیت اشاره کرد که کاربران بیشتر و بیشتر گوشیهای همراهشان را برای استفاده از خدمات دیجیتال به کار خواهند گرفت و درنهایت تجربههای کاربران نیز بیشتر در این قالب رقم خواهد خورد، پس باید اول از همه ساختار سرویس در یک گوشی همراه را شکل داده و سپس به فکر طراحی برای قالبهای بزرگتر باشیم.
البته افزایش استفادهکنندگان از گوشیهای همراه تنها دلیل برای گرایش به این رویکرد نیست، طراحی Mobile-first دسترسیپذیری (Accessibility) را بهبود میبخشد، وبسایتهای به اصطلاح Mobile-friendly در الگوریتم جستجوی گوگل شانس بیشتری برای دیده شدن دارند، و مهمتر از همه برای یک طراحی کاربرمحور آنکه این رویکرد به درک بهتری از نیازها و اولویتهای کاربران منجر میشود؛ طراحی Mobile-first یعنی شروع کردن از کوچکترین قالبی که سرویس را در خود جای میدهد و این یعنی طراحی با بیشترین محدودیت در محتوا و فضا؛ مواجه شدن با این محدودیتها در ابتدای کار، یک طراح را وادار میکند تنها مهمترین اطلاعات و حیاتیترین عملکردها را با توجه به نیاز کاربران حفظ کند و در ادامه با بزرگتر شدن قالب نمایش و در صورت نیاز به آنها بیافزاید. به این ترتیب او درک درستتری از اولویتهای کاربر و آنچه باید در اولین نگاه دیده شود به دست میآورد.
برای انجام یک طراحی درست به روش Mobile-first نکات زیادی را باید در نظر داشت، باید به محدودیتهای آن آگاه بود و الگوهای مناسب برای قالب یک گوشی همراه را به کار گرفت. در این نوشته به سه نکتهی مهم در این رویکرد طراحی اشاره میشود؛
۱- انتخاب ، دستهبندی و تعریف اولویت در نمایش محتوا کلیدی است.
۲- مسیریابی (Navigation) آسان و در دسترس امری مشکل اما حیاتی است.
۳- سادگی با حذف محتوای اضافی و تعدد عملکردها ضروری است.
برای مطالعه بیشتر درباره طراحی Mobile-first و نکات ذکر شده پیشنهاد میکنم به این مقاله مراجعه کنید.
http://bit.ly/dxgn729
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: ریحانه خدایی
#کاربرمحوری #Mobile_First
@Dexign فلسفه دیزاین
______
Invisionapp
Mobile-first design: An easy guide to everything you need to know
Mobile-first design is a design philosophy that aims to create better experiences for users by starting the design process from the smallest of screens: mobile.
انتظارات دیزاینی ما از ۲۰۲۱
تا اینجا، اکثر مقالهها را به عنوان یک دیزاینر مینوشتم ولی اینبار مقالهای را به شما معرفی میکنم که از دید یک کاربر انتظارات دیزاینی از سال ۲۰۲۱ را شرح میدهد.
نکته جالب اینجاست که تمام این انتظارات بر پایه فهم بیشتر مخاطب شکل گرفته است.
ما به عنوان دیزاینر مسئول هستیم تا کار کردن با محصول را برای کاربرانمان ساده و سادهتر کنیم.
به نظر میآید یکی از روشهای حل این مساله، تکیه بر آیکنهای واضحتر باشد یا برای مثال، استفاده از قدرت واقعی Hover روی وب و به طور کلی هرچیزی که فهم مسائل را برای کاربران شما یک قدم سادهتر کند.
سادهسازی محصولات پیچیده و نیمهپیچیده در زمانی که انسانها نیاز دارند تا تکنولوژی به دست انسانهای بیشتری با شرایط زندگی متفاوتی برسد میتواند یکی از اهداف مهم دیزاینرها در سال جدید میلادی باشد.
http://bit.ly/dxgn730
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#دیزاین #چالش
@Dexign فلسفه دیزاین
_____
تا اینجا، اکثر مقالهها را به عنوان یک دیزاینر مینوشتم ولی اینبار مقالهای را به شما معرفی میکنم که از دید یک کاربر انتظارات دیزاینی از سال ۲۰۲۱ را شرح میدهد.
نکته جالب اینجاست که تمام این انتظارات بر پایه فهم بیشتر مخاطب شکل گرفته است.
ما به عنوان دیزاینر مسئول هستیم تا کار کردن با محصول را برای کاربرانمان ساده و سادهتر کنیم.
به نظر میآید یکی از روشهای حل این مساله، تکیه بر آیکنهای واضحتر باشد یا برای مثال، استفاده از قدرت واقعی Hover روی وب و به طور کلی هرچیزی که فهم مسائل را برای کاربران شما یک قدم سادهتر کند.
سادهسازی محصولات پیچیده و نیمهپیچیده در زمانی که انسانها نیاز دارند تا تکنولوژی به دست انسانهای بیشتری با شرایط زندگی متفاوتی برسد میتواند یکی از اهداف مهم دیزاینرها در سال جدید میلادی باشد.
http://bit.ly/dxgn730
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#دیزاین #چالش
@Dexign فلسفه دیزاین
_____
Medium
2021 Design Wishlist from a User’s Perspective
What the general public wants to see in 2021
ترندهای طراحی برند سال ۲۰۲۱
ترند چیست؟ چرا واکنش به ترندها معمولا یا تحسین و همراهی همگان است یا تنفر و پس زدهشدن از سمت همگان؟
اگر خیلی راحت بگوییم، ترندها همان چیزهایی هستند که میگفتیم «فلان چیز مُد شده» یا «الان این مُده».
معمولا هر حس یا سبکی، همان زمان که ترند و مُد میشوند، به سرازیری از مُد افتادن میافتند.
ما به عنوان دیزاینرها معمولا با استفاده از سایتهایی مثل بیهنس و دریبل، میتوانیم این ترندها را ببینیم، بشناسیم.
همانطور که همه ما میدانیم. ترند بودن یک اتفاق تاریخمصرفدار است. اتفاقهای تاریخمصرفدار نکته جالبی دارند. باید بدانیم چرا ترند شدند؟ برای مثال، در مباحث دیزاینی و بصری، به چه تحولی نیاز بود که باعث به وجود آمدن ترندهای جدید شد؟ به قول معروف ترندها میآیند و میروند ولی فرایندهایی که این ترندها را به وجود آوردند میمانند و این ما دیزاینرها هستیم که باید نکات مهم و مفید هر ترند را استخراج کنیم و به عنوان نتیجه یک فرایند تجربی، در دیزاینهای خودمان استفاده کنیم.
مقاله جذابی که امروز به شما معرفی میکنم را Jacob Cass درباره ترندهای طراحی که در سال ۲۰۲۱ مورد استفاده قرار میگیرند منتشر کرده. توجه داشته باشید که ترندهایی که مشاهده میکنید، عملا حاصل سالها پختگی مفهوم دیزاین است و البته به زودی بهروز میشود. حتی خود شما میتوانید کسی باشید که این ترندها را پیشرفت بدهید.
http://bit.ly/dxgn731
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: آرش اصغری
#دیزاین #ترند
@Dexign فلسفه دیزاین
______
ترند چیست؟ چرا واکنش به ترندها معمولا یا تحسین و همراهی همگان است یا تنفر و پس زدهشدن از سمت همگان؟
اگر خیلی راحت بگوییم، ترندها همان چیزهایی هستند که میگفتیم «فلان چیز مُد شده» یا «الان این مُده».
معمولا هر حس یا سبکی، همان زمان که ترند و مُد میشوند، به سرازیری از مُد افتادن میافتند.
ما به عنوان دیزاینرها معمولا با استفاده از سایتهایی مثل بیهنس و دریبل، میتوانیم این ترندها را ببینیم، بشناسیم.
همانطور که همه ما میدانیم. ترند بودن یک اتفاق تاریخمصرفدار است. اتفاقهای تاریخمصرفدار نکته جالبی دارند. باید بدانیم چرا ترند شدند؟ برای مثال، در مباحث دیزاینی و بصری، به چه تحولی نیاز بود که باعث به وجود آمدن ترندهای جدید شد؟ به قول معروف ترندها میآیند و میروند ولی فرایندهایی که این ترندها را به وجود آوردند میمانند و این ما دیزاینرها هستیم که باید نکات مهم و مفید هر ترند را استخراج کنیم و به عنوان نتیجه یک فرایند تجربی، در دیزاینهای خودمان استفاده کنیم.
مقاله جذابی که امروز به شما معرفی میکنم را Jacob Cass درباره ترندهای طراحی که در سال ۲۰۲۱ مورد استفاده قرار میگیرند منتشر کرده. توجه داشته باشید که ترندهایی که مشاهده میکنید، عملا حاصل سالها پختگی مفهوم دیزاین است و البته به زودی بهروز میشود. حتی خود شما میتوانید کسی باشید که این ترندها را پیشرفت بدهید.
http://bit.ly/dxgn731
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: آرش اصغری
#دیزاین #ترند
@Dexign فلسفه دیزاین
______
Medium
2021 Brand Design Trends
We explore the various trends taking over the branding sphere in the coming years and how marketing designers can make the most of them.
ترندهای طراحی تجربه کاربری برای سال ۲۰۲۱
هربار که به پایان یک سال نزدیک میشویم، بحث در مورد بهترینهای سال گذشته و پیشبینی در مورد ترندهای سال بعد در هر زمینه و تخصصی داغ میشود. حالا که تقریبا به پایان سال نهچندان خوش و دوستداشتنی ۲۰۲۰ رسیدهایم، صحبت درباره ترندهای سال ۲۰۲۱ داغ شده است. در این مقاله قصد داریم درباره ترندههای طراحی تجربه کاربری صحبت کنیم. حالا بیایید لیستی از ۱۰ ترند تجربه کاربری برای سال ۲۰۲۱ را با هم مرور کنیم.
۱- ظهور سوپراپلیکیشنها
طی چند سال اخیر صنعت محصولات دیجیتال به سوی تولید محصولاتی چند هدفه حرکت کرده است و صحبت از سوپراپلیکیشنها به میان آمده است. این اپلیکیشنها سعی دارند اکوسیستمی را فراهم آورند که پاسخگوی تمام نیازهای کاربران باشند. با توجه به نمونههای موفقی از سوپراپلیکیشنها مانند WeChat انتظار میرود این نوع اپلیکیشنها گسترش بیشتری داشته و توسط تعداد بیشتری از کاربران در سراسر دنیا مورد استفاده قرار گیرند.
۲- تعامل ویدئویی
پاندمی ویروس کرونا تاثیر زیادی بر روی سبک زندگی انسانها در سراسر جهان داشته است و ارتباطات ویدئویی به یکی از اجزای زندگی روزمره خیلی از انسانها تبدیل شده است. با توجه به این موضوع انتظار میرود در سال ۲۰۲۱ نیز تعاملات ویدئویی به یکی از عناصر اصلی کار و زندگی بسیاری از افراد تبدیل شود.
۳- گرافیک سهبعدی با اهداف کاربردی
استفاده از گرافیک سهبعدی چندان موضوع جدیدی نیست اما این استفاده تا مدتها صرفا یک استفاده تزیینی و غیر کاربردی داشته است. اما در سالهای اخیر و با پیشرفت سختافزارهای موبایلی، استفاده از این المانهای گرافیکی به استفادهای هدفمند و کاربردی تبدیل شده است.
۴- مبارزه با اطلاعات اشتباه و نادرست
دستکاری واقعیات یکی از مشکلات اساسی طی قرن ۲۱ بوده است. همین مساله باعث شده است تا محصولات دیجیتال مختلف به دنبال راهحلها و الگوریتمهایی برای شناسایی و حذف این نوع از اطلاعات باشند. انتظار میرود در سال ۲۰۲۱ نیز این مبارزه جدیتر از پیش ادامه پیدا کند.
۵- دستیارهای صوتی پیچیده
طی چند سال گذشته استفاده از دستیارهای صوتی گسترش بیشتری داشته است و دستیارهایی مانند Apple Siri، Google Now و Amazon Alexa پیشرفت زیادی داشتهاند. انتظار میرود در سال ۲۰۲۱ این دستیارها به دستیارهایی پیچیده و با عملکردی کاملتر تبدیل شوند.
۶- تمرکز بر بهینهسازی اپلیکیشنهای بین پلتفرمی
با پیشرفت امکانات سختافزاری، حرکت به سوی راهکارها و اپلیکیشنهای بین پلتفرمی آغاز شده است، به این معنی که طراحی اپلیکیشنها به گونهای انجام میشود که برای پلتفرمهای مختلف مانند موبایل و دسکتاپ بهینه باشند.
۷- بصریسازی کاربردی دادهها
بصریسازی دادهها یکی از راهکارهای اساسی برای انتقال مفید دادهها به کاربر است و در انواع مختلف اپلیکیشنها کاربرد دارد. بصریسازی تنها یک تصویرسازی نیست و روشی برای ایجاد بینشی عمیقتر بر مبنای دادهها است.
۸- جزئیات نئومورفیک نامحسوس
طی سالهای گذشته رابطهای کاربری Flat گسترش و کاربرد فراوانی داشتهاند و به دنبال آنها طراحان برای خلق چیزهای جدید سراغ رویکردهای جدید رفتهاند. یکی از این رویکردها، سبک نئومورفیسم است. استفاده از جزئیاتی به این سبک برای القای حس طبیعی بودن المانهای مختلف به کاربر میتواند یکی از ترندهای سال ۲۰۲۱ باشد.
۹- نسل جدید اپلیکیشنهای واقیعت افزوده
یکی دیگر از تکنولوژیهایی که طی سالهای اخیر رشد فراوانی داشته، تکنولوژی واقعیت افزوده است و انتظار میرود در سال آینده نیز پیشرفتهای بیشتری در این زمینه حاصل شود و نسل جدیدی از اپلیکیشنها با کاربردهایی وسیعتر به بازار بیایند.
۱۰- امنیت اطلاعات و حریم خصوصی
یکی از دغدغهها و نگرانی کاربران فضای مجازی همواره امنیت اطلاعات و حریم خصوصی افراد بوده است و پیشروهای صنعت دیجیتال به دنبال راهکارهایی برای رفع این نگرانیها و دغدغهها هستند.
برای آشنایی بیشتر با این موارد میتوانید مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn732
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#ترند #تجربه_کاربری #سال_۲۰۲۱
@Dexign فلسفه دیزاین
______
هربار که به پایان یک سال نزدیک میشویم، بحث در مورد بهترینهای سال گذشته و پیشبینی در مورد ترندهای سال بعد در هر زمینه و تخصصی داغ میشود. حالا که تقریبا به پایان سال نهچندان خوش و دوستداشتنی ۲۰۲۰ رسیدهایم، صحبت درباره ترندهای سال ۲۰۲۱ داغ شده است. در این مقاله قصد داریم درباره ترندههای طراحی تجربه کاربری صحبت کنیم. حالا بیایید لیستی از ۱۰ ترند تجربه کاربری برای سال ۲۰۲۱ را با هم مرور کنیم.
۱- ظهور سوپراپلیکیشنها
طی چند سال اخیر صنعت محصولات دیجیتال به سوی تولید محصولاتی چند هدفه حرکت کرده است و صحبت از سوپراپلیکیشنها به میان آمده است. این اپلیکیشنها سعی دارند اکوسیستمی را فراهم آورند که پاسخگوی تمام نیازهای کاربران باشند. با توجه به نمونههای موفقی از سوپراپلیکیشنها مانند WeChat انتظار میرود این نوع اپلیکیشنها گسترش بیشتری داشته و توسط تعداد بیشتری از کاربران در سراسر دنیا مورد استفاده قرار گیرند.
۲- تعامل ویدئویی
پاندمی ویروس کرونا تاثیر زیادی بر روی سبک زندگی انسانها در سراسر جهان داشته است و ارتباطات ویدئویی به یکی از اجزای زندگی روزمره خیلی از انسانها تبدیل شده است. با توجه به این موضوع انتظار میرود در سال ۲۰۲۱ نیز تعاملات ویدئویی به یکی از عناصر اصلی کار و زندگی بسیاری از افراد تبدیل شود.
۳- گرافیک سهبعدی با اهداف کاربردی
استفاده از گرافیک سهبعدی چندان موضوع جدیدی نیست اما این استفاده تا مدتها صرفا یک استفاده تزیینی و غیر کاربردی داشته است. اما در سالهای اخیر و با پیشرفت سختافزارهای موبایلی، استفاده از این المانهای گرافیکی به استفادهای هدفمند و کاربردی تبدیل شده است.
۴- مبارزه با اطلاعات اشتباه و نادرست
دستکاری واقعیات یکی از مشکلات اساسی طی قرن ۲۱ بوده است. همین مساله باعث شده است تا محصولات دیجیتال مختلف به دنبال راهحلها و الگوریتمهایی برای شناسایی و حذف این نوع از اطلاعات باشند. انتظار میرود در سال ۲۰۲۱ نیز این مبارزه جدیتر از پیش ادامه پیدا کند.
۵- دستیارهای صوتی پیچیده
طی چند سال گذشته استفاده از دستیارهای صوتی گسترش بیشتری داشته است و دستیارهایی مانند Apple Siri، Google Now و Amazon Alexa پیشرفت زیادی داشتهاند. انتظار میرود در سال ۲۰۲۱ این دستیارها به دستیارهایی پیچیده و با عملکردی کاملتر تبدیل شوند.
۶- تمرکز بر بهینهسازی اپلیکیشنهای بین پلتفرمی
با پیشرفت امکانات سختافزاری، حرکت به سوی راهکارها و اپلیکیشنهای بین پلتفرمی آغاز شده است، به این معنی که طراحی اپلیکیشنها به گونهای انجام میشود که برای پلتفرمهای مختلف مانند موبایل و دسکتاپ بهینه باشند.
۷- بصریسازی کاربردی دادهها
بصریسازی دادهها یکی از راهکارهای اساسی برای انتقال مفید دادهها به کاربر است و در انواع مختلف اپلیکیشنها کاربرد دارد. بصریسازی تنها یک تصویرسازی نیست و روشی برای ایجاد بینشی عمیقتر بر مبنای دادهها است.
۸- جزئیات نئومورفیک نامحسوس
طی سالهای گذشته رابطهای کاربری Flat گسترش و کاربرد فراوانی داشتهاند و به دنبال آنها طراحان برای خلق چیزهای جدید سراغ رویکردهای جدید رفتهاند. یکی از این رویکردها، سبک نئومورفیسم است. استفاده از جزئیاتی به این سبک برای القای حس طبیعی بودن المانهای مختلف به کاربر میتواند یکی از ترندهای سال ۲۰۲۱ باشد.
۹- نسل جدید اپلیکیشنهای واقیعت افزوده
یکی دیگر از تکنولوژیهایی که طی سالهای اخیر رشد فراوانی داشته، تکنولوژی واقعیت افزوده است و انتظار میرود در سال آینده نیز پیشرفتهای بیشتری در این زمینه حاصل شود و نسل جدیدی از اپلیکیشنها با کاربردهایی وسیعتر به بازار بیایند.
۱۰- امنیت اطلاعات و حریم خصوصی
یکی از دغدغهها و نگرانی کاربران فضای مجازی همواره امنیت اطلاعات و حریم خصوصی افراد بوده است و پیشروهای صنعت دیجیتال به دنبال راهکارهایی برای رفع این نگرانیها و دغدغهها هستند.
برای آشنایی بیشتر با این موارد میتوانید مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn732
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#ترند #تجربه_کاربری #سال_۲۰۲۱
@Dexign فلسفه دیزاین
______
Medium
10 Mobile UX Trends for 2021
When 2020 is almost over (fortunately), it’s a perfect moment to explore what we will have in 2021. Here is a list of 10 mobile UX design…
تجربههای بهیادماندنی
درسهایی که طراحان UX از طراحان بازی میآموزند.
وقتی ویکتور آیزنمن بعد از ۵ سال از کار خود به عنوان طراح بازی دست کشید و تصمیم گرفت تا طراح UX باشد. فکر میکرد که باید تمامی تجربههای قبلی خود را کنار بگذارد و از صفر شروع کند. اما متوجه شد که اینطور نیست و طراحان بازی و طراحان تجربه کاربری نقاط مشترک زیادی باهم دارند.
واقعیت اینجاست که طراحان تلاش میکنند تا بهترین تجربه را به کاربرانشان ارائه دهند، فرقی نمیکند که این کار از طریق طراحی یک بازی باشد یا یک اپلیکیشن، وبسایت و سرویس، مهم ایجاد یک تجربه خوب برای کاربر است.
ایجاد تجربهای خاص در بازی اهمیت زیاد دارد، ممکن است داستان یک کتاب داشته باشد، یا فیلمی کارگردانی خوب و بازیگران عالی داشته باشد. اما در یک بازی در کنار همه اینها تعامل هم مهم است. زیرا بازیکن کسی است که کنترل بازی را در اختیار دارد، همه تصمیمها را میگیرد و میتواند همه چیز را تغییر دهد.به همین دلیل است که برای طراحان بازی، چیزی که مهم است خود بازی نیست بلکه تجربهای است که آن بازی در کاربر ایجاد میکند. زیرا بازی و بازیکن مفاهیمی دیداری هستند اما تجربه یک مفهوم انتزاعی است و از فردی به فرد دیگر تغییر میکند.
بازیها می توانند تجربه بسیار قویتری داشته باشند زیرا عمیقترین احساسات و رفتارهای بازیکن را لمس میکند. به همین دلیل گیمیفیکیشن میتواند بسیار ابزاری قدرتمندی در تجارت باشد.
در مورد طراحی UX نیز همین طور است. از زمانی که کاربر وارد یک سایت یا اپلیکیشن میشود تا زمانی که از آن خارج میشود در حال تعامل با محصول یا سرویس است، درست است که ظاهر سایت و محتوای موجود در آن مهم است اما نوع تجربهای که هنگام کار کردن با آن در کاربر ایجاد می شود نیز اهمیت بسیار زیادی برای طراح دارد.
این مقاله داستان تجربیات یک طراح بازی سابق و طراح UX فعلی است. پس اگر به تاثیرات که تجربه طراحی بازی میتواند روی طراحی UX داشته باشد علاقهمندید آن را بخوانید.
http://bit.ly/dxgn733
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #طراحی_بازی #بازی
@Dexign فلسفه دیزاین
______
درسهایی که طراحان UX از طراحان بازی میآموزند.
وقتی ویکتور آیزنمن بعد از ۵ سال از کار خود به عنوان طراح بازی دست کشید و تصمیم گرفت تا طراح UX باشد. فکر میکرد که باید تمامی تجربههای قبلی خود را کنار بگذارد و از صفر شروع کند. اما متوجه شد که اینطور نیست و طراحان بازی و طراحان تجربه کاربری نقاط مشترک زیادی باهم دارند.
واقعیت اینجاست که طراحان تلاش میکنند تا بهترین تجربه را به کاربرانشان ارائه دهند، فرقی نمیکند که این کار از طریق طراحی یک بازی باشد یا یک اپلیکیشن، وبسایت و سرویس، مهم ایجاد یک تجربه خوب برای کاربر است.
ایجاد تجربهای خاص در بازی اهمیت زیاد دارد، ممکن است داستان یک کتاب داشته باشد، یا فیلمی کارگردانی خوب و بازیگران عالی داشته باشد. اما در یک بازی در کنار همه اینها تعامل هم مهم است. زیرا بازیکن کسی است که کنترل بازی را در اختیار دارد، همه تصمیمها را میگیرد و میتواند همه چیز را تغییر دهد.به همین دلیل است که برای طراحان بازی، چیزی که مهم است خود بازی نیست بلکه تجربهای است که آن بازی در کاربر ایجاد میکند. زیرا بازی و بازیکن مفاهیمی دیداری هستند اما تجربه یک مفهوم انتزاعی است و از فردی به فرد دیگر تغییر میکند.
بازیها می توانند تجربه بسیار قویتری داشته باشند زیرا عمیقترین احساسات و رفتارهای بازیکن را لمس میکند. به همین دلیل گیمیفیکیشن میتواند بسیار ابزاری قدرتمندی در تجارت باشد.
در مورد طراحی UX نیز همین طور است. از زمانی که کاربر وارد یک سایت یا اپلیکیشن میشود تا زمانی که از آن خارج میشود در حال تعامل با محصول یا سرویس است، درست است که ظاهر سایت و محتوای موجود در آن مهم است اما نوع تجربهای که هنگام کار کردن با آن در کاربر ایجاد می شود نیز اهمیت بسیار زیادی برای طراح دارد.
این مقاله داستان تجربیات یک طراح بازی سابق و طراح UX فعلی است. پس اگر به تاثیرات که تجربه طراحی بازی میتواند روی طراحی UX داشته باشد علاقهمندید آن را بخوانید.
http://bit.ly/dxgn733
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #طراحی_بازی #بازی
@Dexign فلسفه دیزاین
______
Medium
Lessons for UX designers learned from Game Design
Thoughts on Game Design topics that are useful in UX industry.
چگونه طراحی ممیزی به تقویت برند کمک میکند؟
با وجود اینکه طراحی ممیزی در وهله اول شاید کمی دشوار به نظر آید، اما استفاده از آن میتواند یک تمرین بسیار مفید در پروسه دیزاین باشد. منظور از طراحی ممیزی صرفاً تجزیه و تحلیل عناصر طراحی مورد استفاده توسط یک شرکت است که هدف اصلی آن اطمینان از منسجم بودن برند تجاری شرکت در بین همه کانالها و مراکز ارتباطی است. ایجاد انسجام در برند شرکت، با تاکید بر عناصر طراحی بصری، ارتباطات نوشتاری و کلامی، نام برند و در عین حال تجربه کاربر به وجود میآید. به بیان سادهتر طراحی ممیزی، تحقیق و بررسی موارد ذکر شده با هدف شناسایی مناطق مشکلدار در طراحی محصول و مشکلات موجود در تعامل کاربران با برند شرکت است.
مهم نیست شرکت شما کوچک است یا بزرگ، اگر شرکت شما در حال رشد و تکامل باشد طراحی ممیزی به شما کمک میکند تا تمام موارد مرتبط با طراحی بصری و پیامهای نوشتاری خود را مدیریت کنید به طوری که در نهایت باعث تقویت هویت برند تجاری شما شود.
رعایت اصولی نظیر موارد زیر در طراحی میتواند به شما برای رسیدن به این هدف کمک کند:
- توجه به اصول طراحی ریسپانسیو
- استفاده از تضاد رنگی در نوشتهها و دکمهها مطابق با استانداردها
- بکار بردن گریدها جهت ایجاد ریتم در طراحیها
- استفاده از نویگیشن واضح و ساختارمند
- ایجاد انسجام در طراحی تمامی عناصر بصری
در مقاله امروز نویسنده به طور مفصل به توضیح این موضوع پرداختهاست که طراحی ممیزی چگونه و از طریق کدام فعالیتها میتواند باعث تقویت برند شما شود.
http://bit.ly/dxgn734
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#طراحیممیزی #تقویتبرند #تجربهکاربری
@Dexign فلسفه دیزاین
______
با وجود اینکه طراحی ممیزی در وهله اول شاید کمی دشوار به نظر آید، اما استفاده از آن میتواند یک تمرین بسیار مفید در پروسه دیزاین باشد. منظور از طراحی ممیزی صرفاً تجزیه و تحلیل عناصر طراحی مورد استفاده توسط یک شرکت است که هدف اصلی آن اطمینان از منسجم بودن برند تجاری شرکت در بین همه کانالها و مراکز ارتباطی است. ایجاد انسجام در برند شرکت، با تاکید بر عناصر طراحی بصری، ارتباطات نوشتاری و کلامی، نام برند و در عین حال تجربه کاربر به وجود میآید. به بیان سادهتر طراحی ممیزی، تحقیق و بررسی موارد ذکر شده با هدف شناسایی مناطق مشکلدار در طراحی محصول و مشکلات موجود در تعامل کاربران با برند شرکت است.
مهم نیست شرکت شما کوچک است یا بزرگ، اگر شرکت شما در حال رشد و تکامل باشد طراحی ممیزی به شما کمک میکند تا تمام موارد مرتبط با طراحی بصری و پیامهای نوشتاری خود را مدیریت کنید به طوری که در نهایت باعث تقویت هویت برند تجاری شما شود.
رعایت اصولی نظیر موارد زیر در طراحی میتواند به شما برای رسیدن به این هدف کمک کند:
- توجه به اصول طراحی ریسپانسیو
- استفاده از تضاد رنگی در نوشتهها و دکمهها مطابق با استانداردها
- بکار بردن گریدها جهت ایجاد ریتم در طراحیها
- استفاده از نویگیشن واضح و ساختارمند
- ایجاد انسجام در طراحی تمامی عناصر بصری
در مقاله امروز نویسنده به طور مفصل به توضیح این موضوع پرداختهاست که طراحی ممیزی چگونه و از طریق کدام فعالیتها میتواند باعث تقویت برند شما شود.
http://bit.ly/dxgn734
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#طراحیممیزی #تقویتبرند #تجربهکاربری
@Dexign فلسفه دیزاین
______
Medium
How to Conduct a Design Audit to Strengthen your Brand
A design audit might sound a little intimidating, after all, the word audit doesn’t exactly scream fun. But, it’s actually a very beneficial exercise. A design audit is merely an analysis of the…
طراحی بهتر صفحات ثبتنام و ورود اپلیکیشن
در طیف وسیعی از اپلیکیشنهای موبایل، صفحات ورود و ثبتنام اولین صفحاتی هستند که کاربر با آنها روبرو میشود و این مواجهه کافی است تا بر روی برداشت کاربر از زیبایی، عملکرد و اعتبار اپلیکیشن تاثیر بگذارد. از طرفی دیگر معمولا این بخش خیلی مورد توجه طراحان قرار نمیگیرد و همین امر باعث میشود تا برای بخش زیادی از کاربران اولین تجربه در تعامل با اپلیکیشن، تجربهای چندان خوب و خوشایند نباشد.
بنابراین برای بهبود تجربه کاربر و جذب او در اولین قدم از تعامل با اپلیکیشن باید توجه ویژهای به این قسمت داشت. برای اینکه بتوان صفحات ثبتنام و ورود اپلیکیشن را از منظر تجربه کاربری بهبود داد، باید به نکاتی از جمله موارد زیر توجه کرد:
۱- ثبتنام یا ورود: یکی از نکات اساسی انتخاب اولین صفحه برای نمایش به کاربر است که تیمها زمان زیادی را صرف تحلیل و بررسی آن میکنند. بر مبنای اینکه اکثریت کاربران جدید هستند یا قبلا از اپلیکیشن استفاده کردهاند، این مورد میتواند متفاوت باشد.
۲- شبکههای اجتماعی یا ایمیل: بر مبنای تنوع و طیف کاربران اپلیکیشن میتوان از روشهای مختلفی برای ورود استفاده کرد و بر این اساس میتوان از شبکههای اجتماعی مختلف یا ایمیل استفاده کرد.
۳- ورود کاربران فراموشکار: برخی از کاربران ممکن است فراموش کرده باشند که قبلا در اپلیکیشن ثبتنام کردهاند و به سراغ صفحه ثبتنام بروند، پس از ورود اطلاعات باید آنها را به صفحه ورود هدایت کرد تا با وارد کردن اطلاعات ورود، وارد اپلیکیشن شوند.
۴- وارد کردن رمز عبور: تعیین رمز عبور یا وارد کردن آن ممکن است برای کاربران خستهکننده و سخت باشد. پس باید این کار را با ترفندهایی مانند وارد کردن رمز فقط برای یک بار به جای دو بار، راحتتر کرد.
۵- دریافت کمترین اطلاعات: دریافت اطلاعات زیاد از کاربران هنگام ثبتنام میتواند باعث کلافگی و انصراف آنها از ثبتنام شود. بنابراین در این مرحله باید از کمترین میزان دریافت اطلاعات استفاده کرد.
۶- دریافت دسترسیهای مختلف از کاربر: نمایش پیام دریافت دسترسیهای مختلف برای اپلیکیشن ممکن است کاربر را گیج و خسته کندو بنابراین بهتر است در قدم اول فقط دسترسیهای مهم و حیاتی را از کاربر دریافت کرد.
۷- تست و بهبود: موارد ذکر شده در بالا تنها نکاتی نیستند که ممکن است باعث بهبود تجربه کاربر شوند و در هر زمان نباید از بررسی و تست فرایند و بهبود آن دست کشید.
برای آشنایی بیشتر با موارد ذکر شده میتوانید مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn735
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری #ورود #ثبت_نام
@Dexign فلسفه دیزاین
______
در طیف وسیعی از اپلیکیشنهای موبایل، صفحات ورود و ثبتنام اولین صفحاتی هستند که کاربر با آنها روبرو میشود و این مواجهه کافی است تا بر روی برداشت کاربر از زیبایی، عملکرد و اعتبار اپلیکیشن تاثیر بگذارد. از طرفی دیگر معمولا این بخش خیلی مورد توجه طراحان قرار نمیگیرد و همین امر باعث میشود تا برای بخش زیادی از کاربران اولین تجربه در تعامل با اپلیکیشن، تجربهای چندان خوب و خوشایند نباشد.
بنابراین برای بهبود تجربه کاربر و جذب او در اولین قدم از تعامل با اپلیکیشن باید توجه ویژهای به این قسمت داشت. برای اینکه بتوان صفحات ثبتنام و ورود اپلیکیشن را از منظر تجربه کاربری بهبود داد، باید به نکاتی از جمله موارد زیر توجه کرد:
۱- ثبتنام یا ورود: یکی از نکات اساسی انتخاب اولین صفحه برای نمایش به کاربر است که تیمها زمان زیادی را صرف تحلیل و بررسی آن میکنند. بر مبنای اینکه اکثریت کاربران جدید هستند یا قبلا از اپلیکیشن استفاده کردهاند، این مورد میتواند متفاوت باشد.
۲- شبکههای اجتماعی یا ایمیل: بر مبنای تنوع و طیف کاربران اپلیکیشن میتوان از روشهای مختلفی برای ورود استفاده کرد و بر این اساس میتوان از شبکههای اجتماعی مختلف یا ایمیل استفاده کرد.
۳- ورود کاربران فراموشکار: برخی از کاربران ممکن است فراموش کرده باشند که قبلا در اپلیکیشن ثبتنام کردهاند و به سراغ صفحه ثبتنام بروند، پس از ورود اطلاعات باید آنها را به صفحه ورود هدایت کرد تا با وارد کردن اطلاعات ورود، وارد اپلیکیشن شوند.
۴- وارد کردن رمز عبور: تعیین رمز عبور یا وارد کردن آن ممکن است برای کاربران خستهکننده و سخت باشد. پس باید این کار را با ترفندهایی مانند وارد کردن رمز فقط برای یک بار به جای دو بار، راحتتر کرد.
۵- دریافت کمترین اطلاعات: دریافت اطلاعات زیاد از کاربران هنگام ثبتنام میتواند باعث کلافگی و انصراف آنها از ثبتنام شود. بنابراین در این مرحله باید از کمترین میزان دریافت اطلاعات استفاده کرد.
۶- دریافت دسترسیهای مختلف از کاربر: نمایش پیام دریافت دسترسیهای مختلف برای اپلیکیشن ممکن است کاربر را گیج و خسته کندو بنابراین بهتر است در قدم اول فقط دسترسیهای مهم و حیاتی را از کاربر دریافت کرد.
۷- تست و بهبود: موارد ذکر شده در بالا تنها نکاتی نیستند که ممکن است باعث بهبود تجربه کاربر شوند و در هر زمان نباید از بررسی و تست فرایند و بهبود آن دست کشید.
برای آشنایی بیشتر با موارد ذکر شده میتوانید مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn735
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری #ورود #ثبت_نام
@Dexign فلسفه دیزاین
______
Medium
Designing better sign-up screens
To help you put your best foot forward, I want to share a few simple tips for improving the design of signup & sign-in screens for apps.
نقشههای سایت، اسناد جامعی از یک سرویس در دست احداث
نقشههای بصری سایت (Visual Sitemaps) اسنادی تصویری هستند که پس از جمعآوری اطلاعات، ساخت پرسوناها و مسیرهای کاربری تعریف میشوند. ساخت این اسناد در صورتی که پشتوانه اطلاعاتی و شناخت خوبی از سرویس داشته باشید کار سختی نیست؛ تنها به تعدادی خط و مربعهای شمارهگذاری شده احتیاج دارید.
در سادهترین حالت یک نقشهی سایت محتواهای موجود در سرویس را نامگذاری کرده و آنها را در دستههای مربوط به خود قرار میدهد، با این حال ساخت یک نقشهی سایت مخصوصا در فازهای اولیه طراحی از جنبههای دیگری نیز اهمیت داشته و میتواند کاربردی باشد؛
- نقشههای سایت به ما کمک میکنند تا درک درستی از اهداف و راههای رسیدن به آنها (Navigation) داشته باشیم.
- صفحات و محتواهای غیرضروری را بیابیم و از همان ابتدا حذفشان کنیم.
- از تکرار محتوا جلوگیری کرده و بخشهای مشابه را یکی در نظر بگیریم.
- در ادامه یک نقشهی سایت جامع به ما اجازه میدهد تا اولویتبندیهای محتوایی درست ارائه داده و ساختاری منطقی از صفحات را تجسم کنیم.
تمامی مراحلی که در تفکر طراحی و برای طراحی طی میکنیم با در نظر داشتن قابلیت اصلاح و بازگشت طرحریزی شدهاند، نقشههای سایت نیز از این قاعده مستثنی نیستند و حتی میتوان آنها را از مواردی دانست که نیاز به بیشترین بازنگریها را دارند، چرا که باید به مرور زمان و با گرفتن بازخوردهای متنوع انعطافپذیری ایدهآلی را برای دربرگرفتن اهداف تمامی ذینفعان سرویس پیدا کنند.
برای مطالعه بیشتر درباره نقشههای سایت بصری و نکات مربوط به ساخت یک نقشهی سایت خوب خواندن این مقاله را به شما پیشنهاد میکنم.
http://bit.ly/dxgn736
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: ریحانه خدایی
#نقشه_سایت #معماری_اطلاعات
@Dexign فلسفه دیزاین
______
نقشههای بصری سایت (Visual Sitemaps) اسنادی تصویری هستند که پس از جمعآوری اطلاعات، ساخت پرسوناها و مسیرهای کاربری تعریف میشوند. ساخت این اسناد در صورتی که پشتوانه اطلاعاتی و شناخت خوبی از سرویس داشته باشید کار سختی نیست؛ تنها به تعدادی خط و مربعهای شمارهگذاری شده احتیاج دارید.
در سادهترین حالت یک نقشهی سایت محتواهای موجود در سرویس را نامگذاری کرده و آنها را در دستههای مربوط به خود قرار میدهد، با این حال ساخت یک نقشهی سایت مخصوصا در فازهای اولیه طراحی از جنبههای دیگری نیز اهمیت داشته و میتواند کاربردی باشد؛
- نقشههای سایت به ما کمک میکنند تا درک درستی از اهداف و راههای رسیدن به آنها (Navigation) داشته باشیم.
- صفحات و محتواهای غیرضروری را بیابیم و از همان ابتدا حذفشان کنیم.
- از تکرار محتوا جلوگیری کرده و بخشهای مشابه را یکی در نظر بگیریم.
- در ادامه یک نقشهی سایت جامع به ما اجازه میدهد تا اولویتبندیهای محتوایی درست ارائه داده و ساختاری منطقی از صفحات را تجسم کنیم.
تمامی مراحلی که در تفکر طراحی و برای طراحی طی میکنیم با در نظر داشتن قابلیت اصلاح و بازگشت طرحریزی شدهاند، نقشههای سایت نیز از این قاعده مستثنی نیستند و حتی میتوان آنها را از مواردی دانست که نیاز به بیشترین بازنگریها را دارند، چرا که باید به مرور زمان و با گرفتن بازخوردهای متنوع انعطافپذیری ایدهآلی را برای دربرگرفتن اهداف تمامی ذینفعان سرویس پیدا کنند.
برای مطالعه بیشتر درباره نقشههای سایت بصری و نکات مربوط به ساخت یک نقشهی سایت خوب خواندن این مقاله را به شما پیشنهاد میکنم.
http://bit.ly/dxgn736
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: ریحانه خدایی
#نقشه_سایت #معماری_اطلاعات
@Dexign فلسفه دیزاین
______
Ideas
Sitemaps & Information Architecture (IA) | Adobe XD Ideas
A sitemap illustrates how different pages and content relate to one another. Read more about the role they play in IA at Adobe XD Ideas.
ارتباط بهتر؛ دیزاینر بهتر
اوایل مسیر دیزاینری، برای اینکه بهتر پیشرفت کنم، راهحل رو در یادگرفتن ابزارهای مختلف گرافیکی میدیدم. فکر میکردم که هرچه بیشتر ویدئوهای آموزشی مربوط به این ابزارها رو دنبال کنم، دیزاینر بهتری خواهم بود. در صورتی که فقط نهایتا میتوانستم سریعتر با ابزارها کار کنم و نه هیچ چیز بیشتر.
اما با گذشت زمان و هرچه بیشتر عمیقتر شدن در این حرفه، آموختم که هرچقدر بهتر بتوانی با انسانها ارتباط برقرار کنی، در آخر و در مواجهه با مسائل، حلکنندهی بهتری خواهی بود.
ذهنیت یک دیزاینر باید در چهارچوبی متفاوت از افراد دارای مشکل و همچنین خود مسئلهها قرار گیرد. در این مسیر نیازمند مهارتهای نرمی هستیم که همیشه یادگیری آنها از جنس تجربهست.
اینکه چطور بتوانیم ذهن تحلیلگر، مشاهدهگر و نقادانهی خود را تقویت کنیم و مهارتهای ارتباطی مناسب را به دست بیاوریم نیازمند مطالعه و تجربه است.
مقالهی امروز کوتاه، مختصر و مفید است و فقط اندک زمانی وقت ارزشمند شما را میگیرد. با تکنیکهایی آشنا میشوید که در مسیر جذاب دیزاین بسیار مؤثر است.
http://bit.ly/dxgn737
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: حسین میرزاده
#تجربه #دیزاین #ارتباط #مهارت_نرم
@Dexign فلسفه دیزاین
_____
اوایل مسیر دیزاینری، برای اینکه بهتر پیشرفت کنم، راهحل رو در یادگرفتن ابزارهای مختلف گرافیکی میدیدم. فکر میکردم که هرچه بیشتر ویدئوهای آموزشی مربوط به این ابزارها رو دنبال کنم، دیزاینر بهتری خواهم بود. در صورتی که فقط نهایتا میتوانستم سریعتر با ابزارها کار کنم و نه هیچ چیز بیشتر.
اما با گذشت زمان و هرچه بیشتر عمیقتر شدن در این حرفه، آموختم که هرچقدر بهتر بتوانی با انسانها ارتباط برقرار کنی، در آخر و در مواجهه با مسائل، حلکنندهی بهتری خواهی بود.
ذهنیت یک دیزاینر باید در چهارچوبی متفاوت از افراد دارای مشکل و همچنین خود مسئلهها قرار گیرد. در این مسیر نیازمند مهارتهای نرمی هستیم که همیشه یادگیری آنها از جنس تجربهست.
اینکه چطور بتوانیم ذهن تحلیلگر، مشاهدهگر و نقادانهی خود را تقویت کنیم و مهارتهای ارتباطی مناسب را به دست بیاوریم نیازمند مطالعه و تجربه است.
مقالهی امروز کوتاه، مختصر و مفید است و فقط اندک زمانی وقت ارزشمند شما را میگیرد. با تکنیکهایی آشنا میشوید که در مسیر جذاب دیزاین بسیار مؤثر است.
http://bit.ly/dxgn737
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: حسین میرزاده
#تجربه #دیزاین #ارتباط #مهارت_نرم
@Dexign فلسفه دیزاین
_____
Medium
If you want to be a better designer, become a better communicator
Little changes that go a long way.
دسترسیپذیری رنگها
دسترسیپذیری بر چگونگی دسترسی یک فرد توانیاب از یک سایت، سیستم یا محصول متمرکز است. قابلیت دسترسیپذیری در طراحی محصولات دیجیتال نوعی ساختن تجربه برای همه افراد است، ازجمله افرادی که دارای معلولیت بینایی، گفتاری، شنیداری، جسمی، یا شناختی هستند.
در مورد این موضوع بسیار صحبت شده است، اما آیا تابهحال به دسترسیپذیری رنگها فکرکردهاید؟
از موارد مهمی که باید در طراحی یک محصول دیجیتال به آن توجه کرد دسترسپذیر بودن آن از نظر بینایی است.
در سال ۲۰۱۷، سازمان بهداشت جهانی تخمین زده است که تقریبا ۲۱۷ میلیون نفر با نوعی نقص در بینایی زندگی میکنند. رعایت قوانین دسترسپذیری در انتخاب رنگهای استفاده شده در طراحی ما، افراد مبتلا به اختلالات بینایی یا کوررنگی را قادر میسازد که با محصولات دیجیتال تعامل داشته باشند.
http://bit.ly/dxgn738
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: هانیه طاهری
#تجربه_کاربری #دسترسی_پذیری
@dexign فلسفه دیزاین
______
دسترسیپذیری بر چگونگی دسترسی یک فرد توانیاب از یک سایت، سیستم یا محصول متمرکز است. قابلیت دسترسیپذیری در طراحی محصولات دیجیتال نوعی ساختن تجربه برای همه افراد است، ازجمله افرادی که دارای معلولیت بینایی، گفتاری، شنیداری، جسمی، یا شناختی هستند.
در مورد این موضوع بسیار صحبت شده است، اما آیا تابهحال به دسترسیپذیری رنگها فکرکردهاید؟
از موارد مهمی که باید در طراحی یک محصول دیجیتال به آن توجه کرد دسترسپذیر بودن آن از نظر بینایی است.
در سال ۲۰۱۷، سازمان بهداشت جهانی تخمین زده است که تقریبا ۲۱۷ میلیون نفر با نوعی نقص در بینایی زندگی میکنند. رعایت قوانین دسترسپذیری در انتخاب رنگهای استفاده شده در طراحی ما، افراد مبتلا به اختلالات بینایی یا کوررنگی را قادر میسازد که با محصولات دیجیتال تعامل داشته باشند.
http://bit.ly/dxgn738
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: هانیه طاهری
#تجربه_کاربری #دسترسی_پذیری
@dexign فلسفه دیزاین
______
Invisionapp
A guide to color accessibility in product design | Inside Design Blog
There’s a lot of talk about accessible design, but have you ever thought about color accessibility? Let’s learn how to go color accessible using the design principles you already know.
👍1
هفت ترفند کوچک و کاربردی برای بهبود رابط کاربری
ترفندها و نکات کوچک اما کاربردی در طراحی رابط کاربری، مواردی هستند که توسط طراحان مختلف طی سالهای متعدد، از طریق تجربه کسب شدهاند با این حال با رعایت این موارد میتوانید در زمان کوتاهی، طرحهای خود را بهبود بخشید.
در خصوص این موضوع، مقالات متعددی قبلا در کانال منتشر شده است که میتوانید از طریق لینکهای انتهای مقاله، به آنها را ببینید. اما در این مقاله، تمرکز نویسنده بیشتر برروی تایپوگرافی است که میتوان از آنها به عنوان مهمترین عناصر هر طرحی نام برد.
۱- اگر به دنبال انتخاب سریع فونت برای پروژه خود هستید، از خانواده فونتهای شناختهشده و پر و پیمان استفاده کنید.
در ابتدای نیازسنجی پروژه ممکن است در انتخاب فونت کمی زیادی وسواس به خرج دهید اما توصیه ما به شما این است که از یک خانواده فونت شناختهشده و پر و پیمان استفاده کنید. با این انتخاب دیگر نگران ترکیب ظاهری زشت در تایپوگرافیها و متون خود نخواهید بود.
۲- برای حفظ تعادل ظاهری بیشتر، فاصله حروف را از یکدیگر کاهش دهید.
این مورد تنها برای عناوین به کار میرود، از استفاده آن برای متون طولانی خودداری کنید. کاهش فاصله حروف به مقدار کم، باعث خوانایی بیشتر شده و در کل از نگاه کاربر دلپذیرتر خواهد بود.
۳- فاصله مناسب عنوان و متن را به صورت عمودی حفظ کنید.
اگر فاصله بین عنوان و متن را از بالا و پایین به یک اندازه انتخاب میکنید، باید به شما بگوییم که این کار باعث از بین رفتن ارتباط عنوان و متن اصلی خواهد شد. بهترین راهکار در این مورد انتخاب فاصله بیشتر بین بخشهای متن از یکدیگر است. بدیهی است فاصله عنوان از متن اصلی کمتر از فاصله بخشها از یکدیگر خواهد بود.
۴- از حروف تماماً بزرگ تنها در عناوین کوتاه استفاده کنید.
استفاده از حروف تماماً بزرگ در عناوین بلند یا بیش از یک خطی واقعا ایدهی جالبی نیست. استفاده از «نکته شماره ۲» در این قسمت نیز میتواند مفید باشد. یکی از استفادههای این مورد، زیرعنوانها میباشند.
۵- عناوین طرح را تا حد امکان کوتاه و مختصر نگه دارید.
با توجه به این که چشم کاربران عناوین و نوشتهها را اسکن میکنند پس استفاده از عناوین کوتاه و مختصر باعث هضم سریع اطلاعات توسط مغز آنها خواهد شد. مثلاً به جای استفاده از جمله «این سبک و روش شماست» میتوانید از «سبک تو، مسیر تو» استفاده کنید.
۶- سعی کنید فونتی با وزنهای مختلف انتخاب کنید.
البته در این مورد استثنائاتی (پروژههای سبک) وجود دارد. وزنهای مختلف را برروی طرح خود امتحان کنید تا مناسبترین مورد را بیابید.
۷- فونت مناسبی برای پروژهی خود انتخاب کنید.
انتخاب فونت بر نحوه صبحت شما با کاربران تاثیرگذار است. این مورد میتواند بر حسب انتخاب، بلند، نرم، دوستانه یا رسمی و جدی یا سرگرمکننده باشد. هر فونت صدایی مخصوص به خود دارد و این کاملا به پروژهای که روی آن کار میکنید، وابسته است. اگر در انتخاب فونت یا طراحی تایپوگرافی تازهکار هستید، استفاده از طرح های دیگر به منظور ایدهگرفتن میتواند تصمیمی بسیار عالی باشد، هم اینکه درک شما از آنچه برای پروژه مناسب است را بالا خواهد برد.
متن کامل را میتوانید در لینک زیر مطالعه کنید:
http://bit.ly/dxgn739
مقالاتی در خصوص این موضوع که قبلا در کانال منتشر شدهاند:
https://news.1rj.ru/str/Dexign/686
https://news.1rj.ru/str/Dexign/613
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #رابط_کاربری #اصول #ترفند #تایپوگرافی #فونت #وزن #تایپ_فیس
@Dexign فلسفه دیزاین
______
ترفندها و نکات کوچک اما کاربردی در طراحی رابط کاربری، مواردی هستند که توسط طراحان مختلف طی سالهای متعدد، از طریق تجربه کسب شدهاند با این حال با رعایت این موارد میتوانید در زمان کوتاهی، طرحهای خود را بهبود بخشید.
در خصوص این موضوع، مقالات متعددی قبلا در کانال منتشر شده است که میتوانید از طریق لینکهای انتهای مقاله، به آنها را ببینید. اما در این مقاله، تمرکز نویسنده بیشتر برروی تایپوگرافی است که میتوان از آنها به عنوان مهمترین عناصر هر طرحی نام برد.
۱- اگر به دنبال انتخاب سریع فونت برای پروژه خود هستید، از خانواده فونتهای شناختهشده و پر و پیمان استفاده کنید.
در ابتدای نیازسنجی پروژه ممکن است در انتخاب فونت کمی زیادی وسواس به خرج دهید اما توصیه ما به شما این است که از یک خانواده فونت شناختهشده و پر و پیمان استفاده کنید. با این انتخاب دیگر نگران ترکیب ظاهری زشت در تایپوگرافیها و متون خود نخواهید بود.
۲- برای حفظ تعادل ظاهری بیشتر، فاصله حروف را از یکدیگر کاهش دهید.
این مورد تنها برای عناوین به کار میرود، از استفاده آن برای متون طولانی خودداری کنید. کاهش فاصله حروف به مقدار کم، باعث خوانایی بیشتر شده و در کل از نگاه کاربر دلپذیرتر خواهد بود.
۳- فاصله مناسب عنوان و متن را به صورت عمودی حفظ کنید.
اگر فاصله بین عنوان و متن را از بالا و پایین به یک اندازه انتخاب میکنید، باید به شما بگوییم که این کار باعث از بین رفتن ارتباط عنوان و متن اصلی خواهد شد. بهترین راهکار در این مورد انتخاب فاصله بیشتر بین بخشهای متن از یکدیگر است. بدیهی است فاصله عنوان از متن اصلی کمتر از فاصله بخشها از یکدیگر خواهد بود.
۴- از حروف تماماً بزرگ تنها در عناوین کوتاه استفاده کنید.
استفاده از حروف تماماً بزرگ در عناوین بلند یا بیش از یک خطی واقعا ایدهی جالبی نیست. استفاده از «نکته شماره ۲» در این قسمت نیز میتواند مفید باشد. یکی از استفادههای این مورد، زیرعنوانها میباشند.
۵- عناوین طرح را تا حد امکان کوتاه و مختصر نگه دارید.
با توجه به این که چشم کاربران عناوین و نوشتهها را اسکن میکنند پس استفاده از عناوین کوتاه و مختصر باعث هضم سریع اطلاعات توسط مغز آنها خواهد شد. مثلاً به جای استفاده از جمله «این سبک و روش شماست» میتوانید از «سبک تو، مسیر تو» استفاده کنید.
۶- سعی کنید فونتی با وزنهای مختلف انتخاب کنید.
البته در این مورد استثنائاتی (پروژههای سبک) وجود دارد. وزنهای مختلف را برروی طرح خود امتحان کنید تا مناسبترین مورد را بیابید.
۷- فونت مناسبی برای پروژهی خود انتخاب کنید.
انتخاب فونت بر نحوه صبحت شما با کاربران تاثیرگذار است. این مورد میتواند بر حسب انتخاب، بلند، نرم، دوستانه یا رسمی و جدی یا سرگرمکننده باشد. هر فونت صدایی مخصوص به خود دارد و این کاملا به پروژهای که روی آن کار میکنید، وابسته است. اگر در انتخاب فونت یا طراحی تایپوگرافی تازهکار هستید، استفاده از طرح های دیگر به منظور ایدهگرفتن میتواند تصمیمی بسیار عالی باشد، هم اینکه درک شما از آنچه برای پروژه مناسب است را بالا خواهد برد.
متن کامل را میتوانید در لینک زیر مطالعه کنید:
http://bit.ly/dxgn739
مقالاتی در خصوص این موضوع که قبلا در کانال منتشر شدهاند:
https://news.1rj.ru/str/Dexign/686
https://news.1rj.ru/str/Dexign/613
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #رابط_کاربری #اصول #ترفند #تایپوگرافی #فونت #وزن #تایپ_فیس
@Dexign فلسفه دیزاین
______
Medium
7 (more) tips to quickly improve your UIs
More small and easy to put into practice tips to improve your designs.
مینیمالیسم؛ صراحت در استقلال اجزای یک محصول
سالهای اول دانشگاه بود که از روی بیحوصلگی و کنجکاوی در کارگاه شعر کانون فرهنگی ثبت نام کردم و آنجا بود که برای اولین بار اصطلاح فضاهای سفید را برایم توضیح دادند: « ... فضاهای سفید بدون نوشته که مخاطب آن را میخواند و این یعنی سفیدخوانی» و با این جملهی مبهم ادامهاش دادند: « حذف کردن شعر را میسازد.»
بعدها که سادگی باشکوه آثار دیتر رامس (Dieter Rams) مرا به وجد میآورد و پیش از شروع هر طرحی بالای برگه مینوشتم: کمتر بیشتر است (Less is More) به حق خودم را از پیروان درستکار و وفادار مینیمالیسم تلقی میکردم و با این کار تن هر طراح مینیمالیست واقعی را در گور و بیرون از آن میلرزاندم؛ مینیمالیسم برای من همانطور که از کارگاه شعر به یاد میآوردم تنها معادل بود با حذف تا رسیدن به سادگی و هر وقت طرح یا محصولی به اصطلاح مینیمال را به دست کسی میدادم و آن را نمیفهمید، به نظر من این او بود که نقش خودش را در خواندن فضاهای سفید به خوبی ایفا نمیکرد.
ناکارآمدی بیشمار طراحیِ به اصطلاح مینیمال بالاخره به من نشان داد که یک طراحی مینیمال تنها «ساده» نیست و مینیمالیسم نیز تنها به معنای «حذف کردن» نیست. در واقع آنچیزی که طراحیهای من و طراحانی که تنها به دنبال سادگی و فضاهای سفید بسیار هستند از آن غافل شدهاند هدف از این سادهسازی و حذف کردنهاست، یعنی صراحت.
در یک طراحی مینیمال اجزای اضافی، پیچیدگیها و تزئینات کنار گذاشته میشود و در مقابل بر استقلال هر جزئی که باقی میماند و وضوح عملکرد آن تاکید میشود. آنچیزی که یک طراح در انتخاب اجزایی که کنار میگذارد و آنهایی که نگه میدارد باید در نظر داشته باشد همین وضوح و صراحت است؛ او نباید بگذارد سادگی، ابهام بیافریند.
میتوان برداشت من از کارگاه شعر سالهای اول دانشگاه را به این شکل تصحیح کرد و به دنیای طراحی تعمیم داد؛ فضاهای سفید اجزایی بدون محتوا در طراحی هستند که تضاد ایجاد کرده و ضمن ایجاد استقلال در عناصر اصلی آنها را برای مخاطب واضح میسازند؛ حذف کردن هر آنچیزی که درک مخاطب را کاهش داده ، عملکردها را مبهم ساخته و سردرگمی ایجاد میکند محصول مینیمال را میسازد.
برای مطالعه بیشتر در زمینه طراحی مینیمال و راههای دستیابی به آن پیشنهاد میکنم به این مقاله مراجعه کنید و از مثالهای تصویری آن لذت ببرید.
http://bit.ly/dxgn740
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: ریحانه خدایی
#مینیمالیسم #طراحی_محصول #فضای_سفید #رابط_کاربری
@Dexign فلسفه دیزاین
______
سالهای اول دانشگاه بود که از روی بیحوصلگی و کنجکاوی در کارگاه شعر کانون فرهنگی ثبت نام کردم و آنجا بود که برای اولین بار اصطلاح فضاهای سفید را برایم توضیح دادند: « ... فضاهای سفید بدون نوشته که مخاطب آن را میخواند و این یعنی سفیدخوانی» و با این جملهی مبهم ادامهاش دادند: « حذف کردن شعر را میسازد.»
بعدها که سادگی باشکوه آثار دیتر رامس (Dieter Rams) مرا به وجد میآورد و پیش از شروع هر طرحی بالای برگه مینوشتم: کمتر بیشتر است (Less is More) به حق خودم را از پیروان درستکار و وفادار مینیمالیسم تلقی میکردم و با این کار تن هر طراح مینیمالیست واقعی را در گور و بیرون از آن میلرزاندم؛ مینیمالیسم برای من همانطور که از کارگاه شعر به یاد میآوردم تنها معادل بود با حذف تا رسیدن به سادگی و هر وقت طرح یا محصولی به اصطلاح مینیمال را به دست کسی میدادم و آن را نمیفهمید، به نظر من این او بود که نقش خودش را در خواندن فضاهای سفید به خوبی ایفا نمیکرد.
ناکارآمدی بیشمار طراحیِ به اصطلاح مینیمال بالاخره به من نشان داد که یک طراحی مینیمال تنها «ساده» نیست و مینیمالیسم نیز تنها به معنای «حذف کردن» نیست. در واقع آنچیزی که طراحیهای من و طراحانی که تنها به دنبال سادگی و فضاهای سفید بسیار هستند از آن غافل شدهاند هدف از این سادهسازی و حذف کردنهاست، یعنی صراحت.
در یک طراحی مینیمال اجزای اضافی، پیچیدگیها و تزئینات کنار گذاشته میشود و در مقابل بر استقلال هر جزئی که باقی میماند و وضوح عملکرد آن تاکید میشود. آنچیزی که یک طراح در انتخاب اجزایی که کنار میگذارد و آنهایی که نگه میدارد باید در نظر داشته باشد همین وضوح و صراحت است؛ او نباید بگذارد سادگی، ابهام بیافریند.
میتوان برداشت من از کارگاه شعر سالهای اول دانشگاه را به این شکل تصحیح کرد و به دنیای طراحی تعمیم داد؛ فضاهای سفید اجزایی بدون محتوا در طراحی هستند که تضاد ایجاد کرده و ضمن ایجاد استقلال در عناصر اصلی آنها را برای مخاطب واضح میسازند؛ حذف کردن هر آنچیزی که درک مخاطب را کاهش داده ، عملکردها را مبهم ساخته و سردرگمی ایجاد میکند محصول مینیمال را میسازد.
برای مطالعه بیشتر در زمینه طراحی مینیمال و راههای دستیابی به آن پیشنهاد میکنم به این مقاله مراجعه کنید و از مثالهای تصویری آن لذت ببرید.
http://bit.ly/dxgn740
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: ریحانه خدایی
#مینیمالیسم #طراحی_محصول #فضای_سفید #رابط_کاربری
@Dexign فلسفه دیزاین
______
Medium
Lean and Mean: Power of Minimalism in UI Design.
Simple doesn’t mean primitive. Less isn’t vague. Short doesn’t say little. Air doesn’t equal emptiness. Today we are talking about…
یک خائن در میان ماست!
بررسی تجربه کاربری بازی «Among US»
برای علاقهمندان به بازیهای ویدئویی احتمالا عنوان این مطلب سریعا یادآور یکی از بازیهای جدیدی باشد که در فضای مجازی و در میان بازیدوستان سر و صدا به پا کرده و به یک بازی محبوب و دوستداشتنی تبدیل شده است. این بازی چیزی نیست جز بازی «Among US» که فلسفه و ساختار بازی گروهی و محبوب «مافیا» را درقالبی جدید و فضایی متفاوت ارائه کرده است.
اخیرا محبوبیت این بازی به حدی زیاد شد که تعداد زیادی از اینفلوئنسرهای بازیهای ویدئویی به صحبت درباره آن پرداختند و بنا بر گزارشهای یوتیوب، ویدئوهای مربوط به این بازی در یک ماه بیشاز ۴ میلیارد بار بازدید داشتهاند. همچنین این بازی در حال حاضر بیش از ۶۰ میلیون کاربر فعال دارد.
اگر بخواهیم از دید تجربه کاربری این بازی را مورد بررسی قرار دهیم تا ببینیم چه نکات و ویژگیهایی باعث محبوبیت آن شده است، میتوان به موارد زیر اشاره کرد:
۱- استفاده مناسب از صدا و افکتهای صوتی: این نکته باعث ایجاد روند بازخوردی سریع و مناسب در طی بازی برای کاربران میشود و تاثیر مثبتی بر تجربه کاربران در حین گردش در بازی و انجام وظایف مختلف در بازی دارد.
۲- دکمههای دارای محدودیت برای راهنمایی کاربر: دکمهها و عملکردهای مختلف تنها زمانی قابل استفاده توسط کاربر هستند که کاربر به اندازه کافی به آنها نزدیک شده باشد و در صورت فاصله گرفتن کاربر غیرفعال خواهند شد. همین الگو باعث تعامل بهتر کاربر با بازی و فراگرفتن نحوه پیشبرد بازی و انجام وظایف بازی میشود.
۳- تعامل خلاقانه بر پایه حافظه فعال: کاربران در حین بازی باید به یاد بسپارند که کاربران دیگر را در کجا دیدهاند یا در صحنه قتل چه کسی حضور داشته است. به خاطر سپردن این موارد در کنار شنیدن صحبتهای دیگران هنگام شناسایی خائن، میتواند به پیدا کردن خائن کمک کند. و این تکیه بازی بر حافظه فعال کاربران و حدس و گمانهای پیرامون آن باعث جذابیت بیشتر بازی میشود.
۴- نیازی به ساختن اکانت نیست! برای جذب بیشتر مخاطبان و کم کردن موانع پیش روی کاربران برای ورود به بازی نیازی به ساختن اکانت نیست و صرفا با نصب بازی و ورود به آن میتوانید وارد بازی شوید.
۵- استفاده از قانون فیتز (Fitts’s Law) برای راهبری آسان در بازی: بر اساس این قانون مدتزمانی که نیاز است تا کاربر به به هدف خود روی صفحه نمایش برسد به دو چیز بستگی دارد. مورد اول، فاصله بین نشانگر تا هدف است و مورد دوم، اندازه هدف. در صفحات لمسی، نشانگر همان دست کاربر است و بر این اساس و برمبنای این قانون همه چیز به گونهای طراحی شده است که به راحتی در دسترس کاربر باشد و عملکردهای مختلف توسط او به راحتی صورت پذیرد.
موارد اشاره شده بخشی از ویژگیهای مثبتی بود که موجب بهبود تجربه کاربری در این بازی شده است. اما ماجرا به همینجا ختم نمیشود و مواردی نیز وجود دارد که به نوعی نکاتی منفی و مشکلاتی هستند که بهبود آنها میتوانست باعث هرچه بهتر شدن این بازی محبوب شوند. برای آشنایی بیشتر با این موارد میتوانید،مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn741
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری #بازی
@Dexign فلسفه دیزاین
______
بررسی تجربه کاربری بازی «Among US»
برای علاقهمندان به بازیهای ویدئویی احتمالا عنوان این مطلب سریعا یادآور یکی از بازیهای جدیدی باشد که در فضای مجازی و در میان بازیدوستان سر و صدا به پا کرده و به یک بازی محبوب و دوستداشتنی تبدیل شده است. این بازی چیزی نیست جز بازی «Among US» که فلسفه و ساختار بازی گروهی و محبوب «مافیا» را درقالبی جدید و فضایی متفاوت ارائه کرده است.
اخیرا محبوبیت این بازی به حدی زیاد شد که تعداد زیادی از اینفلوئنسرهای بازیهای ویدئویی به صحبت درباره آن پرداختند و بنا بر گزارشهای یوتیوب، ویدئوهای مربوط به این بازی در یک ماه بیشاز ۴ میلیارد بار بازدید داشتهاند. همچنین این بازی در حال حاضر بیش از ۶۰ میلیون کاربر فعال دارد.
اگر بخواهیم از دید تجربه کاربری این بازی را مورد بررسی قرار دهیم تا ببینیم چه نکات و ویژگیهایی باعث محبوبیت آن شده است، میتوان به موارد زیر اشاره کرد:
۱- استفاده مناسب از صدا و افکتهای صوتی: این نکته باعث ایجاد روند بازخوردی سریع و مناسب در طی بازی برای کاربران میشود و تاثیر مثبتی بر تجربه کاربران در حین گردش در بازی و انجام وظایف مختلف در بازی دارد.
۲- دکمههای دارای محدودیت برای راهنمایی کاربر: دکمهها و عملکردهای مختلف تنها زمانی قابل استفاده توسط کاربر هستند که کاربر به اندازه کافی به آنها نزدیک شده باشد و در صورت فاصله گرفتن کاربر غیرفعال خواهند شد. همین الگو باعث تعامل بهتر کاربر با بازی و فراگرفتن نحوه پیشبرد بازی و انجام وظایف بازی میشود.
۳- تعامل خلاقانه بر پایه حافظه فعال: کاربران در حین بازی باید به یاد بسپارند که کاربران دیگر را در کجا دیدهاند یا در صحنه قتل چه کسی حضور داشته است. به خاطر سپردن این موارد در کنار شنیدن صحبتهای دیگران هنگام شناسایی خائن، میتواند به پیدا کردن خائن کمک کند. و این تکیه بازی بر حافظه فعال کاربران و حدس و گمانهای پیرامون آن باعث جذابیت بیشتر بازی میشود.
۴- نیازی به ساختن اکانت نیست! برای جذب بیشتر مخاطبان و کم کردن موانع پیش روی کاربران برای ورود به بازی نیازی به ساختن اکانت نیست و صرفا با نصب بازی و ورود به آن میتوانید وارد بازی شوید.
۵- استفاده از قانون فیتز (Fitts’s Law) برای راهبری آسان در بازی: بر اساس این قانون مدتزمانی که نیاز است تا کاربر به به هدف خود روی صفحه نمایش برسد به دو چیز بستگی دارد. مورد اول، فاصله بین نشانگر تا هدف است و مورد دوم، اندازه هدف. در صفحات لمسی، نشانگر همان دست کاربر است و بر این اساس و برمبنای این قانون همه چیز به گونهای طراحی شده است که به راحتی در دسترس کاربر باشد و عملکردهای مختلف توسط او به راحتی صورت پذیرد.
موارد اشاره شده بخشی از ویژگیهای مثبتی بود که موجب بهبود تجربه کاربری در این بازی شده است. اما ماجرا به همینجا ختم نمیشود و مواردی نیز وجود دارد که به نوعی نکاتی منفی و مشکلاتی هستند که بهبود آنها میتوانست باعث هرچه بهتر شدن این بازی محبوب شوند. برای آشنایی بیشتر با این موارد میتوانید،مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn741
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری #بازی
@Dexign فلسفه دیزاین
______
Medium
From tasks to tricks: the UX of Among Us
Delving deeper into the design behind the “who-did-it?” mystery game in space.
تعریف مسئله به روش نردبان ذهنی
خیلی از مواقع، طرح مشکل به صورت عبارت نامشخصی بیان میشود. مثلا گفته میشود که به صندلی بهتری برای این دفتر کار نیازمندیم، یا این دکمه در صفحهی لندینگپیج باید بزرگتر شود. این قبیل تعریفهای سطحی، ما را در مسیر پیشرو گنگ و نامفهوم رها میکند.
به عنوان یک دیزاینر یا شاید بهتر بگویم حلکنندهی مسائل، باید قدرت بالایی در شناسایی مشکل، ریشهها و ابعاد آنها داشته باشیم. به طور سادهتر، باید مسئله مانند روز برایمان روشن باشد.
برای هرچه واضحتر کردن مسئله برای خودمان، نیاز داریم تا ریشهی آن نفوذ کنیم. امروز با یک ابزار به دردبخور آشنا میشویم که در فرآیند دیزاین بسیار کمککننده است.
این فریموُرک، به «نردبان ذهنی یا انتزاعی» معروف است. به طور خلاصه میگوید که مشکل را در میان نردبان بگذارید و حالا دو سؤال بپرسید. چرا (why) و چطور (How).
وقتی بپرسید چرا، از نردبان بالا میروید و طرح مسئله به هرچه مفهومیتر و انتزاعیتر شدن نزدیک میشود. وقتی بپرسید چطور یا چگونه، با ایدههای عمومیتر و واقعیتر مواجه میشوید.
این روش دقیقا با طرح مسئله چه کار میکند؟
مشکل اصلی و درست را از دل کار بیرون میکشد. یعنی در آخر متوجه خواهید شد که آن مشکل اولیهای که داشتیم در واقع فقط یک زیر شاخه از مشکل اصلی بوده است. میخواستیم که کاربران بیشتری را برای ثبتنام در سرویسمان جذب کنیم ولی اینطور مسئله مطرح شده بود که اگر دکمه بزرگتر شود، کاربران وبسایت نیز بیشتر میشوند. چه بسا اینکه بزرگترکردن یک دکمه شاید یکی از اهداف ما بوده است ولی مشکل به درستی مطرح نشده است که دقیقا متوجه شویم چه کاری باید در مراحل بعدی انجام دهیم.
برای اینکه دقیقا متوجه شوید که این روش چطور کار میکند، مقالات زیر را پیشنهاد میکنم که با مثالهای عینی و شفاف این مدل ذهنی را شرح میدهند:
http://bit.ly/dxgn742-1
http://bit.ly/dxgn742-2
http://bit.ly/dxgn742-3
(زمان حدودی مطالعهی مقالهی اول: ۸ دقیقه
،مقالهی دوم: ۶ دقیقه
و مقالهی سوم: ۷ دقیقه)
نویسنده: حسین میرزاده
#مدل_ذهنی #تعریف_مسئله #روش_حل_مشکل #نردبان_ذهنی
@Dexign فلسفه دیزاین
______
خیلی از مواقع، طرح مشکل به صورت عبارت نامشخصی بیان میشود. مثلا گفته میشود که به صندلی بهتری برای این دفتر کار نیازمندیم، یا این دکمه در صفحهی لندینگپیج باید بزرگتر شود. این قبیل تعریفهای سطحی، ما را در مسیر پیشرو گنگ و نامفهوم رها میکند.
به عنوان یک دیزاینر یا شاید بهتر بگویم حلکنندهی مسائل، باید قدرت بالایی در شناسایی مشکل، ریشهها و ابعاد آنها داشته باشیم. به طور سادهتر، باید مسئله مانند روز برایمان روشن باشد.
برای هرچه واضحتر کردن مسئله برای خودمان، نیاز داریم تا ریشهی آن نفوذ کنیم. امروز با یک ابزار به دردبخور آشنا میشویم که در فرآیند دیزاین بسیار کمککننده است.
این فریموُرک، به «نردبان ذهنی یا انتزاعی» معروف است. به طور خلاصه میگوید که مشکل را در میان نردبان بگذارید و حالا دو سؤال بپرسید. چرا (why) و چطور (How).
وقتی بپرسید چرا، از نردبان بالا میروید و طرح مسئله به هرچه مفهومیتر و انتزاعیتر شدن نزدیک میشود. وقتی بپرسید چطور یا چگونه، با ایدههای عمومیتر و واقعیتر مواجه میشوید.
این روش دقیقا با طرح مسئله چه کار میکند؟
مشکل اصلی و درست را از دل کار بیرون میکشد. یعنی در آخر متوجه خواهید شد که آن مشکل اولیهای که داشتیم در واقع فقط یک زیر شاخه از مشکل اصلی بوده است. میخواستیم که کاربران بیشتری را برای ثبتنام در سرویسمان جذب کنیم ولی اینطور مسئله مطرح شده بود که اگر دکمه بزرگتر شود، کاربران وبسایت نیز بیشتر میشوند. چه بسا اینکه بزرگترکردن یک دکمه شاید یکی از اهداف ما بوده است ولی مشکل به درستی مطرح نشده است که دقیقا متوجه شویم چه کاری باید در مراحل بعدی انجام دهیم.
برای اینکه دقیقا متوجه شوید که این روش چطور کار میکند، مقالات زیر را پیشنهاد میکنم که با مثالهای عینی و شفاف این مدل ذهنی را شرح میدهند:
http://bit.ly/dxgn742-1
http://bit.ly/dxgn742-2
http://bit.ly/dxgn742-3
(زمان حدودی مطالعهی مقالهی اول: ۸ دقیقه
،مقالهی دوم: ۶ دقیقه
و مقالهی سوم: ۷ دقیقه)
نویسنده: حسین میرزاده
#مدل_ذهنی #تعریف_مسئله #روش_حل_مشکل #نردبان_ذهنی
@Dexign فلسفه دیزاین
______
Autodesk
Abstraction Laddering: Clearly Define the Problem | Autodesk
Knowing which problems to solve is what makes us better engineers. Abstraction laddering gives you a framework for understanding unclear tasks.
همکاری دستیار صوتی گوگل با Adobe XD
طراحی مبتنی بر صدا، همگام با پیشرفت تکنولوژی بیش از گذشته مورد توجه دیزاینرهای باتجربه قرار گرفته است. طبق نظرسنجی اخیر شرکت Adobe از کاربران فناوری صوتی خود در ایالات متحده، سال گذشته ۳۹ درصد پاسخدهندگان استفاده از فناوری صوتی را آغاز کردهاند و ۷۷ درصد از آنها اظهار داشتهاند که استفاده از این فناوری را در ماههای آینده افزایش خواهند داد. آسانی استفاده از فناوری صوتی و دردسترس بودن آن باعث شده که دیزاینرها استفاده از عنصر صدا در طراحی را به عنوان یک فرصت جدید مورد توجه قرار داده و از آن در طراحیهای خود بهره ببرند.
در همین راستا شرکت Adobe روش جدید خود برای طراحی مبتنی بر صدا در Adobe XD با همکاری دستیار صوتی Google را معرفی کرده است. این یکپارچهسازی به طراحان کمک میکند تا بتوانند پروتوتایپهای اولیه همراه با تعاملات صوتی را ساخته و ضمن به اشتراک گذاشتن آنها با مدیران کسبوکار و یا کاربران، نسبت به انجام فرآیند تست آنها در دستگاههای مختلف از جمله تلفنهای همراه، تلویزیونهای هوشمند و ... اقدام نمایند. این کار باعث میشود تا مدیران کسبوکار و یا کاربران، هدف طراح محصول را بهتر درک کنند. بعلاوه، تست تجربههای صوتی در دستگاههای واقعی، این امکان را به دیزاینرها میدهد که بازخورد کاربران را در هنگام استفاده از محصول جمعآوری نموده و طراحیهای خود را با کمترین هزینه بهبود ببخشند.
برای آگاهی بیشتر از این سرویس جدید و جذاب شما را به خواندن مقاله امروز دعوت میکنم.
http://bit.ly/dxgn743
(زمان مورد نیاز برای مطالعه: ۴ دقیقه)
نویسنده: نیما حکیمرابط
#طراحی_مبتنیبر_صدا #تجربهکاربری #دستیارصوتیگوگل
@Dexign فلسفه دیزاین
______
طراحی مبتنی بر صدا، همگام با پیشرفت تکنولوژی بیش از گذشته مورد توجه دیزاینرهای باتجربه قرار گرفته است. طبق نظرسنجی اخیر شرکت Adobe از کاربران فناوری صوتی خود در ایالات متحده، سال گذشته ۳۹ درصد پاسخدهندگان استفاده از فناوری صوتی را آغاز کردهاند و ۷۷ درصد از آنها اظهار داشتهاند که استفاده از این فناوری را در ماههای آینده افزایش خواهند داد. آسانی استفاده از فناوری صوتی و دردسترس بودن آن باعث شده که دیزاینرها استفاده از عنصر صدا در طراحی را به عنوان یک فرصت جدید مورد توجه قرار داده و از آن در طراحیهای خود بهره ببرند.
در همین راستا شرکت Adobe روش جدید خود برای طراحی مبتنی بر صدا در Adobe XD با همکاری دستیار صوتی Google را معرفی کرده است. این یکپارچهسازی به طراحان کمک میکند تا بتوانند پروتوتایپهای اولیه همراه با تعاملات صوتی را ساخته و ضمن به اشتراک گذاشتن آنها با مدیران کسبوکار و یا کاربران، نسبت به انجام فرآیند تست آنها در دستگاههای مختلف از جمله تلفنهای همراه، تلویزیونهای هوشمند و ... اقدام نمایند. این کار باعث میشود تا مدیران کسبوکار و یا کاربران، هدف طراح محصول را بهتر درک کنند. بعلاوه، تست تجربههای صوتی در دستگاههای واقعی، این امکان را به دیزاینرها میدهد که بازخورد کاربران را در هنگام استفاده از محصول جمعآوری نموده و طراحیهای خود را با کمترین هزینه بهبود ببخشند.
برای آگاهی بیشتر از این سرویس جدید و جذاب شما را به خواندن مقاله امروز دعوت میکنم.
http://bit.ly/dxgn743
(زمان مورد نیاز برای مطالعه: ۴ دقیقه)
نویسنده: نیما حکیمرابط
#طراحی_مبتنیبر_صدا #تجربهکاربری #دستیارصوتیگوگل
@Dexign فلسفه دیزاین
______
Adobe Blog
“Hey Google, Open Adobe XD”: Test voice prototypes on Google Assistant devices
Today, we’re introducing a new way to design with voice with Adobe XD and Google Assistant, Google’s voice assistant technology. With our new integration with ...
قدرت مینیمالیسم واقعی و روشهای پیادهسازی آن
طراح که باشید اسم مینیمالیسم خیلی به گوشتان میخورد. چون این اسم را هرکسی به راحتی استفاده میکند. چه وقتی که چیزی از شما میخواهد و چه زمانی که میخواهد چیزی تحویل بگیرد.
این روزها که اغلب سرویسهای اینترنتی مبتنی بر اپلیکیشن موبایل یا وبسایت بسیار پیچیده هستند و خیلی از آنها به سوی سوپراپ بودن سوق داده شدهاند، مینیمالیسم تبدیل به مفهوم گمشده دنیای ما شده است.
از مینیمالیسم معمولی در دیزاین صحبت نمیکنم، از مینیمالیسمی صحبت میکنم که از قبل از شروع دیزاین بصری شروع میشود. به قول معروف: «به فضای بیشتری نیاز ندارید، به چیزهای کمتری نیاز دارید»
مقالهای که امروز برای شما انتخاب کردم، درباره روشهای پیادهسازی مینیمالیسم واقعی روی محصولات و وبسایتهاست. روشهایی که میشود با مدیریت و دیزاین کردن درست منابع، به مینیمالیسمی معنادار رسید.
پیشنهاد میکنم این مقاله را مطالعه کنید. این مفاهیم همان فوتهای کوزهگری خاص هستند که دنبالش میگردیم.
http://bit.ly/dxgn744
(زمان مورد نیاز برای مطالعه: ۱۰ دقیقه)
نویسنده: آرش اصغری
#رابطـکاربری #مینیمالیسم
@Dexign فلسفه دیزاین
______
طراح که باشید اسم مینیمالیسم خیلی به گوشتان میخورد. چون این اسم را هرکسی به راحتی استفاده میکند. چه وقتی که چیزی از شما میخواهد و چه زمانی که میخواهد چیزی تحویل بگیرد.
این روزها که اغلب سرویسهای اینترنتی مبتنی بر اپلیکیشن موبایل یا وبسایت بسیار پیچیده هستند و خیلی از آنها به سوی سوپراپ بودن سوق داده شدهاند، مینیمالیسم تبدیل به مفهوم گمشده دنیای ما شده است.
از مینیمالیسم معمولی در دیزاین صحبت نمیکنم، از مینیمالیسمی صحبت میکنم که از قبل از شروع دیزاین بصری شروع میشود. به قول معروف: «به فضای بیشتری نیاز ندارید، به چیزهای کمتری نیاز دارید»
مقالهای که امروز برای شما انتخاب کردم، درباره روشهای پیادهسازی مینیمالیسم واقعی روی محصولات و وبسایتهاست. روشهایی که میشود با مدیریت و دیزاین کردن درست منابع، به مینیمالیسمی معنادار رسید.
پیشنهاد میکنم این مقاله را مطالعه کنید. این مفاهیم همان فوتهای کوزهگری خاص هستند که دنبالش میگردیم.
http://bit.ly/dxgn744
(زمان مورد نیاز برای مطالعه: ۱۰ دقیقه)
نویسنده: آرش اصغری
#رابطـکاربری #مینیمالیسم
@Dexign فلسفه دیزاین
______
Medium
Functional Minimalism for Web Design
by Nick Babich
نحوه پخت منوی همبرگر خوشمزه! 🍔
در این مقاله قرار است به یکی از پرطرفدارترین و قدیمیترین کانسپتهای طراحی بپردازیم. اگر از قدیمیهای دنیای دیزاین به خصوص طراحی رابط کاربری باشید، محال هست با منوی همبرگری آشنا نباشید. با این حال قصد داریم موارد استفاده، نحوه طراحی و چند نکته تجربه کاربری در باب منوی همبرگری را مورد بررسی قرار دهیم.
منوی همبرگری چیست؟ (⚠️ خطر اسپویل)
مطمئنا انتظار ندارید که در اینجا یک همبرگر غرقشده در روغن و پنیر بیابید. (چرا که نه؟!) آنچه که میخواهیم در مورد آن بحث کنیم، همان منوی سهخطی افقی است که در بیشتر وبسایتها و برنامههای موبایل آنها را دیدهاید. آنچه که به عنوان “منوی همبرگری” در بین طراحان معروف و شناختهشده است.
بیاید کمی در مورد گذشته “منوی همبرگری” بدانیم!
در دههی هشتاد، پدر همبرگر "Norm Cox" ایستگاه کاری شخصی خود به نام “Xerox Star” را راهاندازی کرد. او نمادی با ۴ خط ایجاد کرد تا با کلیک برروی آن لیستی از موارد را باز کند. دنیای دیزاین بعدها نام “منوی همبرگری” را به این نماد اختصاص داد.
هزینه تعامل با منوی همبرگری
با وجود اینکه منوی همبرگری، کاربر را مجبور به طی مرحلهی اضافی برای دستیابی به محتوای مورد نظر میکند اما این را باید در نظر داشته باشیم که منوی همبرگری یک مدل ذهنی آشکار در بین کاربران است به این صورت که کاربران در هنگام مشاهده منوی همبرگری سردرگم نمیشوند و فوراً میدانند که نحوه کار آن چگونه است.
چه زمانی میتوان از منوی همبرگری استفاده کرد؟
زمانی که تصمیم به استفاده از منوی همبرگری گرفتید، نیاز است تا چند نکته را در نظر داشته باشید:
پنهانکردن صفحات دارای اهمیت ثانویه
اگر عناصر اصلی و نحوه پیمایش در پروژه شما به طور کامل مشخص و قابل مشاهده است، میتوانید برخی صفحات کم اهمیت مانند صفحات تماس با ما یا درباره ما (بستگی به اهداف شما دارد) را در منوی همبرگری قرار دهید.
در نقطه مقابل، ممکن است شما فضای خالی و کافی برای نمایش موارد ثانویه داشته باشید اما نمیخواهید تا صفحه بیش از حد شلوغ شود زیرا صفحات با عناصر زیاد میتواند سبب افزایش بار شناختی کاربر شود. اینجا نیز، منوی همبرگری میتواند راهگشای مشکل شما باشد.
در چه مواردی نباید از منوی همبرگری استفاده کرد؟
۱- ممکن است موارد اصلی را پنهان کند
موارد اصلی وبسایت نباید پشت منوی همبرگری پنهان شود، زیرا باید به راحتی توسط کاربر به منظور کشفیات و پیماش بیشتر، قابل مشاهده باشد. به جای آن میتوانید از یک منوی ثابت افقی در بالای وبسایت استفاده کنید.
۲- وبسایت شما دارای طراحی تعاملی سنگین باشد
مشخص است که در این مورد شما در پی کاهش تعداد کلیکها توسط کاربر به منظور مشاهده صفحات و اهداف مختلف خواهید بود.
۳- مانع استفاده منوی پیمایش پیشفرض دستگاه شود
بدترین اتفاق این است که شما برخلاف منوی پیمایش پیشفرض دستگاه، بخواهید از منوی همبرگری استفاده کنید. زیرا بسیاری از کاربران عادت دارند از منوی پیشفرض دستگاه استفاده کنند. مانند کاربران گوشی آیفون.
در ادامه این مقاله، بهترین موارد پیادهسازی شده منوی همبرگری و نمونههای استفاده شده آن در وبسایتهای مشهور را مشاهده خواهید کرد:
http://bit.ly/dxgn745
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #رابط_کاربری #منوی_همبرگری #طراحی_تعاملی #پیمایش #هزینه #بار_شناختی
@Dexign فلسفه دیزاین
_______
در این مقاله قرار است به یکی از پرطرفدارترین و قدیمیترین کانسپتهای طراحی بپردازیم. اگر از قدیمیهای دنیای دیزاین به خصوص طراحی رابط کاربری باشید، محال هست با منوی همبرگری آشنا نباشید. با این حال قصد داریم موارد استفاده، نحوه طراحی و چند نکته تجربه کاربری در باب منوی همبرگری را مورد بررسی قرار دهیم.
منوی همبرگری چیست؟ (⚠️ خطر اسپویل)
مطمئنا انتظار ندارید که در اینجا یک همبرگر غرقشده در روغن و پنیر بیابید. (چرا که نه؟!) آنچه که میخواهیم در مورد آن بحث کنیم، همان منوی سهخطی افقی است که در بیشتر وبسایتها و برنامههای موبایل آنها را دیدهاید. آنچه که به عنوان “منوی همبرگری” در بین طراحان معروف و شناختهشده است.
بیاید کمی در مورد گذشته “منوی همبرگری” بدانیم!
در دههی هشتاد، پدر همبرگر "Norm Cox" ایستگاه کاری شخصی خود به نام “Xerox Star” را راهاندازی کرد. او نمادی با ۴ خط ایجاد کرد تا با کلیک برروی آن لیستی از موارد را باز کند. دنیای دیزاین بعدها نام “منوی همبرگری” را به این نماد اختصاص داد.
هزینه تعامل با منوی همبرگری
با وجود اینکه منوی همبرگری، کاربر را مجبور به طی مرحلهی اضافی برای دستیابی به محتوای مورد نظر میکند اما این را باید در نظر داشته باشیم که منوی همبرگری یک مدل ذهنی آشکار در بین کاربران است به این صورت که کاربران در هنگام مشاهده منوی همبرگری سردرگم نمیشوند و فوراً میدانند که نحوه کار آن چگونه است.
چه زمانی میتوان از منوی همبرگری استفاده کرد؟
زمانی که تصمیم به استفاده از منوی همبرگری گرفتید، نیاز است تا چند نکته را در نظر داشته باشید:
پنهانکردن صفحات دارای اهمیت ثانویه
اگر عناصر اصلی و نحوه پیمایش در پروژه شما به طور کامل مشخص و قابل مشاهده است، میتوانید برخی صفحات کم اهمیت مانند صفحات تماس با ما یا درباره ما (بستگی به اهداف شما دارد) را در منوی همبرگری قرار دهید.
در نقطه مقابل، ممکن است شما فضای خالی و کافی برای نمایش موارد ثانویه داشته باشید اما نمیخواهید تا صفحه بیش از حد شلوغ شود زیرا صفحات با عناصر زیاد میتواند سبب افزایش بار شناختی کاربر شود. اینجا نیز، منوی همبرگری میتواند راهگشای مشکل شما باشد.
در چه مواردی نباید از منوی همبرگری استفاده کرد؟
۱- ممکن است موارد اصلی را پنهان کند
موارد اصلی وبسایت نباید پشت منوی همبرگری پنهان شود، زیرا باید به راحتی توسط کاربر به منظور کشفیات و پیماش بیشتر، قابل مشاهده باشد. به جای آن میتوانید از یک منوی ثابت افقی در بالای وبسایت استفاده کنید.
۲- وبسایت شما دارای طراحی تعاملی سنگین باشد
مشخص است که در این مورد شما در پی کاهش تعداد کلیکها توسط کاربر به منظور مشاهده صفحات و اهداف مختلف خواهید بود.
۳- مانع استفاده منوی پیمایش پیشفرض دستگاه شود
بدترین اتفاق این است که شما برخلاف منوی پیمایش پیشفرض دستگاه، بخواهید از منوی همبرگری استفاده کنید. زیرا بسیاری از کاربران عادت دارند از منوی پیشفرض دستگاه استفاده کنند. مانند کاربران گوشی آیفون.
در ادامه این مقاله، بهترین موارد پیادهسازی شده منوی همبرگری و نمونههای استفاده شده آن در وبسایتهای مشهور را مشاهده خواهید کرد:
http://bit.ly/dxgn745
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #رابط_کاربری #منوی_همبرگری #طراحی_تعاملی #پیمایش #هزینه #بار_شناختی
@Dexign فلسفه دیزاین
_______
Justinmind
Guide to hamburger menu design
When should you use the hamburger menu in UI design? More importantly, how should you use them? Find the best hamburger menu tips and examples in this guide!