راهنمای جامع طراحی اعلانها
امروزه هر کسی که با دستگاههای الکترونیک و محصولات دیجیتال سر و کار داشته باشد، حتما با اعلانها (Notifications) آشناست و تجربه دریافت این اعلانها را داشته است. اگر خوب فکر کنید، روزانه هنگام کار با محصولات مختلف اعلانهای مختلفی دریافت میکنید که برخی از آنها به درد بخور و برخی از آنها نیز به درد نخور و کلافه کننده هستند. این اعلانها که پیامهای جنبی و پیرامونی در محصولات دیجیتال هستند، نباید تاثیر منفی بر روی تجربه کاربری داشته باشند، بلکه باید راهنمایی در جهت کمک به کاربران برای رسیدن به هدف خود باشند.
برای اینکه اعلانها به درستی و در راستای اهداف و نیازهای کاربران عمل کنند و موجب بهبود تجربه کاربری شوند، باید رویکردی یکپارچه و منسجم در مورد آنها وجود داشته باشد. اگرچه ممکن است در ابتدای مسیر و هنگام طراحی محصول، اطلاعات کاملی در مورد اعلانها و انواع و اقسام مورد نیاز آنها وجود نداشته باشد، اما طراحی یک چارچوب جامع برای اعلانها در طول دوره طراحی محصول میتواند بسیار مفید بوده و در شرایط مختلف مورد استفاده قرار گیرد.
هنگامی که صحبت از طراحی اعلانها به میان میآید، اصل مهمی که باید در نظر داشت این است که اعلانها باید کاربران را برای انجام کار خود همراهی و کمک کنند و مانعی در این مسیر نباشند. بنابراین در مراحل اولیه دیزاین باید محصول را مورد بررسی قرارداد تا مشخص شود که در چه نقاطی استفاده از اعلانها میتواند راهگشا بوده و کاربر را در رسیدن به هدف خود یاری کند.
برای آشنایی با ویژگیهای اعلانها و اصولی که باید در طراحی آنها مد نظر قرار داد، مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn717
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری #اعلانها
@Dexign فلسفه دیزاین
____
امروزه هر کسی که با دستگاههای الکترونیک و محصولات دیجیتال سر و کار داشته باشد، حتما با اعلانها (Notifications) آشناست و تجربه دریافت این اعلانها را داشته است. اگر خوب فکر کنید، روزانه هنگام کار با محصولات مختلف اعلانهای مختلفی دریافت میکنید که برخی از آنها به درد بخور و برخی از آنها نیز به درد نخور و کلافه کننده هستند. این اعلانها که پیامهای جنبی و پیرامونی در محصولات دیجیتال هستند، نباید تاثیر منفی بر روی تجربه کاربری داشته باشند، بلکه باید راهنمایی در جهت کمک به کاربران برای رسیدن به هدف خود باشند.
برای اینکه اعلانها به درستی و در راستای اهداف و نیازهای کاربران عمل کنند و موجب بهبود تجربه کاربری شوند، باید رویکردی یکپارچه و منسجم در مورد آنها وجود داشته باشد. اگرچه ممکن است در ابتدای مسیر و هنگام طراحی محصول، اطلاعات کاملی در مورد اعلانها و انواع و اقسام مورد نیاز آنها وجود نداشته باشد، اما طراحی یک چارچوب جامع برای اعلانها در طول دوره طراحی محصول میتواند بسیار مفید بوده و در شرایط مختلف مورد استفاده قرار گیرد.
هنگامی که صحبت از طراحی اعلانها به میان میآید، اصل مهمی که باید در نظر داشت این است که اعلانها باید کاربران را برای انجام کار خود همراهی و کمک کنند و مانعی در این مسیر نباشند. بنابراین در مراحل اولیه دیزاین باید محصول را مورد بررسی قرارداد تا مشخص شود که در چه نقاطی استفاده از اعلانها میتواند راهگشا بوده و کاربر را در رسیدن به هدف خود یاری کند.
برای آشنایی با ویژگیهای اعلانها و اصولی که باید در طراحی آنها مد نظر قرار داد، مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn717
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری #اعلانها
@Dexign فلسفه دیزاین
____
Medium
A comprehensive guide to notification design
Notifications of all types are an indispensable part of digital products, but they should never harm the user experience.
بررسی چند اشتباه در اول راه طراح رابط کاربری
همه ما روزهای اول حرفهای که در آن مشغول هستیم را گذراندهایم. سختیهای مخصوص به کار، علمی که همیشه در حال پیشرفت است و وقتی که همیشه در دسترس نیست.
طبیعی است که خیلی از درسهایی که از دیزاین یاد گرفتیم دقیقا زمانی اتفاق افتادند که با مشکلات جدید روبرو شدیم و البته دیزاینها و راهحلهای جدیدی را از دیزاینرهای دیگر دیدیم.
این یک روند طبیعی در پیشرفت است. احتمالا اگر همین حالا به دیزاینهای چند سال پیشتان مراجعه کنید، مشکلات بسیار واضحی میبینید و با خود میگویید چرا اینها را آن موقع نمیدانستم.
بعضی از این موارد با گذشت زمان و تکمیل سلیقه و درک هنری از مقوله دیزاین مشخص و برطرف میشوند ولی بعضی از موارد نیاز به آموزش دارند. چون در زندگی همیشه نمیشود آزمون و خطا قدم برداشت. گاهی تصمیمات ما هرچند برای ممکن است ساده باشند ولی تبعات وسیعتری خواهند داشت.
مقالهای که امروز معرفی میکنیم، ده اشتباهی است که آقای Danny Sapio وقتی یک طراح رابط کاربری تازهکار بوده انجام داده است.
مواردی که در مقاله مطرح شده عموما پایهای هستند و رعایت این موارد به آرامش ذهنی شما به عنوان یک دیزاینر کمک بسیاری میکند.
https://bit.ly/dxgn718
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#رابط_کاربری #تجربه
@Dexign فلسفه دیزاین
_______
همه ما روزهای اول حرفهای که در آن مشغول هستیم را گذراندهایم. سختیهای مخصوص به کار، علمی که همیشه در حال پیشرفت است و وقتی که همیشه در دسترس نیست.
طبیعی است که خیلی از درسهایی که از دیزاین یاد گرفتیم دقیقا زمانی اتفاق افتادند که با مشکلات جدید روبرو شدیم و البته دیزاینها و راهحلهای جدیدی را از دیزاینرهای دیگر دیدیم.
این یک روند طبیعی در پیشرفت است. احتمالا اگر همین حالا به دیزاینهای چند سال پیشتان مراجعه کنید، مشکلات بسیار واضحی میبینید و با خود میگویید چرا اینها را آن موقع نمیدانستم.
بعضی از این موارد با گذشت زمان و تکمیل سلیقه و درک هنری از مقوله دیزاین مشخص و برطرف میشوند ولی بعضی از موارد نیاز به آموزش دارند. چون در زندگی همیشه نمیشود آزمون و خطا قدم برداشت. گاهی تصمیمات ما هرچند برای ممکن است ساده باشند ولی تبعات وسیعتری خواهند داشت.
مقالهای که امروز معرفی میکنیم، ده اشتباهی است که آقای Danny Sapio وقتی یک طراح رابط کاربری تازهکار بوده انجام داده است.
مواردی که در مقاله مطرح شده عموما پایهای هستند و رعایت این موارد به آرامش ذهنی شما به عنوان یک دیزاینر کمک بسیاری میکند.
https://bit.ly/dxgn718
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#رابط_کاربری #تجربه
@Dexign فلسفه دیزاین
_______
Medium
10 Mistakes I Made Starting Out As A UI Designer
The ten mistakes that made me look like an amatuer
چگونه یک چشم تیزبین برای طراحی داشته باشیم؟
برای اینکه بتوانید یک چشم تیزبین در طراحی داشته باشید، نیاز است خود را به جای طراح محصول ببینید. برنامهای که بیشترین استفاده از آن را دارید، باز کنید و اینبار بدون گشت و گذار در آن، سعی در تمرکز بر قسمتهای مختلف آن کنید.
مواردی که میتواند به شما در این مرحله کمک کند:
مسیر پیمایش
طراحی، چگونه تمرکز شما را هدایت میکند؟ چه اطلاعاتی حالت برجسته دارند؟ تاثیر رنگ و متن در مهم نشان دادن عناصر چیست؟
محتوا
از چه عبارتهایی برای این تجربه کاربری استغاده شده است؟ کدام محتوا جالب و به راحتی قابل مشاهده است، کدام نه؟ به کارگیری فاصله برای قالببندی محتوا چگونه انجام میشود؟
هدف
دلایل استفاده کاربران از این برنامه چیست؟ این برنامه چه مشکلی را حل میکند؟ چگونه طراحی میتواند به حل بهتر این مسئله کمک کند؟
مخاطبان
افرادی که از این برنامه استفاده میکنند، چه کسانی هستند؟ موارد استفادهی آنها چه تفاوتهایی با شما دارد؟ طراحی چگونه این موارد را پوشش میدهد؟
شکستن برنامه به قسمتهای کوچکتر
بخشهای مختلف برنامه را به قسمتهای کوچک به عنوان کامپوننت به منظور تمرکز بهتر تقسیم کنید. ممکن است جزئیات جدیدی از هر قسمت را کشف کنید که قبلتر متوجه آن نشده بودید. در مورد هرآنچه میبینید کنجکاو باشید و در مورد انتخابهای خود برای این برنامه تفکر کنید.
دفعهی بعدی که فرصت اضافی برای خود دارید یا منتظر کسی هستید، برنامهای را باز کنید و به دلایلی که طراحان تصمیم گرفتهاند تا از این روش استفاده کنند، فکر کنید. با تجزیه و تحلیل برنامهها، شما تفکر محصول خود را توسعه میدهید و طراحیهای بعدیتان را بهتر انجام خواهید داد.
در ادامهی این مقاله، نمونهای از تجزیه و تحلیل برنامهها را مشاهده خواهید کرد:
https://bit.ly/dxgn719
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #تفکر_محصول #دیزاین #تفکر #محصول #تجزیه #تحلیل #مخاطب #محتوا
@Dexign فلسفه دیزاین
______
برای اینکه بتوانید یک چشم تیزبین در طراحی داشته باشید، نیاز است خود را به جای طراح محصول ببینید. برنامهای که بیشترین استفاده از آن را دارید، باز کنید و اینبار بدون گشت و گذار در آن، سعی در تمرکز بر قسمتهای مختلف آن کنید.
مواردی که میتواند به شما در این مرحله کمک کند:
مسیر پیمایش
طراحی، چگونه تمرکز شما را هدایت میکند؟ چه اطلاعاتی حالت برجسته دارند؟ تاثیر رنگ و متن در مهم نشان دادن عناصر چیست؟
محتوا
از چه عبارتهایی برای این تجربه کاربری استغاده شده است؟ کدام محتوا جالب و به راحتی قابل مشاهده است، کدام نه؟ به کارگیری فاصله برای قالببندی محتوا چگونه انجام میشود؟
هدف
دلایل استفاده کاربران از این برنامه چیست؟ این برنامه چه مشکلی را حل میکند؟ چگونه طراحی میتواند به حل بهتر این مسئله کمک کند؟
مخاطبان
افرادی که از این برنامه استفاده میکنند، چه کسانی هستند؟ موارد استفادهی آنها چه تفاوتهایی با شما دارد؟ طراحی چگونه این موارد را پوشش میدهد؟
شکستن برنامه به قسمتهای کوچکتر
بخشهای مختلف برنامه را به قسمتهای کوچک به عنوان کامپوننت به منظور تمرکز بهتر تقسیم کنید. ممکن است جزئیات جدیدی از هر قسمت را کشف کنید که قبلتر متوجه آن نشده بودید. در مورد هرآنچه میبینید کنجکاو باشید و در مورد انتخابهای خود برای این برنامه تفکر کنید.
دفعهی بعدی که فرصت اضافی برای خود دارید یا منتظر کسی هستید، برنامهای را باز کنید و به دلایلی که طراحان تصمیم گرفتهاند تا از این روش استفاده کنند، فکر کنید. با تجزیه و تحلیل برنامهها، شما تفکر محصول خود را توسعه میدهید و طراحیهای بعدیتان را بهتر انجام خواهید داد.
در ادامهی این مقاله، نمونهای از تجزیه و تحلیل برنامهها را مشاهده خواهید کرد:
https://bit.ly/dxgn719
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #تفکر_محصول #دیزاین #تفکر #محصول #تجزیه #تحلیل #مخاطب #محتوا
@Dexign فلسفه دیزاین
______
Medium
How to develop an eye for Design
When I started off in design, I sucked.
درآمدی بر ساخت سیستمهای دیزاین
در دنیای رقابتی تکنولوژی جهانی، نیاز به دیزاین بیش از هر زمان دیگری احساس میشود. بهطوری که بهرهگیری مناسب از سیستمهای دیزاین به یکی از نقاط قوت شرکتها و یا محصولات تبدیل شده است. این قبیل شرکتها در طول زمان، به بهبود تجربه کاربر به عنوان یک تمایز دهنده اصلی اعتماد کردهاند که این موضوع منجر به درخواستهای متوالی شرکتها از طراحان جهت ایجاد تجربه لذتبخشتر برای کاربران شده است. در چنین شرایطی که طراحان از یک طرف ملزم به انجام پروژه های بیشتر و کار سریعتر میباشند و از سوی دیگر میبایست محصولاتی با کیفیت بالاتر تحویل دهند؛ اگر هیچ زبان دیزاین استانداردی برای طراحان وجود نداشته باشد، آنها با مشکلات بسیاری مواجه خواهند بود.
ساخت یک سیستم دیزاینی کار سادهای نیست، اما نتیجه آن میتواند لذتبخش باشد. برخورد با مواردی همچون کشف ارتباط بین عناصر، ساخت ارتباطات جدید، بهبود عناصر و مشاهده تکامل عناصر در شکل و هدف، در طول روند ساخت یک سیستم دیزاینی میتواند پروژهای جذاب برای هر طراحی باشد.
دونلا میدوز نویسنده کتاب "تفکر در سیستمها"، به ۳ ایده اساسی اشاره میکند که توجه به آنها برای طراحی یک سیستم دیزاینی کارآمد دارای اهمیت میباشد:
- عناصر موجود در سیستم چه هستند؟
- ارتباطات بین این عناصر چگونه است؟
- هدف کلی سیستم چیست؟
در مقاله امروز نویسنده تجربه خود از نحوه ساخت یک نقشه برای دیزاین سیستمها را با مخاطبان به اشتراک گذاشته و به بیان روشی موفقیت آمیز برای شناسایی اجزای مختلف یک سیستم و درک نحوه ارتباط بین این اجزا پرداخته است.
https://bit.ly/dxgn719-0
(زمان مورد نیاز برای مطالعه: ۵ دقیقه)
نویسنده: نیما حکیمرابط
#دیزاینسیستم #تجربهکاربری
@Dexign فلسفه دیزاین
_______
در دنیای رقابتی تکنولوژی جهانی، نیاز به دیزاین بیش از هر زمان دیگری احساس میشود. بهطوری که بهرهگیری مناسب از سیستمهای دیزاین به یکی از نقاط قوت شرکتها و یا محصولات تبدیل شده است. این قبیل شرکتها در طول زمان، به بهبود تجربه کاربر به عنوان یک تمایز دهنده اصلی اعتماد کردهاند که این موضوع منجر به درخواستهای متوالی شرکتها از طراحان جهت ایجاد تجربه لذتبخشتر برای کاربران شده است. در چنین شرایطی که طراحان از یک طرف ملزم به انجام پروژه های بیشتر و کار سریعتر میباشند و از سوی دیگر میبایست محصولاتی با کیفیت بالاتر تحویل دهند؛ اگر هیچ زبان دیزاین استانداردی برای طراحان وجود نداشته باشد، آنها با مشکلات بسیاری مواجه خواهند بود.
ساخت یک سیستم دیزاینی کار سادهای نیست، اما نتیجه آن میتواند لذتبخش باشد. برخورد با مواردی همچون کشف ارتباط بین عناصر، ساخت ارتباطات جدید، بهبود عناصر و مشاهده تکامل عناصر در شکل و هدف، در طول روند ساخت یک سیستم دیزاینی میتواند پروژهای جذاب برای هر طراحی باشد.
دونلا میدوز نویسنده کتاب "تفکر در سیستمها"، به ۳ ایده اساسی اشاره میکند که توجه به آنها برای طراحی یک سیستم دیزاینی کارآمد دارای اهمیت میباشد:
- عناصر موجود در سیستم چه هستند؟
- ارتباطات بین این عناصر چگونه است؟
- هدف کلی سیستم چیست؟
در مقاله امروز نویسنده تجربه خود از نحوه ساخت یک نقشه برای دیزاین سیستمها را با مخاطبان به اشتراک گذاشته و به بیان روشی موفقیت آمیز برای شناسایی اجزای مختلف یک سیستم و درک نحوه ارتباط بین این اجزا پرداخته است.
https://bit.ly/dxgn719-0
(زمان مورد نیاز برای مطالعه: ۵ دقیقه)
نویسنده: نیما حکیمرابط
#دیزاینسیستم #تجربهکاربری
@Dexign فلسفه دیزاین
_______
Medium
Building a Design System? Start with a Map
When building complex systems with many dependencies, a map is a great starting point for better understanding, alignment and optimization.
دید عقاب روی دیزاین
احتمالا اگر جزو آن دسته از افراد کمالگرا باشید، یکی از بزرگترین مشکلات شما نرسیدن به ددلاینهاست. پروژه را شروع کردهاید ولی آنقدر زمان را صرف یک قسمت از دیزاین، تکمیل و بهتر کردن آن کردهاید که دیگر وقتی برای سایر قسمتها نمانده است.
امروز قرار نیست یکی از روشهای مدیریت زمان را معرفی کنیم. بلکه میخواهیم شما را با یکی از بهترین تکنیکهای طراحی که تابهحال با آن روبرو شدهایم آشنا کنیم.
همگی کم و بیش ساخته شدن ساختمانهای توی کوچه و خیابان را از نزدیک دیدهایم. آيا موردی بوده است که به عنوان مثال اول آشپزخانهی واحد آپارتمانی کامل ساختهشود و بعد به سراغ ساختن دیگر قسمتهای ساختمان بروند؟ تقریبا امکان پذیر است ولی دید درست و جامعی به کارفرما نمیدهد و همچنین بودجه و زمان را فدای قسمتی میکند که تنها بخش کوچکی از پروژهی شماست.
طراحی به سبک لایهلایه همان چیزیست که هم هدف پروژه را تحویل میدهد و هم نتیجهی نهایی را بهتر میکند. شما همانند یک عقاب تسلط کافی روی تمامی جزئیات و مراحل دیزاین خود دارید. و هر موقع که زمان تحویل فرا برسد یا در میانهی راه از شما بپرسند در چه مرحلهای هستید و مسیرهای بعدی چیست، میتوانید پاسخی درخور و مناسب از روندی که طی کردید با ارائهی دیزاینهای خود بدهید.
مشتاقانه شما را به خواندن این تکنینک مهم دعوت میکنم و امیدوارم که از این روش در دیزاینهای خود بهره ببرید:
https://bit.ly/dxgn720
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: حسین میرزاده
#رابط_کاربری #تکنیک #روند #تحویل #طراحی_محصول
@Dexign فلسفه دیزاین
______
احتمالا اگر جزو آن دسته از افراد کمالگرا باشید، یکی از بزرگترین مشکلات شما نرسیدن به ددلاینهاست. پروژه را شروع کردهاید ولی آنقدر زمان را صرف یک قسمت از دیزاین، تکمیل و بهتر کردن آن کردهاید که دیگر وقتی برای سایر قسمتها نمانده است.
امروز قرار نیست یکی از روشهای مدیریت زمان را معرفی کنیم. بلکه میخواهیم شما را با یکی از بهترین تکنیکهای طراحی که تابهحال با آن روبرو شدهایم آشنا کنیم.
همگی کم و بیش ساخته شدن ساختمانهای توی کوچه و خیابان را از نزدیک دیدهایم. آيا موردی بوده است که به عنوان مثال اول آشپزخانهی واحد آپارتمانی کامل ساختهشود و بعد به سراغ ساختن دیگر قسمتهای ساختمان بروند؟ تقریبا امکان پذیر است ولی دید درست و جامعی به کارفرما نمیدهد و همچنین بودجه و زمان را فدای قسمتی میکند که تنها بخش کوچکی از پروژهی شماست.
طراحی به سبک لایهلایه همان چیزیست که هم هدف پروژه را تحویل میدهد و هم نتیجهی نهایی را بهتر میکند. شما همانند یک عقاب تسلط کافی روی تمامی جزئیات و مراحل دیزاین خود دارید. و هر موقع که زمان تحویل فرا برسد یا در میانهی راه از شما بپرسند در چه مرحلهای هستید و مسیرهای بعدی چیست، میتوانید پاسخی درخور و مناسب از روندی که طی کردید با ارائهی دیزاینهای خود بدهید.
مشتاقانه شما را به خواندن این تکنینک مهم دعوت میکنم و امیدوارم که از این روش در دیزاینهای خود بهره ببرید:
https://bit.ly/dxgn720
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: حسین میرزاده
#رابط_کاربری #تکنیک #روند #تحویل #طراحی_محصول
@Dexign فلسفه دیزاین
______
Medium
Delivering your work in layers
Getting used to sharing work in progress to make more efficient design decisions.
نکاتی برای طراحی بهتر صفحات ثبت نام
صفحات ثبتنام و ورود، اولین صفحاتی هستند که کاربر در هنگام استفاده از اکثر برنامهها با آنها روبرو میشود و نقش بسزایی در نمایش زیبایی، کاربردپذیری و اعتبار یک برنامه در نظر کابران دارند. همانطور که مثال معروفی میگوید: “متاسفانه، مردم کتابها را براساس جلد آنها ارزیابی میکنند”.
در نقطه مقابل، اکثر طراحان و توسعهدهندگان اهمیت این صفحات را فراموش کردهاند، چرا که بیشتر کاربران با صفحات افتضاح از این نوع روبرو میشوند. بنابراین در ادامهی این مقاله، چندین نکته کاربردی را با شما مرور خواهیم کرد تا صفحات ثبتنام و ورود بهتری نسبت به گذشته طراحی کنید.
۱- ورود در مقابل ثبتنام
در مورد اینکه کدام صفحه را ابتدا نشان دهید باید این نکته را در نظر بگیرید که کاربران شما جدید هستند یا بازگشتی؟! سپس میتوانید بر اساس اهمیت هریک، آنها را برجسته کنید. نکتهی دیگری که در این قسمت باید رعایت کنید این است که سوییچ بین صفحات باید به راحتی هرچه تمام باشد.
۲- شبکههای اجتماعی یا ایمیل
یکی دیگر از گزینههایی که باید براساس دادهها انتخاب کنید، ورود به وسیله ایمیل یا شبکههای اجتماعی و برتری یکی بر دیگری است. برای مثال، اگر اکثر کاربران شما دارای حساب کاربری Gmail هستند میتوانید “ورود به وسیلهی Gmail” را گزینهی اول در صفحهی ورود قرار دهید. همچنین نحوهی ورود براساس هر دو مدل، بهتر است در یک صفحه ترکیب شوند.
۳- عمل “heavy lifting” را انجام دهید!
یکی از سادهترین نکاتی که نشاندهندهی توجه کسب و کار شما در ارائهی بهترین تجربه کاربری برای کاربران خود است. برای مثال، اگر کاربری قبلا ثبتنام کرده و اقدام به ثبتنام دوباره میکند، تنها نشان دادن اخطار “شما باید وارد شوید” کافی نیست. او را به صفحهی ورود هدایت کرده و بخش ایمیل او را پر کنید و از او بخواهید کلمه عبور خود را وارد کند.
۴- کلمه عبورها
کلمه عبورها بیشتر مواقع میتوانند از گیجکنندهترین و ناامیدکنندهترین قسمتها باشند. بنابراین رعایت موارد زیر الزامیست:
- از کاربران خود نخواهید تا کلمهی عبور خود را دوبار تکرار کنند، به جای آن میتوانید با افزودن قابلیت “نمایش کلمه عبور” از بروز مشکل در کلمه عبور آنها جلوگیری کنید.
- آخرین کاراکتر واردشده توسط کاربران به عنوان کلمه عبور را نشان دهید، این عمل کمک بسزای در تشخیص اشتباه آن ها خواهد داشت.
- موارد مورد نیاز برای کلمه عبور خوب و امن را نشان دهید.
۵- کمتر بهتر است!
در صفحه ثبتنام، هرچه اطلاعات کمتری از کاربر بخواهید، بهتر است. قبل از درخواست هر اطلاعاتی از خود بپرسید “آیا برای ثبتنام کاربر واقعا به همه این اطلاعات نیاز دارم؟!” و اگر پاسخ منفی بود، آن را حذف کنید. به یاد داشته باشید، بعدا میتوانید اطلاعات بیشتری از کاربر درخواست کنید. زدن تیک موافقت با “قوانین و مقررات” کافی نیست، ابتدا آنها را به کاربران نشان داده و سپس تاییده آنها را بگیرید تا حداقل بدانند چه قوانینی را قبول میکنند.
۶- درخواست دسترسیهای لازم
در همان ابتدای ورود، تمامی دسترسیها را از کاربر درخواست نکنید. به جای آن به مرور در صورت نیاز، دسترسیها را درخواست کنید و دلیل آن را برای کاربر بیان کنید.
۷- آنها را تست کنید!
این نکات به شما کمک میکنند تا تجربه ورود به سیستم و ثبت نام را بهبود ببخشید، اما صرفا در حد نکته هستند. چیزی که در اینجا مهم است این است که شما باید این صفحات را تست کرده و با کاربرانتان آزمایش کنید و سپس آنها را بر اساس بازخورد کاربرانتان اصلاح کنید.
در ادامه، محتوای کامل مقاله در لینک زیر قابل مشاهده است:
https://bit.ly/dxgn722
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #صفحه #ثبت_نام #بهبود #ورود #اطلاعات #کاربر #کلمه_عبور
@Dexign فلسفه دیزاین
______
صفحات ثبتنام و ورود، اولین صفحاتی هستند که کاربر در هنگام استفاده از اکثر برنامهها با آنها روبرو میشود و نقش بسزایی در نمایش زیبایی، کاربردپذیری و اعتبار یک برنامه در نظر کابران دارند. همانطور که مثال معروفی میگوید: “متاسفانه، مردم کتابها را براساس جلد آنها ارزیابی میکنند”.
در نقطه مقابل، اکثر طراحان و توسعهدهندگان اهمیت این صفحات را فراموش کردهاند، چرا که بیشتر کاربران با صفحات افتضاح از این نوع روبرو میشوند. بنابراین در ادامهی این مقاله، چندین نکته کاربردی را با شما مرور خواهیم کرد تا صفحات ثبتنام و ورود بهتری نسبت به گذشته طراحی کنید.
۱- ورود در مقابل ثبتنام
در مورد اینکه کدام صفحه را ابتدا نشان دهید باید این نکته را در نظر بگیرید که کاربران شما جدید هستند یا بازگشتی؟! سپس میتوانید بر اساس اهمیت هریک، آنها را برجسته کنید. نکتهی دیگری که در این قسمت باید رعایت کنید این است که سوییچ بین صفحات باید به راحتی هرچه تمام باشد.
۲- شبکههای اجتماعی یا ایمیل
یکی دیگر از گزینههایی که باید براساس دادهها انتخاب کنید، ورود به وسیله ایمیل یا شبکههای اجتماعی و برتری یکی بر دیگری است. برای مثال، اگر اکثر کاربران شما دارای حساب کاربری Gmail هستند میتوانید “ورود به وسیلهی Gmail” را گزینهی اول در صفحهی ورود قرار دهید. همچنین نحوهی ورود براساس هر دو مدل، بهتر است در یک صفحه ترکیب شوند.
۳- عمل “heavy lifting” را انجام دهید!
یکی از سادهترین نکاتی که نشاندهندهی توجه کسب و کار شما در ارائهی بهترین تجربه کاربری برای کاربران خود است. برای مثال، اگر کاربری قبلا ثبتنام کرده و اقدام به ثبتنام دوباره میکند، تنها نشان دادن اخطار “شما باید وارد شوید” کافی نیست. او را به صفحهی ورود هدایت کرده و بخش ایمیل او را پر کنید و از او بخواهید کلمه عبور خود را وارد کند.
۴- کلمه عبورها
کلمه عبورها بیشتر مواقع میتوانند از گیجکنندهترین و ناامیدکنندهترین قسمتها باشند. بنابراین رعایت موارد زیر الزامیست:
- از کاربران خود نخواهید تا کلمهی عبور خود را دوبار تکرار کنند، به جای آن میتوانید با افزودن قابلیت “نمایش کلمه عبور” از بروز مشکل در کلمه عبور آنها جلوگیری کنید.
- آخرین کاراکتر واردشده توسط کاربران به عنوان کلمه عبور را نشان دهید، این عمل کمک بسزای در تشخیص اشتباه آن ها خواهد داشت.
- موارد مورد نیاز برای کلمه عبور خوب و امن را نشان دهید.
۵- کمتر بهتر است!
در صفحه ثبتنام، هرچه اطلاعات کمتری از کاربر بخواهید، بهتر است. قبل از درخواست هر اطلاعاتی از خود بپرسید “آیا برای ثبتنام کاربر واقعا به همه این اطلاعات نیاز دارم؟!” و اگر پاسخ منفی بود، آن را حذف کنید. به یاد داشته باشید، بعدا میتوانید اطلاعات بیشتری از کاربر درخواست کنید. زدن تیک موافقت با “قوانین و مقررات” کافی نیست، ابتدا آنها را به کاربران نشان داده و سپس تاییده آنها را بگیرید تا حداقل بدانند چه قوانینی را قبول میکنند.
۶- درخواست دسترسیهای لازم
در همان ابتدای ورود، تمامی دسترسیها را از کاربر درخواست نکنید. به جای آن به مرور در صورت نیاز، دسترسیها را درخواست کنید و دلیل آن را برای کاربر بیان کنید.
۷- آنها را تست کنید!
این نکات به شما کمک میکنند تا تجربه ورود به سیستم و ثبت نام را بهبود ببخشید، اما صرفا در حد نکته هستند. چیزی که در اینجا مهم است این است که شما باید این صفحات را تست کرده و با کاربرانتان آزمایش کنید و سپس آنها را بر اساس بازخورد کاربرانتان اصلاح کنید.
در ادامه، محتوای کامل مقاله در لینک زیر قابل مشاهده است:
https://bit.ly/dxgn722
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #صفحه #ثبت_نام #بهبود #ورود #اطلاعات #کاربر #کلمه_عبور
@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.
رفتار یا گفتار؟ مساله این است!
«یا چگونه میتوانیم درک درستتری نسبت به رفتار کاربرانمان بهدست بیاوریم.»
زمانی طراحی خاص یک محصول اهمیت زیادی داشت، انقدر که گاهی اهمیت طراحی از کاربردپذیری محصول بیشتر شده و در نتیجه طراحیهای زیبایی خلق میشد که امکان کار کردن با آن به سختی ممکن بود. خوشبختانه این روش رفتهرفته به کنار رانده شد و کاربردپذیری طرحها اهمیت بیشتری نسبت به زیبایی آنها پیدا کرد اما همچنان با محصولات پیچیدهای مواجه هستیم که کار کردن با آنها چندان راحت نیست.
به طور کلی تمام محصولات و خدمات برای استفاده کاربران و در راستای رفع مشکلات و برطرف کردن نیازهای آنها طراحی میشوند. به همین دلیل است که طراحان تلاش میکنند تا با استفاده از روشهای متفاوت شناخت بهتری نسبت به کاربرانشان پیدا کنند. اما گاهی اشتباه بودن اطلاعاتی که از کاربرانشان جمع آوری میکنند باعث میشود تا مسیری غلط را در پیش بگیرند و طراحیهای خود را بر پایه یک اشتباه انجام دهند.
اما چه چیزی باعث به وجود آمدن این اشتباه میشود؟ تصور کنید که محصولی را در برابر کاربری که تاکنون تجربه استفاده از آن نداشته است قرار میدهید. عدم شناخت کاربر نسبت به آن محصول باعث میشود تا نظرات اون تنها بر پایه مشاهداتش باشد و این نظرات معمولا برخلاف بازخوردهای کاربران پس از کار کردن با آن محصول است. بررسی رفتار کاربر هنگام کار با محصول سادهترین راه برای رفع چنین مشکلاتی است. زیرا اکثر کاربران مشکلات خود را به درستی نمی شناسند و دقیقا نمیدانند که به چیزی نیاز دارند پس شاید بهتر است که برای به دست آوردن درک درستی از رفتار کاربران و رسیدن به یک تجربه کاربری خوب، بهجای گوش کردن به صحبتهای کاربران به رفتارشان توجه کنید.
دنیا پر از کسبوکارهای است که به دلیل شناخت نادرست از کاربرانشان مسیری اشتباه را در پیش گرفتند و در نهایت شکست خوردند. اگر علاقهمند هستید که درباره روشهای درست شناخت کابران بیشتر بدانید پیشنهاد میکنم که این مقاله را مطالعه کنید.
https://bit.ly/36QXtT0
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #کاربردپذیری
@Dexign فلسفه دیزاین
_______
«یا چگونه میتوانیم درک درستتری نسبت به رفتار کاربرانمان بهدست بیاوریم.»
زمانی طراحی خاص یک محصول اهمیت زیادی داشت، انقدر که گاهی اهمیت طراحی از کاربردپذیری محصول بیشتر شده و در نتیجه طراحیهای زیبایی خلق میشد که امکان کار کردن با آن به سختی ممکن بود. خوشبختانه این روش رفتهرفته به کنار رانده شد و کاربردپذیری طرحها اهمیت بیشتری نسبت به زیبایی آنها پیدا کرد اما همچنان با محصولات پیچیدهای مواجه هستیم که کار کردن با آنها چندان راحت نیست.
به طور کلی تمام محصولات و خدمات برای استفاده کاربران و در راستای رفع مشکلات و برطرف کردن نیازهای آنها طراحی میشوند. به همین دلیل است که طراحان تلاش میکنند تا با استفاده از روشهای متفاوت شناخت بهتری نسبت به کاربرانشان پیدا کنند. اما گاهی اشتباه بودن اطلاعاتی که از کاربرانشان جمع آوری میکنند باعث میشود تا مسیری غلط را در پیش بگیرند و طراحیهای خود را بر پایه یک اشتباه انجام دهند.
اما چه چیزی باعث به وجود آمدن این اشتباه میشود؟ تصور کنید که محصولی را در برابر کاربری که تاکنون تجربه استفاده از آن نداشته است قرار میدهید. عدم شناخت کاربر نسبت به آن محصول باعث میشود تا نظرات اون تنها بر پایه مشاهداتش باشد و این نظرات معمولا برخلاف بازخوردهای کاربران پس از کار کردن با آن محصول است. بررسی رفتار کاربر هنگام کار با محصول سادهترین راه برای رفع چنین مشکلاتی است. زیرا اکثر کاربران مشکلات خود را به درستی نمی شناسند و دقیقا نمیدانند که به چیزی نیاز دارند پس شاید بهتر است که برای به دست آوردن درک درستی از رفتار کاربران و رسیدن به یک تجربه کاربری خوب، بهجای گوش کردن به صحبتهای کاربران به رفتارشان توجه کنید.
دنیا پر از کسبوکارهای است که به دلیل شناخت نادرست از کاربرانشان مسیری اشتباه را در پیش گرفتند و در نهایت شکست خوردند. اگر علاقهمند هستید که درباره روشهای درست شناخت کابران بیشتر بدانید پیشنهاد میکنم که این مقاله را مطالعه کنید.
https://bit.ly/36QXtT0
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #کاربردپذیری
@Dexign فلسفه دیزاین
_______
Nielsen Norman Group
First Rule of Usability? Don't Listen to Users
For good UX, watch what users do, not what they say. Self-reported claims and speculations about future behavior are unreliable. Users do not know what they want.
چهارچوبهای هوشمند
نقش گرید در طراحی رابط کاربری تلفن همراه
تعادل در طرح یکی از اصول مهم در طراحی است و یکی از سادهترین روشهای ایجاد آن استفاده از گرید (Grid) است. گریدها یکی از ابزارهای اصلی طراحی هستند که به طراحان کمک میکنند تا با ایجاد هماهنگی و سازگاری بین عناصر طرح، یک سیستم بصری هماهنگ، یکپارچه، منظم و تراز ایجاد کنند تا ترکیببندی کار از استحکام بیشتری برخوردار شده و طرح منظم و زیباتر بهنظر برسد.
آناتومی یک گرید از سه بخش تشکیل میشود، ستونها، شیارها و حاشیه طرفین. معمولا از ترکیبها و اندازههای متفاوتی از این سه برای ساخت گرید در طراحی دیوایسهای مختلف استفاده میکنند. شاید پیشنهادهایی برای ساخت گرید مربوط به هر دیوایس وجود داشته باشد ولی در واقع اینها قوانین غیرقابل نقض نیستند و میتوان آنها را با توجه به طرح تغییر داد.
برای مثال معمولا گرید ۴ ستونی برای طراحی تلفن همراه پیشنهاد میشود اما یکی از راحتترین گریدها برای آن استفاده از گرید ۱۲ ستونی (مشابه وب) است چون امکان قرار گرفتن تعداد عناصر زوج و فرد را در یک ردیف ایجاد میکند، اما تنها عیب آن این است که عرض ستونها بسیار کم است و امکان ایجاد عناصری با عرض یک ستون بهندرت ممکن میشود.
این موضوع در مورد شیارها و حاشیه طرفین هم وجود دارد، مثلا حداقل حاشیه پیشنهادی برای اندروید و iOs را ۱۶pt در نظر میگیرند. اندازه حاشیه نباید کمتر از این باشد اما میتوان اندازه بزرگتری را برای آن درنظر گرفت. یا اندازه شیارها را نیز به گونهای انتخاب کرد که با اندازه ستونها هماهنگ باشد.
نکته مهم در استفاده از گریدها هماهنگی میان سه عنصر تشکیل دهنده آن است. درک کامل نحوه کار گریدها و قوانین آنها این امکان را ایجاد میکند تا آنها را بر مبنای ماهیت طراحی خود بسازید و در نهایت طرحی سازمانیافته و هماهنگ ایجاد کنید.
اگر به آشنایی با نکات و ترفندهای کاربردی برای ساخت گریدهای طراحی رابط کاربری تلفن همراه علاقهمندید این مقاله را بخوانید.
http://bit.ly/dxgn723
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: فیروزه ایمانی
#طراحیوب #رابط_کاربری #گرید
@Dexign فلسفه دیزاین
______
نقش گرید در طراحی رابط کاربری تلفن همراه
تعادل در طرح یکی از اصول مهم در طراحی است و یکی از سادهترین روشهای ایجاد آن استفاده از گرید (Grid) است. گریدها یکی از ابزارهای اصلی طراحی هستند که به طراحان کمک میکنند تا با ایجاد هماهنگی و سازگاری بین عناصر طرح، یک سیستم بصری هماهنگ، یکپارچه، منظم و تراز ایجاد کنند تا ترکیببندی کار از استحکام بیشتری برخوردار شده و طرح منظم و زیباتر بهنظر برسد.
آناتومی یک گرید از سه بخش تشکیل میشود، ستونها، شیارها و حاشیه طرفین. معمولا از ترکیبها و اندازههای متفاوتی از این سه برای ساخت گرید در طراحی دیوایسهای مختلف استفاده میکنند. شاید پیشنهادهایی برای ساخت گرید مربوط به هر دیوایس وجود داشته باشد ولی در واقع اینها قوانین غیرقابل نقض نیستند و میتوان آنها را با توجه به طرح تغییر داد.
برای مثال معمولا گرید ۴ ستونی برای طراحی تلفن همراه پیشنهاد میشود اما یکی از راحتترین گریدها برای آن استفاده از گرید ۱۲ ستونی (مشابه وب) است چون امکان قرار گرفتن تعداد عناصر زوج و فرد را در یک ردیف ایجاد میکند، اما تنها عیب آن این است که عرض ستونها بسیار کم است و امکان ایجاد عناصری با عرض یک ستون بهندرت ممکن میشود.
این موضوع در مورد شیارها و حاشیه طرفین هم وجود دارد، مثلا حداقل حاشیه پیشنهادی برای اندروید و iOs را ۱۶pt در نظر میگیرند. اندازه حاشیه نباید کمتر از این باشد اما میتوان اندازه بزرگتری را برای آن درنظر گرفت. یا اندازه شیارها را نیز به گونهای انتخاب کرد که با اندازه ستونها هماهنگ باشد.
نکته مهم در استفاده از گریدها هماهنگی میان سه عنصر تشکیل دهنده آن است. درک کامل نحوه کار گریدها و قوانین آنها این امکان را ایجاد میکند تا آنها را بر مبنای ماهیت طراحی خود بسازید و در نهایت طرحی سازمانیافته و هماهنگ ایجاد کنید.
اگر به آشنایی با نکات و ترفندهای کاربردی برای ساخت گریدهای طراحی رابط کاربری تلفن همراه علاقهمندید این مقاله را بخوانید.
http://bit.ly/dxgn723
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: فیروزه ایمانی
#طراحیوب #رابط_کاربری #گرید
@Dexign فلسفه دیزاین
______
Medium
Digging deep in layout grids in mobile app design
Practical tips and tricks to help you build better layout grids for mobile apps.
دسخط: یک هدیه یلدایی
دیشب فال #یلدا 🍉 گرفتیم و آمد که:
ای صبا نکهتی از خاک ره یار بیار
ببر اندوه دل و مژده دلدار بیار
ما هم برای شما هدیهای جذاب از طرف استودیو دیزاین (Dexign Studio) آماده کردیم.
همیشه انتخاب فونت در فارسی کار سختی بوده چراکه همه فونتهای فارسی به ندرت یکجا تجمیع شدند و یا تست کردنشان قبل از خرید، کار سختیست.
برای رفع این مشکل سرویسی ساختیم که بتوانید فونتها را با متنهای دلخواه تست کرده و بعد از مقایسهی آنها، دریافتشان کرده یا از سازنده فونت بخریدشان.
دسخط؛ سرویس مشاهده و مقایسه فونتهای فارسی 💫
Daskhat.com
__
دیشب فال #یلدا 🍉 گرفتیم و آمد که:
ای صبا نکهتی از خاک ره یار بیار
ببر اندوه دل و مژده دلدار بیار
ما هم برای شما هدیهای جذاب از طرف استودیو دیزاین (Dexign Studio) آماده کردیم.
همیشه انتخاب فونت در فارسی کار سختی بوده چراکه همه فونتهای فارسی به ندرت یکجا تجمیع شدند و یا تست کردنشان قبل از خرید، کار سختیست.
برای رفع این مشکل سرویسی ساختیم که بتوانید فونتها را با متنهای دلخواه تست کرده و بعد از مقایسهی آنها، دریافتشان کرده یا از سازنده فونت بخریدشان.
دسخط؛ سرویس مشاهده و مقایسه فونتهای فارسی 💫
Daskhat.com
__
هنر قصهگویی؛
اصول و استراتژی در تجربهی کاربری
«پس از غذا، سرپناه و معاشرت با آدمها ، داستانها همان چیزی هستند که در دنیا بیشتر به آنها نیاز داریم.»
ــــ نقل قول از 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.