انتظارات دیزاینی ما از ۲۰۲۱
تا اینجا، اکثر مقالهها را به عنوان یک دیزاینر مینوشتم ولی اینبار مقالهای را به شما معرفی میکنم که از دید یک کاربر انتظارات دیزاینی از سال ۲۰۲۱ را شرح میدهد.
نکته جالب اینجاست که تمام این انتظارات بر پایه فهم بیشتر مخاطب شکل گرفته است.
ما به عنوان دیزاینر مسئول هستیم تا کار کردن با محصول را برای کاربرانمان ساده و سادهتر کنیم.
به نظر میآید یکی از روشهای حل این مساله، تکیه بر آیکنهای واضحتر باشد یا برای مثال، استفاده از قدرت واقعی 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!
چرا از قبول و درک تغییر گریزانیم؟
چندوقت پیش بود قسمتی از پادکست Moniaz گوش میکردم که درباره ذهن انسان و علاقهاش به تغییر نکردن صحبت میکرد.
تغییر، وقت و انرژی مصرف میکند و طبیعتا ذهن ما تمام تلاشش را میکند تا حتی ایده تغییرات احتمالی را در هنگام شکلگیری از بین ببرد.
دقیقا برای همین است که بیشتر مواقع با تغییر مخالفیم، چون راحتیمان را به خطر میاندازد.
این مساله درباره دیزاین و ریبرند شرکتها هم صدق میکند. چرا خیلی از مردم از ریبرند شرکتها بدشان میآید؟ چرا به راحتی پذیرای لوگوی جدید یک شرکت قدیمی نیستند؟ در طراحی لوگوی جدید برای یک شرکت قدیمی چه مسائلی را باید در نظر گرفت که حاشیه این خطر را به حداقل رساند؟
دیزاین، سوای مسائل تکنیکیاش، یک مقوله احساسی است. شما به عنوان یک دیزاینر مستقیما با احساسات کاربر سروکار دارید. اینکه چه حسی به شما و برند شما دارد. این حس از شمایل لوگو در حال شکلگیری است تا میزان گردی باتنهای رابط کاربری.
در این مقاله، Kushaan Shah به واکاوی دلایلی میپردازد که چرا مردم از ریبرندها متنفرند؟
پیشنهاد میکنم این مقاله جذاب رو از دست ندهید.
http://bit.ly/dxgn746
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: آرش اصغری
#دیزاین #چالش
@Dexign فلسفه دیزاین
______
چندوقت پیش بود قسمتی از پادکست Moniaz گوش میکردم که درباره ذهن انسان و علاقهاش به تغییر نکردن صحبت میکرد.
تغییر، وقت و انرژی مصرف میکند و طبیعتا ذهن ما تمام تلاشش را میکند تا حتی ایده تغییرات احتمالی را در هنگام شکلگیری از بین ببرد.
دقیقا برای همین است که بیشتر مواقع با تغییر مخالفیم، چون راحتیمان را به خطر میاندازد.
این مساله درباره دیزاین و ریبرند شرکتها هم صدق میکند. چرا خیلی از مردم از ریبرند شرکتها بدشان میآید؟ چرا به راحتی پذیرای لوگوی جدید یک شرکت قدیمی نیستند؟ در طراحی لوگوی جدید برای یک شرکت قدیمی چه مسائلی را باید در نظر گرفت که حاشیه این خطر را به حداقل رساند؟
دیزاین، سوای مسائل تکنیکیاش، یک مقوله احساسی است. شما به عنوان یک دیزاینر مستقیما با احساسات کاربر سروکار دارید. اینکه چه حسی به شما و برند شما دارد. این حس از شمایل لوگو در حال شکلگیری است تا میزان گردی باتنهای رابط کاربری.
در این مقاله، Kushaan Shah به واکاوی دلایلی میپردازد که چرا مردم از ریبرندها متنفرند؟
پیشنهاد میکنم این مقاله جذاب رو از دست ندهید.
http://bit.ly/dxgn746
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: آرش اصغری
#دیزاین #چالش
@Dexign فلسفه دیزاین
______
Medium
Why do we hate brand redesigns?
Most brand redesigns immediately evoke a strong negative reaction — what does this tell us about humans?
روانشناسانه طراحی کنیم
هفت پدیده مهم روانشناسی در طراحی تجربه کاربری
ما انسانهای خردمند، حیوانهای اجتماعی و با احساسی هستیم که نمیتوانیم هیجاناتمان را از رفتارهایمان جدا کنیم. بعد از شکست ناراحت میشویم و با هر موفقیت حس کامیابی وجودمان را در بر میگیرد. حالا تصور کنید که اگر طراحان محصولات تجاری به رفتارها، شناختها و تعاملات ما دقت نمیکردند چه اتفاقی میافتاد؟
طراحی UX رابطه دیرینهای با روانشناسی اجتماعی، رفتاری و شناختی دارد. میتوان گفت: طراحی که روان انسان را نمیفهمد، مانند معماری است که با علم فیزیک آشنایی ندارد.
ما انسانها به چالش علاقهمندیم و بهدست آوردن راحت چیزها برایمان راضی کننده نیست. انگیزه و رقابت باعث به حرکت درآوردن ما میشود و اشتیاقی در وجود ماست که باعث میشود با هم همکاری داشته باشیم و گاهی با هم رقابت کنیم، گاهی بسازیم و گاهی نابود کنیم. کاربران ما نیز انسانهایی هستند که گاهی مدلهای ذهنی آنها با ما متفاوت است، برای فهمیدن کنش و واکنشهای روانیشان، باید آنها را بشناسیم و این شناخت فقط از طریق مشاهدهکردن و فهمیدن رفتارها و هیجانات کاربران نهایی به دست میآید. به همین دلیل است که پیشزمینه روانشناسی میتواند در شناخت بهتر کاربر و در نهایت تبدیل شدن به یک طراح تجربه کاربری موفق به ما کمک کند.
روانشناسان از اوایل قرن نوزدهم آزمایشهای فراوانی را در محیطهای کنترلشده مختلف انجام داده و پدیدههای مختلف روانشناسی را بررسی و پژوهشها را آنها را تایید کردهاند. ما به عنوان یک طراح لازم است که این پدیدهها را بفهمیم و در طراحی تجربه کاربری از آنها استفاده کنیم. در ادامه با برخی از این پدیدهها و بازخوردهای آن در تجربه کاربری بیشتر آشنا میشویم.
پدیده روانشناختی: شرطیسازی پاولفی (Pavlovian Conditioning)
اگر برای انجام یک عمل بخصوص به یک الگوی مشخص عادت کنیم، هر جا که آن الگو را ببینیم همان عمل را انجام خواهیم داد.
تجربه کاربری: ولی من فقط یه دکمه رو زدم!
پدیده روانشناختی: اثر دارونما (Placebo Effect)
وقتی یک بیمار، مادهای بدون هیچگونه اثر درمانی دریافت میکند، اما به نظرش میآید که این ماده برایش مفید است و حالش بهتر میشود.
تجربه کاربری: عجیبه... اما حس خوبی بهم میده!
پدیده روانشناختی: اثر آفتابپرست
آدمها وقتی در نزدیکی کسی هستند، ناخودآگاه رفتار و هیجان آن فرد را تقلید میکنند.
تجربه کاربری: تروخدا گریه نکن، من رو هم به گریه میندازی!
پدیده روانشناختی: اثر زیباییشناختی-استفادهپذیری (Aesthetic-Usability Effect)
برخی از افراد معتقدند که استفاده از محصولاتی که طراحی جذابی دارند راحتتر است. و اگر در استفاده از محصول زیبایی مشکل پیدا کنند خودشان را مقصر میدانند.
تجربه کاربری: آخه خیلی خوشگه...
پدیده روانشناختی: اثر وان رستورف (Von Restorff Effect)
اگر تفاوت چیزی در در بین مجموعهای از اشیا به چشم بیاید، احتمالا افراد بعدها آن را راحتتر به یاد میآورند.
تجربه کاربری: تو همان بچه عجیب بیست سال پیش هستی؟
پدیده روانشناختی: اثر دنباله-جایگاه (Serial-Position Effect)
افراد معمولا موارد اول و آخر یک لیست را به یاد میآورند و موردهای وسط لیست معمولا فراموش میشود.
تجربه کاربری: چرا همیشه بچه وسط فراموش میشود؟
پدیده روانشناختی: اثر مواجههی صرف (Mere-Exposure Effect)
افراد چیزهایی که برایشان آشناست را ترجیح میدهند.
تجربه کاربری: هرچه بیشتر نگاهش میکند جالبتر میشود.
اگر به پدیدههای روانشناختی و ارتباط آنها با تجربه کاربری علاقه دارید این مقاله را بخوانید.
http://bit.ly/dxgn747
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: فیروزه ایمانی
#روانشناسی #تجربه_کاربری
@Dexign فلسفه دیزاین
______
هفت پدیده مهم روانشناسی در طراحی تجربه کاربری
ما انسانهای خردمند، حیوانهای اجتماعی و با احساسی هستیم که نمیتوانیم هیجاناتمان را از رفتارهایمان جدا کنیم. بعد از شکست ناراحت میشویم و با هر موفقیت حس کامیابی وجودمان را در بر میگیرد. حالا تصور کنید که اگر طراحان محصولات تجاری به رفتارها، شناختها و تعاملات ما دقت نمیکردند چه اتفاقی میافتاد؟
طراحی UX رابطه دیرینهای با روانشناسی اجتماعی، رفتاری و شناختی دارد. میتوان گفت: طراحی که روان انسان را نمیفهمد، مانند معماری است که با علم فیزیک آشنایی ندارد.
ما انسانها به چالش علاقهمندیم و بهدست آوردن راحت چیزها برایمان راضی کننده نیست. انگیزه و رقابت باعث به حرکت درآوردن ما میشود و اشتیاقی در وجود ماست که باعث میشود با هم همکاری داشته باشیم و گاهی با هم رقابت کنیم، گاهی بسازیم و گاهی نابود کنیم. کاربران ما نیز انسانهایی هستند که گاهی مدلهای ذهنی آنها با ما متفاوت است، برای فهمیدن کنش و واکنشهای روانیشان، باید آنها را بشناسیم و این شناخت فقط از طریق مشاهدهکردن و فهمیدن رفتارها و هیجانات کاربران نهایی به دست میآید. به همین دلیل است که پیشزمینه روانشناسی میتواند در شناخت بهتر کاربر و در نهایت تبدیل شدن به یک طراح تجربه کاربری موفق به ما کمک کند.
روانشناسان از اوایل قرن نوزدهم آزمایشهای فراوانی را در محیطهای کنترلشده مختلف انجام داده و پدیدههای مختلف روانشناسی را بررسی و پژوهشها را آنها را تایید کردهاند. ما به عنوان یک طراح لازم است که این پدیدهها را بفهمیم و در طراحی تجربه کاربری از آنها استفاده کنیم. در ادامه با برخی از این پدیدهها و بازخوردهای آن در تجربه کاربری بیشتر آشنا میشویم.
پدیده روانشناختی: شرطیسازی پاولفی (Pavlovian Conditioning)
اگر برای انجام یک عمل بخصوص به یک الگوی مشخص عادت کنیم، هر جا که آن الگو را ببینیم همان عمل را انجام خواهیم داد.
تجربه کاربری: ولی من فقط یه دکمه رو زدم!
پدیده روانشناختی: اثر دارونما (Placebo Effect)
وقتی یک بیمار، مادهای بدون هیچگونه اثر درمانی دریافت میکند، اما به نظرش میآید که این ماده برایش مفید است و حالش بهتر میشود.
تجربه کاربری: عجیبه... اما حس خوبی بهم میده!
پدیده روانشناختی: اثر آفتابپرست
آدمها وقتی در نزدیکی کسی هستند، ناخودآگاه رفتار و هیجان آن فرد را تقلید میکنند.
تجربه کاربری: تروخدا گریه نکن، من رو هم به گریه میندازی!
پدیده روانشناختی: اثر زیباییشناختی-استفادهپذیری (Aesthetic-Usability Effect)
برخی از افراد معتقدند که استفاده از محصولاتی که طراحی جذابی دارند راحتتر است. و اگر در استفاده از محصول زیبایی مشکل پیدا کنند خودشان را مقصر میدانند.
تجربه کاربری: آخه خیلی خوشگه...
پدیده روانشناختی: اثر وان رستورف (Von Restorff Effect)
اگر تفاوت چیزی در در بین مجموعهای از اشیا به چشم بیاید، احتمالا افراد بعدها آن را راحتتر به یاد میآورند.
تجربه کاربری: تو همان بچه عجیب بیست سال پیش هستی؟
پدیده روانشناختی: اثر دنباله-جایگاه (Serial-Position Effect)
افراد معمولا موارد اول و آخر یک لیست را به یاد میآورند و موردهای وسط لیست معمولا فراموش میشود.
تجربه کاربری: چرا همیشه بچه وسط فراموش میشود؟
پدیده روانشناختی: اثر مواجههی صرف (Mere-Exposure Effect)
افراد چیزهایی که برایشان آشناست را ترجیح میدهند.
تجربه کاربری: هرچه بیشتر نگاهش میکند جالبتر میشود.
اگر به پدیدههای روانشناختی و ارتباط آنها با تجربه کاربری علاقه دارید این مقاله را بخوانید.
http://bit.ly/dxgn747
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: فیروزه ایمانی
#روانشناسی #تجربه_کاربری
@Dexign فلسفه دیزاین
______
Medium
7 Principal Psychological Phenomena in UX Design
Don’t be evil and abuse them to manipulate your end users
وارونگی؛ زاویهی دیگر مسئله
روش وارونگی زمانی مفید است که هنگام حل مسئله، نیازمند این باشید که آن را از زاویهی دیگری ببینید. این تکنیک به شما کمک میکند که بدترین سناریوهای ممکن را متصور شوید و از ابعاد دیگر مسئله نیز آگاه شوید.
بهترین سؤالی که میتوانید از خود بپرسید تا بدانید که آیا این روش میتواند به شما کمک کند اینست: آیا به دنبال یک راهحل ایدهآلی هستیم؟
حالا میتوانید افکار خود را دربارهی مسئله و یا راهحل معکوس کنید.
۱. از خودتان بپرسید که بدترین تصمیم یا راهحل برای این مسئله چیست؟
۲. حال از خود بپرسید که چرا این بدترین تصمیم است؟ علتها را یادداشت کنید.
۳. با توجه به علتها و راهحل بدی که یادداشت کردید. تصمیم یا راهحل درست را ارائه بدهید. (از خود بپرسید که چطور میشود ازین راهحل بد جلوگیری کرد.)
وارونگی به شما کمک میکند که نتایج بد را ببینید و از وقوع آنها جلوگیری کنید.
سؤالاتی که میتواند شما را در این تکنیک کمک کند میتواند موارد زیر باشد:
- چطور میتواند این تصمیم غلط اتفاق بیافتد؟
- عکس این قضیه چه خواهد بود؟
- چه چیزهایی باعث بدترین راهحل برای این موضوع شده است؟
معمولا مدیران پروژه از روشی به نام Pre-mortem (پیش از مرگ) استفاده میکنند. افراد تیم را جمع میکنند و فرض میکنند به اتمام زمان پروژه رسیدهاند و پروژه شکست خورده است. آنها این سناریو را با سؤالاتی از قبیل «چه چیزی اشتباه پیش رفت؟»، «چه اشتباهاتی انجام دادیم؟» و «چطور شد که این پروژه شکست خورد» بررسی میکنند.
این کار باعث میشود که افراد تیم زودتر از موعد مشکلات احتمالی را ببینند و برای آنها آماده شوند.
مقالهی زیر را مطالعه کنید تا با دیگر مثالهای این روش حل مسئله آشنا شوید:
http://bit.ly/dxgn748
(زمان حدودی مطالعه مقاله: ۹ دقیقه)
نویسنده: حسین میرزاده
#مدل_ذهنی #تعریف_مسئله #روش_حل_مشکل #وارونگی #معکوس_سازی
@Dexign فلسفه دیزاین
______
روش وارونگی زمانی مفید است که هنگام حل مسئله، نیازمند این باشید که آن را از زاویهی دیگری ببینید. این تکنیک به شما کمک میکند که بدترین سناریوهای ممکن را متصور شوید و از ابعاد دیگر مسئله نیز آگاه شوید.
بهترین سؤالی که میتوانید از خود بپرسید تا بدانید که آیا این روش میتواند به شما کمک کند اینست: آیا به دنبال یک راهحل ایدهآلی هستیم؟
حالا میتوانید افکار خود را دربارهی مسئله و یا راهحل معکوس کنید.
۱. از خودتان بپرسید که بدترین تصمیم یا راهحل برای این مسئله چیست؟
۲. حال از خود بپرسید که چرا این بدترین تصمیم است؟ علتها را یادداشت کنید.
۳. با توجه به علتها و راهحل بدی که یادداشت کردید. تصمیم یا راهحل درست را ارائه بدهید. (از خود بپرسید که چطور میشود ازین راهحل بد جلوگیری کرد.)
وارونگی به شما کمک میکند که نتایج بد را ببینید و از وقوع آنها جلوگیری کنید.
سؤالاتی که میتواند شما را در این تکنیک کمک کند میتواند موارد زیر باشد:
- چطور میتواند این تصمیم غلط اتفاق بیافتد؟
- عکس این قضیه چه خواهد بود؟
- چه چیزهایی باعث بدترین راهحل برای این موضوع شده است؟
معمولا مدیران پروژه از روشی به نام Pre-mortem (پیش از مرگ) استفاده میکنند. افراد تیم را جمع میکنند و فرض میکنند به اتمام زمان پروژه رسیدهاند و پروژه شکست خورده است. آنها این سناریو را با سؤالاتی از قبیل «چه چیزی اشتباه پیش رفت؟»، «چه اشتباهاتی انجام دادیم؟» و «چطور شد که این پروژه شکست خورد» بررسی میکنند.
این کار باعث میشود که افراد تیم زودتر از موعد مشکلات احتمالی را ببینند و برای آنها آماده شوند.
مقالهی زیر را مطالعه کنید تا با دیگر مثالهای این روش حل مسئله آشنا شوید:
http://bit.ly/dxgn748
(زمان حدودی مطالعه مقاله: ۹ دقیقه)
نویسنده: حسین میرزاده
#مدل_ذهنی #تعریف_مسئله #روش_حل_مشکل #وارونگی #معکوس_سازی
@Dexign فلسفه دیزاین
______
James Clear
Inversion: The Crucial Thinking Skill Nobody Ever Taught You
One of the best ways to solve problems in life is to use the mental model of inversion. Read this article to learn how to become a better thinker today.
۶ متد طراحی وب برای درک کاربر
واقعیت این است زمانی که کاربری وارد وبسایتی میشود، به جای آنکه شروع به خواندن محتوایی کند، یک نگاه سریع و کلی به آن صفحه میاندازد. حتی اگر بداند که به دنبال چه چیزی است این نگاه کلی با سرعت بیشتری انجام میگیرد، اما اگر بدون هدف خاصی به وبسایت سر زده باشد، تا زمانی که کلمهای توجه او را جلب کند تمام صفحه را اسکن خواهد کرد . به این نوع کلمات «واژههای تحریککننده» میگویند.
متاسفانه تمامی محتوایی که در وبسایت به کار گرفته میشود، توجه کاربر را جلب نمیکند زیرا کاربر میداند با چه هدفی وارد وبسایت شده است. صرف نظر از اینکه رفتار او را تنبلی یا هرچیز دیگری مینامید، باید بگوییم این کار بر اساس رفتار همه ما در اینترنت است، نه فرد خاصی! به همین دلیل، ما باید صفحاتی دیزاین کنیم تا به راحتی قابل اسکنشدن باشند.
به این منظور به تلاش زیادی احتیاج نداریم، کافی است بر اساس عادات کاربر دیزاین کنیم، برای مثال می توانیم لوگو را در بالای صفحه سمت راست یا چپ، باکس جستوجو و در ادامه صفحات بخشبندی قسمتهای مختلف با استفاده از عناوین را قرار دهیم. اما تمام خلاقیت ما از دیزاین بر اساس کاربر این است؟ قطعا نه!
میتوانیم در پروژههای کوچک از خلاقیتهای متفاوتی استفاده کنیم اما توجه داشته باشید که این سورپرایز، تاثیر منفی بر کاربرانتان نداشته باشد.
چیزی به نام “کاربران این دیزاین را دوست دارند” وجود ندارد، تست کاربرپذیری انجام دهید. این یک واقعیت است که ما عاشق دیزاینهایمان میشویم اما هیچ تضمینی وجود ندارد که کاربران هم آن را دوست داشته باشند 🙂
کاربران باید بدانند که وبسایت شما به چه منظور ایجاد شده است یا هدف از مراجعه به وبسایت شما چیست! این بدان معنی نیست که هر محتوایی که در سایت به کار گرفته میشود باید در رابطه با کار و موضوع وبسایت شما باشد اما به طور کلی باید مشخص باشد که هدف شما از این وبسایت چیست!
به طور کلی در هنگام دیزاین و تولید محتوا مخاطب را کسانی قرار دهید که هیچ ایدهای در رابطه با وبسایت شما ندارد.
در مورد همهی صفحات وبسایت وسواس به خرج دهید نه فقط صفحه اصلی. اگر چه تا به این لحظه در مورد شروع خوب در مواجهه با کاربر صحبت کردیم اما تعداد ورودیهای موتورهای جستوجو و … از دیگر صفحات وبسایت نیز زیاد است بنابراین نیاز است در دیزاین دیگر صفحات نیز وسواس و خلاقیت به خرج دهید.
برای دستیابی به منبع اصلی این مقاله از طریق لینک زییر اقدام کنید:
http://bit.ly/dxgn749
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #وب #متد #کاربر #ساختار #صفحه #تست #کاربردپذیری #تحریک_کننده #خلاقیت
@Dexign فلسفه دیزاین
______
واقعیت این است زمانی که کاربری وارد وبسایتی میشود، به جای آنکه شروع به خواندن محتوایی کند، یک نگاه سریع و کلی به آن صفحه میاندازد. حتی اگر بداند که به دنبال چه چیزی است این نگاه کلی با سرعت بیشتری انجام میگیرد، اما اگر بدون هدف خاصی به وبسایت سر زده باشد، تا زمانی که کلمهای توجه او را جلب کند تمام صفحه را اسکن خواهد کرد . به این نوع کلمات «واژههای تحریککننده» میگویند.
متاسفانه تمامی محتوایی که در وبسایت به کار گرفته میشود، توجه کاربر را جلب نمیکند زیرا کاربر میداند با چه هدفی وارد وبسایت شده است. صرف نظر از اینکه رفتار او را تنبلی یا هرچیز دیگری مینامید، باید بگوییم این کار بر اساس رفتار همه ما در اینترنت است، نه فرد خاصی! به همین دلیل، ما باید صفحاتی دیزاین کنیم تا به راحتی قابل اسکنشدن باشند.
به این منظور به تلاش زیادی احتیاج نداریم، کافی است بر اساس عادات کاربر دیزاین کنیم، برای مثال می توانیم لوگو را در بالای صفحه سمت راست یا چپ، باکس جستوجو و در ادامه صفحات بخشبندی قسمتهای مختلف با استفاده از عناوین را قرار دهیم. اما تمام خلاقیت ما از دیزاین بر اساس کاربر این است؟ قطعا نه!
میتوانیم در پروژههای کوچک از خلاقیتهای متفاوتی استفاده کنیم اما توجه داشته باشید که این سورپرایز، تاثیر منفی بر کاربرانتان نداشته باشد.
چیزی به نام “کاربران این دیزاین را دوست دارند” وجود ندارد، تست کاربرپذیری انجام دهید. این یک واقعیت است که ما عاشق دیزاینهایمان میشویم اما هیچ تضمینی وجود ندارد که کاربران هم آن را دوست داشته باشند 🙂
کاربران باید بدانند که وبسایت شما به چه منظور ایجاد شده است یا هدف از مراجعه به وبسایت شما چیست! این بدان معنی نیست که هر محتوایی که در سایت به کار گرفته میشود باید در رابطه با کار و موضوع وبسایت شما باشد اما به طور کلی باید مشخص باشد که هدف شما از این وبسایت چیست!
به طور کلی در هنگام دیزاین و تولید محتوا مخاطب را کسانی قرار دهید که هیچ ایدهای در رابطه با وبسایت شما ندارد.
در مورد همهی صفحات وبسایت وسواس به خرج دهید نه فقط صفحه اصلی. اگر چه تا به این لحظه در مورد شروع خوب در مواجهه با کاربر صحبت کردیم اما تعداد ورودیهای موتورهای جستوجو و … از دیگر صفحات وبسایت نیز زیاد است بنابراین نیاز است در دیزاین دیگر صفحات نیز وسواس و خلاقیت به خرج دهید.
برای دستیابی به منبع اصلی این مقاله از طریق لینک زییر اقدام کنید:
http://bit.ly/dxgn749
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #وب #متد #کاربر #ساختار #صفحه #تست #کاربردپذیری #تحریک_کننده #خلاقیت
@Dexign فلسفه دیزاین
______
Medium
6 methods to understand the user in web design
Understand looking at web design like a user
هرآنچه که باید برای طراحی مارکتپلیسها بدانید!
برای طراحی یک مارکتپلیس، اول از همه باید به درک درستی از مفهوم واقعی آن و تفاوتهایی که با یک فروشگاه آنلاین دارد برسیم، برای مثال از ابتداییترین و واضحترین تفاوتهایی که این دو فروشگاه باهم دارند میتوان به مخاطبان و کاربرانشان اشاره کرد، نکته مهمی که وجود دارد این است که تکنیک بازاریابی و تشخیص تارگتمارکت شما در یک فروشگاه با یک مارکتپلیس متفاوت است، در فروشگاه تمرکز اصلی باید روی خریدار و مشتری باشد، در صورتیکه که در مارکتپلیس مخاطب شما دایره بزرگتری را در بر میگیرد و نه تنها روی خریدار بلکه روی فروشنده هم به عنوان مخاطب خود باید تمرکز داشته باشید، باید خریدار را تشویق به خرید و فروشنده را تشویق به لیست کردن محصولات بیشتر کنیم. این دو مورد با یکدیگر رابطه مستقیم دارند: خریداران بیشتر، فروشندههای بیشتر و برعکس.
به عنوان طراحان تجربه کاربری اولین نکتهای باید به آن توجه کنیم «ایجاد حس اعتماد» است. تحقیقات نشان میدهند که ۶۷٪ مشتریان اگر به هویت مارکتپلیس اعتماد داشته باشند حتی از فروشنده ناآشنا هم خرید میکنند، اگر این اعتماد ایجاد شود و کاربران تجربه رضایتبخشی از خرید خود و این سرویس داشته باشد ۵۴٪ درصد آنها به این مارکتپلیس باز خواهند گشت، که مهمترین فاکتور این تجربه کاربری رضایتبخش، اعتماد است.
در این مقاله به تفاوتهای مارکتپلیس و فروشگاه آنلاین، فیچرهای لازم برای مارکتپلیسها، نکات طراحی مارکتپلیسها و خلاصه هرآنچه که باید برای طراحی مارکتپلیسها بدانید، پرداخته شده است.
http://bit.ly/dxgn751
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: هانیه طاهری
#تجربه_کاربری #مارکت_پلیس
@dexign فلسفه دیزاین
______
برای طراحی یک مارکتپلیس، اول از همه باید به درک درستی از مفهوم واقعی آن و تفاوتهایی که با یک فروشگاه آنلاین دارد برسیم، برای مثال از ابتداییترین و واضحترین تفاوتهایی که این دو فروشگاه باهم دارند میتوان به مخاطبان و کاربرانشان اشاره کرد، نکته مهمی که وجود دارد این است که تکنیک بازاریابی و تشخیص تارگتمارکت شما در یک فروشگاه با یک مارکتپلیس متفاوت است، در فروشگاه تمرکز اصلی باید روی خریدار و مشتری باشد، در صورتیکه که در مارکتپلیس مخاطب شما دایره بزرگتری را در بر میگیرد و نه تنها روی خریدار بلکه روی فروشنده هم به عنوان مخاطب خود باید تمرکز داشته باشید، باید خریدار را تشویق به خرید و فروشنده را تشویق به لیست کردن محصولات بیشتر کنیم. این دو مورد با یکدیگر رابطه مستقیم دارند: خریداران بیشتر، فروشندههای بیشتر و برعکس.
به عنوان طراحان تجربه کاربری اولین نکتهای باید به آن توجه کنیم «ایجاد حس اعتماد» است. تحقیقات نشان میدهند که ۶۷٪ مشتریان اگر به هویت مارکتپلیس اعتماد داشته باشند حتی از فروشنده ناآشنا هم خرید میکنند، اگر این اعتماد ایجاد شود و کاربران تجربه رضایتبخشی از خرید خود و این سرویس داشته باشد ۵۴٪ درصد آنها به این مارکتپلیس باز خواهند گشت، که مهمترین فاکتور این تجربه کاربری رضایتبخش، اعتماد است.
در این مقاله به تفاوتهای مارکتپلیس و فروشگاه آنلاین، فیچرهای لازم برای مارکتپلیسها، نکات طراحی مارکتپلیسها و خلاصه هرآنچه که باید برای طراحی مارکتپلیسها بدانید، پرداخته شده است.
http://bit.ly/dxgn751
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: هانیه طاهری
#تجربه_کاربری #مارکت_پلیس
@dexign فلسفه دیزاین
______
Digital Product Design and Branding Agency – Qubstudio
Marketplace UI/UX design: Best practices and features
Knowing how to design a marketplace requires plenty of knowledge of what a user expects from their platform. Marketplace platform design and innovation are based on some of the key features explained in this article on marketplace UX design.