بازی با سایهها
اگر موفقترین دیزاینهای تعاملی سالهای اخیر را بررسی کنید، بهترین دیزاینها، آنهایی هستند که از نظر عملکرد کارایی بالاتری نسبت به سایر دیزاینها دارند. شکی نیست که موفقیت یک محصول در درجه اول وابسته به نحوه عملکرد آن میباشد. با این وجود عواملی همچون زیبایی و جزئیات بصری نیز به همان اندازه مهماند، بویژه اگر از این عناصر به نحوی استفاده گردد که بتوانند عملکرد محصول را بهبود بخشند. عناصر بصری مختلف همچون سایهها و جلوههای محو، میتوانند بر روی عملکرد محصول اثر مستقیم داشته باشند به طوری که استفاده صحیح از آنها میتواند منجر به بهبود عملکرد یک طرح گردد.
دلیل استفاده طراحان رابطکاربری گرافیکی GUI از عناصر بصری چون سایه، کمک به کاربران در درک نحوه استفاده از یک رابطکاربری است. تصاویر و عناصر دارای سایه که در یک صفحه وجود دارند میتوانند این احساس را به کاربران انتقال دهند که از توانایی تعامل فیزیکی با این عناصر برخوردارند. حتی اگر نشانههای تصویری از برنامهای به برنامه دیگر متفاوت باشد، کاربران در مواجهه با این عناصر معمولاً بطور پیشفرض به یکی از دو صورت زیر رفتار میکنند:
در عناصری که برجسته مینمایند، از دید کاربران اینگونه به نظر میرسد که میتوانند آنها را به پایین فشار دهند (با ماوس کلیک کنند و یا با انگشت به آنها ضربه بزنند). از این تصور کاربران اغلب برای طراحی دکمهها استفاده میشود.
همچنین از عناصری که به نظر میرسد در پس زمینه صفحه فرو رفتهاند نیز اغلب اوقات به عنوان یک نشان تصویری برای فیلدهای متنی که قابلیت پرشدن توسط کاربر را دارند استفاده میشود.
در مقاله امروز نویسنده به طور مفصل به توضیح این موضوع پرداختهاست که چگونه میتوان از عناصر بصری مختلف، مانند سایهها و جلوههای محو، در جهت بهبود عناصر عملکردی یک طرح استفاده نمود.
https://bit.ly/dxgn711
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#دیزاینرابطکاربری #عناصربصری #سایهها
@Dexign فلسفه دیزاین
______
اگر موفقترین دیزاینهای تعاملی سالهای اخیر را بررسی کنید، بهترین دیزاینها، آنهایی هستند که از نظر عملکرد کارایی بالاتری نسبت به سایر دیزاینها دارند. شکی نیست که موفقیت یک محصول در درجه اول وابسته به نحوه عملکرد آن میباشد. با این وجود عواملی همچون زیبایی و جزئیات بصری نیز به همان اندازه مهماند، بویژه اگر از این عناصر به نحوی استفاده گردد که بتوانند عملکرد محصول را بهبود بخشند. عناصر بصری مختلف همچون سایهها و جلوههای محو، میتوانند بر روی عملکرد محصول اثر مستقیم داشته باشند به طوری که استفاده صحیح از آنها میتواند منجر به بهبود عملکرد یک طرح گردد.
دلیل استفاده طراحان رابطکاربری گرافیکی GUI از عناصر بصری چون سایه، کمک به کاربران در درک نحوه استفاده از یک رابطکاربری است. تصاویر و عناصر دارای سایه که در یک صفحه وجود دارند میتوانند این احساس را به کاربران انتقال دهند که از توانایی تعامل فیزیکی با این عناصر برخوردارند. حتی اگر نشانههای تصویری از برنامهای به برنامه دیگر متفاوت باشد، کاربران در مواجهه با این عناصر معمولاً بطور پیشفرض به یکی از دو صورت زیر رفتار میکنند:
در عناصری که برجسته مینمایند، از دید کاربران اینگونه به نظر میرسد که میتوانند آنها را به پایین فشار دهند (با ماوس کلیک کنند و یا با انگشت به آنها ضربه بزنند). از این تصور کاربران اغلب برای طراحی دکمهها استفاده میشود.
همچنین از عناصری که به نظر میرسد در پس زمینه صفحه فرو رفتهاند نیز اغلب اوقات به عنوان یک نشان تصویری برای فیلدهای متنی که قابلیت پرشدن توسط کاربر را دارند استفاده میشود.
در مقاله امروز نویسنده به طور مفصل به توضیح این موضوع پرداختهاست که چگونه میتوان از عناصر بصری مختلف، مانند سایهها و جلوههای محو، در جهت بهبود عناصر عملکردی یک طرح استفاده نمود.
https://bit.ly/dxgn711
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: نیما حکیمرابط
#دیزاینرابطکاربری #عناصربصری #سایهها
@Dexign فلسفه دیزاین
______
Medium
XD Essentials: Shadows and Blur Effects in Modern UI Design
While the function of a design is key to a product’s success, aesthetics and visual details are equally important. In this post, I’ll show…
طراحان محصول، این شما و این iOS 14
شرکت اپل از قدیم تا این روزها به طراحی ساختارشکن، اصولی و الیته زیبا و جذاب از نظر بصری مشهور است.
جالب اینجاست که اگر خوب دقت کنیم؛ دیزاینهای سیستمعامل iOS از شماره 1 تا امروز که نسخه 14 آن منتشر شده است، نماد تاریخ طراحی دیجیتال و طراحی رابط کاربری میباشند.
دورانی که از طراحی واقعگرا شروع شد و بعد از آن کمکم با تغییرات ساختاری کوچک و بزرگ تبدیل شد به طراحی Flat اپلی.
حالا چرا اپلی؟
بخاطر اینکه اپل همیشه عادت دارد تا اثر انگشت خودش را روی محصولات فیزیکی و دیجیتالش بگذارد.
برای مثال اپل با استفاده از مدلهای خاص گرادینت تلاش کرد تا نسخه فلتدیزاین خودش را بسازد و توسعه دهد.
میتوان گفت که تغییراتی که iOS14 داشته یکی از نقاط عطف در سبک طراحی فلت است و دقیقا همین عامل میتواند برای طراحان محصول مورد توجه قرار بگیرد.
مقالهای که امروز انتخاب کردیم درباره درسهاییست که میتوانیم از سیستم دیزاین جدید اپل یاد بگیریم.
https://bit.ly/dxgn712
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: آرش اصغری
#دیزاینرابطکاربری #عناصربصری
@Dexign فلسفه دیزاین
______
شرکت اپل از قدیم تا این روزها به طراحی ساختارشکن، اصولی و الیته زیبا و جذاب از نظر بصری مشهور است.
جالب اینجاست که اگر خوب دقت کنیم؛ دیزاینهای سیستمعامل iOS از شماره 1 تا امروز که نسخه 14 آن منتشر شده است، نماد تاریخ طراحی دیجیتال و طراحی رابط کاربری میباشند.
دورانی که از طراحی واقعگرا شروع شد و بعد از آن کمکم با تغییرات ساختاری کوچک و بزرگ تبدیل شد به طراحی Flat اپلی.
حالا چرا اپلی؟
بخاطر اینکه اپل همیشه عادت دارد تا اثر انگشت خودش را روی محصولات فیزیکی و دیجیتالش بگذارد.
برای مثال اپل با استفاده از مدلهای خاص گرادینت تلاش کرد تا نسخه فلتدیزاین خودش را بسازد و توسعه دهد.
میتوان گفت که تغییراتی که iOS14 داشته یکی از نقاط عطف در سبک طراحی فلت است و دقیقا همین عامل میتواند برای طراحان محصول مورد توجه قرار بگیرد.
مقالهای که امروز انتخاب کردیم درباره درسهاییست که میتوانیم از سیستم دیزاین جدید اپل یاد بگیریم.
https://bit.ly/dxgn712
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: آرش اصغری
#دیزاینرابطکاربری #عناصربصری
@Dexign فلسفه دیزاین
______
Medium
What can designers learn from iOS 14 and macOS Big Sur?
With the introduction of iOS 14 and macOS Big Sur, we are the witness of the next big thing in UI Desing. Changes are…
دیزاین بد …
معمولا میبینیم که طراحان آماتور در نهایت قصد دارند تا یک دیزاین خوب و کاربردی را به یک گزینه بد تبدیل کنند و یک دیزاین جایگزین برای آن بیابند. اگر چه طراحان حرفهای هم اینکار را انجام میدهند اما تحت شرایط و پارامترهای خاص! هدفی که در پشت این عمل است، به منظور برانگیختن ذهن کاربر و امکان ارتباط بهتر با دیزاین است.
دیزاین بد، یک ابزار تفکر جایگزین است تا طراحی معمول را بسیار پیچیده یا در برخی موارد برعکس به سرانجام برساند. به عنوان مثال، افراد در مواجهه اول با توپ بولینگ، بسیار با آن کلنجار میروند تا روش کار با آن را یاد بگیرند. روی توپ بولینگ ۳ حفره وجود دارد که هریک از آنها بر اساس انگشتی که در آن فرو میروند، طراحی میشوند. تلاش برای حفظ تعادل توپ با ۳ انگشت، ممکن است این سوال را در ذهن کاربر ایجاد کند که به جای ۳ انگشت، چرا از ۵ انگشت برای استفاده از توپ استفاده نشده است تا در نهایت کنترل توپ راحت شود!
درست حدس زدید، قبلا توپی با ۵ حفره ساخته شده است. بر اساس این مثال، مفهوم «سادگی - پیچیدگی» به وجود میآید که در ادامه بیشتر به آن خواهیم پرداخت.
دیزاین بد، آسان است
دیزاین بد معمولا دیزاینیست که بر کیفیت خروجی آن به اندازه کافی دقت نمیشود. معمولا استفاده از راهحل مناسب که به نظر میرسد استفاده از آن برای کاربران آسان است، به وحلهی آخر موکول میشود. در مثال توپ بولینگ نیز، بدون در نظر گرفتن اینکه کاربران با چه مشکلی روبرو هستند، گمان میکنیم که استفاده از توپ بولینگ به وسیلهی ۳ انگشت برای کاربر سخت است. در نهایت تعداد حفره، با تست توپ بولینگ با انگشتان واقعی انسان پیدا میشود.
دیزاین بد، پیچیده است
چیزی که در اینجا میخواهیم بیان کنیم این است که معمولا زمانی که طراحان سعی در سادهسازی محصول دارند، در نهایت ناخواسته آن را بسیار پیچیده طراحی میکنند. در مثال توپ بولینگ، به نظر میرسد که در حال ۵ انگشته، توپ بهتر در دست قرار میگیرد اما به دلیل نحوه قرارگرفتن انگشتان، پرتاب توپ به خوبی انجام نمیشود.
دیزاین بد، خستهکننده است
جهانی را تصور کنید که در آن همه چیز آشکار بود و درک تک تک موارد مربوط به محصول به حدی آسان بود که مجبور نبودیم در مورد جنبههای مختلف آن فکر کنیم. اگرچه دیزاین خوب بر ایجاد تعامل بین کاربر و محصول تاکید دارد، اما از طرف دیگر باعث تفکر انسانها میشود.
و در نهایت، دیزاین بد، یک دیزاین است
خلاقیت زمانی خود را نشان میدهد که اصرار و فشاری بر یک دیزاین خوب وجود ندارد! در مثال بولینگ دیدیم که چگونه تلاش برای راحتی کاربر زمانی که سطحی به مشکل نگاه کردیم، در انتها باعث پیچیدگی شد.
نسخه کامل مقاله را در لینک زیر مشاهده کنید:
https://bit.ly/dxgn714
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی_بد #راه_حل #دیزاین #تفکر #محصول
@Dexign فلسفه دیزاین
______
معمولا میبینیم که طراحان آماتور در نهایت قصد دارند تا یک دیزاین خوب و کاربردی را به یک گزینه بد تبدیل کنند و یک دیزاین جایگزین برای آن بیابند. اگر چه طراحان حرفهای هم اینکار را انجام میدهند اما تحت شرایط و پارامترهای خاص! هدفی که در پشت این عمل است، به منظور برانگیختن ذهن کاربر و امکان ارتباط بهتر با دیزاین است.
دیزاین بد، یک ابزار تفکر جایگزین است تا طراحی معمول را بسیار پیچیده یا در برخی موارد برعکس به سرانجام برساند. به عنوان مثال، افراد در مواجهه اول با توپ بولینگ، بسیار با آن کلنجار میروند تا روش کار با آن را یاد بگیرند. روی توپ بولینگ ۳ حفره وجود دارد که هریک از آنها بر اساس انگشتی که در آن فرو میروند، طراحی میشوند. تلاش برای حفظ تعادل توپ با ۳ انگشت، ممکن است این سوال را در ذهن کاربر ایجاد کند که به جای ۳ انگشت، چرا از ۵ انگشت برای استفاده از توپ استفاده نشده است تا در نهایت کنترل توپ راحت شود!
درست حدس زدید، قبلا توپی با ۵ حفره ساخته شده است. بر اساس این مثال، مفهوم «سادگی - پیچیدگی» به وجود میآید که در ادامه بیشتر به آن خواهیم پرداخت.
دیزاین بد، آسان است
دیزاین بد معمولا دیزاینیست که بر کیفیت خروجی آن به اندازه کافی دقت نمیشود. معمولا استفاده از راهحل مناسب که به نظر میرسد استفاده از آن برای کاربران آسان است، به وحلهی آخر موکول میشود. در مثال توپ بولینگ نیز، بدون در نظر گرفتن اینکه کاربران با چه مشکلی روبرو هستند، گمان میکنیم که استفاده از توپ بولینگ به وسیلهی ۳ انگشت برای کاربر سخت است. در نهایت تعداد حفره، با تست توپ بولینگ با انگشتان واقعی انسان پیدا میشود.
دیزاین بد، پیچیده است
چیزی که در اینجا میخواهیم بیان کنیم این است که معمولا زمانی که طراحان سعی در سادهسازی محصول دارند، در نهایت ناخواسته آن را بسیار پیچیده طراحی میکنند. در مثال توپ بولینگ، به نظر میرسد که در حال ۵ انگشته، توپ بهتر در دست قرار میگیرد اما به دلیل نحوه قرارگرفتن انگشتان، پرتاب توپ به خوبی انجام نمیشود.
دیزاین بد، خستهکننده است
جهانی را تصور کنید که در آن همه چیز آشکار بود و درک تک تک موارد مربوط به محصول به حدی آسان بود که مجبور نبودیم در مورد جنبههای مختلف آن فکر کنیم. اگرچه دیزاین خوب بر ایجاد تعامل بین کاربر و محصول تاکید دارد، اما از طرف دیگر باعث تفکر انسانها میشود.
و در نهایت، دیزاین بد، یک دیزاین است
خلاقیت زمانی خود را نشان میدهد که اصرار و فشاری بر یک دیزاین خوب وجود ندارد! در مثال بولینگ دیدیم که چگونه تلاش برای راحتی کاربر زمانی که سطحی به مشکل نگاه کردیم، در انتها باعث پیچیدگی شد.
نسخه کامل مقاله را در لینک زیر مشاهده کنید:
https://bit.ly/dxgn714
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی_بد #راه_حل #دیزاین #تفکر #محصول
@Dexign فلسفه دیزاین
______
Medium
What makes a bad design?
Bad Design is an alternative thinking tool that allows participants to reverse or defy the conventional design process to arrive at a…
بروزرسانی بصری؛ ترندهای اخیر دیزاین در سال ۲۰۲۰
اگر یادتان باشد یکی از قوانین تجربهی کاربری به نام «قانون کارایی زیبایی» بیان میکرد که کاربران غالباً طراحی زیبا و جذاب را به عنوان دیزاین کاراتر درک میکنند.
یکی از راههای زیباسازی دیزاین این است که رابط کاربری خود را با ترندهای اخیر درگیر کنیم. در دههی گذشته، رابطهای کاربری تغییر و تحولهای شگرفی را تجربه کردند. پیشرفت زبانهای برنامهنویسی، خیلی از دیزاینهایی را که به نظر فانتزی و نشدنی میآمدند امکانپذیر و قابل توسعه کردند. امروز دیگر حدومرزی برای خلاقیت وجود ندارد. کافی است فقط تصمیم بگیریم و رویای بصری خود را خلق کنیم.
هرچقدر چشمان ما با دیزاینهای بیشتری آشنا شود، قدرت ترکیب و ساخت دیزاین در ذهنمان، خلاقانه و بدیعتر میشود. در مقالات زیر که همگی به وسواس برای شما انتخاب شدهاند با تکنیکهای جدید دنیای دیزاین آشنا میشوید.
https://bit.ly/dxgn715-1
https://bit.ly/dxgn715-2
https://bit.ly/dxgn715-3
(زمان حدودی مطالعهی مقالهی اول: ۵ دقیقه،
مقالهی دوم: ۱۲ دقیقه
و مقالهی سوم: ۱۰ دقیقه)
نویسنده: حسین میرزاده
#رابط_کاربری #ترند #تکنیک #طراحی_بصری
@Dexign فلسفه دیزاین
______
اگر یادتان باشد یکی از قوانین تجربهی کاربری به نام «قانون کارایی زیبایی» بیان میکرد که کاربران غالباً طراحی زیبا و جذاب را به عنوان دیزاین کاراتر درک میکنند.
یکی از راههای زیباسازی دیزاین این است که رابط کاربری خود را با ترندهای اخیر درگیر کنیم. در دههی گذشته، رابطهای کاربری تغییر و تحولهای شگرفی را تجربه کردند. پیشرفت زبانهای برنامهنویسی، خیلی از دیزاینهایی را که به نظر فانتزی و نشدنی میآمدند امکانپذیر و قابل توسعه کردند. امروز دیگر حدومرزی برای خلاقیت وجود ندارد. کافی است فقط تصمیم بگیریم و رویای بصری خود را خلق کنیم.
هرچقدر چشمان ما با دیزاینهای بیشتری آشنا شود، قدرت ترکیب و ساخت دیزاین در ذهنمان، خلاقانه و بدیعتر میشود. در مقالات زیر که همگی به وسواس برای شما انتخاب شدهاند با تکنیکهای جدید دنیای دیزاین آشنا میشوید.
https://bit.ly/dxgn715-1
https://bit.ly/dxgn715-2
https://bit.ly/dxgn715-3
(زمان حدودی مطالعهی مقالهی اول: ۵ دقیقه،
مقالهی دوم: ۱۲ دقیقه
و مقالهی سوم: ۱۰ دقیقه)
نویسنده: حسین میرزاده
#رابط_کاربری #ترند #تکنیک #طراحی_بصری
@Dexign فلسفه دیزاین
______
Medium
10 Newest and promising UI design trends
New neumorphism 🤯 pastels, geometry, helpful tips and more!
داستان تصویرهای جذاب کاربردی
اگر از کاربران محصولات دیجیتالی هستید باید تصویرسازیهایی که در این محصولات از آنها استفاده شده است را دیده باشید، طرحهای جذاب و گاها عجیبی که هنگام استفاده از Slack، MailChimp،Uber و دیگر از محصولات یا خدمات از شما استقبال میکنند و حتی ممکن است دلیلی برای علاقهمندشدن شما به آنها باشد. ولی این تصاویر دقیقا چه هستند و چرا شرکتهای فناوری از استفاده از این تصویرها استقبال میکنند؟
تصویر سازی محصول روشی قوی برای برجسته کردن مزایای یک محصول دیجیتال و ترغیب کاربران برای استفاده از آن محصول است. اگرچه تصویرسازی محصول نباید راه حل اصلی برای بهبود یک محصول باشد، اما در صورت استفاده مناسب، میتواند کاربران را به خود جلب کرده و آن محصول را از رقبایش متمایز کند.
این تصویرسازیها با اضافه کردن عناصر انسانی به تجربه کاربری و نمایش ایدهها و مفاهیم پیچیده به شکلی ساده و جذاب به کاربر کمک میکند تا ارتباط صمیمانهتری با محصول برقرار کند و حتی به آن علاقهمند شود. اما باید به خاطر داشته باشیم که هدف این تصویرسازیها نمایش روشهای استفاده از محصول و ارایه توضیحات لازم برای روشن ساختن ذهن مخاطب است نه تزیین و زیباترکردن محصول و در غیر این صورت ممکن است باعث گیج شدن کاربران شود.
به صورت کلی مواردی که از تصویرسازی در طراحی محصول استفاده میشود عبارتند از:
- هنگامی که خواندن و درک توضیحات برای کاربران دشوار است.
- راهنمایی کاربران برای انجام کارهای مربوط به هر مرحله
- آشنا کردن کاربران جدید با روشهای استفاده از محصول
- تبریک گفتن به کاربر هنگام رسیدن به هدف
- راهنمایی به کاربرانی که دچار سردرگمیشدهاند
در این مقاله فرانسیس تو، طراح محصول و تصویرساز، ضمن ارایه توضیحاتی در مورد تصویرسازی محصول، نکاتی کاربردی برای ورود به این حوزه را بیان میکند. پس اگر علاقهمند به تصویرسازی محصول هستید پیشنهاد میکنیم این مقاله را بخوانید.
https://bit.ly/dxgn716
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #رابط_کاربری #تصویرسازی
@Dexign فلسفه دیزاین
______
اگر از کاربران محصولات دیجیتالی هستید باید تصویرسازیهایی که در این محصولات از آنها استفاده شده است را دیده باشید، طرحهای جذاب و گاها عجیبی که هنگام استفاده از Slack، MailChimp،Uber و دیگر از محصولات یا خدمات از شما استقبال میکنند و حتی ممکن است دلیلی برای علاقهمندشدن شما به آنها باشد. ولی این تصاویر دقیقا چه هستند و چرا شرکتهای فناوری از استفاده از این تصویرها استقبال میکنند؟
تصویر سازی محصول روشی قوی برای برجسته کردن مزایای یک محصول دیجیتال و ترغیب کاربران برای استفاده از آن محصول است. اگرچه تصویرسازی محصول نباید راه حل اصلی برای بهبود یک محصول باشد، اما در صورت استفاده مناسب، میتواند کاربران را به خود جلب کرده و آن محصول را از رقبایش متمایز کند.
این تصویرسازیها با اضافه کردن عناصر انسانی به تجربه کاربری و نمایش ایدهها و مفاهیم پیچیده به شکلی ساده و جذاب به کاربر کمک میکند تا ارتباط صمیمانهتری با محصول برقرار کند و حتی به آن علاقهمند شود. اما باید به خاطر داشته باشیم که هدف این تصویرسازیها نمایش روشهای استفاده از محصول و ارایه توضیحات لازم برای روشن ساختن ذهن مخاطب است نه تزیین و زیباترکردن محصول و در غیر این صورت ممکن است باعث گیج شدن کاربران شود.
به صورت کلی مواردی که از تصویرسازی در طراحی محصول استفاده میشود عبارتند از:
- هنگامی که خواندن و درک توضیحات برای کاربران دشوار است.
- راهنمایی کاربران برای انجام کارهای مربوط به هر مرحله
- آشنا کردن کاربران جدید با روشهای استفاده از محصول
- تبریک گفتن به کاربر هنگام رسیدن به هدف
- راهنمایی به کاربرانی که دچار سردرگمیشدهاند
در این مقاله فرانسیس تو، طراح محصول و تصویرساز، ضمن ارایه توضیحاتی در مورد تصویرسازی محصول، نکاتی کاربردی برای ورود به این حوزه را بیان میکند. پس اگر علاقهمند به تصویرسازی محصول هستید پیشنهاد میکنیم این مقاله را بخوانید.
https://bit.ly/dxgn716
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #رابط_کاربری #تصویرسازی
@Dexign فلسفه دیزاین
______
Medium
How to Get Started in Product Illustration
Find out what is product illustration and how it is best used
راهنمای جامع طراحی اعلانها
امروزه هر کسی که با دستگاههای الکترونیک و محصولات دیجیتال سر و کار داشته باشد، حتما با اعلانها (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.