۶ متد طراحی وب برای درک کاربر
واقعیت این است زمانی که کاربری وارد وبسایتی میشود، به جای آنکه شروع به خواندن محتوایی کند، یک نگاه سریع و کلی به آن صفحه میاندازد. حتی اگر بداند که به دنبال چه چیزی است این نگاه کلی با سرعت بیشتری انجام میگیرد، اما اگر بدون هدف خاصی به وبسایت سر زده باشد، تا زمانی که کلمهای توجه او را جلب کند تمام صفحه را اسکن خواهد کرد . به این نوع کلمات «واژههای تحریککننده» میگویند.
متاسفانه تمامی محتوایی که در وبسایت به کار گرفته میشود، توجه کاربر را جلب نمیکند زیرا کاربر میداند با چه هدفی وارد وبسایت شده است. صرف نظر از اینکه رفتار او را تنبلی یا هرچیز دیگری مینامید، باید بگوییم این کار بر اساس رفتار همه ما در اینترنت است، نه فرد خاصی! به همین دلیل، ما باید صفحاتی دیزاین کنیم تا به راحتی قابل اسکنشدن باشند.
به این منظور به تلاش زیادی احتیاج نداریم، کافی است بر اساس عادات کاربر دیزاین کنیم، برای مثال می توانیم لوگو را در بالای صفحه سمت راست یا چپ، باکس جستوجو و در ادامه صفحات بخشبندی قسمتهای مختلف با استفاده از عناوین را قرار دهیم. اما تمام خلاقیت ما از دیزاین بر اساس کاربر این است؟ قطعا نه!
میتوانیم در پروژههای کوچک از خلاقیتهای متفاوتی استفاده کنیم اما توجه داشته باشید که این سورپرایز، تاثیر منفی بر کاربرانتان نداشته باشد.
چیزی به نام “کاربران این دیزاین را دوست دارند” وجود ندارد، تست کاربرپذیری انجام دهید. این یک واقعیت است که ما عاشق دیزاینهایمان میشویم اما هیچ تضمینی وجود ندارد که کاربران هم آن را دوست داشته باشند 🙂
کاربران باید بدانند که وبسایت شما به چه منظور ایجاد شده است یا هدف از مراجعه به وبسایت شما چیست! این بدان معنی نیست که هر محتوایی که در سایت به کار گرفته میشود باید در رابطه با کار و موضوع وبسایت شما باشد اما به طور کلی باید مشخص باشد که هدف شما از این وبسایت چیست!
به طور کلی در هنگام دیزاین و تولید محتوا مخاطب را کسانی قرار دهید که هیچ ایدهای در رابطه با وبسایت شما ندارد.
در مورد همهی صفحات وبسایت وسواس به خرج دهید نه فقط صفحه اصلی. اگر چه تا به این لحظه در مورد شروع خوب در مواجهه با کاربر صحبت کردیم اما تعداد ورودیهای موتورهای جستوجو و … از دیگر صفحات وبسایت نیز زیاد است بنابراین نیاز است در دیزاین دیگر صفحات نیز وسواس و خلاقیت به خرج دهید.
برای دستیابی به منبع اصلی این مقاله از طریق لینک زییر اقدام کنید:
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.
درخت موضوعی؛ مسائل ساختارمند و راهحلهای اصولی
درخت موضوعی در واقع نقشهی مشکلات است. به شما یک روش واضح و منظم را برای بررسی مسئلهای میدهد که در پی حل آن هستید. به شما کمک میکند که یک مشکل بزرگ را به قطعات کوچکتر و قابل مدیریتتر خرد کنید. و قسمتهایی از مسئله را اولویتبندی کنید.
دو نوع درخت موضوعی وجود دارد:
۱- درخت مسئله: با جواب به پرسش «چرا» رشد میکند.
۲- درخت راهحل: با جواب به پرسش «چگونه» رشد میکند.
چگونه یک درخت موضوعی را رشد دهیم؟
- درخت مسئله
یک درخت مسئلهی خوب باید کل مشکل را پوشش دهد. باید دقیق باشد. در اینجا به برخی از اصول اساسی برای ایجاد یک درخت مسئله اشاره میکنیم:
۱- مسائل را به شاخه یا دستهبندیهای جداگانه تقسیم کنید. (نکتهی مهم: این شاخهها باید مقابل هم قرار بگیرند یعنی همپوشانیای با یکدیگر نداشته باشند و نیز همدیگر را تکمیل کنند)
۲- زیاد وارد جزئیات نشوید. روی شاخههای بزرگتر که مسئله را تشکیل میدهند تمرکز کنید.
۳- روی قسمتهایی از مسئله تمرکز کنید که بیشترین تأثیرگذاری را دارند. (مهم است که به جای فرضیههای شما، مبتنی بر دادهها باشد)
- درخت راهحل
هنگامی که برخی از قسمتهای خاص مشکل را که میخواهید روی آنها تمرکز کنید، جدا کردید؛ میتوانید با ایجاد یک درخت راهحل، مسئله را جلو ببرید:
۱- قسمتی از مسئله را که میخواهید روی آن تمرکز کنید را جدا کنید و از خود بپرسید که چگونه میشود آن را حل کرد یا بهبود داد؟
۲- شاخههای بالقوهی راهحلهای خود را رشد بدهید.
۳- ایدههای خود را در هر شاخه تولید کنید.
مزیت اصلی این روش تفکر ساختاری است، کار با این محدودیتها در واقع به شما کمک میکند ایدههای بیشتری را تولید کنید.
برای فهم بیشتر مطلب و همینطور بررسی نمونههای موردی این تکنیک حل مسئله، شما را به خواندن مقالهی زیر دعوت میکنم. در نظر داشته باشید که، درخت موضوعی به طور خلاصه در بالا توضیح داده شد، مقالهی پیشرو یک راهنمای جامع و کامل است. میتوانید از فهرست آن در اول صفحه استفاده کنید یا اسکرول کنید و هر جا را که دوست داشتید مطالعه کنید، پیشنهاد من این است که فصل چهارم یعنی Issue Tree Examples را مطالعه کنید تا این روش برای شما بیشتر جا بیافتد:
http://bit.ly/dxgn752
(زمان حدودی مطالعه کل راهنما: ۷۰ دقیقه)
نویسنده: حسین میرزاده
#مدل_ذهنی #تعریف_مسئله #روش_حل_مشکل #درخت_موضوعی #نقشه_ذهنی #راه_حل
@Dexign فلسفه دیزاین
____
درخت موضوعی در واقع نقشهی مشکلات است. به شما یک روش واضح و منظم را برای بررسی مسئلهای میدهد که در پی حل آن هستید. به شما کمک میکند که یک مشکل بزرگ را به قطعات کوچکتر و قابل مدیریتتر خرد کنید. و قسمتهایی از مسئله را اولویتبندی کنید.
دو نوع درخت موضوعی وجود دارد:
۱- درخت مسئله: با جواب به پرسش «چرا» رشد میکند.
۲- درخت راهحل: با جواب به پرسش «چگونه» رشد میکند.
چگونه یک درخت موضوعی را رشد دهیم؟
- درخت مسئله
یک درخت مسئلهی خوب باید کل مشکل را پوشش دهد. باید دقیق باشد. در اینجا به برخی از اصول اساسی برای ایجاد یک درخت مسئله اشاره میکنیم:
۱- مسائل را به شاخه یا دستهبندیهای جداگانه تقسیم کنید. (نکتهی مهم: این شاخهها باید مقابل هم قرار بگیرند یعنی همپوشانیای با یکدیگر نداشته باشند و نیز همدیگر را تکمیل کنند)
۲- زیاد وارد جزئیات نشوید. روی شاخههای بزرگتر که مسئله را تشکیل میدهند تمرکز کنید.
۳- روی قسمتهایی از مسئله تمرکز کنید که بیشترین تأثیرگذاری را دارند. (مهم است که به جای فرضیههای شما، مبتنی بر دادهها باشد)
- درخت راهحل
هنگامی که برخی از قسمتهای خاص مشکل را که میخواهید روی آنها تمرکز کنید، جدا کردید؛ میتوانید با ایجاد یک درخت راهحل، مسئله را جلو ببرید:
۱- قسمتی از مسئله را که میخواهید روی آن تمرکز کنید را جدا کنید و از خود بپرسید که چگونه میشود آن را حل کرد یا بهبود داد؟
۲- شاخههای بالقوهی راهحلهای خود را رشد بدهید.
۳- ایدههای خود را در هر شاخه تولید کنید.
مزیت اصلی این روش تفکر ساختاری است، کار با این محدودیتها در واقع به شما کمک میکند ایدههای بیشتری را تولید کنید.
برای فهم بیشتر مطلب و همینطور بررسی نمونههای موردی این تکنیک حل مسئله، شما را به خواندن مقالهی زیر دعوت میکنم. در نظر داشته باشید که، درخت موضوعی به طور خلاصه در بالا توضیح داده شد، مقالهی پیشرو یک راهنمای جامع و کامل است. میتوانید از فهرست آن در اول صفحه استفاده کنید یا اسکرول کنید و هر جا را که دوست داشتید مطالعه کنید، پیشنهاد من این است که فصل چهارم یعنی Issue Tree Examples را مطالعه کنید تا این روش برای شما بیشتر جا بیافتد:
http://bit.ly/dxgn752
(زمان حدودی مطالعه کل راهنما: ۷۰ دقیقه)
نویسنده: حسین میرزاده
#مدل_ذهنی #تعریف_مسئله #روش_حل_مشکل #درخت_موضوعی #نقشه_ذهنی #راه_حل
@Dexign فلسفه دیزاین
____
Crafting Cases
Issue Trees: The Definitive Guide [+In-depth Examples] – Crafting Cases
In this COMPREHENSIVE guide, you'll learn 3 powerful techniques to build Issue Trees for case interviews, see TONS of realistic examples and much more.
ساختن یک پالت رنگی در ۸ قدم خیلی ساده
ساختن دیزاینسیستم برای هر پروژهای یکی از اولویتهای مهم شروع آن است.
یکی از مهمترین بخشهای هر دیزاینسیستمی، ساختار رنگی و حالات مختلف رنگی آن است و دست یافتن به پالت رنگی درست بسیار سخت و لذتبخش است.
پالتهای رنگی معمولا بر اساس زمان و آزمون و خطا تکمیل میشوند ولی پس از مدتی، میتوانید به الگوی خاصی که تمام پالتهای رنگی آن را رعایت میکنند برسید و از روی همان پالت رنگی جدیدی تولید کنید.
در مقالهای که امروز به شما معرفی میکنم، نویسنده، با بیان ۸ قدم ساده به مخاطب میآموزد تا برای خود پالت رنگی مناسب بسازد و همین الگو را برای هر پالت رنگی دیگری تکرار کنید.
http://bit.ly/dxgn753
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: آرش اصغری
#رنگ #پالت
@Dexign فلسفه دیزاین
______
ساختن دیزاینسیستم برای هر پروژهای یکی از اولویتهای مهم شروع آن است.
یکی از مهمترین بخشهای هر دیزاینسیستمی، ساختار رنگی و حالات مختلف رنگی آن است و دست یافتن به پالت رنگی درست بسیار سخت و لذتبخش است.
پالتهای رنگی معمولا بر اساس زمان و آزمون و خطا تکمیل میشوند ولی پس از مدتی، میتوانید به الگوی خاصی که تمام پالتهای رنگی آن را رعایت میکنند برسید و از روی همان پالت رنگی جدیدی تولید کنید.
در مقالهای که امروز به شما معرفی میکنم، نویسنده، با بیان ۸ قدم ساده به مخاطب میآموزد تا برای خود پالت رنگی مناسب بسازد و همین الگو را برای هر پالت رنگی دیگری تکرار کنید.
http://bit.ly/dxgn753
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: آرش اصغری
#رنگ #پالت
@Dexign فلسفه دیزاین
______
Medium
How to make your own color palettes
Working with color is hard. No argument there, but do you know what’s even harder? Pairing colors together. Think about the last time you…
یک رنگ و هزار رو
مرحلهی انتخاب رنگ در پروسه طراحی هیجانانگیزترین و نامطمئنترین قدمی بوده است که برداشتهام. تنوع انتخابهای ممکن، حفظ هماهنگی در کنار جلوگیری از زیادیروی در استفاده از رنگها چالشهایی هستند که جوابها و متدهایی دقیق برای مواجه شدن با آنها وجود ندارد و میتوانند گیج کننده باشند.
ما طراحان عادت داریم در میان هزاران پالت رنگی ساعتها به جستجو و انتخاب بپردازیم، تئوری رنگها را آموخته تا الگوهای رنگی مخصوص به خودمان را تولید کنیم و هر بار تمام آنها را دور ریخته و از نو شروع کنیم. اما پتانسیلی هست که معمولا از آن غافل میمانیم؛ تنوع منحصربهفردی که هر رنگی به تنهایی در خود دارد.
این تنوع منحصربهفرد را میتوانیم در اطراف خود و دنیای واقعی ببینیم؛ اگر به رنگ هرچیز در محیطهای نوری متفاوت یا ساعات مختلف یک روز توجه کنید میتوانید ببینید که با کم و زیاد شدن شدت و یا تغییر منبع نور خصوصیات متنوع رنگ را نشان میدهد، بدون آنکه هویت اصلی رنگ تغییری بکند.
این ویژگی را میتوانیم در دنیای طراحی نیز به کار بگیریم؛ بسیاری از مواقع میتوان تنها با ایجاد تغییراتی در خصوصیات متغیر یک رنگ خاص، آن را برای محیطها و عملکردهای متنوع در طراحی آماده و بهینه کرد. با بهکارگیری این پتانسیل فضای طراحی مینیمالتری ساخته و هماهنگی را تنها با انتخاب یک رنگ تضمین کنیم.
این روش به نوعی شبیه به قرار دادن یک رنگ در سایه و یا گذاشتن آن در معرض نور مستقیم است، بااینحال برای بهدرستی انجام دادن این عمل ساده به قوانین کاربردی مشخص نیاز داریم و همچنین میبایست ویژگیهای متغیر یک رنگ را بشناسیم.
در مقاله زیر با خصوصیات متغیر یک رنگ یعنی فام (Hue) ، غلظت (Saturation) و روشنایی (Brightness) آشنا میشویم و با مثالهایی کاربردی نحوهی تغییر دادن این ویژگیها را برای رسیدن به یک تنوع رنگی هماهنگ یاد میگیریم.
http://bit.ly/dxgn754
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #رابط_کاربری #رنگ
@Dexign فلسفه دیزاین
______
مرحلهی انتخاب رنگ در پروسه طراحی هیجانانگیزترین و نامطمئنترین قدمی بوده است که برداشتهام. تنوع انتخابهای ممکن، حفظ هماهنگی در کنار جلوگیری از زیادیروی در استفاده از رنگها چالشهایی هستند که جوابها و متدهایی دقیق برای مواجه شدن با آنها وجود ندارد و میتوانند گیج کننده باشند.
ما طراحان عادت داریم در میان هزاران پالت رنگی ساعتها به جستجو و انتخاب بپردازیم، تئوری رنگها را آموخته تا الگوهای رنگی مخصوص به خودمان را تولید کنیم و هر بار تمام آنها را دور ریخته و از نو شروع کنیم. اما پتانسیلی هست که معمولا از آن غافل میمانیم؛ تنوع منحصربهفردی که هر رنگی به تنهایی در خود دارد.
این تنوع منحصربهفرد را میتوانیم در اطراف خود و دنیای واقعی ببینیم؛ اگر به رنگ هرچیز در محیطهای نوری متفاوت یا ساعات مختلف یک روز توجه کنید میتوانید ببینید که با کم و زیاد شدن شدت و یا تغییر منبع نور خصوصیات متنوع رنگ را نشان میدهد، بدون آنکه هویت اصلی رنگ تغییری بکند.
این ویژگی را میتوانیم در دنیای طراحی نیز به کار بگیریم؛ بسیاری از مواقع میتوان تنها با ایجاد تغییراتی در خصوصیات متغیر یک رنگ خاص، آن را برای محیطها و عملکردهای متنوع در طراحی آماده و بهینه کرد. با بهکارگیری این پتانسیل فضای طراحی مینیمالتری ساخته و هماهنگی را تنها با انتخاب یک رنگ تضمین کنیم.
این روش به نوعی شبیه به قرار دادن یک رنگ در سایه و یا گذاشتن آن در معرض نور مستقیم است، بااینحال برای بهدرستی انجام دادن این عمل ساده به قوانین کاربردی مشخص نیاز داریم و همچنین میبایست ویژگیهای متغیر یک رنگ را بشناسیم.
در مقاله زیر با خصوصیات متغیر یک رنگ یعنی فام (Hue) ، غلظت (Saturation) و روشنایی (Brightness) آشنا میشویم و با مثالهایی کاربردی نحوهی تغییر دادن این ویژگیها را برای رسیدن به یک تنوع رنگی هماهنگ یاد میگیریم.
http://bit.ly/dxgn754
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #رابط_کاربری #رنگ
@Dexign فلسفه دیزاین
______
Medium
Color in UI Design: A (Practical) Framework
NOTE: for the full, updated article, please go here. This is an abbreviated (and non-updated version).
جادوی حرکت
استفاده از انیمیشن برای برطرف کردن مشکلات در طراحی UI
آیکنهای متحرک، دکمههایی که بعد از فشردن تغییر میکنند و تصویرسازیهایی که نسبت به رفتار ما واکنش نشان میدهند، همه اینها مواردی است که هنگام استفاده از یک سایت یا اپلیکیشن با آن برخورد کردهایم و گاهی چنان مجذوبش شدهایم که فقط برای دیدن دوباره آن حرکت، یک عمل چندبار تکرار کردیم.
اما چرا وجود حرکت در یک محصول انقدر جذاب است و کاربران تا این حد به آن علاقهمند هستند؟ شاید چون انیمیشنها احساس و درکی مشابه تعامل با یک جسم فیزیکی در زندگی واقعی را ایجاد میکنند. احساسی که بخشی جدایی ناپذیر از تجربه تعامل کاربر با محصول است و باعث میشود آن را بیشتر دوست داشته باشد یا در مقابل از استفاده از آن پشیمان شود.
با وجود علاقه کاربران به حرکت بازهم افرادی هستند که استفاده از انیمیشن در طراحی UI را کاری پیچیده و غیرضروری میدانند که باعث بالا بردن زمان بارگزاری طرح میشود. شاید گفتهی این افراد درست باشد اما حذف عاملی که باعث رضایت و لذت کاربران هنگام استفاده از یک محصول میشود کار چندان عاقلانهای نیست. پس به عنوان یک طراح، بهتر است بهجای حذف انیمیشن از طراحی UI آن را به عنوان یک عنصر کاربردی ببنیم و سعی کنیم تا با رویکردی متفکرانه و هدفمند از این جادوی شگفت انگیز در طراحیهایمان استفاده کنیم.
یکی از بهترین رویکردها استفاده از انیمیشن برای حل مشکلات موجود در طرحهایمان است اما قبل از این کار لازم است تا مشکلات را بشناسیم و راههای برطرف کردن آنها با استفاده از انیمیشن را بدانیم. اگر به شناخت این مشکلات و روشهای ازبین بردنشان با انیمیشن علاقه دارید پیشنهاد میکنم که این مقاله را بخوانید.
http://bit.ly/dxgn755
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: فیروزه ایمانی
#طراحی #رابط_کاربری #انیمیشن
@Dexign فلسفه دیزاین
______
استفاده از انیمیشن برای برطرف کردن مشکلات در طراحی UI
آیکنهای متحرک، دکمههایی که بعد از فشردن تغییر میکنند و تصویرسازیهایی که نسبت به رفتار ما واکنش نشان میدهند، همه اینها مواردی است که هنگام استفاده از یک سایت یا اپلیکیشن با آن برخورد کردهایم و گاهی چنان مجذوبش شدهایم که فقط برای دیدن دوباره آن حرکت، یک عمل چندبار تکرار کردیم.
اما چرا وجود حرکت در یک محصول انقدر جذاب است و کاربران تا این حد به آن علاقهمند هستند؟ شاید چون انیمیشنها احساس و درکی مشابه تعامل با یک جسم فیزیکی در زندگی واقعی را ایجاد میکنند. احساسی که بخشی جدایی ناپذیر از تجربه تعامل کاربر با محصول است و باعث میشود آن را بیشتر دوست داشته باشد یا در مقابل از استفاده از آن پشیمان شود.
با وجود علاقه کاربران به حرکت بازهم افرادی هستند که استفاده از انیمیشن در طراحی UI را کاری پیچیده و غیرضروری میدانند که باعث بالا بردن زمان بارگزاری طرح میشود. شاید گفتهی این افراد درست باشد اما حذف عاملی که باعث رضایت و لذت کاربران هنگام استفاده از یک محصول میشود کار چندان عاقلانهای نیست. پس به عنوان یک طراح، بهتر است بهجای حذف انیمیشن از طراحی UI آن را به عنوان یک عنصر کاربردی ببنیم و سعی کنیم تا با رویکردی متفکرانه و هدفمند از این جادوی شگفت انگیز در طراحیهایمان استفاده کنیم.
یکی از بهترین رویکردها استفاده از انیمیشن برای حل مشکلات موجود در طرحهایمان است اما قبل از این کار لازم است تا مشکلات را بشناسیم و راههای برطرف کردن آنها با استفاده از انیمیشن را بدانیم. اگر به شناخت این مشکلات و روشهای ازبین بردنشان با انیمیشن علاقه دارید پیشنهاد میکنم که این مقاله را بخوانید.
http://bit.ly/dxgn755
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: فیروزه ایمانی
#طراحی #رابط_کاربری #انیمیشن
@Dexign فلسفه دیزاین
______
Medium
UI Animation: Eye-Pleasing, Problem-Solving.
Animation applied in user interfaces is the topic drawing high attention and provoking hot debates nowadays. Although there is a big army…
راهکارهایی برای طراحی محصولات دیجیتال فراگیر
در این مقاله به معرفی و ارائه راهکارهایی برای طراحی محصولات دیجیتال فراگیر پرداخته شده است. در اینجا منظور از محصولات فراگیر محصولاتی هستند که توسط طیف متنوع و وسیعی از کاربران قابل استفاده هستند و در طراحی آنها با توجه به این نکته انجام شده است که تمامی گروههای کاربران اعم از کاربران با سلیقههای مختلف یا ویژگیهای ذاتی و فیزیکی مختلف بتوانند از آن استفاده کنند و در استفاده از محصول تجربه کاربری مناسبی داشته باشند.
یکی از رویکردهای رایج در طراحی محصولات دیجیتال، بررسی آن از نقطه نظر خودمان و باور به این موضوع است که تجربه ما منعکسکننده تجربه همه کاربران است. این پیشداوری ذهنی که برخواسته از طبیعت انسان است در مقابل تفکر دیزاین قرار میگیرد و باعث میشود تا مشکل را صرفا مربوط به خود دیده و یافتن راهحل جامع برای آن که توسط همه انسانها کاربردی باشد را کنار بگذاریم.
چالش اصلی دیزاین، ایجاد تجربهای است که انطباقپذیر، منعطف، مقیاسپذیر و از همه مهمتر قابل استفاده توسط بیشترین تعداد ممکن از انسانها باشد. هدف ما به عنوان دیزاینر، بهبود تجربه کاربری برای همه و نه فقط برای گروهی خاص است.
با این تفاسیر برای رسیدن به محصولاتی فراگیر، راهکارهایی وجود دارد که برخی از آنها به شرح زیر است:
۱- استفاده از رنگها و پایبندی به استانداردهای رنگی و تضاد رنگها
۲- توجه به استاندارهای دسترسیپذیری نظیر WCAG و ADA برای افراد دارای معلولیت
۳- تنوع نژادی در تصویرسازیها و تصاویر مورد استفاده در خلق محصولات دیجیتال
۴- طراحی فرمها بر مبنای تمامی جنسیتهای مختلف
۵- مصاحبه با افراد و گروههای مختلف با پیشینه و تجربیات مختلف
۶- طراحی بر مبنای فضا و محیط کاربر
۷- ایجاد امکان شخصیسازی برای کاربران
۸- سخن گفتن به زبانی و ادبیاتی که برای همه کاربران قابل فهم باشد.
۹- طراحی برای کاربران راستدست و چپدست
۱۰- عدم تخطی از استانداردها و الگوهای مورد پذیرش کاربران
براساس این راهکارها میتوانید محصولی فراگیر طراحی کنید. برای آشنایی بیشتر با هریک از این راهکارها، میتوانید مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn756
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #فراگیر #تجربه_کاربری
@Dexign فلسفه دیزاین
_____
در این مقاله به معرفی و ارائه راهکارهایی برای طراحی محصولات دیجیتال فراگیر پرداخته شده است. در اینجا منظور از محصولات فراگیر محصولاتی هستند که توسط طیف متنوع و وسیعی از کاربران قابل استفاده هستند و در طراحی آنها با توجه به این نکته انجام شده است که تمامی گروههای کاربران اعم از کاربران با سلیقههای مختلف یا ویژگیهای ذاتی و فیزیکی مختلف بتوانند از آن استفاده کنند و در استفاده از محصول تجربه کاربری مناسبی داشته باشند.
یکی از رویکردهای رایج در طراحی محصولات دیجیتال، بررسی آن از نقطه نظر خودمان و باور به این موضوع است که تجربه ما منعکسکننده تجربه همه کاربران است. این پیشداوری ذهنی که برخواسته از طبیعت انسان است در مقابل تفکر دیزاین قرار میگیرد و باعث میشود تا مشکل را صرفا مربوط به خود دیده و یافتن راهحل جامع برای آن که توسط همه انسانها کاربردی باشد را کنار بگذاریم.
چالش اصلی دیزاین، ایجاد تجربهای است که انطباقپذیر، منعطف، مقیاسپذیر و از همه مهمتر قابل استفاده توسط بیشترین تعداد ممکن از انسانها باشد. هدف ما به عنوان دیزاینر، بهبود تجربه کاربری برای همه و نه فقط برای گروهی خاص است.
با این تفاسیر برای رسیدن به محصولاتی فراگیر، راهکارهایی وجود دارد که برخی از آنها به شرح زیر است:
۱- استفاده از رنگها و پایبندی به استانداردهای رنگی و تضاد رنگها
۲- توجه به استاندارهای دسترسیپذیری نظیر WCAG و ADA برای افراد دارای معلولیت
۳- تنوع نژادی در تصویرسازیها و تصاویر مورد استفاده در خلق محصولات دیجیتال
۴- طراحی فرمها بر مبنای تمامی جنسیتهای مختلف
۵- مصاحبه با افراد و گروههای مختلف با پیشینه و تجربیات مختلف
۶- طراحی بر مبنای فضا و محیط کاربر
۷- ایجاد امکان شخصیسازی برای کاربران
۸- سخن گفتن به زبانی و ادبیاتی که برای همه کاربران قابل فهم باشد.
۹- طراحی برای کاربران راستدست و چپدست
۱۰- عدم تخطی از استانداردها و الگوهای مورد پذیرش کاربران
براساس این راهکارها میتوانید محصولی فراگیر طراحی کنید. برای آشنایی بیشتر با هریک از این راهکارها، میتوانید مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn756
(زمان حدودی مطالعه: ۱۵ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #فراگیر #تجربه_کاربری
@Dexign فلسفه دیزاین
_____
Medium
10 Ways to Design More Inclusive Products
Ways to make digital products more accessible, usable, and user friendly for everyone.
چطور لندینگ پیج خود را خراب کنیم؟
همانطور که از تیتر این مقاله پیداست، در آن به روشهایی میپردازیم که شما نباید آن را در زمینه لندینگپیج دنبال کنید.
لندینگپیجها عموما برای یک هدف خاص طراحی میشوند و تمام المانهای صفحه، تلاش خود را به کار میگیرند تا به آن هدف برسند.
هدفگذاریهای اشتباه معمولا بازدیدهای وبسایت را کم کرده و در نتیجه این اتفاق به شکست لندینگ میانجامد.
* یکی از نکات جالبی که این مقاله به آن اشاره میکند، همیشه روی ترند دیزاین کردن لندینگپیج است.
معمولا زمانی که یک سبک دیزاین تبدیل به ترند میشود، به سرعت به سمت از مد افتادن پیش میرود و از آنجایی که این روند با سرعت زیادی اتفاق میافتد، بهتر است تا ما همیشه سبک خودمان را پیدا کنیم و بتوانیم بهترین خروجی برای منظوری که داریم را داشته باشیم.
درواقع تفاوت ارزشمند واقعی همینجاست.
در مقالهی امروز، نویسنده ۵ عامل بسیار مهم در شکست لندینگ پیج را بررسی میکند که خواندن و مرورش خالی از لطف نیست.
http://bit.ly/dxgn757
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: آرش اصغری
#تجربه_کاربری #لندینگ
@dexign فلسفه دیزاین
______
همانطور که از تیتر این مقاله پیداست، در آن به روشهایی میپردازیم که شما نباید آن را در زمینه لندینگپیج دنبال کنید.
لندینگپیجها عموما برای یک هدف خاص طراحی میشوند و تمام المانهای صفحه، تلاش خود را به کار میگیرند تا به آن هدف برسند.
هدفگذاریهای اشتباه معمولا بازدیدهای وبسایت را کم کرده و در نتیجه این اتفاق به شکست لندینگ میانجامد.
* یکی از نکات جالبی که این مقاله به آن اشاره میکند، همیشه روی ترند دیزاین کردن لندینگپیج است.
معمولا زمانی که یک سبک دیزاین تبدیل به ترند میشود، به سرعت به سمت از مد افتادن پیش میرود و از آنجایی که این روند با سرعت زیادی اتفاق میافتد، بهتر است تا ما همیشه سبک خودمان را پیدا کنیم و بتوانیم بهترین خروجی برای منظوری که داریم را داشته باشیم.
درواقع تفاوت ارزشمند واقعی همینجاست.
در مقالهی امروز، نویسنده ۵ عامل بسیار مهم در شکست لندینگ پیج را بررسی میکند که خواندن و مرورش خالی از لطف نیست.
http://bit.ly/dxgn757
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: آرش اصغری
#تجربه_کاربری #لندینگ
@dexign فلسفه دیزاین
______
Medium
5 things that are killing your landing page
There are not so obvious as you might think.
چگونه بازآفرینی برند موفقی داشته باشیم؟
همین چند وقت پیش بود که تغییر لوگوی قدیمی کافه بازار موجی از انتقادات را در فضای مجازی برانگیخت و بسیاری از کاربران را خواسته یا ناخواسته با خود همراه کرد، پیش از این تغییر لوگوهای اسنپ و تپسی هم چنین فضایی را ایجاد کرده بود. نمونههایی مشابه کم نیستند و این تغییر آخرین تغییر نخواهد بود. اما چرا شرکتهای بزرگ با وجود آگاهی از مقاومت کاربران در برابر تغییر و همه هجمههای احتمالی بازهم ریسک بازآفرینی برند (rebranding) را میپذیرند و خود را در معرض قضاوتها و گاهی تمسخر کاربرانشان قرار میدهند؟
به طور کلی برندسازی و باز طراحی برند همیشه نیاز به زمان، تلاش و کمی شانس دارد، بازآفرینی برند فرصتی شگفتانگیز برای شرکتها ایجاد میکند، تا پیوند خود را با مشتریانشان قویتر کرده و ذهنیت آنها در مورد برندشان را بهبود دهند و از سوی دیگر با جذب مشتریان جدید، سهم بیشتری از بازار را بهدست آورده و از رقبای خود پیشی بگیرند. همه این تغییرات مثبت تاثیر بسیار خوبی در جایگاه و موقعیت برند دارند اما همیشه اینطور نیست و گاهی شرکتها نهتنها بازخورد مثبتی از انجام آن دریافت نمیکنند بلکه بهجای رسیدن به سود بیشتر باعث رکود آنها نیز میشود.
موفقیت در بازآفرینی برند به مهارتهای خلاقانه وابسته نیست بلکه به کیفیت تحقیقات بستگی دارد. تنها زمانی که از نیازهای کاربرانمان به درستی آگاه باشیم میتوانیم آنچه را که آنها نیاز دارند در اختیارشان بگذاریم. عدم آگاهی از نیازهای کاربران یا تصور آگاهی از آنها باعث میشود که این بازآفرینی بدون هدف انجام شود. در یک جمله بازآفرینی بدون تحقیقات جامع و کامل، هدردادن بودجه بازاریابی است.
بارزترین تغییرات مفهومی در یک شرکت با بازطراحی لوگو اتفاق میافتد. تغییر در لوگو بیشتر از سایر تغییرات از سمت کاربران مورد قضاوت قرار میگیرد زیرا کاربران به صورت ملموسی با آن سروکار دارند. اما تغییر لوگو همیشه با مقاومت کاربران روبرو نیست و اگر بر مبنای تحقیقات درست و مطابق با نیازهای کاربران باشد سبب موفقیت برند خواهد بود.
اگر دوست دارید درباره نتایج موفق بازآفرینی برند و بازطراحی لوگو در شرکتهای اپل، Airbnb ،لگو، پیتزا هات و کمیک های DC بیشتر بدانید پیشنهاد میکنم که این مقاله را بخوانید.
http://bit.ly/dxgn758
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: فیروزه ایمانی
#بازآفرینی_برند #بازطراحی_لوگو #برند #لوگو
@DEXIGN فلسفه دیزاین
______
همین چند وقت پیش بود که تغییر لوگوی قدیمی کافه بازار موجی از انتقادات را در فضای مجازی برانگیخت و بسیاری از کاربران را خواسته یا ناخواسته با خود همراه کرد، پیش از این تغییر لوگوهای اسنپ و تپسی هم چنین فضایی را ایجاد کرده بود. نمونههایی مشابه کم نیستند و این تغییر آخرین تغییر نخواهد بود. اما چرا شرکتهای بزرگ با وجود آگاهی از مقاومت کاربران در برابر تغییر و همه هجمههای احتمالی بازهم ریسک بازآفرینی برند (rebranding) را میپذیرند و خود را در معرض قضاوتها و گاهی تمسخر کاربرانشان قرار میدهند؟
به طور کلی برندسازی و باز طراحی برند همیشه نیاز به زمان، تلاش و کمی شانس دارد، بازآفرینی برند فرصتی شگفتانگیز برای شرکتها ایجاد میکند، تا پیوند خود را با مشتریانشان قویتر کرده و ذهنیت آنها در مورد برندشان را بهبود دهند و از سوی دیگر با جذب مشتریان جدید، سهم بیشتری از بازار را بهدست آورده و از رقبای خود پیشی بگیرند. همه این تغییرات مثبت تاثیر بسیار خوبی در جایگاه و موقعیت برند دارند اما همیشه اینطور نیست و گاهی شرکتها نهتنها بازخورد مثبتی از انجام آن دریافت نمیکنند بلکه بهجای رسیدن به سود بیشتر باعث رکود آنها نیز میشود.
موفقیت در بازآفرینی برند به مهارتهای خلاقانه وابسته نیست بلکه به کیفیت تحقیقات بستگی دارد. تنها زمانی که از نیازهای کاربرانمان به درستی آگاه باشیم میتوانیم آنچه را که آنها نیاز دارند در اختیارشان بگذاریم. عدم آگاهی از نیازهای کاربران یا تصور آگاهی از آنها باعث میشود که این بازآفرینی بدون هدف انجام شود. در یک جمله بازآفرینی بدون تحقیقات جامع و کامل، هدردادن بودجه بازاریابی است.
بارزترین تغییرات مفهومی در یک شرکت با بازطراحی لوگو اتفاق میافتد. تغییر در لوگو بیشتر از سایر تغییرات از سمت کاربران مورد قضاوت قرار میگیرد زیرا کاربران به صورت ملموسی با آن سروکار دارند. اما تغییر لوگو همیشه با مقاومت کاربران روبرو نیست و اگر بر مبنای تحقیقات درست و مطابق با نیازهای کاربران باشد سبب موفقیت برند خواهد بود.
اگر دوست دارید درباره نتایج موفق بازآفرینی برند و بازطراحی لوگو در شرکتهای اپل، Airbnb ،لگو، پیتزا هات و کمیک های DC بیشتر بدانید پیشنهاد میکنم که این مقاله را بخوانید.
http://bit.ly/dxgn758
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: فیروزه ایمانی
#بازآفرینی_برند #بازطراحی_لوگو #برند #لوگو
@DEXIGN فلسفه دیزاین
______
Medium
The Best Rebrands: How Did They Do It?
Proper branding and rebranding in particular always require a lot of time, efforts, and a bit of luck. Amazing rebranding gives a company…
چراغهای راهنما در مسیر تجربه کاربری
یکی از واضحترین رسالتهای طراحی تجربه کاربری اطمینان یافتن از حضور همیشگی تجربه مثبت در فضای سرویس و به تبع آن جلوگیری از به وجود آمدن تجربههای منفی است.
ما انسانها موجودات سادهای هستیم، برای انجام کارها دستورالعملها را ترجیح میدهیم و از یافتن راهحلها اگر در اختیارمان قرار نگیرند طفره میرویم. عنوان کتاب استیو کروگ «نگذار من فکر کنم» یادآور خوبی از این ویژگی محسوب میشود؛ هر اندازه تجربه کاربران بیشتر احساسی و بصری باشد و بدون اینکه ذهن آنها را درگیر کند اهدافشان را محقق سازد، ریسک به وجود آمدن تجربههای منفی کمتر میشود. به بیان سادهتر به کاربران بگویید چهکار کنند و چهکار نکنند قبل از آنکه این سوالها را از خودشان بپرسند.
یکی از راهها برای ارائه این اطلاعات و روشن کردن مسیر تجربه کاربر استفاده از چراغ راهنمای تجربه کاربری است؛
۱. چراغ قرمز: این چراغ سدهای بر سر راه کاربر در جریان تجربه را نشان میدهد. این سدها نقاطی از مسیر تعامل کاربر با سرویس هستند که به هر دلیلی ممکن است مانع ادامه مسیر شوند. میبایست به سرعت این احتمال را به اطلاع کاربر برسانید. برای مثال میتوان به لزوم پر کردن اطلاعات بانکی پیش از فرم استفادهی رایگان از سرویس اشاره کرد. چراغهای قرمز یکی از راههای مناسب برای ایجاد اعتماد در کاربران به شمار میرود و آنچه که کاربر باید انتظارش را داشته باشد متذکر میشوند.
۲. چراغ سبز: این چراغ زمانی به کار میآید که کاربر برای ادامه مسیر نیاز به تکمیل یک سری مراحل داشته باشد تا اجازه عبور بگیرد. یکی از پرکاربردترین چراغهای سبز غیرفعال نگه داشتن دکمه ادامه مسیر تا زمانی است که کاربر اطلاعات لازم را وارد کند. با استفاده از چراغ سبز کاربر از زمان کامل شدن اقداماتی که باید انجام دهد مطلع میشود و با عمل نکردن دکمهها و لینکهایی که به اشتباه به او میگویند که میتواند ادامه دهد سرخورده نمیشود.
۳. چراغ زرد: چراغهای زرد به دو صورت میتوانند به شفافسازی مسیر کاربر کمک کنند؛ یکی با ارائه اخطارهایی که از احتمال به وجود آمدن مشکل در مسیر خبر میدهند و دومی با تلنگر زدن به کاربر برای ادامه دادن مسیری که در پیش گرفته است. پیامی که به شما اطلاع میدهد مهلت استفاده رایگانتان در سرویس رو به اتمام است و در کنار آن طریقه تمدید یا خرید سرویس را در اختیارتان میگذارد یکی از واضحترین و کاربردیترین چراغهای زرد محسوب میشود.
برای مطالعه بیشتر در رابطه با چراغهای راهنمای مسیر تجربه کاربری و مشاهده مثالهای تصویری هر کدام به این مقاله مراجعه کنید:
http://bit.ly/dxgn759
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #تجربه_کاربری #چراغ_راهنما
@Dexign فلسفه دیزاین
______
یکی از واضحترین رسالتهای طراحی تجربه کاربری اطمینان یافتن از حضور همیشگی تجربه مثبت در فضای سرویس و به تبع آن جلوگیری از به وجود آمدن تجربههای منفی است.
ما انسانها موجودات سادهای هستیم، برای انجام کارها دستورالعملها را ترجیح میدهیم و از یافتن راهحلها اگر در اختیارمان قرار نگیرند طفره میرویم. عنوان کتاب استیو کروگ «نگذار من فکر کنم» یادآور خوبی از این ویژگی محسوب میشود؛ هر اندازه تجربه کاربران بیشتر احساسی و بصری باشد و بدون اینکه ذهن آنها را درگیر کند اهدافشان را محقق سازد، ریسک به وجود آمدن تجربههای منفی کمتر میشود. به بیان سادهتر به کاربران بگویید چهکار کنند و چهکار نکنند قبل از آنکه این سوالها را از خودشان بپرسند.
یکی از راهها برای ارائه این اطلاعات و روشن کردن مسیر تجربه کاربر استفاده از چراغ راهنمای تجربه کاربری است؛
۱. چراغ قرمز: این چراغ سدهای بر سر راه کاربر در جریان تجربه را نشان میدهد. این سدها نقاطی از مسیر تعامل کاربر با سرویس هستند که به هر دلیلی ممکن است مانع ادامه مسیر شوند. میبایست به سرعت این احتمال را به اطلاع کاربر برسانید. برای مثال میتوان به لزوم پر کردن اطلاعات بانکی پیش از فرم استفادهی رایگان از سرویس اشاره کرد. چراغهای قرمز یکی از راههای مناسب برای ایجاد اعتماد در کاربران به شمار میرود و آنچه که کاربر باید انتظارش را داشته باشد متذکر میشوند.
۲. چراغ سبز: این چراغ زمانی به کار میآید که کاربر برای ادامه مسیر نیاز به تکمیل یک سری مراحل داشته باشد تا اجازه عبور بگیرد. یکی از پرکاربردترین چراغهای سبز غیرفعال نگه داشتن دکمه ادامه مسیر تا زمانی است که کاربر اطلاعات لازم را وارد کند. با استفاده از چراغ سبز کاربر از زمان کامل شدن اقداماتی که باید انجام دهد مطلع میشود و با عمل نکردن دکمهها و لینکهایی که به اشتباه به او میگویند که میتواند ادامه دهد سرخورده نمیشود.
۳. چراغ زرد: چراغهای زرد به دو صورت میتوانند به شفافسازی مسیر کاربر کمک کنند؛ یکی با ارائه اخطارهایی که از احتمال به وجود آمدن مشکل در مسیر خبر میدهند و دومی با تلنگر زدن به کاربر برای ادامه دادن مسیری که در پیش گرفته است. پیامی که به شما اطلاع میدهد مهلت استفاده رایگانتان در سرویس رو به اتمام است و در کنار آن طریقه تمدید یا خرید سرویس را در اختیارتان میگذارد یکی از واضحترین و کاربردیترین چراغهای زرد محسوب میشود.
برای مطالعه بیشتر در رابطه با چراغهای راهنمای مسیر تجربه کاربری و مشاهده مثالهای تصویری هر کدام به این مقاله مراجعه کنید:
http://bit.ly/dxgn759
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #تجربه_کاربری #چراغ_راهنما
@Dexign فلسفه دیزاین
______
Medium
Traffic lights in user experience
Humans are simple creatures. We understand instructions very well and know how to follow them through.
دایرةالمعارفی برای دیزاینرها
با گشتی در فضای مجازی و دیدن وبسایتها و شبکههای اجتماعی مختلف که دیزاینرها در آنها حضور دارند، احتمالا با مطالب مختلفی روبرو شدهاید که مجموعه نکات و راهکارهایی را برای بهبود کیفیت رابط کاربری و تجربه کاربری، معرفی کرده و توضیح دادهاند. این مطالب معمولا برخواسته از تجربه افراد مختلف است و دیزاینرهای مختلف براساس تجربه و چالشهایی که داشتهاند این مطالب را برای راهنمایی و کمک به دیزاینرهای دیگر و علاقهمندان منتشر کردهاند.
امروز میخواهیم یکی از طولانیترین و کاملترین مطالب در این زمینه را به شما معرفی کنیم. مطلبی که بهقدری کامل و همهجانبه به نکات مربوط به طراحی رابط کاربری و تجربه کاربری پرداخته که تصمیم گرفتیم عنوان «دایرةالمعارف» را برای آن برگزینیم.
در این مقاله، Mark Andrew به بیان نکاتی میپردازد که باور دارد با رعایت آنها تغییرات شگرفی در خروجی کار ایجاد خواهد شد. اگر علاقه دارید با این نکات آشنا شوید، پیشنهاد میکنیم مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn760
(زمان حدودی مطالعه: ۲۰ دقیقه)
نویسنده: محمدرضا پناهی
#رابط_کاربری #تجربه_کاربری
@Dexign فلسفه دیزاین
_______
با گشتی در فضای مجازی و دیدن وبسایتها و شبکههای اجتماعی مختلف که دیزاینرها در آنها حضور دارند، احتمالا با مطالب مختلفی روبرو شدهاید که مجموعه نکات و راهکارهایی را برای بهبود کیفیت رابط کاربری و تجربه کاربری، معرفی کرده و توضیح دادهاند. این مطالب معمولا برخواسته از تجربه افراد مختلف است و دیزاینرهای مختلف براساس تجربه و چالشهایی که داشتهاند این مطالب را برای راهنمایی و کمک به دیزاینرهای دیگر و علاقهمندان منتشر کردهاند.
امروز میخواهیم یکی از طولانیترین و کاملترین مطالب در این زمینه را به شما معرفی کنیم. مطلبی که بهقدری کامل و همهجانبه به نکات مربوط به طراحی رابط کاربری و تجربه کاربری پرداخته که تصمیم گرفتیم عنوان «دایرةالمعارف» را برای آن برگزینیم.
در این مقاله، Mark Andrew به بیان نکاتی میپردازد که باور دارد با رعایت آنها تغییرات شگرفی در خروجی کار ایجاد خواهد شد. اگر علاقه دارید با این نکات آشنا شوید، پیشنهاد میکنیم مقاله زیر را مطالعه کنید:
http://bit.ly/dxgn760
(زمان حدودی مطالعه: ۲۰ دقیقه)
نویسنده: محمدرضا پناهی
#رابط_کاربری #تجربه_کاربری
@Dexign فلسفه دیزاین
_______
Medium
The UI & UX tips collection — volume one
A collection of 34 tips to help improve your designs instantly.
نقش فونت در طراحی رابط کاربری
همین چندسال پیش بود که دیزاینهای واقعگرا، جایشان را به سبک دیزاین فلت دادند، البته بعدا این سبکها در هم تلفیق شدند ولی از آن دوره به بعد، دیزاین رابط کاربری برای همیشه تغییر کرد.
دیگر این اجرای دنیای واقعی روی یک صفحه سفید نبود که طرحی رابط کاربری را تشکیل میداد بلکه دیزاینر باید «حس» را با خطوط، رنگها و نوشتهها انتقال میداد.
اینجا بود که مطالعه، سلیقه، دیدهنری و ترکیب این مفاهیم، تواناییهای یک دیزاینر خوب را تشکیل میداد.
تایپوگرافی هر روز نسبت به قبل از ارزش بیشتری برخوردار میشود، چرا که یکی از مهمترین وسائط انتقال پیامهای مختلف از رابط کاربری، فونتها و حالتهای مختلف فونتهاست.
تا حالا با خودتان فکر کردهاید که چرا ما در برابر بعضی از دیزاینها حس خاصی داریم؟
احساسی که صفحه طرحیشده منتقل میکند باید در جهت هدف آن صفحه باشد. تمام اجزای یک صفحه در جهت آن هدف طراح شده اند و هر عاملی که خارج از این دیزاینسیستم رفتار کند، تمام حس و هدف صفحه را بهم میریزد.
در مقالهای که امروز به شم معرفی میکنم، Ayadi Ghaith درباره اهمیت دقت به تایپوگرافی در طرحی رابط کاربری نوشته و با نمونههای جذابی توضیح داده است.
http://bit.ly/dxgn761
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: آرش اصغری
#رابط_کاربری #تجربه_کاربری
@Dexign فلسفه دیزاین
_______
همین چندسال پیش بود که دیزاینهای واقعگرا، جایشان را به سبک دیزاین فلت دادند، البته بعدا این سبکها در هم تلفیق شدند ولی از آن دوره به بعد، دیزاین رابط کاربری برای همیشه تغییر کرد.
دیگر این اجرای دنیای واقعی روی یک صفحه سفید نبود که طرحی رابط کاربری را تشکیل میداد بلکه دیزاینر باید «حس» را با خطوط، رنگها و نوشتهها انتقال میداد.
اینجا بود که مطالعه، سلیقه، دیدهنری و ترکیب این مفاهیم، تواناییهای یک دیزاینر خوب را تشکیل میداد.
تایپوگرافی هر روز نسبت به قبل از ارزش بیشتری برخوردار میشود، چرا که یکی از مهمترین وسائط انتقال پیامهای مختلف از رابط کاربری، فونتها و حالتهای مختلف فونتهاست.
تا حالا با خودتان فکر کردهاید که چرا ما در برابر بعضی از دیزاینها حس خاصی داریم؟
احساسی که صفحه طرحیشده منتقل میکند باید در جهت هدف آن صفحه باشد. تمام اجزای یک صفحه در جهت آن هدف طراح شده اند و هر عاملی که خارج از این دیزاینسیستم رفتار کند، تمام حس و هدف صفحه را بهم میریزد.
در مقالهای که امروز به شم معرفی میکنم، Ayadi Ghaith درباره اهمیت دقت به تایپوگرافی در طرحی رابط کاربری نوشته و با نمونههای جذابی توضیح داده است.
http://bit.ly/dxgn761
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: آرش اصغری
#رابط_کاربری #تجربه_کاربری
@Dexign فلسفه دیزاین
_______
Medium
Ayadi Ghaith – Medium
Read writing from Ayadi Ghaith on Medium. I write quirky rants about intelligent subjects. Design | Entrepreneurship | Growing up www.ayadighaith.com.
ریشهیابی؛ ابزاری برای حل مسئله
این ابزار قدرتمند حل مسئله را گاهی اوقات "استدلال از اصول اولیه" نیز مینامند. شناسایی ریشههای پایهای یک مسئله به شما این امکان را میدهد که راهحلهای ابتکاری ارائه دهید.
اصول اولیه، حقایقی است که دیگر نمیتواند به جزءهای کوچکتری شکسته شود. تفکر ریشهای این است که باید انقدر بِکَنید تا به پایههای یک مسئله برسید.
چگونه از این ابزار استفاده کنیم؟
با مسئله شروع میکنیم و این دو مرحله را انجام میدهیم:
۱. شکستن و تجزیهی مشکل به اساسی ترین حقایق موجود (اصول اولیه)
۲. ساختن راهحل از این اصول اولیه
به نظر ساده میرسد اما نیاز به تفکر متمرکز دارد تا واقعاً در مسئله عمیق شوید و اصول اولیهی آن را کشف کنید.
چند روش برای کمک به شما وجود دارد:
پنج چرا
این یک روش محبوب در تحقیقات کاربر است که در آن پژوهشگر با پرسیدن مکرر سؤالات "چرا" دار به عمق بیشتری از مسئله میپردازد. این روش به شما کمک میکند تا ریشهی اصلی مشکلات را کشف کنید. لازم نیست که در پنجمین چرا متوقف شوید، اما به طور کلی برای کشف ریشهی یک مسئله کافی است.
پرسش سقراطی
شکلی از پرسیدن منظم است که تفکر انتقادی را امکان پذیر میکند. شش نوع سؤال وجود دارد که می توانید برای درک عمیقتر حقیقت اصلی مسئله بپرسید:
۱. شفاف سازی: منظورتان از فلان چیز چیست؟
۲. فرضیات احتمالی: به جای آن چه چیزی را میتوانیم فرض کنیم؟
۳. دلایل و شواهد احتمالی: چرا فکر میکنید که این درست است؟
۴. مفاهیم و پیامدها: چه تاثیری میتواند داشته باشد؟
۵. دیدگاههای مختلف: گزینهی جایگزین چیست؟
۶. زیر سؤال بردن سؤال اصلی: نکتهی این سؤال چه بود؟
در بالا به خلاصهای از این روش اشاره کردیم که نیازمند مطالعهی بیشتر به همراه مثال است. شما را به خواندن آن از طریق لینک زیر دعوت میکنم:
http://bit.ly/dxgn762
(زمان حدودی مطالعه مقاله: ۲۰ دقیقه)
نویسنده: حسین میرزاده
#مدل_ذهنی #تعریف_مسئله #روش_حل_مشکل #ریشه_یابی #پنج_چرا #پرسش_سقراطی
@Dexign فلسفه دیزاین
______
این ابزار قدرتمند حل مسئله را گاهی اوقات "استدلال از اصول اولیه" نیز مینامند. شناسایی ریشههای پایهای یک مسئله به شما این امکان را میدهد که راهحلهای ابتکاری ارائه دهید.
اصول اولیه، حقایقی است که دیگر نمیتواند به جزءهای کوچکتری شکسته شود. تفکر ریشهای این است که باید انقدر بِکَنید تا به پایههای یک مسئله برسید.
چگونه از این ابزار استفاده کنیم؟
با مسئله شروع میکنیم و این دو مرحله را انجام میدهیم:
۱. شکستن و تجزیهی مشکل به اساسی ترین حقایق موجود (اصول اولیه)
۲. ساختن راهحل از این اصول اولیه
به نظر ساده میرسد اما نیاز به تفکر متمرکز دارد تا واقعاً در مسئله عمیق شوید و اصول اولیهی آن را کشف کنید.
چند روش برای کمک به شما وجود دارد:
پنج چرا
این یک روش محبوب در تحقیقات کاربر است که در آن پژوهشگر با پرسیدن مکرر سؤالات "چرا" دار به عمق بیشتری از مسئله میپردازد. این روش به شما کمک میکند تا ریشهی اصلی مشکلات را کشف کنید. لازم نیست که در پنجمین چرا متوقف شوید، اما به طور کلی برای کشف ریشهی یک مسئله کافی است.
پرسش سقراطی
شکلی از پرسیدن منظم است که تفکر انتقادی را امکان پذیر میکند. شش نوع سؤال وجود دارد که می توانید برای درک عمیقتر حقیقت اصلی مسئله بپرسید:
۱. شفاف سازی: منظورتان از فلان چیز چیست؟
۲. فرضیات احتمالی: به جای آن چه چیزی را میتوانیم فرض کنیم؟
۳. دلایل و شواهد احتمالی: چرا فکر میکنید که این درست است؟
۴. مفاهیم و پیامدها: چه تاثیری میتواند داشته باشد؟
۵. دیدگاههای مختلف: گزینهی جایگزین چیست؟
۶. زیر سؤال بردن سؤال اصلی: نکتهی این سؤال چه بود؟
در بالا به خلاصهای از این روش اشاره کردیم که نیازمند مطالعهی بیشتر به همراه مثال است. شما را به خواندن آن از طریق لینک زیر دعوت میکنم:
http://bit.ly/dxgn762
(زمان حدودی مطالعه مقاله: ۲۰ دقیقه)
نویسنده: حسین میرزاده
#مدل_ذهنی #تعریف_مسئله #روش_حل_مشکل #ریشه_یابی #پنج_چرا #پرسش_سقراطی
@Dexign فلسفه دیزاین
______
Farnam Street
First Principles: The Building Blocks of True Knowledge - Farnam Street
First Principles tinking breaks down true understanding into building blocks we can reassemble. It turns out most of us don’t know as much as we think we do.
راهنمای دیزاین فیلد جستوجو برای وب
مطمئناً همهی ما فیلد جستوجو را در بیشتر وبسایتها به خصوص وبسایتهای محتوا محور دیدهایم. این فیلد میتواند مربوط به یک فروشگاه آنلاین باشد که کاربر به وسیله این فیلد میتواند به محصول مورد نظر خود برسد یا فیلد درون یک وبلاگ باشد که کاربر به وسیلهی آن سعی در پیدا کردن مطلب مورد نظرش دارد. اگر چه دیزاین این فیلد، خیلی ساده به نظر میرسد اما ممکن است بعضی طراحان در مورد آن اشتباهاتی را مرتکب شوند. در ادامه نکاتی بیان کردهایم که با توجه به آنها، فیلد جستوجوی عالیای دیزاین خواهیم کرد.
نیاز است تا فیلد جستوجو به راحتی توسط کاربر قابل تشخیص باشد. معمولا قراردادن آن در قسمت بالای سایت میتواند به این موضوع کمک بسزایی کند. در واقع کاری نکنید تا کاربر در جست وجوی فیلد جستوجو باشد. قرار دادن رنگ بکگراند متفاوت از صفحه نیز، به تمرکز کاربر برروی این قسمت کمک خواهد کرد.
حداکثر سادهگرایی، در دیزاین این فیلد به خرج دهید. نیازی به زرق و برق آنچنانی نیست، فقط روی کاربرد این قسمت تمرکز کنید. وجود آیکن ذرهبین نیز می تواند گویای کامل فیلد جستوجو باشد. فیلد جستوجوی گوگل بهترین مثال در این مورد است.
مواقعی که نتیجهای از جستوجوی کاربر حاصل نشد، نیاز است تا پیام مربوط به خطای ۴۰۴ "نتیجهای پیدا نشد" را نشان دهیم. یکی از مزایای این صفحه این است که کاربر را تشویق به جستوجوی دوباره در مورد چیزهای دیگر میکند.
استفاده از قابلیت Auto-Complete، باعث خواهد شد تا پیشنهاداتی برای کاربر نمایش داده شود و در نتیجه مرتبطترین نتایج برای او نمایش داده خواهد شد. اما نیاز است بیشترین وسواس راددر این قسمت به خرج دهید چرا که عملکرد ضعیف این قابلیت باعث گیجشدن کاربر و در نتیجه ترک سایت شما خواهد شد.
اگر سایت شما شامل انواع مختلفی از محتوا یا محصولات است، بهتر است در کنار فیلد جستوجو از گزینه دستهبندی موضوعی نیز استفاده شود تا نتایج منسجمتر و متمرکزتر نمایش داده شوند.
همیشه متن جستوجو را در قسمت نتایج جستوجو نشان دهید، چرا که کاربر با مشاهدهی آن سعی در بهبود جستوجوی خود خواهد کرد و در نتیجه سریعتر به هدف خود خواهد رسید.
استفاده از تاریخچه جستوجوهای کاربر این امکان را خواهد داد تا کاربر در مراجعهی بعدی به وبسایت شما از جستوجوهای قبلی خود آگاه شده و گرفتار دور باطل جستوجوهای تکراری نشود.
بهتر است تا نتایج جستوجو بهینه شده باشند، با این کار نتایج بهتر در ابتدای لیست قرار گرفته و در نتیجه تجربه کاربری بهتری به کاربر القا خواهد شد.
در نسخه کامل مقاله، میتوانید نمونههای پیادهشده خوب برای هریک از موارد بالا را مشاهده کنید.
http://bit.ly/dxgn763
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #فیلد #جستجو #تجربه_کاربری #نتایج #جستوجو
@Dexign فلسفه دیزاین
______
مطمئناً همهی ما فیلد جستوجو را در بیشتر وبسایتها به خصوص وبسایتهای محتوا محور دیدهایم. این فیلد میتواند مربوط به یک فروشگاه آنلاین باشد که کاربر به وسیله این فیلد میتواند به محصول مورد نظر خود برسد یا فیلد درون یک وبلاگ باشد که کاربر به وسیلهی آن سعی در پیدا کردن مطلب مورد نظرش دارد. اگر چه دیزاین این فیلد، خیلی ساده به نظر میرسد اما ممکن است بعضی طراحان در مورد آن اشتباهاتی را مرتکب شوند. در ادامه نکاتی بیان کردهایم که با توجه به آنها، فیلد جستوجوی عالیای دیزاین خواهیم کرد.
نیاز است تا فیلد جستوجو به راحتی توسط کاربر قابل تشخیص باشد. معمولا قراردادن آن در قسمت بالای سایت میتواند به این موضوع کمک بسزایی کند. در واقع کاری نکنید تا کاربر در جست وجوی فیلد جستوجو باشد. قرار دادن رنگ بکگراند متفاوت از صفحه نیز، به تمرکز کاربر برروی این قسمت کمک خواهد کرد.
حداکثر سادهگرایی، در دیزاین این فیلد به خرج دهید. نیازی به زرق و برق آنچنانی نیست، فقط روی کاربرد این قسمت تمرکز کنید. وجود آیکن ذرهبین نیز می تواند گویای کامل فیلد جستوجو باشد. فیلد جستوجوی گوگل بهترین مثال در این مورد است.
مواقعی که نتیجهای از جستوجوی کاربر حاصل نشد، نیاز است تا پیام مربوط به خطای ۴۰۴ "نتیجهای پیدا نشد" را نشان دهیم. یکی از مزایای این صفحه این است که کاربر را تشویق به جستوجوی دوباره در مورد چیزهای دیگر میکند.
استفاده از قابلیت Auto-Complete، باعث خواهد شد تا پیشنهاداتی برای کاربر نمایش داده شود و در نتیجه مرتبطترین نتایج برای او نمایش داده خواهد شد. اما نیاز است بیشترین وسواس راددر این قسمت به خرج دهید چرا که عملکرد ضعیف این قابلیت باعث گیجشدن کاربر و در نتیجه ترک سایت شما خواهد شد.
اگر سایت شما شامل انواع مختلفی از محتوا یا محصولات است، بهتر است در کنار فیلد جستوجو از گزینه دستهبندی موضوعی نیز استفاده شود تا نتایج منسجمتر و متمرکزتر نمایش داده شوند.
همیشه متن جستوجو را در قسمت نتایج جستوجو نشان دهید، چرا که کاربر با مشاهدهی آن سعی در بهبود جستوجوی خود خواهد کرد و در نتیجه سریعتر به هدف خود خواهد رسید.
استفاده از تاریخچه جستوجوهای کاربر این امکان را خواهد داد تا کاربر در مراجعهی بعدی به وبسایت شما از جستوجوهای قبلی خود آگاه شده و گرفتار دور باطل جستوجوهای تکراری نشود.
بهتر است تا نتایج جستوجو بهینه شده باشند، با این کار نتایج بهتر در ابتدای لیست قرار گرفته و در نتیجه تجربه کاربری بهتری به کاربر القا خواهد شد.
در نسخه کامل مقاله، میتوانید نمونههای پیادهشده خوب برای هریک از موارد بالا را مشاهده کنید.
http://bit.ly/dxgn763
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: محمدرضا وفائی
#طراحی #فیلد #جستجو #تجربه_کاربری #نتایج #جستوجو
@Dexign فلسفه دیزاین
______
Medium
Tips for Designing The Perfect Search Box
If you want to buy a product online.. then there is a very high chance that you’ll go to the shopping site and then type your product name…
قدرت مسکاتها در برندینگ و دیزاین
در ابتدای مطلب اجازه دهید کمی در مورد واژه «مسکات» یا همان Mascot توضیح دهیم که در ظاهر شاید واژهای عجیب و کمتر شنیده شده باشد اما مفهومی آشنا و دوستداشتنی دارد. خیلی تلاش کردیم تا معادلی فارسی برای این واژه پیدا کنیم اما چیزی نیافتیم که هم این مفهوم را کامل منتقل کند و هم ساده و مختصر باشد. اگر با یک مثال بخواهیم این واژه را تعریف کنیم شاید «میمون چیتوز» آشناترین و بهترین مثال باشد. مسکات همان شخصیتی است که نماینده و معرفیکننده یک برند یا یک طراحی دیجیتال است.
یکی از دغدغههای اصلی هنگام ساخت یک محصول یا طراحی یک پیام خاص برای مردم، تلاش برای ایجاد طرحی انسانمحورتر است. یکی از راههای موثر برای نیل به این هدف و ایجاد ارتباطی موثر بین مخاطبین و محصول، استفاده از یک مسکات خوب است.
اگر بخواهیم تعریفی دقیقتر از این مفهوم داشته باشیم، میتوانیم بگوییم مسکات در طراحی و مارکتینگ، یک کاراکتر یا تصویر شخصیتپردازی شده است که نماد سمبلیک یک برند، کمپانی یا حتی یک شخصیت معروف است.این واژه برگرفته از واژه فرانسوی «Mascotte» به معنی طلسم خوششانسی است و به نمادهایی از انسانها و حیوانات اشاره دارد که سالیان سال توسط انسانها به عنوان نماد خوششانسی مورد استفاده قرار میگرفتند و همین محبوبیت و مقبولیت آنها باعث شده به عنوان یک المان طراحی برای بهبود تجربه کاربری وارد دنیای محصولات دیجیتال نیز شوند.
اگر علاقهمند هستید که اطلاعات بیشتری در زمینه مزایای استفاده از مسکاتها در طراحی و برندیگ به دست بیاورید و با نمونههایی موفق از این امر آشنا شوید، پیشنهاد میکنیم مقاله زیر از استودیوی معروف و خوشنام Tubik را مطالعه کنید:
http://bit.ly/dxgn764
همچنین اگر معادل فارسی مناسبی برای این واژه سراغ دارید، آن را با ما هم در میان بگذارید.
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #برندینگ #مارکتینگ #مسکات
@Dexign فلسفه دیزاین
______
در ابتدای مطلب اجازه دهید کمی در مورد واژه «مسکات» یا همان Mascot توضیح دهیم که در ظاهر شاید واژهای عجیب و کمتر شنیده شده باشد اما مفهومی آشنا و دوستداشتنی دارد. خیلی تلاش کردیم تا معادلی فارسی برای این واژه پیدا کنیم اما چیزی نیافتیم که هم این مفهوم را کامل منتقل کند و هم ساده و مختصر باشد. اگر با یک مثال بخواهیم این واژه را تعریف کنیم شاید «میمون چیتوز» آشناترین و بهترین مثال باشد. مسکات همان شخصیتی است که نماینده و معرفیکننده یک برند یا یک طراحی دیجیتال است.
یکی از دغدغههای اصلی هنگام ساخت یک محصول یا طراحی یک پیام خاص برای مردم، تلاش برای ایجاد طرحی انسانمحورتر است. یکی از راههای موثر برای نیل به این هدف و ایجاد ارتباطی موثر بین مخاطبین و محصول، استفاده از یک مسکات خوب است.
اگر بخواهیم تعریفی دقیقتر از این مفهوم داشته باشیم، میتوانیم بگوییم مسکات در طراحی و مارکتینگ، یک کاراکتر یا تصویر شخصیتپردازی شده است که نماد سمبلیک یک برند، کمپانی یا حتی یک شخصیت معروف است.این واژه برگرفته از واژه فرانسوی «Mascotte» به معنی طلسم خوششانسی است و به نمادهایی از انسانها و حیوانات اشاره دارد که سالیان سال توسط انسانها به عنوان نماد خوششانسی مورد استفاده قرار میگرفتند و همین محبوبیت و مقبولیت آنها باعث شده به عنوان یک المان طراحی برای بهبود تجربه کاربری وارد دنیای محصولات دیجیتال نیز شوند.
اگر علاقهمند هستید که اطلاعات بیشتری در زمینه مزایای استفاده از مسکاتها در طراحی و برندیگ به دست بیاورید و با نمونههایی موفق از این امر آشنا شوید، پیشنهاد میکنیم مقاله زیر از استودیوی معروف و خوشنام Tubik را مطالعه کنید:
http://bit.ly/dxgn764
همچنین اگر معادل فارسی مناسبی برای این واژه سراغ دارید، آن را با ما هم در میان بگذارید.
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #برندینگ #مارکتینگ #مسکات
@Dexign فلسفه دیزاین
______
Medium
The Power of Mascots in Branding and UI Design
Creating a product or designing a particular message for people, we strive to make it as human-centered as possible. One of the ways to…
در باب اهمیت باکس جستجو
تصور کنید که در یک سایت شلوغ به دنبال محصول خاصی میگردید، اولین کاری که انجام میدهید چیست؟ بله جستجو! اولین راهنمای ما برای پیدا کردن بخش جستجو آیکن آشنای ذره بین کوچکی است که معمولا در بالای صفحه دیده میشود. اما اگر این آیکن کوچک و باکس مربوط به جستجو را در جای همیشگی خود نیابیم چه حسی به ما دست میدهد؟ ممکن است ناراحت شویم، صفحه را ببندیم و از محتوای سایت مشابه دیگری استفاده کنیم.
در این لحظه ما یک کاربر ناراضی هستیم که سایت را با تجربهای بد ترک میکند. اما اتفاقی که واقعا افتاده این نیست که چنین بخشی فراموش شده بلکه طراح، باکس جستجو را با سبکی خاص طراحی کرده و یا در جایی متفاوت قرار داده است.
باکس جستجو «search box» یکی از بخشهای جدای نشدنی بسیاری از وبسایتها و اپلیکیشنهاست. این بخش که از قسمت ورودی و دکمه ارسال تشکیل شده است گاهی چنان ساده بهنظر میرسد که ممکن است تصور کنیم که فقط ترکیبی از دو عنصر ساده است و اصلا نیازی به طراحی ندارد!
اما این درست نیست، کاربران وقتی با سایتهای نسبتا پیچیده مواجه میشوند اول از همه دنبال باکس جستجو میگردند زیرا فکر میکنند که این گزینه میانبری است که آنها را به سرعت به مقصد نهایی میرساند. پس جستجو بخش جدایی ناپذیر از اکثر برنامهها یا سایتهای پرمحتواست. اهمیت زیادی برای کاربران دارد و تنها عنصر طراحی است که بیشتر از بقیه از آن استفاده میشود. تا جایی که تجربه خوب جستجو در آنها به معنای UX کلی خوب است.
اهمیت طراحی باکس جستجو تا حدی است که حتی تغییرات جزئی مانند اندازه مناسب قسمت ورودی میتواند قابلیت جستجو را به میزان قابل توجهی افزایش دهد و در تجربهکاربری تاثیر مثبتی بگذارد.
در این مقاله خواهیم دید که چگونه می توان این عنصر را بهبود بخشید تا در وقت کاربر برای رفتن به مکانی که می خواهد صرفه جویی شود.
http://bit.ly/dxgn765
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #باکس_جستجو #جستجو
@Dexign فلسفه دیزاین
______
تصور کنید که در یک سایت شلوغ به دنبال محصول خاصی میگردید، اولین کاری که انجام میدهید چیست؟ بله جستجو! اولین راهنمای ما برای پیدا کردن بخش جستجو آیکن آشنای ذره بین کوچکی است که معمولا در بالای صفحه دیده میشود. اما اگر این آیکن کوچک و باکس مربوط به جستجو را در جای همیشگی خود نیابیم چه حسی به ما دست میدهد؟ ممکن است ناراحت شویم، صفحه را ببندیم و از محتوای سایت مشابه دیگری استفاده کنیم.
در این لحظه ما یک کاربر ناراضی هستیم که سایت را با تجربهای بد ترک میکند. اما اتفاقی که واقعا افتاده این نیست که چنین بخشی فراموش شده بلکه طراح، باکس جستجو را با سبکی خاص طراحی کرده و یا در جایی متفاوت قرار داده است.
باکس جستجو «search box» یکی از بخشهای جدای نشدنی بسیاری از وبسایتها و اپلیکیشنهاست. این بخش که از قسمت ورودی و دکمه ارسال تشکیل شده است گاهی چنان ساده بهنظر میرسد که ممکن است تصور کنیم که فقط ترکیبی از دو عنصر ساده است و اصلا نیازی به طراحی ندارد!
اما این درست نیست، کاربران وقتی با سایتهای نسبتا پیچیده مواجه میشوند اول از همه دنبال باکس جستجو میگردند زیرا فکر میکنند که این گزینه میانبری است که آنها را به سرعت به مقصد نهایی میرساند. پس جستجو بخش جدایی ناپذیر از اکثر برنامهها یا سایتهای پرمحتواست. اهمیت زیادی برای کاربران دارد و تنها عنصر طراحی است که بیشتر از بقیه از آن استفاده میشود. تا جایی که تجربه خوب جستجو در آنها به معنای UX کلی خوب است.
اهمیت طراحی باکس جستجو تا حدی است که حتی تغییرات جزئی مانند اندازه مناسب قسمت ورودی میتواند قابلیت جستجو را به میزان قابل توجهی افزایش دهد و در تجربهکاربری تاثیر مثبتی بگذارد.
در این مقاله خواهیم دید که چگونه می توان این عنصر را بهبود بخشید تا در وقت کاربر برای رفتن به مکانی که می خواهد صرفه جویی شود.
http://bit.ly/dxgn765
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: فیروزه ایمانی
#تجربه_کاربری #باکس_جستجو #جستجو
@Dexign فلسفه دیزاین
______
Medium
Design a Perfect Search Box
by Nick Babich
مدل تفکر سازنده
با استفاده از تفکر ساختاریافته و انتقادیتر، میتوانید مسئله موجود را بهتر درک کرده و راهحلهای خلاقانهتری برای حل آن ارائه دهید. مدل تفکر مولد، ساختهشده توسط تیم هرسون، میتواند به ما در انجام این کار کمک کند.
نحوه استفاده از آن
این ابزار یک چارچوب ۶ مرحلهای برای حل مسئله به شما میدهد. شش مرحله عبارتند از:
۱. بپرسید «چه خبره؟»
۲. بپرسید «موفقیت چیست؟»
۳. بپرسید «سؤال چیه؟»
۴. پاسخ پرسشها را بدهید.
۵. راهحل را بسازید.
۶. منابع را تراز کنید.
بیایید هر مرحله را با جزئیات بیشتری بررسی کنیم.
۱. بپرسید «چه خبره؟»
اولین قدم در مورد درک بهتر مسئله است. میتوانید از این سؤالات راهنما برای کمک به خود استفاده کنید:
- مشکل دقیقاً چیست؟
- تأثیر این مشکل چیست؟
- من از قبل چه میدانم؟ چه اطلاعاتی دارم؟
- چه کسی در این ماجرا دخیل است؟
- با حل این مشکل چشم انداز آینده چیست؟ (این همان چیزی است که هرسون آن را "آینده هدف" مینامد)
پاسخهایی را که در اینجا جمع میکنید مستند کنید زیرا در مراحل بعدی به آنها نیاز خواهید داشت.
۲. بپرسید «موفقیت چیست؟»
این مرحله به شما کمک میکند تا در چشمانداز آینده (که در مرحله قبل ایجاد کردهاید) موفقیت را مشخص کنید.
برای رسیدن به معیارهای موفقیت، میتوانید از فریمورک DRIVE استفاده کنید:
- میخواهید که راهحل شما چه کار بکند؟
- محدودیتها چیست؟ چه کاری نباید انجام شود؟
- چه منابعی را میتوانیم در این امر سرمایهگذاری کنیم؟
- راه حل باید چه ارزشهایی داشته باشد؟
- نتایج اصلی و ضروری چیست؟
تا زمانی که چشمانداز روشنی از موفقیت در پیش روی خود به دست نیاوردهاید، این سؤالات را مدام از خود بپرسید.
۳. بپرسید «سؤال چیه؟»
اکنون زمان تولید سؤالاتی است که برای دستیابی به چشمانداز شما (آینده هدف)، باید پاسخ داده شود. هرسون اینها را «سؤالات کاتالیزوری» مینامد.
از اطلاعاتی که در مراحل قبلی جمعآوری کردهاید استفاده کنید. عباراتی مانند «چگونه ممکن است ما ...؟» یا «چگونه میتوانم ...؟» به شما در فرمولبندی سؤالات کمک میکند.
۴. پاسخ پرسشها را بدهید.
در این مرحله سعی کنید تا آنجا که میتوانید به سؤالات کاتالیزوری پاسخ دهید. طوفان فکری راه بیاندازید، قضاوت نکنید و ایده جمع کنید. اینها راهحلهای بالقوه شما هستند.
در مرحله بعدی، لیست ایدههای خود را به امیدوارکنندهترین آنها خلاصه کنید.
۵. راهحل را بسازید.
باید بهترین راهحل را قبل از توسعه انتخاب کنید. لیست خود را از مرحله قبل بردارید و هر ایده/راهحل را با توجه به معیارهای موفقیت از مرحله ۲ ارزیابی کنید. میتوانید از ماتریس تصمیمگیری (بعدا مفصلا در مورد این موضوع توضیح خواهیم داد) برای سهولت در این مرحله استفاده کنید.
اکنون میتوانید به فکر ساخت راهحل(های) انتخابی خود باشید. چه چیزی میتواند آن را بهتر کند؟ چگونه میتوانید آن را با معیارهای موفقیت بیشتر متناسب کنید؟
۶. منابع را تراز کنید.
در آخرین مرحله، به سمت اجرای راهحل حرکت میکنید.
اقدامات و منابع لازم برای تحقق این امر را بنویسید. افرادی که مسئول آن هستند را شناسایی کنید - به طور کلی و همچنین هر بخش از راهحل.
بهتر است همه اینها را با جزئیات مشخص کنید تا برنامه عملیاتی مشخص داشته باشید. اکنون باید بتوانید راهحل را اجرا کنید.
مقالهی بالا در واقع خلاصهی مختصر و مفیدی از روش حل مسئلهی Tim Hurson بود، برای جا افتادن بیشتر مسئله میتوانید به کتاب او مراجعه کنید. همچنین میتوانید خلاصهی کتاب و ویدئو او را در TEDx از طریق لینکهای زیر پیدا کنید. امیدوارم که این تکنیک در مسائل پیش روی شما کمککننده باشد.
کتاب Think Better:
http://bit.ly/dxgn766-Book
خلاصهی کتاب و توضیحات این روش:
http://bit.ly/dxgn766-Summary
ویدئو او در TEDxMaastricht با عنوان The shock of the possible:
http://bit.ly/dxgn766-Video
(زمان حدودی مطالعه خلاصهی کتاب: ۱۳ دقیقه
زمان ویدئو: ۱۸:۱۱)
نویسنده: حسین میرزاده
#مدل_ذهنی #تعریف_مسئله #روش_حل_مشکل #مدل_تفکر_سازنده #تیم_هرسون #پرسش
@Dexign فلسفه دیزاین
______
با استفاده از تفکر ساختاریافته و انتقادیتر، میتوانید مسئله موجود را بهتر درک کرده و راهحلهای خلاقانهتری برای حل آن ارائه دهید. مدل تفکر مولد، ساختهشده توسط تیم هرسون، میتواند به ما در انجام این کار کمک کند.
نحوه استفاده از آن
این ابزار یک چارچوب ۶ مرحلهای برای حل مسئله به شما میدهد. شش مرحله عبارتند از:
۱. بپرسید «چه خبره؟»
۲. بپرسید «موفقیت چیست؟»
۳. بپرسید «سؤال چیه؟»
۴. پاسخ پرسشها را بدهید.
۵. راهحل را بسازید.
۶. منابع را تراز کنید.
بیایید هر مرحله را با جزئیات بیشتری بررسی کنیم.
۱. بپرسید «چه خبره؟»
اولین قدم در مورد درک بهتر مسئله است. میتوانید از این سؤالات راهنما برای کمک به خود استفاده کنید:
- مشکل دقیقاً چیست؟
- تأثیر این مشکل چیست؟
- من از قبل چه میدانم؟ چه اطلاعاتی دارم؟
- چه کسی در این ماجرا دخیل است؟
- با حل این مشکل چشم انداز آینده چیست؟ (این همان چیزی است که هرسون آن را "آینده هدف" مینامد)
پاسخهایی را که در اینجا جمع میکنید مستند کنید زیرا در مراحل بعدی به آنها نیاز خواهید داشت.
۲. بپرسید «موفقیت چیست؟»
این مرحله به شما کمک میکند تا در چشمانداز آینده (که در مرحله قبل ایجاد کردهاید) موفقیت را مشخص کنید.
برای رسیدن به معیارهای موفقیت، میتوانید از فریمورک DRIVE استفاده کنید:
- میخواهید که راهحل شما چه کار بکند؟
- محدودیتها چیست؟ چه کاری نباید انجام شود؟
- چه منابعی را میتوانیم در این امر سرمایهگذاری کنیم؟
- راه حل باید چه ارزشهایی داشته باشد؟
- نتایج اصلی و ضروری چیست؟
تا زمانی که چشمانداز روشنی از موفقیت در پیش روی خود به دست نیاوردهاید، این سؤالات را مدام از خود بپرسید.
۳. بپرسید «سؤال چیه؟»
اکنون زمان تولید سؤالاتی است که برای دستیابی به چشمانداز شما (آینده هدف)، باید پاسخ داده شود. هرسون اینها را «سؤالات کاتالیزوری» مینامد.
از اطلاعاتی که در مراحل قبلی جمعآوری کردهاید استفاده کنید. عباراتی مانند «چگونه ممکن است ما ...؟» یا «چگونه میتوانم ...؟» به شما در فرمولبندی سؤالات کمک میکند.
۴. پاسخ پرسشها را بدهید.
در این مرحله سعی کنید تا آنجا که میتوانید به سؤالات کاتالیزوری پاسخ دهید. طوفان فکری راه بیاندازید، قضاوت نکنید و ایده جمع کنید. اینها راهحلهای بالقوه شما هستند.
در مرحله بعدی، لیست ایدههای خود را به امیدوارکنندهترین آنها خلاصه کنید.
۵. راهحل را بسازید.
باید بهترین راهحل را قبل از توسعه انتخاب کنید. لیست خود را از مرحله قبل بردارید و هر ایده/راهحل را با توجه به معیارهای موفقیت از مرحله ۲ ارزیابی کنید. میتوانید از ماتریس تصمیمگیری (بعدا مفصلا در مورد این موضوع توضیح خواهیم داد) برای سهولت در این مرحله استفاده کنید.
اکنون میتوانید به فکر ساخت راهحل(های) انتخابی خود باشید. چه چیزی میتواند آن را بهتر کند؟ چگونه میتوانید آن را با معیارهای موفقیت بیشتر متناسب کنید؟
۶. منابع را تراز کنید.
در آخرین مرحله، به سمت اجرای راهحل حرکت میکنید.
اقدامات و منابع لازم برای تحقق این امر را بنویسید. افرادی که مسئول آن هستند را شناسایی کنید - به طور کلی و همچنین هر بخش از راهحل.
بهتر است همه اینها را با جزئیات مشخص کنید تا برنامه عملیاتی مشخص داشته باشید. اکنون باید بتوانید راهحل را اجرا کنید.
مقالهی بالا در واقع خلاصهی مختصر و مفیدی از روش حل مسئلهی Tim Hurson بود، برای جا افتادن بیشتر مسئله میتوانید به کتاب او مراجعه کنید. همچنین میتوانید خلاصهی کتاب و ویدئو او را در TEDx از طریق لینکهای زیر پیدا کنید. امیدوارم که این تکنیک در مسائل پیش روی شما کمککننده باشد.
کتاب Think Better:
http://bit.ly/dxgn766-Book
خلاصهی کتاب و توضیحات این روش:
http://bit.ly/dxgn766-Summary
ویدئو او در TEDxMaastricht با عنوان The shock of the possible:
http://bit.ly/dxgn766-Video
(زمان حدودی مطالعه خلاصهی کتاب: ۱۳ دقیقه
زمان ویدئو: ۱۸:۱۱)
نویسنده: حسین میرزاده
#مدل_ذهنی #تعریف_مسئله #روش_حل_مشکل #مدل_تفکر_سازنده #تیم_هرسون #پرسش
@Dexign فلسفه دیزاین
______
Goodreads
Discover and share books you love on Goodreads.
👍1
ترجمه بصری جدولها در فضای گوشیهای همراه
متناسب بودن با تمام اندازه صفحههای موجود یکی از بایدهای طراحی رابط کاربری در دنیای امروز محسوب میشود و تلاش برای دستیابی به این مهم چالشهای پیچیده و تازهای را برای طراحان به وجود آورده است. این چالشها بهخصوص در مواجه شدن با محیطهای محتوایی بزرگ و پر از اطلاعات متنوع خود را نشان میدهند.
جدولهای اطلاعاتی بدون شک یکی از این محیطهای محتوایی چالش برانگیز است؛ آنها اطلاعات زیادی را در خود جای میدهند که در دو جهت عمودی و افقی مرتب شدهاند و میبایست بدون از دست رفتن این نظم برای فضای کوچک صفحههای گوشی همراه بهینه شوند.
با این حال تنها چالشی که در این کار وجود دارد بزرگی فضای محتوایی و زیادی اطلاعات نیست؛ جداول اطلاعاتی کاربردهای مخصوص به خود را دارند که اگر قربانی این فضای کوچک شوند هویت خود به عنوان یک جدول را از دست میدهند.
در مطالعه یک جدول کاربر باید به روشنی ارتباط میان دادههای مختلف را دیده و دادههای مرتبط را پیدا کند، همچنین در کنار آن باید بتواند بین ستونها و ردیفهای مختلف مقایسه انجام داده و تفاوتها را تشخیص دهد.
برای بهینهسازی نمایش یک جدول در فضای گوشی همراه باید کاربردهای آن، نوع محتوا و چگونگی تعامل کاربر با آن را بشناسیم. در این مقاله میتوانید ۵ راه حل بصری برای جا دادن یک جدول اطلاعاتی در گوشی همراه را بخوانید، زمینه استفادهی هر کدام را بشناسید و نقاط مثبت و منفی آنها را پیدا کنید.
http://bit.ly/dxgn767
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #رابط_کاربری #گوشی_همراه #جدول #اطلاعات
@Dexign فلسفه دیزاین
______
متناسب بودن با تمام اندازه صفحههای موجود یکی از بایدهای طراحی رابط کاربری در دنیای امروز محسوب میشود و تلاش برای دستیابی به این مهم چالشهای پیچیده و تازهای را برای طراحان به وجود آورده است. این چالشها بهخصوص در مواجه شدن با محیطهای محتوایی بزرگ و پر از اطلاعات متنوع خود را نشان میدهند.
جدولهای اطلاعاتی بدون شک یکی از این محیطهای محتوایی چالش برانگیز است؛ آنها اطلاعات زیادی را در خود جای میدهند که در دو جهت عمودی و افقی مرتب شدهاند و میبایست بدون از دست رفتن این نظم برای فضای کوچک صفحههای گوشی همراه بهینه شوند.
با این حال تنها چالشی که در این کار وجود دارد بزرگی فضای محتوایی و زیادی اطلاعات نیست؛ جداول اطلاعاتی کاربردهای مخصوص به خود را دارند که اگر قربانی این فضای کوچک شوند هویت خود به عنوان یک جدول را از دست میدهند.
در مطالعه یک جدول کاربر باید به روشنی ارتباط میان دادههای مختلف را دیده و دادههای مرتبط را پیدا کند، همچنین در کنار آن باید بتواند بین ستونها و ردیفهای مختلف مقایسه انجام داده و تفاوتها را تشخیص دهد.
برای بهینهسازی نمایش یک جدول در فضای گوشی همراه باید کاربردهای آن، نوع محتوا و چگونگی تعامل کاربر با آن را بشناسیم. در این مقاله میتوانید ۵ راه حل بصری برای جا دادن یک جدول اطلاعاتی در گوشی همراه را بخوانید، زمینه استفادهی هر کدام را بشناسید و نقاط مثبت و منفی آنها را پیدا کنید.
http://bit.ly/dxgn767
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #رابط_کاربری #گوشی_همراه #جدول #اطلاعات
@Dexign فلسفه دیزاین
______
Medium
5 Practical Solutions to Make Responsive Data Tables
I work as Senior UI & UX Designer for App’n’roll — a Warsaw based venture building company.
تایپوگرافی درست، همراهِ موثر تجربه کاربری
همهی ما میدانیم تجربه کاربری به وجود آمده تا، به هدف رسیدن را برای کاربران ساده و سادهتر کند.
هرچقدر که علم پیشرفت میکند، ساختار تجاری محصولات دیجیتالی نیز پیشرفت میکند و از آنجا که ساختار تجاری هر مجموعهای، همگام با ساختارهای تجربه کاربری، به دنبال به هدف رساندن خود و کاربران است، به ناچار ساختارهای تجاری به همراه ساختارهای تجربه کاربری پیشرفت میکنند.
زمانی که بحث از پیشرفت ساختارهای تجربه کاربری به میان بیاید، فونت یکی از پایههای دیزاین سیستم و در مجموع تجربه کاربری است.
در مقاله امروز به اهمیت دقت در جزئیات فونتها برای سرویسهای دیجیتالی میپردازیم.
فونتها در سیستمهای دیزاین مختلف، درواقع یکی از زبانهای سخن گفتن شما با کاربران است. به همان شکل که یک سخنران انگیزشی میتواند با چند کلمه روحیه شما را بالا نگهدارد، یک پاراگراف متن خوب و یک تیتر مناسب هم میتواند باعث تشویق کاربران احتمالی شما به استفاده از سرویستان شود.
در مقالهی که امروز به شما معرفی میکنم، Nick Babich به بررسی میزان اهمیت فونتها و در کل تایپوگرافی در محصولات دیجیتالی میپردازد و به صورت نکته به نکته مزایای رعایت قوانین نوشته و نانوشته تایپوگرافی دیجیتالی را واکاوی میکند.
http://bit.ly/dxgn768
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: آرش اصغری
#رابط_کاربری #تجربه_کاربری
@Dexign فلسفه دیزاین
______
همهی ما میدانیم تجربه کاربری به وجود آمده تا، به هدف رسیدن را برای کاربران ساده و سادهتر کند.
هرچقدر که علم پیشرفت میکند، ساختار تجاری محصولات دیجیتالی نیز پیشرفت میکند و از آنجا که ساختار تجاری هر مجموعهای، همگام با ساختارهای تجربه کاربری، به دنبال به هدف رساندن خود و کاربران است، به ناچار ساختارهای تجاری به همراه ساختارهای تجربه کاربری پیشرفت میکنند.
زمانی که بحث از پیشرفت ساختارهای تجربه کاربری به میان بیاید، فونت یکی از پایههای دیزاین سیستم و در مجموع تجربه کاربری است.
در مقاله امروز به اهمیت دقت در جزئیات فونتها برای سرویسهای دیجیتالی میپردازیم.
فونتها در سیستمهای دیزاین مختلف، درواقع یکی از زبانهای سخن گفتن شما با کاربران است. به همان شکل که یک سخنران انگیزشی میتواند با چند کلمه روحیه شما را بالا نگهدارد، یک پاراگراف متن خوب و یک تیتر مناسب هم میتواند باعث تشویق کاربران احتمالی شما به استفاده از سرویستان شود.
در مقالهی که امروز به شما معرفی میکنم، Nick Babich به بررسی میزان اهمیت فونتها و در کل تایپوگرافی در محصولات دیجیتالی میپردازد و به صورت نکته به نکته مزایای رعایت قوانین نوشته و نانوشته تایپوگرافی دیجیتالی را واکاوی میکند.
http://bit.ly/dxgn768
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: آرش اصغری
#رابط_کاربری #تجربه_کاربری
@Dexign فلسفه دیزاین
______
Medium
Getting Typography Right in Digital Design
Typography can make or break a product. Here’s how to excel at it
اولویتبندی کارها با ماتریس آیزنهاور
این فریموُرک اولویتبندی که به نام ۳۴مین رئیسجمهور ایالات متحده آمریکا Dwight D. Eisenhower نامگذاری شده است، به شما کمک میکند تا وظایف و فعالیت های خود را با توجه به اهمیت و ضرورت آنها سازماندهی کنید. این به ویژه هنگامی مفید است که سرتان بسیار شلوغ است، اما احساس نمیکنید کاری که انجام میدهید تأثیر زیادی دارد.
نحوه استفاده از آن
ماتریس آیزنهاور دارای چهار ربع در دو محور اهمیت و ضرورت است.
برای هر فعالیت یا کاری از خود بپرسید: آیا این مهم است یا نه؟ آیا ضروری است یا خیر؟
بر اساس پاسخ، فعالیت یا کار را در گوشهی(ربع) مناسب نمودار قرار دهید. ربع نمودار تعیین میکند که تکلیف شما با این کار چیست:
۱. اگر مهم و ضرویست ← آن را انجام دهید
۰ اینها کارهایی هستند که شما میخواهید آنها را در اسرع وقت انجام دهید.
۰ بحرانها، مشکلاتی که در حال حاضر به شما فشار میآورند و سایر مواردی که اگر اکنون به آن رسیدگی نکنید، عواقب بدی خواهند داشت.
۲. اگر مهم است و ضروری نیست ← آن را برنامهریزی کنید
۰ زمانی را برای این کارها پیدا کنید و آنها را بعداً انجام دهید.
۰ این ربع نمودار معمولاً محلی است که در آن کارهای عمیق اتفاق میافتد - وظایفی که به پروژهها یا اهداف بلند مدت شما کمک میکنند.
۳. اگر ضروری است ولی مهم نیست ← آن را محول کنید (به دیگری واگذار کنید)
۰ اگر میتوانید، شخصی را پیدا کنید که بتواند این کارها را برای شما انجام دهد.
۰ اگر نمیتوانید آن را به شخص دیگری محول کنید، آن را برنامهریزی کنید اما همیشه سعی کنید کارهای مهم و غیرضروری را اول انجام دهید.
۰ اینها اغلب کارهای اداری یا مواردی هستند که مهلت دارند، اما حیاتی نیستند.
۴. اگر ضروری و مهم نیست ← آن را انجام ندهید (قیدش را بزنید)
۰ این کارها ارزش وقت شما را ندارند و به هیچ وجه نباید آنها را انجام دهید.
۰ فعالیتهایی که میتوانید آنها را نادیده بگیرید، کارهای بیهوده شلوغ روزانه و سرگرمیهای شما در این ربع نمودار قرار میگیرد.
در بالا ترتیب اولویت وظایف را فهمیدید. بله وظایف مهم و غیرضروری قبل از بیاهمیت و ضروری قرار میگیرند.
ماتریس آیزنهاور بسیار انعطافپذیر است، بنابراین به خود شما مربوط است که از آن برای کارهای حرفهای، شخصی یا هر دو استفاده کنید.
همچنین می توانید با آن در بازههای زمانی مختلف کار کنید: روز خود را با آن برنامهریزی کنید و در مقابل نیز فعالیتهای کلی زندگی خود را اولویتبندی کنید.
چگونه کارهای ضروری را از کارهای مهم تشخیص دهیم.
کارهای ضروری و فوری معمولاً مهلت مشخصی دارند (به عنوان مثال ارسال طرح برای مشتری) یا از شما میخواهند به موقع عکسالعمل نشان دهید (مانند ایمیلها)
کارهای مهم معمولاً با اهداف بلند مدت شما مطابقت دارند (مثلِ ورزش) و پروژههای شما را رو به جلو سوق میدهند (مانند نوشتن کد برای پروژه جانبی).
تعیین ضرورت و اهمیت همیشه به زمینه و توانایی شما در تشخیص آنچه که واقعاً فوری و واقعاً مهم است بستگی دارد.
وعدهی ماتریس آیزنهاور این است که با تعیین اولویتهای صحیح و عمل به آنها، بهرهوری بیشتری داشته باشید. اگر همیشه مشغول هستید اما از پروژهها و اهداف بلند مدت خود عقب هستید، این ابزار قطعاً برای شما مناسب است. همچنین این یک ابزار بسیار مفید است برای اینکه تصمیم بگیرید چه کاری را انجام دهید و چه چیزی را باید از زندگی خود حذف کنید.
مطلب بالا خلاصهی مختصر و مفیدی بود از دو مقالهی زیر، پیشنهاد میکنم که نگاهی به هردو مقاله بیاندازید و از مثالها و توضیحات بیشتر برای جا افتادن این ابزار مفید استفاده کنید:
http://bit.ly/dxgn769-1
http://bit.ly/dxgn769-2
(زمان حدودی مطالعهی مقالهی اول: ۵ دقیقه
و مقالهی دوم: ۱۵ دقیقه)
نویسنده: حسین میرزاده
#ماتریس_آیزنهاور #مدیریت_کارها #اولویت_بندی_کارها #مهم #ضروری
@Dexign فلسفه دیزاین
______
این فریموُرک اولویتبندی که به نام ۳۴مین رئیسجمهور ایالات متحده آمریکا Dwight D. Eisenhower نامگذاری شده است، به شما کمک میکند تا وظایف و فعالیت های خود را با توجه به اهمیت و ضرورت آنها سازماندهی کنید. این به ویژه هنگامی مفید است که سرتان بسیار شلوغ است، اما احساس نمیکنید کاری که انجام میدهید تأثیر زیادی دارد.
نحوه استفاده از آن
ماتریس آیزنهاور دارای چهار ربع در دو محور اهمیت و ضرورت است.
برای هر فعالیت یا کاری از خود بپرسید: آیا این مهم است یا نه؟ آیا ضروری است یا خیر؟
بر اساس پاسخ، فعالیت یا کار را در گوشهی(ربع) مناسب نمودار قرار دهید. ربع نمودار تعیین میکند که تکلیف شما با این کار چیست:
۱. اگر مهم و ضرویست ← آن را انجام دهید
۰ اینها کارهایی هستند که شما میخواهید آنها را در اسرع وقت انجام دهید.
۰ بحرانها، مشکلاتی که در حال حاضر به شما فشار میآورند و سایر مواردی که اگر اکنون به آن رسیدگی نکنید، عواقب بدی خواهند داشت.
۲. اگر مهم است و ضروری نیست ← آن را برنامهریزی کنید
۰ زمانی را برای این کارها پیدا کنید و آنها را بعداً انجام دهید.
۰ این ربع نمودار معمولاً محلی است که در آن کارهای عمیق اتفاق میافتد - وظایفی که به پروژهها یا اهداف بلند مدت شما کمک میکنند.
۳. اگر ضروری است ولی مهم نیست ← آن را محول کنید (به دیگری واگذار کنید)
۰ اگر میتوانید، شخصی را پیدا کنید که بتواند این کارها را برای شما انجام دهد.
۰ اگر نمیتوانید آن را به شخص دیگری محول کنید، آن را برنامهریزی کنید اما همیشه سعی کنید کارهای مهم و غیرضروری را اول انجام دهید.
۰ اینها اغلب کارهای اداری یا مواردی هستند که مهلت دارند، اما حیاتی نیستند.
۴. اگر ضروری و مهم نیست ← آن را انجام ندهید (قیدش را بزنید)
۰ این کارها ارزش وقت شما را ندارند و به هیچ وجه نباید آنها را انجام دهید.
۰ فعالیتهایی که میتوانید آنها را نادیده بگیرید، کارهای بیهوده شلوغ روزانه و سرگرمیهای شما در این ربع نمودار قرار میگیرد.
در بالا ترتیب اولویت وظایف را فهمیدید. بله وظایف مهم و غیرضروری قبل از بیاهمیت و ضروری قرار میگیرند.
ماتریس آیزنهاور بسیار انعطافپذیر است، بنابراین به خود شما مربوط است که از آن برای کارهای حرفهای، شخصی یا هر دو استفاده کنید.
همچنین می توانید با آن در بازههای زمانی مختلف کار کنید: روز خود را با آن برنامهریزی کنید و در مقابل نیز فعالیتهای کلی زندگی خود را اولویتبندی کنید.
چگونه کارهای ضروری را از کارهای مهم تشخیص دهیم.
کارهای ضروری و فوری معمولاً مهلت مشخصی دارند (به عنوان مثال ارسال طرح برای مشتری) یا از شما میخواهند به موقع عکسالعمل نشان دهید (مانند ایمیلها)
کارهای مهم معمولاً با اهداف بلند مدت شما مطابقت دارند (مثلِ ورزش) و پروژههای شما را رو به جلو سوق میدهند (مانند نوشتن کد برای پروژه جانبی).
تعیین ضرورت و اهمیت همیشه به زمینه و توانایی شما در تشخیص آنچه که واقعاً فوری و واقعاً مهم است بستگی دارد.
وعدهی ماتریس آیزنهاور این است که با تعیین اولویتهای صحیح و عمل به آنها، بهرهوری بیشتری داشته باشید. اگر همیشه مشغول هستید اما از پروژهها و اهداف بلند مدت خود عقب هستید، این ابزار قطعاً برای شما مناسب است. همچنین این یک ابزار بسیار مفید است برای اینکه تصمیم بگیرید چه کاری را انجام دهید و چه چیزی را باید از زندگی خود حذف کنید.
مطلب بالا خلاصهی مختصر و مفیدی بود از دو مقالهی زیر، پیشنهاد میکنم که نگاهی به هردو مقاله بیاندازید و از مثالها و توضیحات بیشتر برای جا افتادن این ابزار مفید استفاده کنید:
http://bit.ly/dxgn769-1
http://bit.ly/dxgn769-2
(زمان حدودی مطالعهی مقالهی اول: ۵ دقیقه
و مقالهی دوم: ۱۵ دقیقه)
نویسنده: حسین میرزاده
#ماتریس_آیزنهاور #مدیریت_کارها #اولویت_بندی_کارها #مهم #ضروری
@Dexign فلسفه دیزاین
______
James Clear
How to be More Productive and Eliminate Time Wasting Activities by Using the “Eisenhower Box”
Learn how to be more productive by using a decision making matrix called the Eisenhower Matrix. (Plus, get a free template of the Eisenhower Box I use.)
منابعی برای فراگیری دیزاین
در گذشتهای نهچندان دور برای یادگیری یک تخصص و مهارت، شناختهشدهترین و تثبیتشدهترین راه، تحصیلات آکادمیک در آن زمینه بود و اکثر افراد برای یادگیری و فراگرفتن تخصص یا مهارتی که به آن علاقه داشتند سراغ تحصیلات دانشگاهی در آن زمینه میرفتند. اما این راه و روش لزوما بهینهترین و بهترین راه نبود. در کنار افرادی که تحصیلات آکادمیک داشتند، افرادی هم بودند که از روشهای دیگر و به صورت آزاد مهارت و تخصص مورد نظر خود را فرا میگرفتند و حتی در برخی موارد از همکاران آکادمیک خود نیز پیشی میگرفتند.
امروزه نیز با پیشرفت تکنولوژی و گسترش امکانات و بسترهای ارتباطی، راههای متفاوتی برای انتشار دانش و فراگیری آن ایجاد شده است و علاقهمندان میتوانند براساس علاقه و سلیقه خود از راه و روشهای مختلف برای فراگیری و کسب دانش مورد نیاز خود استفاده کنند.
دنیای دیزاین نیز از این قاعده مستثنی نیست و منابع مختلفی از جمله کتابها، پادکستها، ویدئوهای آموزشی، وبسایتها و وبلاگها منتشر شدهاند که طیف وسیعی از مطالب و زمینههای تخصصی دیزاین را در بر میگیرند و با استفاده از آنها میتوان دانش و مهارت خود را در این زمینه بهبود بخشید.
در این مقاله مجموعهای از منابع آموزشی مختلف در زمینه طراحی رابط کاربری و تجربه کاربری معرفی شدهاند که با استفاده از آنها میتوان دانش مهارت لازم در این زمینه را به دست آورد:
http://bit.ly/dxgn770
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #آموزش #پادکست #کتاب #وبلاگ #ویدئو
@Dexign فلسفه دیزاین
______
در گذشتهای نهچندان دور برای یادگیری یک تخصص و مهارت، شناختهشدهترین و تثبیتشدهترین راه، تحصیلات آکادمیک در آن زمینه بود و اکثر افراد برای یادگیری و فراگرفتن تخصص یا مهارتی که به آن علاقه داشتند سراغ تحصیلات دانشگاهی در آن زمینه میرفتند. اما این راه و روش لزوما بهینهترین و بهترین راه نبود. در کنار افرادی که تحصیلات آکادمیک داشتند، افرادی هم بودند که از روشهای دیگر و به صورت آزاد مهارت و تخصص مورد نظر خود را فرا میگرفتند و حتی در برخی موارد از همکاران آکادمیک خود نیز پیشی میگرفتند.
امروزه نیز با پیشرفت تکنولوژی و گسترش امکانات و بسترهای ارتباطی، راههای متفاوتی برای انتشار دانش و فراگیری آن ایجاد شده است و علاقهمندان میتوانند براساس علاقه و سلیقه خود از راه و روشهای مختلف برای فراگیری و کسب دانش مورد نیاز خود استفاده کنند.
دنیای دیزاین نیز از این قاعده مستثنی نیست و منابع مختلفی از جمله کتابها، پادکستها، ویدئوهای آموزشی، وبسایتها و وبلاگها منتشر شدهاند که طیف وسیعی از مطالب و زمینههای تخصصی دیزاین را در بر میگیرند و با استفاده از آنها میتوان دانش و مهارت خود را در این زمینه بهبود بخشید.
در این مقاله مجموعهای از منابع آموزشی مختلف در زمینه طراحی رابط کاربری و تجربه کاربری معرفی شدهاند که با استفاده از آنها میتوان دانش مهارت لازم در این زمینه را به دست آورد:
http://bit.ly/dxgn770
(زمان حدودی مطالعه: ۱۲ دقیقه)
نویسنده: محمدرضا پناهی
#دیزاین #آموزش #پادکست #کتاب #وبلاگ #ویدئو
@Dexign فلسفه دیزاین
______
Medium
The Best Books, Podcasts, Blogs, and YouTube Channels I Used to Learn UI/UX Design — Updated for 2021
Here’s a list of the best resources I’ve used to learn about UI/UX design.