۵ قانون مهم و کاربردی در طراحی تجربه کاربری
قوانینی که برای طراحان بسیار مهم است و همچنین تجربه بهتری در اختیار کاربران قرار میدهد.
۱. قانون هیک: هرچه تعداد و پیچیدگی گزینهها برای انتخاب بیشتر باشد، زمان تصمیمگیری نیز افزایش پیدا میکند.
قانون هیک (یا قانون هیک هیمن) از نام یک تیم روانشناس انگلیسی و آمریکایی متشکل از ویلیام ادموند هیک و ری هیمن گرفته شده است. آنها سعی کردند رابطه بین تعداد محرکهای موجود و زمان واکنش فرد به هر محرکی را بررسی کنند.
بر اساس این قانون، یک اصل طراحی معروف به K.I.S.S (همه چیز را کوتاه و ساده نگه دارید)، بیان میکند که سادگی کلیدی است که یک سیستم به بهترین نحو کار کند.
۲. قانون فیتز: زمان دستیابی به هدف تابع فاصله و اندازه هدف است.
در سال ۱۹۵۴، روانشناس پل فیتس، با بررسی سیستم حرکتی انسان نشان داد که زمان لازم برای حرکت به سمت هدف به فاصله آن بستگی دارد، اما با اندازه آن رابطه معکوس دارد. طبق این قانون، حرکات سریع و اهداف کوچک، به دلیل نیاز به دقت در سرعت بالا، منجر به خطای بیشتری میشود.
برای مثال، این قانون بر بزرگ کردن دکمههای تعاملی (دستگاه های لمسی) تأثیر گذاشت زیرا کلیک کردن روی دکمههای کوچکتر، دشوارتر و زمانبرتر است.
به همین ترتیب، فاصله بین مرکز توجه کاربر و دکمه مربوط به آن باید تا حد امکان کوتاه باشد.
۳.قانون جیکوب: کاربران بیشتر وقت خود را در سایتهای دیگر میگذرانند. این بدان معناست که کاربران ترجیح میدهند سایت شما مانند سایر سایتهایی که میشناسند، کار کند.
اکثر وب سایتهای تجاری از الگوهای مشابه و فرآیند پرداخت مشابه پیروی میکنند؛ در نتیجه اکثر مدلهای ذهنی نیز تقریباً مشابه هستند. به این ترتیب، کاربران به جای یادگیری مدلهای جدید، بیشتر بر روی هدف خود تمرکز خواهند کرد.
۴.قانون مجاورت عناصر: اشیایی که نزدیک به یکدیگر هستند، تمایل دارند با هم گروه شوند.
قوانین گروهبندی گشتالت مجموعهای از اصول در روانشناسی است که برای اولین بار توسط روانشناسان گشتالت برای توضیح این مشاهدات ارائه شد که: انسانها به طور طبیعی همه چیز را به عنوان الگوها و اشیاء سازمانیافته درک میکنند. روانشناسان گشتالت مجموعهای از اصول را برای توضیح ادراك سازمان یافته، یا چگونگی گروهبندی اجزاء كوچكتر برای تشكیل اجزاء بزرگتر، ابداع كردند. این اصول به پنج دسته تقسیم میشوند: مجاورت، شباهت، تداوم، بسته بودن و اتصال.
۵. قانون اثر زیگارنیک: افراد کارهای ناقص یا رهاشده را بهتر از کارهای انجامشده به یاد میآورند.
بلوما زیگارنیک روانشناس و روانپزشک شوروی بود. او در دهه ۱۹۲۰ مطالعهای انجام داد که در آن حافظه را در رابطه با وظایف ناقص و کامل مقایسه کرد. وی دریافت زمانی که ما کاری را نصفه رها میکنیم، ذهن ما به بخش تکمیل شده آن توجه نمیکند بلکه درگیر بخش ناتمام آن میشود. بخش ناتمام کار، تنشی در ذهن ایجاد میکند که انگیزهای برای تکمیل آن در اسرع وقت میشود.این قانون در حال حاضر به عنوان اثر زیگارنیک شناخته میشود.
این مقاله را در لینک زیر مطالعه کنید:
https://bit.ly/dxgn883
(زمان حدودی مطالعه: ۳ دقیقه)
نویسنده: مریم اکبری
#تجربهکاربری #قوانینتجربهکاربری
@Dexign فلسفه دیزاین
_______
قوانینی که برای طراحان بسیار مهم است و همچنین تجربه بهتری در اختیار کاربران قرار میدهد.
۱. قانون هیک: هرچه تعداد و پیچیدگی گزینهها برای انتخاب بیشتر باشد، زمان تصمیمگیری نیز افزایش پیدا میکند.
قانون هیک (یا قانون هیک هیمن) از نام یک تیم روانشناس انگلیسی و آمریکایی متشکل از ویلیام ادموند هیک و ری هیمن گرفته شده است. آنها سعی کردند رابطه بین تعداد محرکهای موجود و زمان واکنش فرد به هر محرکی را بررسی کنند.
بر اساس این قانون، یک اصل طراحی معروف به K.I.S.S (همه چیز را کوتاه و ساده نگه دارید)، بیان میکند که سادگی کلیدی است که یک سیستم به بهترین نحو کار کند.
۲. قانون فیتز: زمان دستیابی به هدف تابع فاصله و اندازه هدف است.
در سال ۱۹۵۴، روانشناس پل فیتس، با بررسی سیستم حرکتی انسان نشان داد که زمان لازم برای حرکت به سمت هدف به فاصله آن بستگی دارد، اما با اندازه آن رابطه معکوس دارد. طبق این قانون، حرکات سریع و اهداف کوچک، به دلیل نیاز به دقت در سرعت بالا، منجر به خطای بیشتری میشود.
برای مثال، این قانون بر بزرگ کردن دکمههای تعاملی (دستگاه های لمسی) تأثیر گذاشت زیرا کلیک کردن روی دکمههای کوچکتر، دشوارتر و زمانبرتر است.
به همین ترتیب، فاصله بین مرکز توجه کاربر و دکمه مربوط به آن باید تا حد امکان کوتاه باشد.
۳.قانون جیکوب: کاربران بیشتر وقت خود را در سایتهای دیگر میگذرانند. این بدان معناست که کاربران ترجیح میدهند سایت شما مانند سایر سایتهایی که میشناسند، کار کند.
اکثر وب سایتهای تجاری از الگوهای مشابه و فرآیند پرداخت مشابه پیروی میکنند؛ در نتیجه اکثر مدلهای ذهنی نیز تقریباً مشابه هستند. به این ترتیب، کاربران به جای یادگیری مدلهای جدید، بیشتر بر روی هدف خود تمرکز خواهند کرد.
۴.قانون مجاورت عناصر: اشیایی که نزدیک به یکدیگر هستند، تمایل دارند با هم گروه شوند.
قوانین گروهبندی گشتالت مجموعهای از اصول در روانشناسی است که برای اولین بار توسط روانشناسان گشتالت برای توضیح این مشاهدات ارائه شد که: انسانها به طور طبیعی همه چیز را به عنوان الگوها و اشیاء سازمانیافته درک میکنند. روانشناسان گشتالت مجموعهای از اصول را برای توضیح ادراك سازمان یافته، یا چگونگی گروهبندی اجزاء كوچكتر برای تشكیل اجزاء بزرگتر، ابداع كردند. این اصول به پنج دسته تقسیم میشوند: مجاورت، شباهت، تداوم، بسته بودن و اتصال.
۵. قانون اثر زیگارنیک: افراد کارهای ناقص یا رهاشده را بهتر از کارهای انجامشده به یاد میآورند.
بلوما زیگارنیک روانشناس و روانپزشک شوروی بود. او در دهه ۱۹۲۰ مطالعهای انجام داد که در آن حافظه را در رابطه با وظایف ناقص و کامل مقایسه کرد. وی دریافت زمانی که ما کاری را نصفه رها میکنیم، ذهن ما به بخش تکمیل شده آن توجه نمیکند بلکه درگیر بخش ناتمام آن میشود. بخش ناتمام کار، تنشی در ذهن ایجاد میکند که انگیزهای برای تکمیل آن در اسرع وقت میشود.این قانون در حال حاضر به عنوان اثر زیگارنیک شناخته میشود.
این مقاله را در لینک زیر مطالعه کنید:
https://bit.ly/dxgn883
(زمان حدودی مطالعه: ۳ دقیقه)
نویسنده: مریم اکبری
#تجربهکاربری #قوانینتجربهکاربری
@Dexign فلسفه دیزاین
_______
Medium
Laws of UX with Illustration….
Basic laws of UX which are highly important for UX designers as well as provides users with better experience.
👍1
🕹 مهم و کوتاه درباره بازیمون PenPlay
ما در دیزاین استودیو حدود دو سال هست که روی یک بازی نقاشی، برپایه هوش مصنوعی کار میکنیم و پستی و بلندیهای زیادی داشتیم.
این بازی یه تیم ۸ نفره داشته که در این مسیر زحمت زیادی کشیدن و با مسائل فنی و غیرفنی مختلفی دستوپنجه نرم کردن.
بعد از اینکه پارسال تونستیم اولین نسخه رو منتشر کنیم حالا برای انتشار گستردهتر روی ProducHunt قرارش دادیم.
اگر بازی رو دوست داشتید، لطفا بازخوردتون رو در صفحه زیر برامون بصورت Review بنویسید و بازیمون Upvote کنید و با دوستاتون به اشتراک بذارید.
https://www.producthunt.com/posts/penplay
اشتراکگذاریتون بینهایت باعث خوشحالیه ☘️
ارادتمند،
رامین خطیبی
___
ما در دیزاین استودیو حدود دو سال هست که روی یک بازی نقاشی، برپایه هوش مصنوعی کار میکنیم و پستی و بلندیهای زیادی داشتیم.
این بازی یه تیم ۸ نفره داشته که در این مسیر زحمت زیادی کشیدن و با مسائل فنی و غیرفنی مختلفی دستوپنجه نرم کردن.
بعد از اینکه پارسال تونستیم اولین نسخه رو منتشر کنیم حالا برای انتشار گستردهتر روی ProducHunt قرارش دادیم.
اگر بازی رو دوست داشتید، لطفا بازخوردتون رو در صفحه زیر برامون بصورت Review بنویسید و بازیمون Upvote کنید و با دوستاتون به اشتراک بذارید.
https://www.producthunt.com/posts/penplay
اشتراکگذاریتون بینهایت باعث خوشحالیه ☘️
ارادتمند،
رامین خطیبی
___
Product Hunt
PenPlay - Product Information, Latest Updates, and Reviews 2024 | Product Hunt
PenPlay is a Machine Learning based drawing mobile game which brings joy and education together with a delightful experience. Our game is enriched with super amazing features. We present different game modes, such as swift painting, mirror painting.
استفاده از تناسب طلایی در طراحی رابط کاربری
سیستمهای نسبی برای قرنها در هنر و معماری مورد استفاده بوده اند. تناسب طلایی جزو سیستمهایی است که در طول تاریخ بارها کشف شده است و در نتیجه دارای نامهای گوناگونی همچون میانگین طلایی، نسبت طلایی، مقطع طلایی، تناسب الهی و نماد یونانی φ (فای) میباشد.
تعریف دقیق ریاضی تناسب طلایی به این صورت است که :
اگر در یک مستطیل یا پاره خط دو مقدار a و b را داشته باشیم، در صورتی که a مقدار بزرگتر باشد، نسبت a بر روی b برابر است با a+b بر روی a. که حاصل این کسر عدد تقریبی 1.618 میشود.
از نسبت طلایی برای تحلیل و درک مقادیر موجود در طبیعت، معماری، موسیقی و نقاشی استفاده شده است. و زمانی که در یک اثر تناسب طلایی رعایت شده باشد معمولا به چشم انسان ترکیبی متعادل، ارگانیک و از نظر بصری دلنشین دیده میشود.
اهرام مصر، بنای پارتنون در آتن و اثر مونالیزای داوینچی نمونههایی هستند از ابنیه و آثار هنری که دارای تناسب طلایی میباشند.
ما هم به عنوان طراحان رابط کاربر میتوانیم با رعایت اصول تناسب طلایی به طرحهایی موزون تر و از جهت بصری دلنشینتر برسیم. در زیر چند مثال از چگونگی این کار را بررسی میکنیم :
- اندازه نوشتهها : برای به دست آوردن تناسب درست و موزون بین دو نوشته با اندازههای مختلف یا حتی به دست آوردن typography guidelines میتوانیم به سادگی از این تناسب استفاده کنیم. کافیست عدد فونت کوچک را در عدد 1.618 ضرب کنیم و حاصل ضرب را گرد کرده و به عنوان فونت بزرگتر در نظر بگیریم. از این روش برای پیدا کردن line height مناسب هم میتوان بهره برد.
- برش تصاویر : برای برش تصاویر مورد استفاده در طرحها هم میتوان از قواعد این تناسب سود برد. تنها کافیست مستطیل طلایی به علاوه فرم حلزونی داخل آن را روی تصویر مورد نظر بگذارید و نقطه کانونی مارپیچ را بر نقطه کانونی تصویر منطبق کنید و سپس تصویر را بر اساس اضلاع مستطیل برش دهید.
- لیاوت صفحات وب : با استفاده از تناسب مستطیل طلایی در دیزاین صفحات وب به شکل خیلی ساده به یک لیاوت دو ستونه خواهید رسید که ستون کوچکتر میتواند سایدبار و ستون بزرگتر فضای محتوای اصلی شما باشد.
در نتیجه میتوان گفت برخی طراحان شیفته تناسب طلایی هستند و از آن برای ساخت و ویرایش انواع المانها در رابط کاربری استفاده میکنند. برخی دیگر هم معتقدند تناسب طلایی معتبرتر از سایر روشها در تحلیل و استخراج اندازهها و تناسبات نیست. فارغ از این دو دیدگاه، نسبت طلایی می تواند یک مرجع مفید برای طراحان بصری جدید یا طراحانی باشد که میخواهند مهارتهای خود را با رویکردی عینی و ریاضی بهبود بخشند.
برای مطالعه کامل این مقاله و بررسی مفاهیم به صورت تصویری میتوانید از لینک زیر استفاده کنید :
https://bit.ly/dxgn884
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده : فریما فرحمند
#تناسب_طلایی #طراحی #رابط_کاربری #UI
@Dexign فلسفه دیزاین
_______
سیستمهای نسبی برای قرنها در هنر و معماری مورد استفاده بوده اند. تناسب طلایی جزو سیستمهایی است که در طول تاریخ بارها کشف شده است و در نتیجه دارای نامهای گوناگونی همچون میانگین طلایی، نسبت طلایی، مقطع طلایی، تناسب الهی و نماد یونانی φ (فای) میباشد.
تعریف دقیق ریاضی تناسب طلایی به این صورت است که :
اگر در یک مستطیل یا پاره خط دو مقدار a و b را داشته باشیم، در صورتی که a مقدار بزرگتر باشد، نسبت a بر روی b برابر است با a+b بر روی a. که حاصل این کسر عدد تقریبی 1.618 میشود.
از نسبت طلایی برای تحلیل و درک مقادیر موجود در طبیعت، معماری، موسیقی و نقاشی استفاده شده است. و زمانی که در یک اثر تناسب طلایی رعایت شده باشد معمولا به چشم انسان ترکیبی متعادل، ارگانیک و از نظر بصری دلنشین دیده میشود.
اهرام مصر، بنای پارتنون در آتن و اثر مونالیزای داوینچی نمونههایی هستند از ابنیه و آثار هنری که دارای تناسب طلایی میباشند.
ما هم به عنوان طراحان رابط کاربر میتوانیم با رعایت اصول تناسب طلایی به طرحهایی موزون تر و از جهت بصری دلنشینتر برسیم. در زیر چند مثال از چگونگی این کار را بررسی میکنیم :
- اندازه نوشتهها : برای به دست آوردن تناسب درست و موزون بین دو نوشته با اندازههای مختلف یا حتی به دست آوردن typography guidelines میتوانیم به سادگی از این تناسب استفاده کنیم. کافیست عدد فونت کوچک را در عدد 1.618 ضرب کنیم و حاصل ضرب را گرد کرده و به عنوان فونت بزرگتر در نظر بگیریم. از این روش برای پیدا کردن line height مناسب هم میتوان بهره برد.
- برش تصاویر : برای برش تصاویر مورد استفاده در طرحها هم میتوان از قواعد این تناسب سود برد. تنها کافیست مستطیل طلایی به علاوه فرم حلزونی داخل آن را روی تصویر مورد نظر بگذارید و نقطه کانونی مارپیچ را بر نقطه کانونی تصویر منطبق کنید و سپس تصویر را بر اساس اضلاع مستطیل برش دهید.
- لیاوت صفحات وب : با استفاده از تناسب مستطیل طلایی در دیزاین صفحات وب به شکل خیلی ساده به یک لیاوت دو ستونه خواهید رسید که ستون کوچکتر میتواند سایدبار و ستون بزرگتر فضای محتوای اصلی شما باشد.
در نتیجه میتوان گفت برخی طراحان شیفته تناسب طلایی هستند و از آن برای ساخت و ویرایش انواع المانها در رابط کاربری استفاده میکنند. برخی دیگر هم معتقدند تناسب طلایی معتبرتر از سایر روشها در تحلیل و استخراج اندازهها و تناسبات نیست. فارغ از این دو دیدگاه، نسبت طلایی می تواند یک مرجع مفید برای طراحان بصری جدید یا طراحانی باشد که میخواهند مهارتهای خود را با رویکردی عینی و ریاضی بهبود بخشند.
برای مطالعه کامل این مقاله و بررسی مفاهیم به صورت تصویری میتوانید از لینک زیر استفاده کنید :
https://bit.ly/dxgn884
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده : فریما فرحمند
#تناسب_طلایی #طراحی #رابط_کاربری #UI
@Dexign فلسفه دیزاین
_______
Nielsen Norman Group
The Golden Ratio and User-Interface Design
Although traditionally used in art and architecture, the golden ratio can be referenced to design aesthetically pleasing interfaces.
ترندهای طراحی در سال 2022
بهترین فرصت است که ترندهای سال 2022 را پیش بینی کنیم.
چیزی که اتفاق نخواهد افتاد:
در چهار پنج سال گذشته من همیشه لیست پیش بینی ترندها را در وبلاگها میخواندم. این لیست چیزهایی است که ترند نخواهند شد:
- دارک مود ترند نخواهد بود.
- ایلاستریشن سه بعدی ترند نمیشود.
- داشتن دیزاین سیستم امسال مزیت محسوب نمیشود. بلکه به باید تبدیل شده است.
چیزهایی که حتما اتفاق خواهد افتاد:
- واقعیت مجازی
با پیشرفت روزافزون واقعیت مجازی و در دسترس قرار گرفتن ابزار آن برای کاربران، قطعا امسال استفاده از واقعیت مجازی برای طراحان ضروری است. استفاده از واقعیت مجازی ممکن است بزرگترین اتفاقی باشد که از زمان استفاده گسترده مردم از موبایل اتفاق افتاده باشد.
- سایت بدون کد
استیو جابز یک نقل قول معروف دارد که میگوید: طراحی این نیست که چطور به نظر میرسد. بلکه در مورد این است که راه حل چطور عمل میکند.
به عنوان طراحی برای این که راه حلتان را اجرایی کنید، به غیر از زبانهای برنامه نویسی، راههای دیگری نیز وجود دارند.
مهمترین آنها webflow است. با استفاده از آن انواع و اقسام وبسایتها را میتوانید بسازید. از لندینگ و وبلاگ گرفته تا وبسایتهای شرکتها و فروشگاهها. قدرت webflow در سادگی استفاده از آن است. ابزارهای دیگری برای راههای NO Code وجود دارد که شما به عنوان طراح باید حداقل با یکی از آنها آشنا باشید.
- گلسمورفیسم یک استاندارد خواهد بود. نه یک ترند.
یک سال قبل پیش بینی کردم که گلسمورفیسم هر روز پر طرفدارتر خواهد شد. میبینیم که این اتفاق به وقوع پیوسته. iOS و macOS و ویندوز از گلسمورفیسم استفاده کرده اند. کاربران نیز از این سبک استقبال خواهند کرد.
- استایلهای دهه 90 ترند میشوند.
در دو سال گذشته استایلهای نوستالژیک دهه 80 به وفور استفاده شدهاند. پیش بینی میکنم این ترند ادامه پیدا کند و استایلهای دهه 90 روی کار خواهند آمد.
صنعت دیزاین به سرعت در حال تغییر است. به همین خاطر طراحان باید به ترندها توجه کنند. با توجه به ترندها نه تنها دیزاین بهتر و جالب توجهتری انجام میدهیم، بلکه قابلیتهای جدید را نیز میآموزیم.
در لینک زیر توضیحات کامل و مثالهای بیشتر در مورد ترندهای طراحی 2022 را مطالعه کنید:
https://bit.ly/dxgn885
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: عاطفه صفری
#ترند #دیزاین #رابط_کاربری
@Dexign فلسفه دیزاین
_______
بهترین فرصت است که ترندهای سال 2022 را پیش بینی کنیم.
چیزی که اتفاق نخواهد افتاد:
در چهار پنج سال گذشته من همیشه لیست پیش بینی ترندها را در وبلاگها میخواندم. این لیست چیزهایی است که ترند نخواهند شد:
- دارک مود ترند نخواهد بود.
- ایلاستریشن سه بعدی ترند نمیشود.
- داشتن دیزاین سیستم امسال مزیت محسوب نمیشود. بلکه به باید تبدیل شده است.
چیزهایی که حتما اتفاق خواهد افتاد:
- واقعیت مجازی
با پیشرفت روزافزون واقعیت مجازی و در دسترس قرار گرفتن ابزار آن برای کاربران، قطعا امسال استفاده از واقعیت مجازی برای طراحان ضروری است. استفاده از واقعیت مجازی ممکن است بزرگترین اتفاقی باشد که از زمان استفاده گسترده مردم از موبایل اتفاق افتاده باشد.
- سایت بدون کد
استیو جابز یک نقل قول معروف دارد که میگوید: طراحی این نیست که چطور به نظر میرسد. بلکه در مورد این است که راه حل چطور عمل میکند.
به عنوان طراحی برای این که راه حلتان را اجرایی کنید، به غیر از زبانهای برنامه نویسی، راههای دیگری نیز وجود دارند.
مهمترین آنها webflow است. با استفاده از آن انواع و اقسام وبسایتها را میتوانید بسازید. از لندینگ و وبلاگ گرفته تا وبسایتهای شرکتها و فروشگاهها. قدرت webflow در سادگی استفاده از آن است. ابزارهای دیگری برای راههای NO Code وجود دارد که شما به عنوان طراح باید حداقل با یکی از آنها آشنا باشید.
- گلسمورفیسم یک استاندارد خواهد بود. نه یک ترند.
یک سال قبل پیش بینی کردم که گلسمورفیسم هر روز پر طرفدارتر خواهد شد. میبینیم که این اتفاق به وقوع پیوسته. iOS و macOS و ویندوز از گلسمورفیسم استفاده کرده اند. کاربران نیز از این سبک استقبال خواهند کرد.
- استایلهای دهه 90 ترند میشوند.
در دو سال گذشته استایلهای نوستالژیک دهه 80 به وفور استفاده شدهاند. پیش بینی میکنم این ترند ادامه پیدا کند و استایلهای دهه 90 روی کار خواهند آمد.
صنعت دیزاین به سرعت در حال تغییر است. به همین خاطر طراحان باید به ترندها توجه کنند. با توجه به ترندها نه تنها دیزاین بهتر و جالب توجهتری انجام میدهیم، بلکه قابلیتهای جدید را نیز میآموزیم.
در لینک زیر توضیحات کامل و مثالهای بیشتر در مورد ترندهای طراحی 2022 را مطالعه کنید:
https://bit.ly/dxgn885
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: عاطفه صفری
#ترند #دیزاین #رابط_کاربری
@Dexign فلسفه دیزاین
_______
Medium
2022 Design Trends
What to expect and how to prepare for the new things.
اصول تایپوگرافی در طراحی رابط کاربری
تایپوگرافی مجموعهای از انتخاب تایپفیسها و ایجاد ترتیب مناسب در آنها برای به وجود آوردن خوانایی در زبان نوشتاری است. این موضوع شکلی از هنر است و از زمانی که انسان نوشتن را اختراع کرد، برای قرنها، وجود داشته است.
در حالی که مساله تایپوگرافی در طراحی رابط کاربری، پیچیدگیهای بسیاری را برای طراحان به وجود میآورد اما سرمایهگذاری و زمانی که برای این موضوع میتوان در نظر گرفت برای ارتقای طراحی بسیار ارزشمند است.
مهمترین ویژگی در طراحی تایپوگرافی وضوح و خوانایی است. با اینحال سایر جنبههای کمتر کاربردی مانند حالت و یا سبک در تایپوگرافی تاثیر زیادی بر کاربر خواهند داشت. لذا برای بیان آنچه مد نظر داریم باید محدوده وسیعی از فاکتورهای تایپوگرافی را در نظر داشته باشیم.
تایپوگرافی صحیح با محیط و سایر اجزای طراحی رابطهای هماهنگ خواهد داشت و با ایجاد کنجکاوی کاربر را به ادامه دعوت کرده و ارتباط لازم را با او برقرار میکند.
جنبههای فنی بسیاری مانند انتخاب فونتها برای ایجاد تایپوگرافی صحیح وجود دارد اما در مقاله پیشرو با توضیح شش اصل در تایپوگرافی این موضوع از دیدگاه هنریتری بررسی شده است.
رنگ؛ رنگ فونتها لازم است که تضاد مناسبی با پسزمینه داشته باشند.
پیچیدگی؛ پیچیدگی تایپفیس به اندازه آن بر روی صفحه نمایش وابسته است.
فاصله؛ وجود فضای منفی اطراف حروف میتواند خوانایی را افزایش دهد.
سایز؛ ایجاد ترتیببندی در سایز میتواند وضوح محتوا را افزایش دهد.
حروف بزرگ؛ استفاده از حروف و متنهایی با حروف بزرگ توانایی جهت دادن به توجه کاربران را دارد.
تراز متنها؛ تراز در متنها معرف ساختار و وحدت در طراحی رابط کاربری است.
با مطالعه مقاله پیش رو با جزییات بیشتری از هر یک از این شش اصل و استفاده صحیح از آنها آشنا خواهید شد.
https://bit.ly/dxgn886
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: رشید مسعودی
#رابطکاربری #تایپوگرافی
@Dexign فلسفه دیزاین
_______
تایپوگرافی مجموعهای از انتخاب تایپفیسها و ایجاد ترتیب مناسب در آنها برای به وجود آوردن خوانایی در زبان نوشتاری است. این موضوع شکلی از هنر است و از زمانی که انسان نوشتن را اختراع کرد، برای قرنها، وجود داشته است.
در حالی که مساله تایپوگرافی در طراحی رابط کاربری، پیچیدگیهای بسیاری را برای طراحان به وجود میآورد اما سرمایهگذاری و زمانی که برای این موضوع میتوان در نظر گرفت برای ارتقای طراحی بسیار ارزشمند است.
مهمترین ویژگی در طراحی تایپوگرافی وضوح و خوانایی است. با اینحال سایر جنبههای کمتر کاربردی مانند حالت و یا سبک در تایپوگرافی تاثیر زیادی بر کاربر خواهند داشت. لذا برای بیان آنچه مد نظر داریم باید محدوده وسیعی از فاکتورهای تایپوگرافی را در نظر داشته باشیم.
تایپوگرافی صحیح با محیط و سایر اجزای طراحی رابطهای هماهنگ خواهد داشت و با ایجاد کنجکاوی کاربر را به ادامه دعوت کرده و ارتباط لازم را با او برقرار میکند.
جنبههای فنی بسیاری مانند انتخاب فونتها برای ایجاد تایپوگرافی صحیح وجود دارد اما در مقاله پیشرو با توضیح شش اصل در تایپوگرافی این موضوع از دیدگاه هنریتری بررسی شده است.
رنگ؛ رنگ فونتها لازم است که تضاد مناسبی با پسزمینه داشته باشند.
پیچیدگی؛ پیچیدگی تایپفیس به اندازه آن بر روی صفحه نمایش وابسته است.
فاصله؛ وجود فضای منفی اطراف حروف میتواند خوانایی را افزایش دهد.
سایز؛ ایجاد ترتیببندی در سایز میتواند وضوح محتوا را افزایش دهد.
حروف بزرگ؛ استفاده از حروف و متنهایی با حروف بزرگ توانایی جهت دادن به توجه کاربران را دارد.
تراز متنها؛ تراز در متنها معرف ساختار و وحدت در طراحی رابط کاربری است.
با مطالعه مقاله پیش رو با جزییات بیشتری از هر یک از این شش اصل و استفاده صحیح از آنها آشنا خواهید شد.
https://bit.ly/dxgn886
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: رشید مسعودی
#رابطکاربری #تایپوگرافی
@Dexign فلسفه دیزاین
_______
Medium
Fundamentals of typography in user interface design (UI)
Key considerations to improve the reading experience
🔥9👍4
This media is not supported in your browser
VIEW IN TELEGRAM
❇️ ثبت نام دوره جدید آکادمی دیزاین
🔶 ثبتنام دورهی دوازدهم طراحی محصولِ آکادمی دیزاین، آغاز شده و تا ۱۰ اسفند ادامه دارد.
✅ برای ثبتنام به صفحهی اینستاگرام آکادمی مراجعه فرمایید.
Instagram.com/dexignacademy
#طراحی_محصول #دوره_طراحی_محصول #دوره_آنلاین #آکادمی_دیزاین #uidesign
@Dexign فلسفه دیزاین
_______
🔶 ثبتنام دورهی دوازدهم طراحی محصولِ آکادمی دیزاین، آغاز شده و تا ۱۰ اسفند ادامه دارد.
✅ برای ثبتنام به صفحهی اینستاگرام آکادمی مراجعه فرمایید.
Instagram.com/dexignacademy
#طراحی_محصول #دوره_طراحی_محصول #دوره_آنلاین #آکادمی_دیزاین #uidesign
@Dexign فلسفه دیزاین
_______
🔥4❤3👍1
بهترین روشها برای طراحی جدول قیمتگذاری
تبدیل بازدیدکنندگان وبسایت به مشتری یکی از اهداف اصلی هر کسب و کاری است. جدول قیمتگذاری یکی از ابزارهایی است که میتواند در این زمینه کمک کند. این ابزار به کاربران یک نمای کلی از بستههای قیمتگذاری شده از محصولات موجود و تفاوت بین آنها را نشان میدهد. در این مقاله به مواردی برای طراحی بهتر جدول قیمتگذاری اشاره شدهاست:
۱. از جدول قیمتگذاری زمانی استفاده کنید که بیش از یک بسته قیمتگذاری برای محصول خود دارید.
۲. ویژگیها و مزایای مناسب را برای مقایسه بین بستهها انتخاب کنید. ویژگیها را بر اساس ارزشی که به کاربران شما ارائه می دهند انتخاب کنید. هر ردیف اضافی از اطلاعات در جدول قیمتگذاری، احتمال از دست دادن مشتری بالقوه را افزایش میدهد.
۳. قیمت را بهصورت برجسته نمایش دهید.
۴. قیمتها و ویژگیهای هر بسته را همتراز کنید. اولین بسته بهتر است طرح رایگان باشد و باقی گزینهها بهترتیب افزایش قیمت نمایش داده شود.
۵. جدول را بهگونهای طراحی کنید که اسکن آن برای کاربر راحت باشد. در واقع اطلاعات جدول باید در یک نگاه به راحتی قابل دریافت باشند.
۶. قیمتها را بصورت ماهانه و سالانه نمایش دهید. درصورت اعمال تخفیف خرید سالانه، یک سوئیچ قیمت ماهانه/سالانه در بالای جدول اضافه کنید تا کاربران بتوانند هزینههای ماهانه و سالانه را مقایسه کنند.
۷. مشتریان بالقوه خود را فریب ندهید و با استفاده از برجسته نمایش دادن یک بسته خاص، آنها را وادار به انتخاب آن نکنید.
۸. مطمئن شوید که که عنوان هر ستون در هنگام اسکرول قابل مشاهده است.
۹. دکمه انتخاب طرح را در معرض دید کاربر قرار دهید.
۱۰. در زیر جدول بخش سوالات متداول را قرار دهید.
برای مطالعه بیشتر در این مورد، مقاله زیر را بخوانید.
https://bit.ly/dxgn887
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر جمالی
#جدول_قیمتگذاری #طراحی_تجربه
@Dexign فلسفه دیزاین
_______
تبدیل بازدیدکنندگان وبسایت به مشتری یکی از اهداف اصلی هر کسب و کاری است. جدول قیمتگذاری یکی از ابزارهایی است که میتواند در این زمینه کمک کند. این ابزار به کاربران یک نمای کلی از بستههای قیمتگذاری شده از محصولات موجود و تفاوت بین آنها را نشان میدهد. در این مقاله به مواردی برای طراحی بهتر جدول قیمتگذاری اشاره شدهاست:
۱. از جدول قیمتگذاری زمانی استفاده کنید که بیش از یک بسته قیمتگذاری برای محصول خود دارید.
۲. ویژگیها و مزایای مناسب را برای مقایسه بین بستهها انتخاب کنید. ویژگیها را بر اساس ارزشی که به کاربران شما ارائه می دهند انتخاب کنید. هر ردیف اضافی از اطلاعات در جدول قیمتگذاری، احتمال از دست دادن مشتری بالقوه را افزایش میدهد.
۳. قیمت را بهصورت برجسته نمایش دهید.
۴. قیمتها و ویژگیهای هر بسته را همتراز کنید. اولین بسته بهتر است طرح رایگان باشد و باقی گزینهها بهترتیب افزایش قیمت نمایش داده شود.
۵. جدول را بهگونهای طراحی کنید که اسکن آن برای کاربر راحت باشد. در واقع اطلاعات جدول باید در یک نگاه به راحتی قابل دریافت باشند.
۶. قیمتها را بصورت ماهانه و سالانه نمایش دهید. درصورت اعمال تخفیف خرید سالانه، یک سوئیچ قیمت ماهانه/سالانه در بالای جدول اضافه کنید تا کاربران بتوانند هزینههای ماهانه و سالانه را مقایسه کنند.
۷. مشتریان بالقوه خود را فریب ندهید و با استفاده از برجسته نمایش دادن یک بسته خاص، آنها را وادار به انتخاب آن نکنید.
۸. مطمئن شوید که که عنوان هر ستون در هنگام اسکرول قابل مشاهده است.
۹. دکمه انتخاب طرح را در معرض دید کاربر قرار دهید.
۱۰. در زیر جدول بخش سوالات متداول را قرار دهید.
برای مطالعه بیشتر در این مورد، مقاله زیر را بخوانید.
https://bit.ly/dxgn887
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: نیلوفر جمالی
#جدول_قیمتگذاری #طراحی_تجربه
@Dexign فلسفه دیزاین
_______
Medium
Best Practices for Pricing Table Design
Converting visitors into customers is one of the primary goals for any business. A pricing table is a tool that can help you with that. It…
👍6🔥3❤2
نکات طراحی درباره نحوه تفکر و احساس انسانها
طراحی (design) محصول هنر و علم است و برای داشتن یک طراحی موثر یکی از لازمهها، علم شناختی و تحقیق درباره انسان است.
علم شناختی، فرآیندهای ذهنی مربوط به چگونگی دریافت، ذخیره و پردازش اطلاعات را مطالعه میکند.
۷ موردی که روانشناسی شناختی مورد مطالعه قرار میدهد و روی نحوه تجربه افراد در طراحی تاثیر میگذارد:
۱-ادراک: اهداف، تجربهها، فرهنگ و زمینه استفاده از محصول (context) در اطلاعاتی که انسان دریافت میکند تاثیر میگذارد و برای درک بصری به دنبال الگوهایی مانند شباهت، تقارن و مجاورت برای شناسایی و اولویت بندی اطلاعات است.
۲- توجه: ما به سمت محصولاتی میرویم که هدف و نیاز ماست و توجه انتخابی ما در محدوده مرکزی بصری است، جایی که ۱٪ از تصاویر واضح هستند و هرچیز دیگر غیرقابل تشخیص از لحاظ رنگ و شکل است و این محیط نسبت به محرکها، تضادها بسیار حساس بوده و توجه را پرت میکند.
۳-حافظه: براساس قانون میلر ظرفیت حافظه کوتاه مدت بین ۵ تا ۹ مورد است. وقتی روی کاری تمرکز میکنیم و حواس پرت شود اطلاعات جدید سریعا فراموش میشود. همچنین در بهیادآوردن اطلاعات از حافظه به کمک اطلاعات و دادههای مشابه بهتر عمل میکنیم.
۴- زبان: تحقیقات نشان داده که از ۷۹٪ اسکن محتوا فقط ۲۸٪ از کلمات خوانده شده. وقتی بهدنبال چیزی هستیم فقط یک سری کلمات خاص و انتظارات درباره چگونگی پیدا کردن آن مورد مدنظر ماست.
۵-یادگیری: همه ما یکسری مدلهای ذهنی، عقاید و انتظارات داریم که به زاویه دید ما کمک میکند، همچنین انسان نسبت به تغییرات مقاوم است و سعی میکند اطلاعات جدید را با اطلاعات موجود ادغام کند بنابراین هرچقدر اطلاعات جدید نزدیک اطلاعات موجود باشد سازگاری و احساس راحتی بیشتر میشود در نتیجه احتمال جستوجو و کاوش در سایت و اعتماد به برند بیشتر میشود.
۶-تصمیمگیری: هرچه تعداد انتخاب بیشتر باشد مدت زمان تصمیمگیری بیشتر میشود زیرا اطلاعات بیشتری برای پردازش وجود دارد. همچنین با توجه به اثر ابهام و تحقیقات انجام شده، اعتماد نیز عامل مهمی در تصمیمگیریها است.
۷-احساسات: انسانها براساس سوگیری منفی که دارند، ناراحتی و احساس از یک تجربه منفی و بد بسیار بیشتر و تاثیرگذارتر از تجربه مثبت است.
در این مقاله علاوه بر معرفی هر مورد نکاتی برای رعایت آنها نیز در طراحی گفته شده است که میتوانید در لینک زیر مطالعه کنید.
https://bit.ly/dxgn888
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۹ دقیقه)
#روانشناسی_شناختی #علم_شناختی #طراحی
@Dexign فلسفه دیزاین
_______
طراحی (design) محصول هنر و علم است و برای داشتن یک طراحی موثر یکی از لازمهها، علم شناختی و تحقیق درباره انسان است.
علم شناختی، فرآیندهای ذهنی مربوط به چگونگی دریافت، ذخیره و پردازش اطلاعات را مطالعه میکند.
۷ موردی که روانشناسی شناختی مورد مطالعه قرار میدهد و روی نحوه تجربه افراد در طراحی تاثیر میگذارد:
۱-ادراک: اهداف، تجربهها، فرهنگ و زمینه استفاده از محصول (context) در اطلاعاتی که انسان دریافت میکند تاثیر میگذارد و برای درک بصری به دنبال الگوهایی مانند شباهت، تقارن و مجاورت برای شناسایی و اولویت بندی اطلاعات است.
۲- توجه: ما به سمت محصولاتی میرویم که هدف و نیاز ماست و توجه انتخابی ما در محدوده مرکزی بصری است، جایی که ۱٪ از تصاویر واضح هستند و هرچیز دیگر غیرقابل تشخیص از لحاظ رنگ و شکل است و این محیط نسبت به محرکها، تضادها بسیار حساس بوده و توجه را پرت میکند.
۳-حافظه: براساس قانون میلر ظرفیت حافظه کوتاه مدت بین ۵ تا ۹ مورد است. وقتی روی کاری تمرکز میکنیم و حواس پرت شود اطلاعات جدید سریعا فراموش میشود. همچنین در بهیادآوردن اطلاعات از حافظه به کمک اطلاعات و دادههای مشابه بهتر عمل میکنیم.
۴- زبان: تحقیقات نشان داده که از ۷۹٪ اسکن محتوا فقط ۲۸٪ از کلمات خوانده شده. وقتی بهدنبال چیزی هستیم فقط یک سری کلمات خاص و انتظارات درباره چگونگی پیدا کردن آن مورد مدنظر ماست.
۵-یادگیری: همه ما یکسری مدلهای ذهنی، عقاید و انتظارات داریم که به زاویه دید ما کمک میکند، همچنین انسان نسبت به تغییرات مقاوم است و سعی میکند اطلاعات جدید را با اطلاعات موجود ادغام کند بنابراین هرچقدر اطلاعات جدید نزدیک اطلاعات موجود باشد سازگاری و احساس راحتی بیشتر میشود در نتیجه احتمال جستوجو و کاوش در سایت و اعتماد به برند بیشتر میشود.
۶-تصمیمگیری: هرچه تعداد انتخاب بیشتر باشد مدت زمان تصمیمگیری بیشتر میشود زیرا اطلاعات بیشتری برای پردازش وجود دارد. همچنین با توجه به اثر ابهام و تحقیقات انجام شده، اعتماد نیز عامل مهمی در تصمیمگیریها است.
۷-احساسات: انسانها براساس سوگیری منفی که دارند، ناراحتی و احساس از یک تجربه منفی و بد بسیار بیشتر و تاثیرگذارتر از تجربه مثبت است.
در این مقاله علاوه بر معرفی هر مورد نکاتی برای رعایت آنها نیز در طراحی گفته شده است که میتوانید در لینک زیر مطالعه کنید.
https://bit.ly/dxgn888
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۹ دقیقه)
#روانشناسی_شناختی #علم_شناختی #طراحی
@Dexign فلسفه دیزاین
_______
Medium
Tips to design for how people think and feel
Human sciences play a vital role in designing great experiences.
❤5👍1
چگونه ناوبری نوار کناری را دوستانه طراحی کنیم؟
نوار کناری (سایدبار) بخشی فوق العاده، کارآمد و مهم از طراحی ناوبری وبسایتهاست. به عنوان یک قاعده، سایدبار جزئیست که دارای تایپوگرافی، سایهگذاری یا نمادها است که در کنار محتوای اصلی نشان داده میشود - بسته به طراحی و شکلگیری سایت، در سمت چپ یا راست محتوای اصلی قرار میگیرد.
در وبسایتهایی با زبان چپ به راست، معمولا به دلیل تمایلات بصری و رفتار کابران، سایدبارهایی که در سمت چپ صفحه قرار دارند بیشتر مورد توجه قرار میگیرند. در صورتی که سایدبارهای سمت راست (مقابل) که به عنوان ستون کناری کمکی استفاده میشوند، میتوانند محتوای ارزشمندتری را نمایش دهند.
مزایای ناوبری نوار کناری:
هنگامی که برنامه شما نیاز به نمایش یک ناوبری سراسری در سمت چپ صفحه دارد، توصیه می شود که از ناوبری عمودی استفاده کنید. اگرچه منوهای پیمایش عمودی عموما فضای بیشتری را نسبت به منوهای افقی اشغال می کنند، اما با عریض شدن اندازه نمایشگرها، این نوع منوها محبوبیت بیشتری پیدا کردهاند.
۱. میتوانید آیتمهای منوی متعددی را اضافه کنید
سعی کنید که تمام تاکید را روی قسمت بالایی صفحه نگذارید. با منوهای بازشونده میتوانید تمام مواردی را که در منو نیاز دارید در صفحه قرار دهید.
۲. صفحه با طول خاص بهتر به نظر می رسد
منوهای چند سطحی بهترین انتخاب برای حالتی هستند که صفحه دارای اصطلاحاتی است که از نظر تعداد و اندازه قابل قیاس هستند. در منوهای عمودی این مشکل کمتر به چشم میآید و این منوها برای حالتهایی که آیتمهای منو مدام در حال نوسان هستند انتخاب مناسبی است.
۳. مقیاس و تغییر دادن آنها دشوار نیست
میتوانید آیتمهای دیگری را به منوی بازشونده خود اضافه کنید بدون اینکه بخواهید به این فکر کنید که آیا مناسب منوی شما هستند یا اینکه نیاز دارید که طرح سایت را عوض کنید. در واقع به جای فکر کردن به اینکه آیا آیتمهای جدیدی که در آینده میخواهید به منو اضافه کنید مناسب آن هستند یا نه، میتوانید روی استفاده از منوهای بازشونده فکر کنید.
۴. تمام المان قابل توجه است
منوهای عمودی به شما این امکان را میدهند که کل آیتمهای منو را به کاربر نشان دهید. در صورتی که در منوهای چند سطحی تعداد زیادی از آیتمهای منو به واسطه استفاده از منوهای بازشونده از دید کاربر پنهان هستند. این امر منوهای عمودی را برای مسیردهی به قسمتهای مختلف سایت سادهتر میکند و انتخاب مناسبی برای سایتهای بلند و تک صفحه است.
۵. آنها با تمام اندازههای صفحه نمایش تنظیم میشوند
منوی بازشونده با عرض و ارتفاع مشابه باز میشوند و توجه کمی به جایی که مشتری به آن میرسد دارند. میتوانید یک منوی بازشونده را استفاده کنید و مطمئن باشید که سایت شما در هر نوع صفحهای فوقالعاده به نظر میرسد.
https://bit.ly/dxgn889
نویسنده: ثمره شاملو
(زمان حدودی مطالعه: ۵ دقیقه)
#منو #طراحی_منو
@Dexign فلسفه دیزاین
_______
نوار کناری (سایدبار) بخشی فوق العاده، کارآمد و مهم از طراحی ناوبری وبسایتهاست. به عنوان یک قاعده، سایدبار جزئیست که دارای تایپوگرافی، سایهگذاری یا نمادها است که در کنار محتوای اصلی نشان داده میشود - بسته به طراحی و شکلگیری سایت، در سمت چپ یا راست محتوای اصلی قرار میگیرد.
در وبسایتهایی با زبان چپ به راست، معمولا به دلیل تمایلات بصری و رفتار کابران، سایدبارهایی که در سمت چپ صفحه قرار دارند بیشتر مورد توجه قرار میگیرند. در صورتی که سایدبارهای سمت راست (مقابل) که به عنوان ستون کناری کمکی استفاده میشوند، میتوانند محتوای ارزشمندتری را نمایش دهند.
مزایای ناوبری نوار کناری:
هنگامی که برنامه شما نیاز به نمایش یک ناوبری سراسری در سمت چپ صفحه دارد، توصیه می شود که از ناوبری عمودی استفاده کنید. اگرچه منوهای پیمایش عمودی عموما فضای بیشتری را نسبت به منوهای افقی اشغال می کنند، اما با عریض شدن اندازه نمایشگرها، این نوع منوها محبوبیت بیشتری پیدا کردهاند.
۱. میتوانید آیتمهای منوی متعددی را اضافه کنید
سعی کنید که تمام تاکید را روی قسمت بالایی صفحه نگذارید. با منوهای بازشونده میتوانید تمام مواردی را که در منو نیاز دارید در صفحه قرار دهید.
۲. صفحه با طول خاص بهتر به نظر می رسد
منوهای چند سطحی بهترین انتخاب برای حالتی هستند که صفحه دارای اصطلاحاتی است که از نظر تعداد و اندازه قابل قیاس هستند. در منوهای عمودی این مشکل کمتر به چشم میآید و این منوها برای حالتهایی که آیتمهای منو مدام در حال نوسان هستند انتخاب مناسبی است.
۳. مقیاس و تغییر دادن آنها دشوار نیست
میتوانید آیتمهای دیگری را به منوی بازشونده خود اضافه کنید بدون اینکه بخواهید به این فکر کنید که آیا مناسب منوی شما هستند یا اینکه نیاز دارید که طرح سایت را عوض کنید. در واقع به جای فکر کردن به اینکه آیا آیتمهای جدیدی که در آینده میخواهید به منو اضافه کنید مناسب آن هستند یا نه، میتوانید روی استفاده از منوهای بازشونده فکر کنید.
۴. تمام المان قابل توجه است
منوهای عمودی به شما این امکان را میدهند که کل آیتمهای منو را به کاربر نشان دهید. در صورتی که در منوهای چند سطحی تعداد زیادی از آیتمهای منو به واسطه استفاده از منوهای بازشونده از دید کاربر پنهان هستند. این امر منوهای عمودی را برای مسیردهی به قسمتهای مختلف سایت سادهتر میکند و انتخاب مناسبی برای سایتهای بلند و تک صفحه است.
۵. آنها با تمام اندازههای صفحه نمایش تنظیم میشوند
منوی بازشونده با عرض و ارتفاع مشابه باز میشوند و توجه کمی به جایی که مشتری به آن میرسد دارند. میتوانید یک منوی بازشونده را استفاده کنید و مطمئن باشید که سایت شما در هر نوع صفحهای فوقالعاده به نظر میرسد.
https://bit.ly/dxgn889
نویسنده: ثمره شاملو
(زمان حدودی مطالعه: ۵ دقیقه)
#منو #طراحی_منو
@Dexign فلسفه دیزاین
_______
Medium
How to design friendly sidebar navigation?
Let’s check out some interesting steps of sidebar navigation.
❤3🔥1
چگونه برای پورتفولیو، موردپژوهی (Case Study) بنویسیم؟
در روند ساخت یک پورتفولیو، یکی از قسمتهای سخت، دیزاین و نوشتن موردپژوهیِ پروژههاست.
برای انجام این مهم، لازم است که شما با نیاز بازار امروز منطبق باشید. و اینکه شما یا استودیو، چه ارزشی به عنوان متخصصان دیزاین به ارمغان آوردهایید.
اگر به صورت کلی به ساختار یک موردپژوهی بپردازیم:
میتوانیم از مسئله شروع کرده، به نقش خودمان در آن پرداخته، راهحلهای ارائه شده را بررسی کرده و به اینکه چه رویکردی داشتهاییم و چه چیزهایی در آن پروژه یادگرفتهاییم؛ برسیم.
در ۲ مقالهی زیر بسیار خوب و خلاصه به جزئیات هر بخش از موارد گفته شده میپردازد. همچنین میتوانید در آنها، نکاتی را پیدا کنید که case study شما را از بقیه درخشانتر میکند.
https://bit.ly/dxgn890-1
https://bit.ly/dxgn890-2
(زمان حدودی مطالعه
مقالهاول: ۵ دقیقه
و مقاله دوم: ۹ دقیقه)
نویسنده: حسین میرزاده
#پورتفولیو #موردپژوهی #کیس_استادی #طراحی_محصول
@Dexign فلسفه دیزاین
_______
در روند ساخت یک پورتفولیو، یکی از قسمتهای سخت، دیزاین و نوشتن موردپژوهیِ پروژههاست.
برای انجام این مهم، لازم است که شما با نیاز بازار امروز منطبق باشید. و اینکه شما یا استودیو، چه ارزشی به عنوان متخصصان دیزاین به ارمغان آوردهایید.
اگر به صورت کلی به ساختار یک موردپژوهی بپردازیم:
میتوانیم از مسئله شروع کرده، به نقش خودمان در آن پرداخته، راهحلهای ارائه شده را بررسی کرده و به اینکه چه رویکردی داشتهاییم و چه چیزهایی در آن پروژه یادگرفتهاییم؛ برسیم.
در ۲ مقالهی زیر بسیار خوب و خلاصه به جزئیات هر بخش از موارد گفته شده میپردازد. همچنین میتوانید در آنها، نکاتی را پیدا کنید که case study شما را از بقیه درخشانتر میکند.
https://bit.ly/dxgn890-1
https://bit.ly/dxgn890-2
(زمان حدودی مطالعه
مقالهاول: ۵ دقیقه
و مقاله دوم: ۹ دقیقه)
نویسنده: حسین میرزاده
#پورتفولیو #موردپژوهی #کیس_استادی #طراحی_محصول
@Dexign فلسفه دیزاین
_______
Medium
4 Tips for Structuring Design Case Studies
Your guide to creating a 🔥 design portfolio
🔥5❤2👍2
۵ مسیر شغلی متداول در طراحی تجربه کاربری
ما به طور سنتی مسیر شغلی را مثل یک «نردبان» میبینیم که نشان از یک صعود مداوم رو به بالا است؛ در حالی که واقعیت، آشفتهتر از این حرفهاست. به همین خاطر شاید استعارهی «باشگاه جنگلی*» استعاره بهتری باشد. همراه با فرصتهایی برای تغییر مسیر، حرکات جانبی و در برخی موارد، شروع کامل از اول!
* باشگاه جنگلی یا jungle gym چارچوبهای به هم پیوستهی فلزیاند که در پارکها بچهها از آن بالا میروند.
دربارهی انتخاب مسیر شغلی، معیارهای مهمی وجود دارد که انتخابهای شما را تحت تاثیر قرار میدهد. مواردی مثل کاری که از آن لذت میبرید، سبک زندگیای که دوست دارید داشته باشید، ملاحظات مالی و غیره. این مقاله ۵ مسیر شغلی متداول طراحان تجربه کاربری را به شرح زیر بیان کرده است:
١. مسیر شغلی «مدیریت»
وقتی به پیشرفت شغلی فکر میکنیم، مسیر شغلی مدیریت احتمالاً آشناترین مسیر است. با کسب تجربه بیشتر به عنوان یک طراح UX، معمولا فرصتهایی برای مدیریت پروژهها و تیمها و در نهایت تبدیل شدن به یک مدیر رسمی وجود دارد. مدیریت معمولاً به معنای بر عهده گرفتن مسئولیتهایی مانند استخدام، ارزیابی عملکرد، حمایت از توسعه شغلی و اغلب به معنای مدیریت بودجه و جدول زمانی است. با گذشت زمان، ادامه مسیر مدیریت میتواند به طور بالقوه به نقشهای اجرایی و عناوینی مانند مدیر ارشد طراحی منجر شود.
٢. مسیر شغلی «مشارکتکننده فردی»
مسیر شغلی مشارکتکننده فردی مسیری است که شما همچنان در نقش خود، بدون اینکه مسئولیتهای مدیریت افراد را بر عهده بگیرید ادامه دهید. این یک مسیر محبوب برای طراحانی است که میخواهند به تعمیق کار خود ادامه دهند و در انجام کارهای طراحی، تمرینگرا باقی بمانند. این مسیر شغلی بر روی تبدیل شدن به یک طراح UX خبره تمرکز دارد و گاهی اوقات شامل مسئولیتهایی مانند راهنمایی طراحان کمتجربه میشود.
٣. مسیر شغلی «فریلنسری»
طراحان گاهی پس از ایجاد تجربه و شبکهسازی، به مسیر شغلی فریلنسری یا مشاور انفرادی (Solo consultant) میرسند. کار فریلنس UX اغلب مبتنی بر پروژه است و به داشتن شبکهای قوی از مشتریان و مشتریان بالقوه متکیست. فریلنسرها اغلب تمایل به کارهای اجرایی مانند وایرفریم و نمونهسازی اولیه دارند. این مسیر شغلی برای کسانی مناسب است که از رئیس خود بودن و انتخاب پروژههای خود لذت میبرند.
۴. مسیر شغلی «حوزههای مرتبط»
بسیاری از طراحان انتخاب میکنند که در زمینه خاصی از UX تخصص داشته باشند یا به یک زمینه مرتبط منتقل شوند. دانش و مهارتهایی که طراحان UX دارند به خوبی میتواند آنها را به نقشهای دیگر منتقل کند. امکانات در این مسیر شغلی تقریباً بیپایان است، با این حال برخی از نمونههای رایج عبارتند از: تبدیل شدن به یک UX researcher، حرکت به سمت مدیریت محصول، یا حتی تدریس در دانشگاه. طراحان ممکن است متوجه شوند که جنبههای روانشناسی و رفتاری طراحی را دوست دارند یا شاید عاشق راهنمایی و آموزش دیگر طراحان هستند و استاد طراحی تمام وقت میشوند.
۵. مسیر شغلی «کارآفرینی»
طراحان معمولا در صورتی جذب این مسیر شغلی میشوند که راههای بهتری برای انجام کارها ببینند، یا ایدهای برای یک محصول دیجیتال یا نرمافزاری داشته باشند که میخواهند به بازار بیاورند. طراحان UX مهارتهای مفیدی برای راهاندازی یک کسبوکار دارند، زیرا میدانند چگونه محصولاتی را ایجاد کنند که مردم دوست دارند. علاوه بر این، یک کارآفرین موفق نیاز به مهارتهای زیادی مانند مهارتهای مدیریت و بازاریابی دارد.
در این مقاله همچنین نقاط مثبت و منفی هر یک از این مسیرهای شغلی گفته شده است که میتوانید از لینک زیر آن را مطالعه کنید:
https://adobe.ly/3gRk4T0
(زمان حدودی مطالعه: ٨ دقیقه)
نویسنده: نیلوفر موجودی
#مسیر_شغلی #طراحی_تجربه_کاربری
@Dexign فلسفه دیزاین
_______
ما به طور سنتی مسیر شغلی را مثل یک «نردبان» میبینیم که نشان از یک صعود مداوم رو به بالا است؛ در حالی که واقعیت، آشفتهتر از این حرفهاست. به همین خاطر شاید استعارهی «باشگاه جنگلی*» استعاره بهتری باشد. همراه با فرصتهایی برای تغییر مسیر، حرکات جانبی و در برخی موارد، شروع کامل از اول!
* باشگاه جنگلی یا jungle gym چارچوبهای به هم پیوستهی فلزیاند که در پارکها بچهها از آن بالا میروند.
دربارهی انتخاب مسیر شغلی، معیارهای مهمی وجود دارد که انتخابهای شما را تحت تاثیر قرار میدهد. مواردی مثل کاری که از آن لذت میبرید، سبک زندگیای که دوست دارید داشته باشید، ملاحظات مالی و غیره. این مقاله ۵ مسیر شغلی متداول طراحان تجربه کاربری را به شرح زیر بیان کرده است:
١. مسیر شغلی «مدیریت»
وقتی به پیشرفت شغلی فکر میکنیم، مسیر شغلی مدیریت احتمالاً آشناترین مسیر است. با کسب تجربه بیشتر به عنوان یک طراح UX، معمولا فرصتهایی برای مدیریت پروژهها و تیمها و در نهایت تبدیل شدن به یک مدیر رسمی وجود دارد. مدیریت معمولاً به معنای بر عهده گرفتن مسئولیتهایی مانند استخدام، ارزیابی عملکرد، حمایت از توسعه شغلی و اغلب به معنای مدیریت بودجه و جدول زمانی است. با گذشت زمان، ادامه مسیر مدیریت میتواند به طور بالقوه به نقشهای اجرایی و عناوینی مانند مدیر ارشد طراحی منجر شود.
٢. مسیر شغلی «مشارکتکننده فردی»
مسیر شغلی مشارکتکننده فردی مسیری است که شما همچنان در نقش خود، بدون اینکه مسئولیتهای مدیریت افراد را بر عهده بگیرید ادامه دهید. این یک مسیر محبوب برای طراحانی است که میخواهند به تعمیق کار خود ادامه دهند و در انجام کارهای طراحی، تمرینگرا باقی بمانند. این مسیر شغلی بر روی تبدیل شدن به یک طراح UX خبره تمرکز دارد و گاهی اوقات شامل مسئولیتهایی مانند راهنمایی طراحان کمتجربه میشود.
٣. مسیر شغلی «فریلنسری»
طراحان گاهی پس از ایجاد تجربه و شبکهسازی، به مسیر شغلی فریلنسری یا مشاور انفرادی (Solo consultant) میرسند. کار فریلنس UX اغلب مبتنی بر پروژه است و به داشتن شبکهای قوی از مشتریان و مشتریان بالقوه متکیست. فریلنسرها اغلب تمایل به کارهای اجرایی مانند وایرفریم و نمونهسازی اولیه دارند. این مسیر شغلی برای کسانی مناسب است که از رئیس خود بودن و انتخاب پروژههای خود لذت میبرند.
۴. مسیر شغلی «حوزههای مرتبط»
بسیاری از طراحان انتخاب میکنند که در زمینه خاصی از UX تخصص داشته باشند یا به یک زمینه مرتبط منتقل شوند. دانش و مهارتهایی که طراحان UX دارند به خوبی میتواند آنها را به نقشهای دیگر منتقل کند. امکانات در این مسیر شغلی تقریباً بیپایان است، با این حال برخی از نمونههای رایج عبارتند از: تبدیل شدن به یک UX researcher، حرکت به سمت مدیریت محصول، یا حتی تدریس در دانشگاه. طراحان ممکن است متوجه شوند که جنبههای روانشناسی و رفتاری طراحی را دوست دارند یا شاید عاشق راهنمایی و آموزش دیگر طراحان هستند و استاد طراحی تمام وقت میشوند.
۵. مسیر شغلی «کارآفرینی»
طراحان معمولا در صورتی جذب این مسیر شغلی میشوند که راههای بهتری برای انجام کارها ببینند، یا ایدهای برای یک محصول دیجیتال یا نرمافزاری داشته باشند که میخواهند به بازار بیاورند. طراحان UX مهارتهای مفیدی برای راهاندازی یک کسبوکار دارند، زیرا میدانند چگونه محصولاتی را ایجاد کنند که مردم دوست دارند. علاوه بر این، یک کارآفرین موفق نیاز به مهارتهای زیادی مانند مهارتهای مدیریت و بازاریابی دارد.
در این مقاله همچنین نقاط مثبت و منفی هر یک از این مسیرهای شغلی گفته شده است که میتوانید از لینک زیر آن را مطالعه کنید:
https://adobe.ly/3gRk4T0
(زمان حدودی مطالعه: ٨ دقیقه)
نویسنده: نیلوفر موجودی
#مسیر_شغلی #طراحی_تجربه_کاربری
@Dexign فلسفه دیزاین
_______
Ideas
5 Common Career Paths in UX Design | Adobe XD Ideas
Learn about 5 common career paths in UX design along with their pros and cons, and potential for earning and discover which path is best for you.
🔥9👍7❤3
۷ نکته برای بهبود مهارت تایپوگرافی در طراحی
امروزه بيشتر محتوایی که در وب میبینیم مبتنی بر نوشته است، بنابراین درک تایپوگرافی به ما در جلب توجه خواننده، تقویت معنای نوشته و تجربه کاربری بهتر کمک میکند. این مقاله به نکاتی برای بهتر شدن تایپوگرافی در طراحیها پرداخته است.
۱- برای بهبود تعادل بصری عنوانها، فاصله حروف را کاهش دهید:
به دلیل اینکه سایز عنوانها بسیار بزرگتر و سنگینتر از دیگر نوشتهها هستند، فاصله حروف ممکن است بزرگتر به نظر برسد به همین دلیل بهتر است که فاصله حروف فقط در عنوانها کم شود.
۲- سرفصل ها و نوشته متن، به صورت عمودی هماهنگی داشته باشند.
برای دستیابی به هماهنگی و سلسله مراتب بین عناصر متن، باید به مارجینها توجه شود. طرحهای زیادی وجود دارد که در آن مارجین بالا و پایین در عناوين برابر هستند و ارتباط با متن زیر آنها حذف شده است.
۳- فقط در حالتی تمام حروف عنوان را بزرگ بنویسید، که عنوان خیلی کوتاه باشد.
۴- عنوانها را کوتاه و مختصر نگه دارید.
۵- تایپفیسی را انتخاب کنید که دارای وزنها و سبکهای مختلفی باشد.
۶- تایپفیسی را انتخاب کنید که لحن طراحی را به درستی نشان دهد.
۷- انتخاب درست طول نوشته متن، به خوانایی بيشتر محتوا کمک میکند:
در نوشتههایی با یک ستون، ۴۵- ۷۵ كاراکتر (به همراه فاصله بین كلمات) در هر خط مطلوب است.
در این مقاله برای هر مورد راهنمایی و توضيحات بيشتر نوشته شده است که میتوانید مطالعه کنید.
https://bit.ly/dxgn892
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۵ دقیقه)
#تایپوگرافی #انتخاب_فونت #طراحی #خوانایی_نوشته
@Dexign فلسفه دیزاین
_______
امروزه بيشتر محتوایی که در وب میبینیم مبتنی بر نوشته است، بنابراین درک تایپوگرافی به ما در جلب توجه خواننده، تقویت معنای نوشته و تجربه کاربری بهتر کمک میکند. این مقاله به نکاتی برای بهتر شدن تایپوگرافی در طراحیها پرداخته است.
۱- برای بهبود تعادل بصری عنوانها، فاصله حروف را کاهش دهید:
به دلیل اینکه سایز عنوانها بسیار بزرگتر و سنگینتر از دیگر نوشتهها هستند، فاصله حروف ممکن است بزرگتر به نظر برسد به همین دلیل بهتر است که فاصله حروف فقط در عنوانها کم شود.
۲- سرفصل ها و نوشته متن، به صورت عمودی هماهنگی داشته باشند.
برای دستیابی به هماهنگی و سلسله مراتب بین عناصر متن، باید به مارجینها توجه شود. طرحهای زیادی وجود دارد که در آن مارجین بالا و پایین در عناوين برابر هستند و ارتباط با متن زیر آنها حذف شده است.
۳- فقط در حالتی تمام حروف عنوان را بزرگ بنویسید، که عنوان خیلی کوتاه باشد.
۴- عنوانها را کوتاه و مختصر نگه دارید.
۵- تایپفیسی را انتخاب کنید که دارای وزنها و سبکهای مختلفی باشد.
۶- تایپفیسی را انتخاب کنید که لحن طراحی را به درستی نشان دهد.
۷- انتخاب درست طول نوشته متن، به خوانایی بيشتر محتوا کمک میکند:
در نوشتههایی با یک ستون، ۴۵- ۷۵ كاراکتر (به همراه فاصله بین كلمات) در هر خط مطلوب است.
در این مقاله برای هر مورد راهنمایی و توضيحات بيشتر نوشته شده است که میتوانید مطالعه کنید.
https://bit.ly/dxgn892
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۵ دقیقه)
#تایپوگرافی #انتخاب_فونت #طراحی #خوانایی_نوشته
@Dexign فلسفه دیزاین
_______
Medium
7 powerful tips to help improve your Typography skills (Updated)
Small, and easy to put into practice tips to help improve your typography
👍4🔥2❤1👏1
۲۰ پلاگین فیگما که هر دیزاینری باید داشته باشد.
1. Auto flow
این پلاگین بهترین و ساده ترین ابزار برای رسم یوزرفلو است.
2. Batch Styler
این پلاگین به شما امکان میدهد که تعداد زیادی رنگ و فونت را در یک مرحله تغییر دهید.
3. Blush
این پلاگین یک کتابخانه بسیار غنی از ایلاستریشنهاست. نکته مهم این است که این پلاگین نیازی به نسخه پرمیوم ندارد.
4. Chart
این پلاگین اطلاعات واقعی رندوم را برای ساختن نمودار فراهم میکند. در این پلاگین امکان استفاده از کپی-پیست از فایلهایی مثل اکسل وجود دارد.
5. Content Reel
در این پلاگین که توسط مایکروسافت ساخته شده، به معنای واقعی کلمه هرچیزی که بخواهید پیدا میشود! عکس، متن، آیکن، آواتار و ...
6. Dark Mode Magic
این پلاگین طرحهای لایت مود شما را به دارک تبدیل میکند. البته نیاز به مقداری تغییر رنگ توسط خودتان وجود دارد ولی باعث صرفه جویی زیادی در زمان میشود.
7. Feather Icon
این پلاگین آیکنهای اصلی را ارایه میدهد.
8. Figma to HTML, CSS, React & more!
با استفاده از این پلاگین فوق العاده میتوانید هر وبسایتی را به فیگما تبدیل کنید!
9. Figmoji
این پلاگین تعداد زیادی ایموجی دارد که به راحتی SVG آن را در اختیار شما قرار میدهد.
10. Icon Resizer
تغییر سایز چند آیکن به صورت دستی زمان زیادی از شما میگیرد. با این پلاگین میتوانید با یک کلیک همه آیکنها را تغییر سایز بدهید.
11. Iconify
این پلاگین بزرگترین منبع آیکن در بین پلاگینهای فیگماست که بیشتر از 100،000 آیکن در اختیار شما قرار میدهد.
12. Breakpoints
با این پلاگین میتوانید طراحیهای ریسپانسیوتان را در فریم مشاهده کنید. نکته جالب در مورد این پلاگین این است که همتیمیهای شما بدون نصب کردن آن میتوانند اندازه فریم را تغییر دهند.
13. Isometric
این پلاگین به شما کمک میکند بدون اینکه به صورت دستی تغییری در طرحتان بدهید، آن را ایزومتریک کنید.
14. Draw Connector
این پلاگین به شما این امکان را میدهد که به لایهها لیبل بدهید و آنها را به هم وصل کنید. برای ساخت یوزرفلو میتوانید از این پلاگین استفاده کنید.
15. Lottie Files
با استفاده از این پلاگین میتوانید فایلهای انیمیشن را به فیگما وارد کنید. همچنین بیش از 1000 فایل انیمیشن رایگان در آن وجود دارد.
16. Mapsicle
وقتی در طرحتان به نقشه نیاز دارید، با این پلاگین میتوانید به سادگی از نقشههای واقعی استفاده کنید.
17. Remove BG
با یک کلیک میتوانید بک گراند تصویر موردنظرتان را پاک کنید!
18. UI Gradients
برای ساخت گرادینتهای جذاب تنها با یک کلیک میتوانید از این پلاگین استفاده کنید.
19. Unsplash
این پلاگین معروف برای ایمپورت کردن تصاویر به کار میرود.
20. Typescale
از این ابزار برای ایجاد سایزبندی فونت برای ساخت استایل تایپوگرافی استفاده کنید.
در این مقاله، میتوانید توضیحات بیشتری در مورد هر پلاگین و لینک دانلود آن را ببینید. امیدوارم پلاگینهای معرفی شده برای شما مفید باشد.
https://bit.ly/dxgn893
(زمان حدودی مطالعه مقاله: ۶ دقیقه)
نویسنده: عاطفه صفری
#فیگما #تجربه_کاربری #پلاگین #طراحی_محصول
@Dexign فلسفه دیزاین
_______
1. Auto flow
این پلاگین بهترین و ساده ترین ابزار برای رسم یوزرفلو است.
2. Batch Styler
این پلاگین به شما امکان میدهد که تعداد زیادی رنگ و فونت را در یک مرحله تغییر دهید.
3. Blush
این پلاگین یک کتابخانه بسیار غنی از ایلاستریشنهاست. نکته مهم این است که این پلاگین نیازی به نسخه پرمیوم ندارد.
4. Chart
این پلاگین اطلاعات واقعی رندوم را برای ساختن نمودار فراهم میکند. در این پلاگین امکان استفاده از کپی-پیست از فایلهایی مثل اکسل وجود دارد.
5. Content Reel
در این پلاگین که توسط مایکروسافت ساخته شده، به معنای واقعی کلمه هرچیزی که بخواهید پیدا میشود! عکس، متن، آیکن، آواتار و ...
6. Dark Mode Magic
این پلاگین طرحهای لایت مود شما را به دارک تبدیل میکند. البته نیاز به مقداری تغییر رنگ توسط خودتان وجود دارد ولی باعث صرفه جویی زیادی در زمان میشود.
7. Feather Icon
این پلاگین آیکنهای اصلی را ارایه میدهد.
8. Figma to HTML, CSS, React & more!
با استفاده از این پلاگین فوق العاده میتوانید هر وبسایتی را به فیگما تبدیل کنید!
9. Figmoji
این پلاگین تعداد زیادی ایموجی دارد که به راحتی SVG آن را در اختیار شما قرار میدهد.
10. Icon Resizer
تغییر سایز چند آیکن به صورت دستی زمان زیادی از شما میگیرد. با این پلاگین میتوانید با یک کلیک همه آیکنها را تغییر سایز بدهید.
11. Iconify
این پلاگین بزرگترین منبع آیکن در بین پلاگینهای فیگماست که بیشتر از 100،000 آیکن در اختیار شما قرار میدهد.
12. Breakpoints
با این پلاگین میتوانید طراحیهای ریسپانسیوتان را در فریم مشاهده کنید. نکته جالب در مورد این پلاگین این است که همتیمیهای شما بدون نصب کردن آن میتوانند اندازه فریم را تغییر دهند.
13. Isometric
این پلاگین به شما کمک میکند بدون اینکه به صورت دستی تغییری در طرحتان بدهید، آن را ایزومتریک کنید.
14. Draw Connector
این پلاگین به شما این امکان را میدهد که به لایهها لیبل بدهید و آنها را به هم وصل کنید. برای ساخت یوزرفلو میتوانید از این پلاگین استفاده کنید.
15. Lottie Files
با استفاده از این پلاگین میتوانید فایلهای انیمیشن را به فیگما وارد کنید. همچنین بیش از 1000 فایل انیمیشن رایگان در آن وجود دارد.
16. Mapsicle
وقتی در طرحتان به نقشه نیاز دارید، با این پلاگین میتوانید به سادگی از نقشههای واقعی استفاده کنید.
17. Remove BG
با یک کلیک میتوانید بک گراند تصویر موردنظرتان را پاک کنید!
18. UI Gradients
برای ساخت گرادینتهای جذاب تنها با یک کلیک میتوانید از این پلاگین استفاده کنید.
19. Unsplash
این پلاگین معروف برای ایمپورت کردن تصاویر به کار میرود.
20. Typescale
از این ابزار برای ایجاد سایزبندی فونت برای ساخت استایل تایپوگرافی استفاده کنید.
در این مقاله، میتوانید توضیحات بیشتری در مورد هر پلاگین و لینک دانلود آن را ببینید. امیدوارم پلاگینهای معرفی شده برای شما مفید باشد.
https://bit.ly/dxgn893
(زمان حدودی مطالعه مقاله: ۶ دقیقه)
نویسنده: عاطفه صفری
#فیگما #تجربه_کاربری #پلاگین #طراحی_محصول
@Dexign فلسفه دیزاین
_______
Medium
20 Figma plugins every designer must have
My favorite 20 plugins, which are important and necessary for every designer.
👍10🔥6
۱۰ الگوی رفتاری برای طراحی تجربهی کاربری
اگر محصولی را طراحی کنیم و به محصولات متداول در بازار، مسائل روانشناختی کاربر و فرهنگ کاربرهای خود دقت نکنیم اجازه میدهیم تا محصول برای کاربر گیچکننده و خستهکننده شود.
۱. گشت و گذار مطمئن
بر خلاف دنیای واقعی در محصولات دیجیتالی این امکان برای کاربر فراهم میشود که اشتباهات خود را تصحیح کنند. مانند دکمه بازگشت و یا تاریخچه ذخیرهها و دکمه خنثی کردن کاری که انجام شده.
۲. خوشحالیهای آنی
در دنیای سریع دیجیتالی امروز که دائما در حال حرکت است کاربرها نیاز دارند تا سریعا پاسخهای مثبتی دریافت کنند.
۳. رضایتبخش بودن
کاربرها نیاز دارند تا در زمانی سریع نتیجهی خوب را کسب کنند نه اینکه بهترین نتیجه را بگیرند زیرا نتیجه عالی برای آنها زمان و تلاش بیشتری میخواهد. کاری کنید تا اسکن کردن و برررسی سریع برای کاربر امکان پذیر باشد.
۴. به تعویق انداختن انتخابها
کاربران باید امکان رد کردن مراحل برای سریع به نتیجه رسیدن را داشته باشند. به طور مثال بتوانند بعدا ویرایشهایی را در پروفایل خود انجام دهند.
۵. عادتهای مخاطب
استانداردهای مشخصی در محصولات دیجیتالی وجود دارد که اگر از آنها گذر کنیم برای مخاطب گیج کننده خواهد بود. به طور مثال کاربران عادت دارند با پایین کشیدن صفحه آن را بارگذاری مجدد کنند و اگر اینطور نباشد باعث میشود عادتهای ذهنی مخاطب بهم بریزد و گیج شود.
۶. حافظه اختصاصی
بهتر است به مخاطب این امکان را بدهیم تا بتواند نحوهی چیدمان در محصول را خودش تغییر دهد و انتخاب کند.
۷. تایید اجتماعی
برای اینکه کاربر احساس تنهایی نکند و به راحتی با محصول ما درگیر شود نیاز است تا از طریق نظرات و مابقی امکانات تایید اجتماعی متوجه شود که دیگران نیز این کار را انجام میدهند.
۸. ساده کردن تکرارها
در طراحی محصول باید کاری انجام دهیم تا مخاطب مواردی که نیاز به تکرار دارد را راحتتر انجام دهد. به طور مثال هنگامی که با شروع تایپ کردن در فیلد جستجو کلماتی را به مخاطب پیشنهاد کنیم.
۹. حافظه مربوط به آینده
گاهی اوقات مخاطب نیاز دارد تا کاری را در آینده انجام دهد اما نمیخواهد دائما آن را ببیند. به طور مثال نشان کردن یک وبسایت برای دسترسی به آن در آینده.
۱۰. استراحتهای کوتاه
گاهی اوقات مخاطب در زمانهای کوتاهی کاری برای انجام دادن ندارد و نیاز به یک استراحت ۲ دقیقهای دارد. محصول باید طوری طراحی شود تا مخاطب را در همین زمان نیز درگیر کند. مانند اسکرول کردن در اینستاگرام یا چک کردن اخبار یا پاسخ به پیامها و موراد مشابه که مخاطب را در زمان کوتاه نیز درگیر میکند.
در لینک زیر میتوانید توضیحات کاملتری را مطالعه کنید:
https://bit.ly/dxgn894
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #روانشناسی #الگوهای_رفتاری
@Dexign فلسفه دیزاین
_______
اگر محصولی را طراحی کنیم و به محصولات متداول در بازار، مسائل روانشناختی کاربر و فرهنگ کاربرهای خود دقت نکنیم اجازه میدهیم تا محصول برای کاربر گیچکننده و خستهکننده شود.
۱. گشت و گذار مطمئن
بر خلاف دنیای واقعی در محصولات دیجیتالی این امکان برای کاربر فراهم میشود که اشتباهات خود را تصحیح کنند. مانند دکمه بازگشت و یا تاریخچه ذخیرهها و دکمه خنثی کردن کاری که انجام شده.
۲. خوشحالیهای آنی
در دنیای سریع دیجیتالی امروز که دائما در حال حرکت است کاربرها نیاز دارند تا سریعا پاسخهای مثبتی دریافت کنند.
۳. رضایتبخش بودن
کاربرها نیاز دارند تا در زمانی سریع نتیجهی خوب را کسب کنند نه اینکه بهترین نتیجه را بگیرند زیرا نتیجه عالی برای آنها زمان و تلاش بیشتری میخواهد. کاری کنید تا اسکن کردن و برررسی سریع برای کاربر امکان پذیر باشد.
۴. به تعویق انداختن انتخابها
کاربران باید امکان رد کردن مراحل برای سریع به نتیجه رسیدن را داشته باشند. به طور مثال بتوانند بعدا ویرایشهایی را در پروفایل خود انجام دهند.
۵. عادتهای مخاطب
استانداردهای مشخصی در محصولات دیجیتالی وجود دارد که اگر از آنها گذر کنیم برای مخاطب گیج کننده خواهد بود. به طور مثال کاربران عادت دارند با پایین کشیدن صفحه آن را بارگذاری مجدد کنند و اگر اینطور نباشد باعث میشود عادتهای ذهنی مخاطب بهم بریزد و گیج شود.
۶. حافظه اختصاصی
بهتر است به مخاطب این امکان را بدهیم تا بتواند نحوهی چیدمان در محصول را خودش تغییر دهد و انتخاب کند.
۷. تایید اجتماعی
برای اینکه کاربر احساس تنهایی نکند و به راحتی با محصول ما درگیر شود نیاز است تا از طریق نظرات و مابقی امکانات تایید اجتماعی متوجه شود که دیگران نیز این کار را انجام میدهند.
۸. ساده کردن تکرارها
در طراحی محصول باید کاری انجام دهیم تا مخاطب مواردی که نیاز به تکرار دارد را راحتتر انجام دهد. به طور مثال هنگامی که با شروع تایپ کردن در فیلد جستجو کلماتی را به مخاطب پیشنهاد کنیم.
۹. حافظه مربوط به آینده
گاهی اوقات مخاطب نیاز دارد تا کاری را در آینده انجام دهد اما نمیخواهد دائما آن را ببیند. به طور مثال نشان کردن یک وبسایت برای دسترسی به آن در آینده.
۱۰. استراحتهای کوتاه
گاهی اوقات مخاطب در زمانهای کوتاهی کاری برای انجام دادن ندارد و نیاز به یک استراحت ۲ دقیقهای دارد. محصول باید طوری طراحی شود تا مخاطب را در همین زمان نیز درگیر کند. مانند اسکرول کردن در اینستاگرام یا چک کردن اخبار یا پاسخ به پیامها و موراد مشابه که مخاطب را در زمان کوتاه نیز درگیر میکند.
در لینک زیر میتوانید توضیحات کاملتری را مطالعه کنید:
https://bit.ly/dxgn894
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #روانشناسی #الگوهای_رفتاری
@Dexign فلسفه دیزاین
_______
Medium
10 Behavior Patterns for UX Design
A few of the most common behaviors as they relate to product design
👍7
سه قانون UX برای مصورسازی بهتر دادهها
طراحی UX برای مصورسازی دادهها بسیار مهم است؛ زیرا امروزه داشبوردهای اطلاعاتی فراتر از استفادهی متخصصان هوش تجاری یا دانشمندان علم داده است و نیاز همه افراد اعم از فنی و غیرفنی را به صورت روزانه تامین میکند. به عنوان مثال، وقتی برنامه تناسب اندام خود را باز میکنید، داشبوردهایی وجود دارد که تمرینات شما را در طول زمان با استفاده از دادههای مصور نشان میدهند. طبیعتاً اینها باید به نحوی باشند که در عرض چند ثانیه به ما بگویند دقیقاً چه چیزی مهم است.
قانون اول: ساده و احمقانه نگهشدار!
تجربه کاربری خوب به این معنی نیست که تمام جلوههای بصری زیبا را در کنار هم قرار دهید. به نظر شگفتانگیز است، اما این کار توجه کاربر را در همه جای صفحه پراکنده میکند. همچنین ایجاد نمودارهای پیچیده، نشاندهندهی این نیست که آنها چقدر علمی و حرفهایاند و در واقع فقط مردم را میترسانند. به این ترتیب، بهتر است بر اساس این اصل از استفادهی برخی نمودارها اجتناب کنیم، بیش از ۵ رنگ در یک داشبورد استفاده نکنیم، برچسبها و عناوین را خلاصه و gridline ها را حذف کنیم.
قانون دوم: فرم نمودار تابع عملکرد آن است.
توجه کنید که هر نموداری را بهر کاری ساختند. برای مثال نمودار میلهای مقدار دادههای دستهبندی شده را مقایسه میکند و نمودار هیستوگرام بسیار شبیه به نمودار میلهای است با این تفاوت که دادههای عددی را بازهبندی و فراوانی دادهها را در هر بازه نشان میدهد. مهمترین نکته این است که همیشه کاربران و هدف مصورسازی را در ذهن داشته باشید. فرقی نمیکند که فرم نمودار چقدر شیک باشد اگر عملکردی نداشته باشد.
قانون سوم: از مزیت سلسله مراتبها غافل نشوید.
سه فاکتور رنگ، اندازه و موقعیت میتوانند تعیین کنندهی این باشند که کاربر ابتدا به کجا نگاه کند. این قاعده فراتر از متنها است و در نشان دادن شکلها و نمودارها نیز باید رعایت شود. برای مثال معمولاً رنگهای روشن برجستهترند و رنگهای کمرنگ در پسزمینه آورده میشوند. یا اینکه جهت توجه ما از بالا به پایین است پس اطلاعات مهم باید بالاتر قرار گیرند.
اگر به این موضوع علاقهمندید، نویسندهی این مقاله مطالعهی کتاب «داستانپردازی با دادهها» (Story Telling with Data) را به شما پیشنهاد میدهد.
منبع:
https://medium.com/analytics-vidhya/3-ux-design-principles-for-better-data-visualization-70548630ff28
(زمان حدودی مقاله: ۶ دقیقه)
نویسنده: نیلوفر موجودی
#مصورسازی #تجربه_کاربری
@Dexign فلسفه دیزاین
_______
طراحی UX برای مصورسازی دادهها بسیار مهم است؛ زیرا امروزه داشبوردهای اطلاعاتی فراتر از استفادهی متخصصان هوش تجاری یا دانشمندان علم داده است و نیاز همه افراد اعم از فنی و غیرفنی را به صورت روزانه تامین میکند. به عنوان مثال، وقتی برنامه تناسب اندام خود را باز میکنید، داشبوردهایی وجود دارد که تمرینات شما را در طول زمان با استفاده از دادههای مصور نشان میدهند. طبیعتاً اینها باید به نحوی باشند که در عرض چند ثانیه به ما بگویند دقیقاً چه چیزی مهم است.
قانون اول: ساده و احمقانه نگهشدار!
تجربه کاربری خوب به این معنی نیست که تمام جلوههای بصری زیبا را در کنار هم قرار دهید. به نظر شگفتانگیز است، اما این کار توجه کاربر را در همه جای صفحه پراکنده میکند. همچنین ایجاد نمودارهای پیچیده، نشاندهندهی این نیست که آنها چقدر علمی و حرفهایاند و در واقع فقط مردم را میترسانند. به این ترتیب، بهتر است بر اساس این اصل از استفادهی برخی نمودارها اجتناب کنیم، بیش از ۵ رنگ در یک داشبورد استفاده نکنیم، برچسبها و عناوین را خلاصه و gridline ها را حذف کنیم.
قانون دوم: فرم نمودار تابع عملکرد آن است.
توجه کنید که هر نموداری را بهر کاری ساختند. برای مثال نمودار میلهای مقدار دادههای دستهبندی شده را مقایسه میکند و نمودار هیستوگرام بسیار شبیه به نمودار میلهای است با این تفاوت که دادههای عددی را بازهبندی و فراوانی دادهها را در هر بازه نشان میدهد. مهمترین نکته این است که همیشه کاربران و هدف مصورسازی را در ذهن داشته باشید. فرقی نمیکند که فرم نمودار چقدر شیک باشد اگر عملکردی نداشته باشد.
قانون سوم: از مزیت سلسله مراتبها غافل نشوید.
سه فاکتور رنگ، اندازه و موقعیت میتوانند تعیین کنندهی این باشند که کاربر ابتدا به کجا نگاه کند. این قاعده فراتر از متنها است و در نشان دادن شکلها و نمودارها نیز باید رعایت شود. برای مثال معمولاً رنگهای روشن برجستهترند و رنگهای کمرنگ در پسزمینه آورده میشوند. یا اینکه جهت توجه ما از بالا به پایین است پس اطلاعات مهم باید بالاتر قرار گیرند.
اگر به این موضوع علاقهمندید، نویسندهی این مقاله مطالعهی کتاب «داستانپردازی با دادهها» (Story Telling with Data) را به شما پیشنهاد میدهد.
منبع:
https://medium.com/analytics-vidhya/3-ux-design-principles-for-better-data-visualization-70548630ff28
(زمان حدودی مقاله: ۶ دقیقه)
نویسنده: نیلوفر موجودی
#مصورسازی #تجربه_کاربری
@Dexign فلسفه دیزاین
_______
Medium
3 UX Design Principles for Better Data Visualization
Create dashboards that deliver insights FAST
👍11❤1🔥1
طراحی برای افرادی با مشکل در بینایی رنگها
بعضی حقایق دربارهی کوررنگی
به طور تقریبی از هر ۱۲ مرد و از هر ۲۰۰ زن در آمریکا یک نفر دچار مشکلات بینایی در رنگها است. این مشکلات ریشههای مختلفی دارد که عمدهترین آنها را میتوان مسائل ژنتیکی دانست.
اهمیت طراحی برای افراد دارای کوررنگی
به طور مثال اگر برای یک نوشتهی اخطار در محصولات از رنگ قرمز بر روی سبز استفاده شود ممکن است باعث شود تا افراد دارای کور رنگی نتوانند آن را بخوانند و خطرآفرین باشد. مسئولیت ما به عنوان طراح تجربهی کاربری آن است که محصولات خود را به شکلی طراحی کنیم که برای حداکثر افراد قابل استفاده باشد. حداکثر افراد یعنی کسانی هم که دچار مشکلات بینایی رنگها هستند هم بتوانند به راحتی از محصول ما استفاده کنند. در ادامه به چند نکته مهم که باید به یاد داشته باشید را ذکر میکنیم.
چک لیست شخصی برای طراحان، زمانی که میخواهند برای افراد دارای کور رنگی طراحی کنند:
- آیا کنتراست رنگی المانهای بصری موجود در طرح به اندازه کافی بالا است؟
- آیا برای مشخص کردن لینکها و موارد قابل کلیک فقط از رنگ استفاده کردهایم؟
- آیا به مقدار زیاد از ترکیب رنگهای سبز و قرمز با هم استفاده کردهایم؟ هر دو رنگ در چشم افراد دارای این کاستی قهوهای به نظر میرسد.
- آیا با لیبل گذاری رنگها سعی کردهایم انتخاب را برای افراد سادهتر کنیم؟
چطور بهترین طراحی را برای این مسئله داشته باشیم؟
- از مواردی بیشتر از رنگها استفاده کنید.
بهترین کار این است که مطمئن شویم برای نشان دادن واکنشها و اخطارها و معانی فقط از رنگها استفاده نشده است. از آیکونها و المانهای دیگری نیز برای نشان دادن استفاده کنیم.
- استفاده از کنتراست بالا
همیشه مطمئن شوید که رنگ پسزمینه و المانهای موجود در صفحه از کنتراست بالایی برخوردارند.
- انتخاب با دقت رنگها میتواند به طراحی بهتر کمک کند مانند عدم انتخاب رنگ قرمز و سبز بر روی یکدیگر
- این امکان را به کاربر بدهیم تا بتواند تغییراتی را در رنگ و کنتراست ایجاد کند تا طیفهای مختلف کوررنگی نیز بتوانند از طرح ما را به بهترین شکل استفاده کنند.
برای جزئیات بیشتر میتوانید لینک پایین را مطالعه کنید.
https://bit.ly/dxgn896
( زمان حدودی مطالعه: ۵ دقیقه )
نویسنده: محمدرضا عباسی
#تجربه_کاربری #طراحی #کوررنگی #دسترسیپذیری
@Dexign فلسفه دیزاین
_______
بعضی حقایق دربارهی کوررنگی
به طور تقریبی از هر ۱۲ مرد و از هر ۲۰۰ زن در آمریکا یک نفر دچار مشکلات بینایی در رنگها است. این مشکلات ریشههای مختلفی دارد که عمدهترین آنها را میتوان مسائل ژنتیکی دانست.
اهمیت طراحی برای افراد دارای کوررنگی
به طور مثال اگر برای یک نوشتهی اخطار در محصولات از رنگ قرمز بر روی سبز استفاده شود ممکن است باعث شود تا افراد دارای کور رنگی نتوانند آن را بخوانند و خطرآفرین باشد. مسئولیت ما به عنوان طراح تجربهی کاربری آن است که محصولات خود را به شکلی طراحی کنیم که برای حداکثر افراد قابل استفاده باشد. حداکثر افراد یعنی کسانی هم که دچار مشکلات بینایی رنگها هستند هم بتوانند به راحتی از محصول ما استفاده کنند. در ادامه به چند نکته مهم که باید به یاد داشته باشید را ذکر میکنیم.
چک لیست شخصی برای طراحان، زمانی که میخواهند برای افراد دارای کور رنگی طراحی کنند:
- آیا کنتراست رنگی المانهای بصری موجود در طرح به اندازه کافی بالا است؟
- آیا برای مشخص کردن لینکها و موارد قابل کلیک فقط از رنگ استفاده کردهایم؟
- آیا به مقدار زیاد از ترکیب رنگهای سبز و قرمز با هم استفاده کردهایم؟ هر دو رنگ در چشم افراد دارای این کاستی قهوهای به نظر میرسد.
- آیا با لیبل گذاری رنگها سعی کردهایم انتخاب را برای افراد سادهتر کنیم؟
چطور بهترین طراحی را برای این مسئله داشته باشیم؟
- از مواردی بیشتر از رنگها استفاده کنید.
بهترین کار این است که مطمئن شویم برای نشان دادن واکنشها و اخطارها و معانی فقط از رنگها استفاده نشده است. از آیکونها و المانهای دیگری نیز برای نشان دادن استفاده کنیم.
- استفاده از کنتراست بالا
همیشه مطمئن شوید که رنگ پسزمینه و المانهای موجود در صفحه از کنتراست بالایی برخوردارند.
- انتخاب با دقت رنگها میتواند به طراحی بهتر کمک کند مانند عدم انتخاب رنگ قرمز و سبز بر روی یکدیگر
- این امکان را به کاربر بدهیم تا بتواند تغییراتی را در رنگ و کنتراست ایجاد کند تا طیفهای مختلف کوررنگی نیز بتوانند از طرح ما را به بهترین شکل استفاده کنند.
برای جزئیات بیشتر میتوانید لینک پایین را مطالعه کنید.
https://bit.ly/dxgn896
( زمان حدودی مطالعه: ۵ دقیقه )
نویسنده: محمدرضا عباسی
#تجربه_کاربری #طراحی #کوررنگی #دسترسیپذیری
@Dexign فلسفه دیزاین
_______
Medium
Designing for color vision deficiency
Here is how to make sure your design is user friendly for color blind users.
👍4❤1
طراحی برای هوش مصنوعی
هوش مصنوعی (AI) که میتواند به ما کمک کند تا سختترین مشکلات بشریت را حل کنیم، هنوز توسط بسیاری از مردم به خوبی درک نشده است. برای برخی، هوش مصنوعی یک جعبه سیاه جادوییست که همه چیز را در مورد همه موضوعات میداند. برای عدهای دیگر، ترس از قیام هوش مصنوعی، از دست دادن کنترل انسانی و سناریوهای شبیه به ترمیناتور، توانایی آنها را برای درک ابزار فعلی محاسبات شناختی مخدوش میکند.
هنگامی که خود را در چنین قلمرویی ناآشنا مییابیم، بهترین راه برای شروع این است که هدف واقعی هر نوآوری را به خود یادآوری کنیم: بهبود کیفیت زندگی انسان.
هوش مصنوعی از ما میخواهد که دوباره به زمینههای جدید توجه کنیم. این بار، طراحان باید سیستمی را در نظر بگیرند که بتواند بفهمد، استدلال کند، بیاموزد و تعامل داشته باشد.
در نتیجه این ماهیت جدید، ملاحظات طراحی ما را تغییر میدهد، که برخی از آنها را بر اساس بیش از ۴٠ سال طراحی نرم افزار بدیهی میدانیم. اگر از تایپ در یک فیلد متنی و فشار دادن «submit» گذشته باشیم، طراحی برای تعامل انسان/ماشین به چه معناست؟
این مطلب از سایت IBM، بیان میکند که هنگام طراحی برای هوش مصنوعی، اهداف اصلی ما باید از سه دیدگاه اصلی زیر ارائه شود:
١. هدف
باید بدانیم دلیل تعامل کاربر با سیستم چیست. این دلیل میتواند با رشد کاربر و سیستم، تکامل پیدا کند.
٢. ارزش
قابلیتهای ارائهشده توسط سیستم باید به طور ملموس زندگی کاربر را بهبود بخشد.
٣. اعتماد
آیا کاربر حاضر است با سیستم پیوند عاطفی برقرار کند؟ این اعتماد بر امنیت دادههای سیستم و کیفیت نتایجی که سیستم ارائه میدهد استوار است.
از نظر فلسفی و روانی، زمانی هدف، ارزش و اعتماد به دیگران پیدا میکنیم که بتوانیم معنای مورد نظر را درک کنیم، این معنا را از دیدگاههای مختلف در نظر بگیریم و دانشی کسب کنیم تا بتوانیم بر یکدیگر تأثیر بگذاریم. اگر سیستمی توانایی درک، استدلال، یادگیری و تعامل را داشته باشد، پایه و اساس ایجاد رابطه با یک انسان را دارد.
برای طراحی روابط معنادار مبتنی بر هوش مصنوعی، ما به عنوان طراح نیاز داریم که آگاهانه خود را قبل از هر چیز دیگری درک کنیم. هرچه بیشتر خودمان را بشناسیم، بهتر میتوانیم به ماشینها آموزش دهیم که چگونه به کاربرانمان کمک کنند تا بهتر شوند.
در ادامه، این مطلب به توضیح مباحثی مثل «توسعهی روابط» پرداخته است که طراحی یک رابطه بین انسان و هوش مصنوعی مستلزم درک آن است. در صورتی که به این موضوع علاقهمندید، میتوانید از لینک زیر آن را دنبال کنید:
https://ibm.co/3htWAUz
(زمان حدودی مطالعه: ١٠ دقیقه)
نویسنده: نیلوفر موجودی
#هوش_مصنوعی
@Dexign فلسفه دیزاین
_______
هوش مصنوعی (AI) که میتواند به ما کمک کند تا سختترین مشکلات بشریت را حل کنیم، هنوز توسط بسیاری از مردم به خوبی درک نشده است. برای برخی، هوش مصنوعی یک جعبه سیاه جادوییست که همه چیز را در مورد همه موضوعات میداند. برای عدهای دیگر، ترس از قیام هوش مصنوعی، از دست دادن کنترل انسانی و سناریوهای شبیه به ترمیناتور، توانایی آنها را برای درک ابزار فعلی محاسبات شناختی مخدوش میکند.
هنگامی که خود را در چنین قلمرویی ناآشنا مییابیم، بهترین راه برای شروع این است که هدف واقعی هر نوآوری را به خود یادآوری کنیم: بهبود کیفیت زندگی انسان.
هوش مصنوعی از ما میخواهد که دوباره به زمینههای جدید توجه کنیم. این بار، طراحان باید سیستمی را در نظر بگیرند که بتواند بفهمد، استدلال کند، بیاموزد و تعامل داشته باشد.
در نتیجه این ماهیت جدید، ملاحظات طراحی ما را تغییر میدهد، که برخی از آنها را بر اساس بیش از ۴٠ سال طراحی نرم افزار بدیهی میدانیم. اگر از تایپ در یک فیلد متنی و فشار دادن «submit» گذشته باشیم، طراحی برای تعامل انسان/ماشین به چه معناست؟
این مطلب از سایت IBM، بیان میکند که هنگام طراحی برای هوش مصنوعی، اهداف اصلی ما باید از سه دیدگاه اصلی زیر ارائه شود:
١. هدف
باید بدانیم دلیل تعامل کاربر با سیستم چیست. این دلیل میتواند با رشد کاربر و سیستم، تکامل پیدا کند.
٢. ارزش
قابلیتهای ارائهشده توسط سیستم باید به طور ملموس زندگی کاربر را بهبود بخشد.
٣. اعتماد
آیا کاربر حاضر است با سیستم پیوند عاطفی برقرار کند؟ این اعتماد بر امنیت دادههای سیستم و کیفیت نتایجی که سیستم ارائه میدهد استوار است.
از نظر فلسفی و روانی، زمانی هدف، ارزش و اعتماد به دیگران پیدا میکنیم که بتوانیم معنای مورد نظر را درک کنیم، این معنا را از دیدگاههای مختلف در نظر بگیریم و دانشی کسب کنیم تا بتوانیم بر یکدیگر تأثیر بگذاریم. اگر سیستمی توانایی درک، استدلال، یادگیری و تعامل را داشته باشد، پایه و اساس ایجاد رابطه با یک انسان را دارد.
برای طراحی روابط معنادار مبتنی بر هوش مصنوعی، ما به عنوان طراح نیاز داریم که آگاهانه خود را قبل از هر چیز دیگری درک کنیم. هرچه بیشتر خودمان را بشناسیم، بهتر میتوانیم به ماشینها آموزش دهیم که چگونه به کاربرانمان کمک کنند تا بهتر شوند.
در ادامه، این مطلب به توضیح مباحثی مثل «توسعهی روابط» پرداخته است که طراحی یک رابطه بین انسان و هوش مصنوعی مستلزم درک آن است. در صورتی که به این موضوع علاقهمندید، میتوانید از لینک زیر آن را دنبال کنید:
https://ibm.co/3htWAUz
(زمان حدودی مطالعه: ١٠ دقیقه)
نویسنده: نیلوفر موجودی
#هوش_مصنوعی
@Dexign فلسفه دیزاین
_______
Ibm
IBM Design for AI
Our practice is built on our Principles for the AI Era as a resource for all designers and developers. This shared collection of ethics, guidelines, and resources ensures that IBM products share a unified foundation.
👍10🔥3❤1
چگونه در طراحی محصول، برداشت اولیه خوب ایجاد کنیم؟
همه میدانیم در روابط انسانها برداشت اولیه (first impression) اهمیت فوقالعادهای دارد. اما آیا از تاثیر برداشت اولیه در طراحی محصول نیز آگاهیم؟
اهمیت برداشت اولیه از آن جهت است که میتواند روی درک کاربر از طراحی تاثیرگذار باشد.
چرا برداشت اولیه مهم است؟
از نظر علمی، "اثر تقدم" بیان میکند که تجربه ما پیش از آنکه نتیجه چیزی را ببینیم، بیش از بقیه تجربهها در یاد میماند.اگر کاربران تجربه اول خوبی نداشته باشند تا مدت زیادی این حس ناخوشایند را به یاد خواهند آورد.
چه زمانی برداشت اولیه رخ میدهد؟
قبل از استفاده از محصول! برای مثال در محصولات فیزیکی نوع بسته بندی در حسی که کاربر نسبت به آن دارد تاثیرگذار است.
در محصولات دیجیتال چه زمانی برداشت اولیه رخ میدهد؟
در محصولات دیجیتال، تاثیرگذاری اولیه از المانهایی مثل اپ آیکن و لانچ اسکرین رخ میدهد. ممکن است فکر کنید که ساختن لانچ اسکرین کار بسیار راحتی است. تنها کاری که باید بکنیم این است که آیکن را وسط یک صفحه رنگی قرار بدهیم. اما این طور نیست! باید به لانچ اسکرین مثل جلد یک کتاب نگاه کنید.
در اینجا چند نکته وجود دارد که به شما کمک میکند تا لانچ اسکرین بهتری داشته طراحی کنید.
۱. سعی کنید انتقال بین لانچ اسکرین و صفحه اصلی اپلیکیشن یکپارچه باشد.
انتقال بین این دو صفحه باید زیبا و روان باشد تا کاربر عمیقا با اپلیکیشن ارتباط برقرار کند.
۲. مدت زمان نمایش لانچ اسکرین کوتاه باشد.
نهایتا 10 ثانیه کاربر را در لانچ اسکرین نگه دارد. بعد از آن تمرکز کاربر از دست میرود.
۳. از افکتهای انیمیشن بیش از اندازه استفاده نکنید.
سعی نکنید همه خلاقیت خود را در این صفحه خرج کنید! استفاده از انیمیشن در این صفحه اشکالی ندارد تا حدی که از حوصله کاربر خارج نشود.
اما Apple’s HIG میگوید لانچ اسکرین صفحهای برای بروز هنر و خلاقیت نیست. بلکه وطیفه آن کمک به کاربر برای داشتن درک بهتر از اپلیکیشن آماده شدن سریع برای استفاده از آن است.
از این جمله میتوانیم بفهمیم که چرا در اپلیکیشنهای اپل لانچ اسکرینها بسیار ساده هستند. این صفحات میخواهند این حس را به کاربر بدهند که اپلیکیشن خیلی فوری شروع به کار خواهد کرد.
نکته بسیار مهم:
در اولین استفاده از اپلیکیشن دیدن المانهای متنوع و انیمیشن میتواند برای کاربر جذاب باشد. اما دیدن این صحنه تکراری، هربار قبل از استفاده از اپلیکیشن، احتمالا برای کاربر بسیار آزاردهنده است. پس پیشنهاد میشود دو نسخه لانچ اسکرین برای اپلیکیشنها طراحی شود. یکی برای اولین استفاده و دیگری برای استفادههای بعدی.
موارد ذکر شده در این مطلب به صورت مفصل و با تصاویر و مثالهای جذاب، در مقاله زیر توضیح داده شدهاند. اگر به فکر بهبود برداشت اولیه کاربر از دیزاینتان هستید، پیشنهاد میکنم این مقاله را مطالعه کنید.
https://bit.ly/dxgn898
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: عاطفه صفری
@Dexign فلسفه دیزاین
_______
همه میدانیم در روابط انسانها برداشت اولیه (first impression) اهمیت فوقالعادهای دارد. اما آیا از تاثیر برداشت اولیه در طراحی محصول نیز آگاهیم؟
اهمیت برداشت اولیه از آن جهت است که میتواند روی درک کاربر از طراحی تاثیرگذار باشد.
چرا برداشت اولیه مهم است؟
از نظر علمی، "اثر تقدم" بیان میکند که تجربه ما پیش از آنکه نتیجه چیزی را ببینیم، بیش از بقیه تجربهها در یاد میماند.اگر کاربران تجربه اول خوبی نداشته باشند تا مدت زیادی این حس ناخوشایند را به یاد خواهند آورد.
چه زمانی برداشت اولیه رخ میدهد؟
قبل از استفاده از محصول! برای مثال در محصولات فیزیکی نوع بسته بندی در حسی که کاربر نسبت به آن دارد تاثیرگذار است.
در محصولات دیجیتال چه زمانی برداشت اولیه رخ میدهد؟
در محصولات دیجیتال، تاثیرگذاری اولیه از المانهایی مثل اپ آیکن و لانچ اسکرین رخ میدهد. ممکن است فکر کنید که ساختن لانچ اسکرین کار بسیار راحتی است. تنها کاری که باید بکنیم این است که آیکن را وسط یک صفحه رنگی قرار بدهیم. اما این طور نیست! باید به لانچ اسکرین مثل جلد یک کتاب نگاه کنید.
در اینجا چند نکته وجود دارد که به شما کمک میکند تا لانچ اسکرین بهتری داشته طراحی کنید.
۱. سعی کنید انتقال بین لانچ اسکرین و صفحه اصلی اپلیکیشن یکپارچه باشد.
انتقال بین این دو صفحه باید زیبا و روان باشد تا کاربر عمیقا با اپلیکیشن ارتباط برقرار کند.
۲. مدت زمان نمایش لانچ اسکرین کوتاه باشد.
نهایتا 10 ثانیه کاربر را در لانچ اسکرین نگه دارد. بعد از آن تمرکز کاربر از دست میرود.
۳. از افکتهای انیمیشن بیش از اندازه استفاده نکنید.
سعی نکنید همه خلاقیت خود را در این صفحه خرج کنید! استفاده از انیمیشن در این صفحه اشکالی ندارد تا حدی که از حوصله کاربر خارج نشود.
اما Apple’s HIG میگوید لانچ اسکرین صفحهای برای بروز هنر و خلاقیت نیست. بلکه وطیفه آن کمک به کاربر برای داشتن درک بهتر از اپلیکیشن آماده شدن سریع برای استفاده از آن است.
از این جمله میتوانیم بفهمیم که چرا در اپلیکیشنهای اپل لانچ اسکرینها بسیار ساده هستند. این صفحات میخواهند این حس را به کاربر بدهند که اپلیکیشن خیلی فوری شروع به کار خواهد کرد.
نکته بسیار مهم:
در اولین استفاده از اپلیکیشن دیدن المانهای متنوع و انیمیشن میتواند برای کاربر جذاب باشد. اما دیدن این صحنه تکراری، هربار قبل از استفاده از اپلیکیشن، احتمالا برای کاربر بسیار آزاردهنده است. پس پیشنهاد میشود دو نسخه لانچ اسکرین برای اپلیکیشنها طراحی شود. یکی برای اولین استفاده و دیگری برای استفادههای بعدی.
موارد ذکر شده در این مطلب به صورت مفصل و با تصاویر و مثالهای جذاب، در مقاله زیر توضیح داده شدهاند. اگر به فکر بهبود برداشت اولیه کاربر از دیزاینتان هستید، پیشنهاد میکنم این مقاله را مطالعه کنید.
https://bit.ly/dxgn898
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: عاطفه صفری
@Dexign فلسفه دیزاین
_______
Medium
Making a great first impression in product design
“Meet by clothes, see off by mind” is an old but wise proverb. The first impression about a person is formed based on his appearance and…
👍8❤2
تجربهی کاربری بازی worldle: بعضی اوقات یک بازی فقط حس خوبی دارد!
چطور میتوان محبوبیت بازی اینچنین سادهای را توضیح داد؟
گاهی اوقات در نسلهای مختلف چیزهای بسیار سادهای میآیند و زندگی ما را تغییر میدهند. گیرهی کاغذ، استیکی نوتها، آیپاد و بازی worlde.
شاید مورد آخر مشابه موارد قبلی نباشد اما نمیتوان معروفیت آن را نادیده گرفت. با اینکه روزهای زیادی بود که این بازی منتشر شده بود اما در عرض چند روز بسیار معروف و محبوب شد. این بازی مکانیزم جدیدی را معرفی نکرد و بسیار ساده بود اما نمونههایی از روی این بازی ساخته شد نتوانست موفق باشد. حال بیایید اصول UX که باعث شده تا این بازی فوقالعاده باشد را بررسی کنیم.
- دستورالعمل بازی بسیار ساده است
تجربهنویسی معمولا هنری است که فراموش میشود و اهمیت آن از یاد میرود. این بازی در یک توضیح ۸۵ کلمهای که در نگاه اول به مخاطب نشان میدهد هر آن چیزی که نیاز است را توضیح میدهد.
- برای شروع موانع زیادی وجود ندارد
در حوزهی اپلکیشنها موارد زیادی مانند ورود و ثبتنام و سابسکرایب کردن باعث میشود تا مخاطب سریعا نتواند وارد اپلیکیشن یا سایت شود. اما در wordle بازیکنان در سریعترین حالت ممکن میتوانند بازی را شروع کنند.
- انیمیشنها بسیار روان هستند
چیزی که این بازی را از نمونههای مشابه متفاوت میکند. طراحی تعاملهای این بازی است. انیمیشنها بسیار روان هستند و باعث میشوند مخاطب حس رضایتمندی پیدا کند.
امکان خروجی گرفتن از نتیجه بازی زمان زیادی نیست که به آن اضافه شده اما یکی از کلیدیترین معیارهای معروف شدن این بازی است. که باعث شده تا شبکههای اجتماعی پر شود از نوشته و ایموجیهای زرد و سبزی که بازیکنان از نتیجهی بازی روزانه خود منتشر میکنند.
- این بازی برای اعتیاد ساخته نشده
بر عکس بسیاری از دیگر بازیها این بازی محدودیتی را اعمال میکند که باعث میشود تا مخاطب طولانی مدت این بازی را انجام ندهد تا از آن خسته شود. در یک بازهی زمانی کوتاه یعنی یک روزه به آن باز میگردد. در نهایت پولی نشدن این بازی باعث شده تا محبوبیت آن باقی بماند.
https://bit.ly/dxgn899
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #بازی #wordle
@Dexign فلسفه دیزاین
_______
چطور میتوان محبوبیت بازی اینچنین سادهای را توضیح داد؟
گاهی اوقات در نسلهای مختلف چیزهای بسیار سادهای میآیند و زندگی ما را تغییر میدهند. گیرهی کاغذ، استیکی نوتها، آیپاد و بازی worlde.
شاید مورد آخر مشابه موارد قبلی نباشد اما نمیتوان معروفیت آن را نادیده گرفت. با اینکه روزهای زیادی بود که این بازی منتشر شده بود اما در عرض چند روز بسیار معروف و محبوب شد. این بازی مکانیزم جدیدی را معرفی نکرد و بسیار ساده بود اما نمونههایی از روی این بازی ساخته شد نتوانست موفق باشد. حال بیایید اصول UX که باعث شده تا این بازی فوقالعاده باشد را بررسی کنیم.
- دستورالعمل بازی بسیار ساده است
تجربهنویسی معمولا هنری است که فراموش میشود و اهمیت آن از یاد میرود. این بازی در یک توضیح ۸۵ کلمهای که در نگاه اول به مخاطب نشان میدهد هر آن چیزی که نیاز است را توضیح میدهد.
- برای شروع موانع زیادی وجود ندارد
در حوزهی اپلکیشنها موارد زیادی مانند ورود و ثبتنام و سابسکرایب کردن باعث میشود تا مخاطب سریعا نتواند وارد اپلیکیشن یا سایت شود. اما در wordle بازیکنان در سریعترین حالت ممکن میتوانند بازی را شروع کنند.
- انیمیشنها بسیار روان هستند
چیزی که این بازی را از نمونههای مشابه متفاوت میکند. طراحی تعاملهای این بازی است. انیمیشنها بسیار روان هستند و باعث میشوند مخاطب حس رضایتمندی پیدا کند.
امکان خروجی گرفتن از نتیجه بازی زمان زیادی نیست که به آن اضافه شده اما یکی از کلیدیترین معیارهای معروف شدن این بازی است. که باعث شده تا شبکههای اجتماعی پر شود از نوشته و ایموجیهای زرد و سبزی که بازیکنان از نتیجهی بازی روزانه خود منتشر میکنند.
- این بازی برای اعتیاد ساخته نشده
بر عکس بسیاری از دیگر بازیها این بازی محدودیتی را اعمال میکند که باعث میشود تا مخاطب طولانی مدت این بازی را انجام ندهد تا از آن خسته شود. در یک بازهی زمانی کوتاه یعنی یک روزه به آن باز میگردد. در نهایت پولی نشدن این بازی باعث شده تا محبوبیت آن باقی بماند.
https://bit.ly/dxgn899
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: محمدرضا عباسی
#تجربه_کاربری #UX #بازی #wordle
@Dexign فلسفه دیزاین
_______
Medium
Wordle UX: Sometimes a game just feels good
How can we explain something so simple yet so popular?
👍4🔥1
چگونه با انجام یک بررسی، محصول خود را بهبود بخشیم
تصور کنید که یک محصول عالی تولید کردهاید، که مدتی بدون مشکل برای کاربرانش کار کرده است. اما زمانی میرسد که رشد محصول راکد میشود و تعامل کاربر با محصول کاهش مییابد. و یا شرکتهایی که در طول سالها تغییرات کوچکی در محصول و سایتهای خود ایجاد کردهاند، اما متوجه میشوند که محصول، دیگر تجربه یکپارچه و منسجمی را ارائه نمیدهد، اکنون زمانی مناسب برای بررسی تجربه کاربری (UX Audit) است.
بررسی تجربه کاربری (UX Audit) به طراحان تجربه کاربر این امکان را میدهد تا با استفاده از دادههای ارزشمندِ دنیای واقعی، نقاط درد کاربر، مسائل غیرضروری که باعث حساسیت و اصطحکاک تعامل کاربر با محصول میشود و فرصتهای کسبوکار را شناسایی کنند. انجام تست در طول فرآیند طراحی برای مشاهده عملکرد یک محصول در دنیای واقعی محدود است، به خصوص اگر محصول هزاران یا میلیونها کاربر روزانه داشته باشد. برای ارزیابی کیفیت تجربه کاربر، طراحان باید تجزیه و تحلیل خود را در زمینههای مفید بودن (Usefulness)، قابلیت استفاده (Usability)، جاذبهی بصری (Visual appea)، ارزش (Value) و انگیزه (Stimulation) انجام دهند.
بررسی تجربه کاربر میتواند شامل روشها و رویکردهای مختلفی باشد. بنابراین بررسی تجربه کاربر بسته به نیازها و اهداف میتواند اشکال مختلفی داشته باشد. به لحاظ عملی، بسته به اهداف، ممکن است شامل تست کاربردپذیری، تحقيقات دسک، مصاحبه با کاربر، ارزیابی اکتشافی، مصاحبه با ذینفعان، تجزیه و تحلیل ترافیک، تجزیه و تحلیل نیاز، تجزیه و تحلیل نقشه حرارتی و انواع فعالیتهای دیگر باشد.که توضیحات مختصری درباره هرکدام در این مقاله داده شده است که برای انجام هرکدام باید مقالات ویژه هر مورد را مطالعه و بررسی کرد.
این بررسی در نهايت به یک سند و گزارش تبدیل میشود اما وجود چه مواردی در آن ضروریست؟
قابلیت استفاده (Product’s usability)، جریانهای کاربر (User flows)، زبان، شفافیت و دکمهها (Language, clarity, and CTAs)، تبدیلها (Conversion)، محتوا (Content)، معمار اطلاعات (Information architecture) و طراحی بصری (Visual design) باید در گزارش به این موارد توجه شود و مورد بررسی و تحلیل قرار گرفته باشد.
در نهايت باید دقت داشت که همیشه بررسی تجربه کاربر،راه درمان نیست و طراحان نباید مسئولیتی بابت موفقیت کامل محصول داشته باشند. تجربه کاربری یک زمینه پیچیده و متنوع است. یافتهها همیشه در معرض تفسیر هستند، بهویژه زمانی که در چندین بخش و توسط افراد زیادی اجرا شوند. اما این گزارش و بررسی تاثیر قدرتمندی بر کیفیت محصول و یافتن دلیل مسائل و مشکلات محصول دارد.
در این مقاله علاوه توضحیات بیشتر و آمارهایی از کسبوکارها بدون داشتن پژوهش و بررسی تجربه کاربر لینکهایی درباره موضوعاتی که نیاز به مطالعه بیشتر دارند قرار داده شده است که میتوانید از لینک زیر مطالعه کنید.
https://bit.ly/dxgn900
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۱۱ دقيقه)
#تجربه_کاربر #بهبود_محصول #پژوهش #تحقیقات #بررسی #طراحی #کاربردپذیری
@Dexign فلسفه دیزاین
_______
تصور کنید که یک محصول عالی تولید کردهاید، که مدتی بدون مشکل برای کاربرانش کار کرده است. اما زمانی میرسد که رشد محصول راکد میشود و تعامل کاربر با محصول کاهش مییابد. و یا شرکتهایی که در طول سالها تغییرات کوچکی در محصول و سایتهای خود ایجاد کردهاند، اما متوجه میشوند که محصول، دیگر تجربه یکپارچه و منسجمی را ارائه نمیدهد، اکنون زمانی مناسب برای بررسی تجربه کاربری (UX Audit) است.
بررسی تجربه کاربری (UX Audit) به طراحان تجربه کاربر این امکان را میدهد تا با استفاده از دادههای ارزشمندِ دنیای واقعی، نقاط درد کاربر، مسائل غیرضروری که باعث حساسیت و اصطحکاک تعامل کاربر با محصول میشود و فرصتهای کسبوکار را شناسایی کنند. انجام تست در طول فرآیند طراحی برای مشاهده عملکرد یک محصول در دنیای واقعی محدود است، به خصوص اگر محصول هزاران یا میلیونها کاربر روزانه داشته باشد. برای ارزیابی کیفیت تجربه کاربر، طراحان باید تجزیه و تحلیل خود را در زمینههای مفید بودن (Usefulness)، قابلیت استفاده (Usability)، جاذبهی بصری (Visual appea)، ارزش (Value) و انگیزه (Stimulation) انجام دهند.
بررسی تجربه کاربر میتواند شامل روشها و رویکردهای مختلفی باشد. بنابراین بررسی تجربه کاربر بسته به نیازها و اهداف میتواند اشکال مختلفی داشته باشد. به لحاظ عملی، بسته به اهداف، ممکن است شامل تست کاربردپذیری، تحقيقات دسک، مصاحبه با کاربر، ارزیابی اکتشافی، مصاحبه با ذینفعان، تجزیه و تحلیل ترافیک، تجزیه و تحلیل نیاز، تجزیه و تحلیل نقشه حرارتی و انواع فعالیتهای دیگر باشد.که توضیحات مختصری درباره هرکدام در این مقاله داده شده است که برای انجام هرکدام باید مقالات ویژه هر مورد را مطالعه و بررسی کرد.
این بررسی در نهايت به یک سند و گزارش تبدیل میشود اما وجود چه مواردی در آن ضروریست؟
قابلیت استفاده (Product’s usability)، جریانهای کاربر (User flows)، زبان، شفافیت و دکمهها (Language, clarity, and CTAs)، تبدیلها (Conversion)، محتوا (Content)، معمار اطلاعات (Information architecture) و طراحی بصری (Visual design) باید در گزارش به این موارد توجه شود و مورد بررسی و تحلیل قرار گرفته باشد.
در نهايت باید دقت داشت که همیشه بررسی تجربه کاربر،راه درمان نیست و طراحان نباید مسئولیتی بابت موفقیت کامل محصول داشته باشند. تجربه کاربری یک زمینه پیچیده و متنوع است. یافتهها همیشه در معرض تفسیر هستند، بهویژه زمانی که در چندین بخش و توسط افراد زیادی اجرا شوند. اما این گزارش و بررسی تاثیر قدرتمندی بر کیفیت محصول و یافتن دلیل مسائل و مشکلات محصول دارد.
در این مقاله علاوه توضحیات بیشتر و آمارهایی از کسبوکارها بدون داشتن پژوهش و بررسی تجربه کاربر لینکهایی درباره موضوعاتی که نیاز به مطالعه بیشتر دارند قرار داده شده است که میتوانید از لینک زیر مطالعه کنید.
https://bit.ly/dxgn900
نویسنده: فروزان فاضلی
(زمان حدودی مطالعه: ۱۱ دقيقه)
#تجربه_کاربر #بهبود_محصول #پژوهش #تحقیقات #بررسی #طراحی #کاربردپذیری
@Dexign فلسفه دیزاین
_______
Medium
UX Audit: How to improve your product by doing a review
UX audit, otherwise known as UX review, is an invaluable asset to a business’s success.
❤5👍4🔥2
متاورس: آنچه طراحان و نوآوران باید بدانند
متاورس چیست؟
گفته میشود که متاورس «یک فضای مجازی پایدار و با مقیاس بی نهایت با اقتصاد و سیستم هویتی خود» است.
میتوان استدلال کرد که رسانههای اجتماعی در شکل فعلیاش، نسخهای بدوی از این موضوع هستند. همینطور فضاهای مجازی در بازیها، مکانیسمهای پرداخت در کریپتو و ظهور روند آواتار NFT، میتوانند نشان دهند که متاورس به کجا میرود و چرا برندهای بزرگ میخواهند وارد آن شوند.
در متاورس چه کار میکنند؟
به طور ساده میتوان گفت، شما در یک محیط اجتماعی در تجربه و فعالیتهای یک بازی شرکت میکنید. برای مثال، تماشای یک فیلم، شرکت در یک کنسرت یا تعامل با محتوای تولید شده توسط بازیکنان دیگر.
چرا الان این اتفاق میافتد؟
همه ما در دوران پندمی، نزدیک به دو سال را در خانههایمان سپری و انجام تقریباً همهچیز را به صورت آنلاین تسریع کردیم.
بلوغ AR و VR از عوامل مهم این اتفاق است. اگرچه این دو فناوری هنوز به شدت در حال رشد هستند.
تغییرات اقلیمی نیز افقهای فیزیکی ما را کوچک میکند و تاکید بیشتری بر در محل ماندن، استفاده مجدد و رویههای اقتصادی چرخشی دارد. همچنین تعاملات جهانی نیز به صورت آنلاین حرکت میکنند. میبینیم که در حال حاضر، NFT ها و رمزارزها بخشی از پرداختهای آنلاین را به جلو میبرند.
آیا این همه فناوری برای محیط زیست مضر نیست؟
بله و نه. با اینکه فناوریهای کارآمدتر و سبزتری در راه است، در حال حاضر فناوری بلاکچین مصرفکننده انبوه انرژی است. اما از طرف دیگر تعاملات آنلاین بیشتر، حداقل در تئوری، به معنای سفر کمتر و به نفع محیط زیست است.
متاورس برای محصولات و خدمات چه معنایی دارد؟
به طور خلاصه میتوان گفت، تجربیات ما بسیار در هم تنیدهتر و به هم مرتبطتر میشوند، کمتر توسط صفحهنمایشها محدود میشوند، و حتی خود ما را درگیر میکند. یعنی ما تبدیل میشویم به داراییهای دیجیتالمان، آواتارها، لباسها و ... .
اینها الآن به نظر میرسد که خیلی بچهگانه است. اگر ما در این صنعتها نیستیم چرا باید نگران باشیم؟ اما به قول کریس دیکسون، کارآفرین، «اتفاق بزرگ بعدی همیشه به عنوان یک «اسباب بازی» در زمان حال نادیده گرفته میشود. ما معمولاً تأثیر فناوری را در کوتاه مدت بیش از حد ارزیابی میکنیم و در بلندمدت آن را دست کم میگیریم.
بنابراین برای درک متاورس چکار کنیم؟
-آنچه را که در NFT و بازیها میگذرد دنبال کنید.
-تواناییهای AR و VR را درک کنید.
-به صنایعی که میل طبیعی به این جنبش دارند نزدیک بمانید. یعنی موسیقی، تلویزیون، فیلم، سرگرمی، مد و خرده فروشی.
-بیاموزید که ارزهای دیجیتال چگونه کار میکنند و چگونه به ایجاد اقتصاد و بازار کمک میکنند.
در صورت علاقهمندی به این موضوع، توصیههای دیگر این مقاله را میتوانید از لینک زیر دنبال کنید:
https://bit.ly/dxgn901
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: نیلوفر موجودی
#متاورس #nft
@Dexign فلسفه دیزاین
_______
متاورس چیست؟
گفته میشود که متاورس «یک فضای مجازی پایدار و با مقیاس بی نهایت با اقتصاد و سیستم هویتی خود» است.
میتوان استدلال کرد که رسانههای اجتماعی در شکل فعلیاش، نسخهای بدوی از این موضوع هستند. همینطور فضاهای مجازی در بازیها، مکانیسمهای پرداخت در کریپتو و ظهور روند آواتار NFT، میتوانند نشان دهند که متاورس به کجا میرود و چرا برندهای بزرگ میخواهند وارد آن شوند.
در متاورس چه کار میکنند؟
به طور ساده میتوان گفت، شما در یک محیط اجتماعی در تجربه و فعالیتهای یک بازی شرکت میکنید. برای مثال، تماشای یک فیلم، شرکت در یک کنسرت یا تعامل با محتوای تولید شده توسط بازیکنان دیگر.
چرا الان این اتفاق میافتد؟
همه ما در دوران پندمی، نزدیک به دو سال را در خانههایمان سپری و انجام تقریباً همهچیز را به صورت آنلاین تسریع کردیم.
بلوغ AR و VR از عوامل مهم این اتفاق است. اگرچه این دو فناوری هنوز به شدت در حال رشد هستند.
تغییرات اقلیمی نیز افقهای فیزیکی ما را کوچک میکند و تاکید بیشتری بر در محل ماندن، استفاده مجدد و رویههای اقتصادی چرخشی دارد. همچنین تعاملات جهانی نیز به صورت آنلاین حرکت میکنند. میبینیم که در حال حاضر، NFT ها و رمزارزها بخشی از پرداختهای آنلاین را به جلو میبرند.
آیا این همه فناوری برای محیط زیست مضر نیست؟
بله و نه. با اینکه فناوریهای کارآمدتر و سبزتری در راه است، در حال حاضر فناوری بلاکچین مصرفکننده انبوه انرژی است. اما از طرف دیگر تعاملات آنلاین بیشتر، حداقل در تئوری، به معنای سفر کمتر و به نفع محیط زیست است.
متاورس برای محصولات و خدمات چه معنایی دارد؟
به طور خلاصه میتوان گفت، تجربیات ما بسیار در هم تنیدهتر و به هم مرتبطتر میشوند، کمتر توسط صفحهنمایشها محدود میشوند، و حتی خود ما را درگیر میکند. یعنی ما تبدیل میشویم به داراییهای دیجیتالمان، آواتارها، لباسها و ... .
اینها الآن به نظر میرسد که خیلی بچهگانه است. اگر ما در این صنعتها نیستیم چرا باید نگران باشیم؟ اما به قول کریس دیکسون، کارآفرین، «اتفاق بزرگ بعدی همیشه به عنوان یک «اسباب بازی» در زمان حال نادیده گرفته میشود. ما معمولاً تأثیر فناوری را در کوتاه مدت بیش از حد ارزیابی میکنیم و در بلندمدت آن را دست کم میگیریم.
بنابراین برای درک متاورس چکار کنیم؟
-آنچه را که در NFT و بازیها میگذرد دنبال کنید.
-تواناییهای AR و VR را درک کنید.
-به صنایعی که میل طبیعی به این جنبش دارند نزدیک بمانید. یعنی موسیقی، تلویزیون، فیلم، سرگرمی، مد و خرده فروشی.
-بیاموزید که ارزهای دیجیتال چگونه کار میکنند و چگونه به ایجاد اقتصاد و بازار کمک میکنند.
در صورت علاقهمندی به این موضوع، توصیههای دیگر این مقاله را میتوانید از لینک زیر دنبال کنید:
https://bit.ly/dxgn901
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: نیلوفر موجودی
#متاورس #nft
@Dexign فلسفه دیزاین
_______
Medium
The Metaverse: what designers and innovators need to know
I’ve been taking a closer look at metaverses and what they mean for you, me and good products and services. Let’s dive in.
👍8❤3👏1