پرسونای کاربر چیست و چگونه آن را تعریف کنیم
بیشترین سهم موفقیت یک استارتآپ به فرمولبندی صحیح وظایفی بستگی دارد که استارتآپ قرار است آن را حل کند.
یکی از تکنیکهای معروف که به شما امکان میدهد با مخاطب هدف خود همدلی کنید، کار با شخصیت کاربر است.
پرسونای کاربر چیست؟
پرسونای کاربر نمایشی از مخاطبان هدف واقعی است که به جلوگیری از حل مشکل اشتباه برای مخاطبان اشتباه کمک میکند. علاوه بر این، به شما کمک میکند تا با تیم توسعه هماهنگ شوید و چشمانداز شفافی از کار ایجاد کنید، همچنین از ارتباطات نادرست و هدر رفتن بودجه جلوگیری کنید.
وقتی به شما پیشنهاد میکنیم یک کاربر معمولی اپلیکیشن یا سرویس خود را تصور کنید، هر چیزی که به ذهن شما میرسد مانند ویژگیها، چهره، شرایط، نیازها، عادات، الگوهای رفتاری و مانند آن، تصویری متوسط از کاربر معمولی شما خواهد بود. به این ترتیب ما درکی از مخاطبان هدف شما، از افراد واقعی که از برنامه شما استفاده خواهند کرد، به دست میآوریم.
نکات کلیدی در ساختن پرسونا:
جمعیت شناسی:
مانند سن، جنسیت، درآمد، مکان، تحصیلات، عنوان شغلی.
ویژگی های شخصیتی:
مجرد، دارای دانش فنی، محافظه کار و ...
انگیزه ها و اهداف، سرخوردگی ها:
چیزهایی که مانع از دستیابی شخصیت شما به اهدافش میشود یا رسیدن به هدف را تقویت میکند.
سرگرمی ها و علایق
راه های ارتباطی ترجیحی:
برای پیدا کردن بهترین مسیر دستیابی و فروش محصول به مخاطب.
برندها و افراد تأثیرگذار (مورد علاقه)
موقعیت اقتصادی و اجتماعی و علایق.
پرسونای کاربر ابزاری ساده اما قدرتمند است که تفاوت زیادی بین موفقیت و شکست ایجاد میکند و به تمرکز بر روی مخاطب هدف و مشکلات آن کمک میکند.
پرسونا و نیاز کلیدی آن نقطه هماهنگی کل تیم است.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: امیرحسین معظمی
#تجربه_کاربر #پرسونا
#UX #persona
@Dexign فلسفه دیزاین
______
بیشترین سهم موفقیت یک استارتآپ به فرمولبندی صحیح وظایفی بستگی دارد که استارتآپ قرار است آن را حل کند.
یکی از تکنیکهای معروف که به شما امکان میدهد با مخاطب هدف خود همدلی کنید، کار با شخصیت کاربر است.
پرسونای کاربر چیست؟
پرسونای کاربر نمایشی از مخاطبان هدف واقعی است که به جلوگیری از حل مشکل اشتباه برای مخاطبان اشتباه کمک میکند. علاوه بر این، به شما کمک میکند تا با تیم توسعه هماهنگ شوید و چشمانداز شفافی از کار ایجاد کنید، همچنین از ارتباطات نادرست و هدر رفتن بودجه جلوگیری کنید.
وقتی به شما پیشنهاد میکنیم یک کاربر معمولی اپلیکیشن یا سرویس خود را تصور کنید، هر چیزی که به ذهن شما میرسد مانند ویژگیها، چهره، شرایط، نیازها، عادات، الگوهای رفتاری و مانند آن، تصویری متوسط از کاربر معمولی شما خواهد بود. به این ترتیب ما درکی از مخاطبان هدف شما، از افراد واقعی که از برنامه شما استفاده خواهند کرد، به دست میآوریم.
نکات کلیدی در ساختن پرسونا:
جمعیت شناسی:
مانند سن، جنسیت، درآمد، مکان، تحصیلات، عنوان شغلی.
ویژگی های شخصیتی:
مجرد، دارای دانش فنی، محافظه کار و ...
انگیزه ها و اهداف، سرخوردگی ها:
چیزهایی که مانع از دستیابی شخصیت شما به اهدافش میشود یا رسیدن به هدف را تقویت میکند.
سرگرمی ها و علایق
راه های ارتباطی ترجیحی:
برای پیدا کردن بهترین مسیر دستیابی و فروش محصول به مخاطب.
برندها و افراد تأثیرگذار (مورد علاقه)
موقعیت اقتصادی و اجتماعی و علایق.
پرسونای کاربر ابزاری ساده اما قدرتمند است که تفاوت زیادی بین موفقیت و شکست ایجاد میکند و به تمرکز بر روی مخاطب هدف و مشکلات آن کمک میکند.
پرسونا و نیاز کلیدی آن نقطه هماهنگی کل تیم است.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: امیرحسین معظمی
#تجربه_کاربر #پرسونا
#UX #persona
@Dexign فلسفه دیزاین
______
Medium
What Is the User Persona and How to Define It
Use this methodics for your startup. Create the right User Persona to solve the problem of your audience.
👍6
طراحی برای حریم شخصی در جهانی که هر روز عمومیتر میشود!
همزمان با افزایش نگرانیها در رابطه با امنیت حریم شخصی، ما نیز به عنوان طراح تجربه کاربر باید توجه خود را به برطرف کردن مسائل مربوط به این حوزه افزایش دهیم.
در جولای ۲۰۲۳، دختری نوجوان بهمراه مادرش در نبراسکا به جرم سقط جنین غیرقانونی متهم شدند. شواهد پرونده از طریق پیامهای رد و بدل شده در Meta جمع آوری شده بودند. پس از این واقعه، جامعه ی آمریکا نسبت به مسئلهای جدید در رابطه با حریم شخصی آگاه شد: اگر روزی بخاطر مجاز نبودن سقط جنین در محل زندگیام مجبور به انجام غیرقانونی آن شوم، فعالیت مجازی من چطور بر علیه من استفاده میشود؟!
اهمیت مسئلهی حریم شخصی
برای برخی افراد مسئلهی حریم شخصی هیچوقت مشکل ساز نبوده است و "من چیزی برای پنهان کردن ندارم" واکنش رایج بسیاری از آنهاست. با این وجود، گاهی ما تا زمانی که این مسئله گریبان خودمان را نگیرد نیاز به حریم شخصی را درک نمیکنیم. FTC گزارش کرده است که در نتیجهی پاندمی کووید 19، جعل هویت در آمریکا بین سالهای ۲۰۱۹ تا ۲۰۲۰ دو برابر شده است که این موضوع را به مسئلهی افراد بیشتری تبدیل میکند. حریم شخصی در واقع به سری بودن ارتباطی ندارد، بلکه در رابطه با حفظ کنترل روی اطلاعات شخصی است.
ما بعنوان طراح مسئولیت ویژه و جایگاه منحصر بفردی برای پرداختن به این ماجرا داریم. حتی اگر شخصا نگران مسئله امنیت حریم شخصی نیستیم، باید در طراحی خود به آن توجه کنیم. زیرا قرار است همدلانه طراحی کنیم و نیازهای اقشار مختلف را در نظر بگیریم.
اما چه روشهایی برای تضمین اینکه ما با در نظر گرفتن مسئلهی حریم شخصی طراحی کنیم، وجود دارند؟ در این مقاله به ۷ مورد از این روشها اشاره می کنیم .
• از پترن های گمراه کننده اجتناب کنید
• شفافیت را حفظ کنید
• از زبان واضح و دقیق استفاده کنید (دوری از ابهام در جملات، استفاده از ادبیات قابل فهم برای گسترهی وسیعی از جامعه ی هدف و ...)
• ابزارهایی برای محافظت از دیتا فراهم بیاورید
• از قابل دسترس بودن مشخصههای مربوط به امنیت حریم شخصی اطمینان حاصل کنید
• مشخصههای مربوط به امنیت حریم شخصی را به کاربر یادآوری کنید
• از تغییر تنظیمات حریم شخصی بدون اطلاع دادن به کاربر اجتناب کنید
🔗 برای مطالعه ی ادامه ی مقاله می توانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۹ دقیقه)
گردآورنده : فاطمه حیدری
#تجربه_کاربر #تفکر_طراحی
@Dexign فلسفه دیزاین
______
همزمان با افزایش نگرانیها در رابطه با امنیت حریم شخصی، ما نیز به عنوان طراح تجربه کاربر باید توجه خود را به برطرف کردن مسائل مربوط به این حوزه افزایش دهیم.
در جولای ۲۰۲۳، دختری نوجوان بهمراه مادرش در نبراسکا به جرم سقط جنین غیرقانونی متهم شدند. شواهد پرونده از طریق پیامهای رد و بدل شده در Meta جمع آوری شده بودند. پس از این واقعه، جامعه ی آمریکا نسبت به مسئلهای جدید در رابطه با حریم شخصی آگاه شد: اگر روزی بخاطر مجاز نبودن سقط جنین در محل زندگیام مجبور به انجام غیرقانونی آن شوم، فعالیت مجازی من چطور بر علیه من استفاده میشود؟!
اهمیت مسئلهی حریم شخصی
برای برخی افراد مسئلهی حریم شخصی هیچوقت مشکل ساز نبوده است و "من چیزی برای پنهان کردن ندارم" واکنش رایج بسیاری از آنهاست. با این وجود، گاهی ما تا زمانی که این مسئله گریبان خودمان را نگیرد نیاز به حریم شخصی را درک نمیکنیم. FTC گزارش کرده است که در نتیجهی پاندمی کووید 19، جعل هویت در آمریکا بین سالهای ۲۰۱۹ تا ۲۰۲۰ دو برابر شده است که این موضوع را به مسئلهی افراد بیشتری تبدیل میکند. حریم شخصی در واقع به سری بودن ارتباطی ندارد، بلکه در رابطه با حفظ کنترل روی اطلاعات شخصی است.
ما بعنوان طراح مسئولیت ویژه و جایگاه منحصر بفردی برای پرداختن به این ماجرا داریم. حتی اگر شخصا نگران مسئله امنیت حریم شخصی نیستیم، باید در طراحی خود به آن توجه کنیم. زیرا قرار است همدلانه طراحی کنیم و نیازهای اقشار مختلف را در نظر بگیریم.
اما چه روشهایی برای تضمین اینکه ما با در نظر گرفتن مسئلهی حریم شخصی طراحی کنیم، وجود دارند؟ در این مقاله به ۷ مورد از این روشها اشاره می کنیم .
• از پترن های گمراه کننده اجتناب کنید
• شفافیت را حفظ کنید
• از زبان واضح و دقیق استفاده کنید (دوری از ابهام در جملات، استفاده از ادبیات قابل فهم برای گسترهی وسیعی از جامعه ی هدف و ...)
• ابزارهایی برای محافظت از دیتا فراهم بیاورید
• از قابل دسترس بودن مشخصههای مربوط به امنیت حریم شخصی اطمینان حاصل کنید
• مشخصههای مربوط به امنیت حریم شخصی را به کاربر یادآوری کنید
• از تغییر تنظیمات حریم شخصی بدون اطلاع دادن به کاربر اجتناب کنید
🔗 برای مطالعه ی ادامه ی مقاله می توانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۹ دقیقه)
گردآورنده : فاطمه حیدری
#تجربه_کاربر #تفکر_طراحی
@Dexign فلسفه دیزاین
______
Medium
Designing for privacy in an increasingly public world
As consumers’ privacy concerns continue to grow, so should our attention to addressing privacy issues as user experience designers
👍10🔥3
«طراح UX و طراح محصول» تفاوت چیست و چرا این تفاوت مهم است؟
برای مثال ما به متخصص بهداشت دهان، دندانپزشک نمیگوییم زیرا از عواقب آسیب دیدن دندانهایمان میترسیم. ولی وقتی نوبت به UX و طراحی محصول میرسد اهمیت آن کاهش پیدا میکند که ممکن است به دلیل آشنا نبودن با تفاوتهای آنها باشد.
پس بیایید با تعریف هر یک و تفاوتهای آنها بیشتر آشنا شویم .
محصول از چه چیزی ساخته شده است ؟
یک محصول (میتواند یک کالا یا نوعی خدمات باشد.) برای برآوردن نیازها یا خواستههای مصرف کنندگان ایجاد، عرضه و یا فروخته میشود. محصولات معمولا توسط شرکتها ایجاد میشوند به این معنی که برای توجیه وجود خود باید از نظر تجاری قابل دوام باشند. همچنین محصولات دارای ویژگیهایی هستند که آنها را کاربردی، قابل استفاده، مطلوب و لذتبخش میکند.
نقش یک طراح UX
ویژگیهایی در محصول هستند که بر تجربه کاربران هنگام تعامل با آن محصول تاثیر میگذارند. شما به عنوان یک طراح UX بر روی ایجاد و تکمیل آن ویژگیها (عمدتاً از منظر قابلیت استفاده و دسترسی) کار میکنید. شما باید محصولتان را در دسترس برای افراد دارای ناتوانی، از نظر زیبایی شناختی برای برانگیختن احساسات و خلاقانه برای جلب تمامی افراد برای داشتن چیزی منحصر به فرد ایجاد کنید.
نقش یک طراح محصول
شما مسئول وجود خود محصول هستید. وظیفه شما کار بر روی قابلیتهای استفاده و «ویژگی»های محصولتان نیست، وظیفه شما نوآوری خود محصول است. به عنوان یک طراح محصول، باید به نیازهای مشتریان و دوام از نظر کسب و کار پاسخ دهید. چرا مشتریان باید محصول شما را انتخاب کنند؟ چگونه نیازهای مشتری برطرف میشود؟ کسب و کار شما چگونه از این محصول سود میبرد؟
به طور کلی باید مشتریان خود و همچنین بازار و چشمانداز رقابتی را درک کنید .
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان تقریبی مطالعه : ۴ دقیقه)
گردآورنده : رها کاوهزاده
#تجربه_کاربر #طراحی_محصول
#UX
@Dexign فلسفه دیزاین
______
برای مثال ما به متخصص بهداشت دهان، دندانپزشک نمیگوییم زیرا از عواقب آسیب دیدن دندانهایمان میترسیم. ولی وقتی نوبت به UX و طراحی محصول میرسد اهمیت آن کاهش پیدا میکند که ممکن است به دلیل آشنا نبودن با تفاوتهای آنها باشد.
پس بیایید با تعریف هر یک و تفاوتهای آنها بیشتر آشنا شویم .
محصول از چه چیزی ساخته شده است ؟
یک محصول (میتواند یک کالا یا نوعی خدمات باشد.) برای برآوردن نیازها یا خواستههای مصرف کنندگان ایجاد، عرضه و یا فروخته میشود. محصولات معمولا توسط شرکتها ایجاد میشوند به این معنی که برای توجیه وجود خود باید از نظر تجاری قابل دوام باشند. همچنین محصولات دارای ویژگیهایی هستند که آنها را کاربردی، قابل استفاده، مطلوب و لذتبخش میکند.
نقش یک طراح UX
ویژگیهایی در محصول هستند که بر تجربه کاربران هنگام تعامل با آن محصول تاثیر میگذارند. شما به عنوان یک طراح UX بر روی ایجاد و تکمیل آن ویژگیها (عمدتاً از منظر قابلیت استفاده و دسترسی) کار میکنید. شما باید محصولتان را در دسترس برای افراد دارای ناتوانی، از نظر زیبایی شناختی برای برانگیختن احساسات و خلاقانه برای جلب تمامی افراد برای داشتن چیزی منحصر به فرد ایجاد کنید.
نقش یک طراح محصول
شما مسئول وجود خود محصول هستید. وظیفه شما کار بر روی قابلیتهای استفاده و «ویژگی»های محصولتان نیست، وظیفه شما نوآوری خود محصول است. به عنوان یک طراح محصول، باید به نیازهای مشتریان و دوام از نظر کسب و کار پاسخ دهید. چرا مشتریان باید محصول شما را انتخاب کنند؟ چگونه نیازهای مشتری برطرف میشود؟ کسب و کار شما چگونه از این محصول سود میبرد؟
به طور کلی باید مشتریان خود و همچنین بازار و چشمانداز رقابتی را درک کنید .
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان تقریبی مطالعه : ۴ دقیقه)
گردآورنده : رها کاوهزاده
#تجربه_کاربر #طراحی_محصول
#UX
@Dexign فلسفه دیزاین
______
Medium
UX Design vs Product Design, What’s the Difference and Why it Matters
Most of us wouldn’t call our dental hygienist a dentist. Sometimes we do, mostly by mistake, but we quickly correct ourselves because the…
👍13❤3✍1
موثرترین مطالعات روانشناسی بر طراحی تجربه کاربری
فهم عملکرد مغز در طراحی مناسب برای انسانها موثر است. مطالعات روانشناسی و درک و شناسایی رفتار انسانها با دیزاین درهم آمیخته است و این مطالعات راهنمایی برای طراحی هستند.
برخی از آزمایشهای انجام شده در این زمینه، نتایج به دست آمده و راهنمایی برای پیادهسازی آنها در طراحی، در این مقاله آورده شده است.
آزمایش گوریل نامرئی (توجه انتخابی آدمها):
در این آزمایش، ویدیویی آماده شد که در آن دانشآموزان توپ بسکتبال را بین خود پاس میدهند؛ از بینندگان خواستهشد تعداد دفعاتی را که بازیکنان با پیراهن سفید توپ را پاس میدهند، بشمارند. آنها اغلب متوجه نمیشدند فردی با لباس گوریل در مرکز تصویر ظاهر میشود.
بنابراین دریافتند که انسانها دارای توجه انتخابی هستند؛ یعنی زمانی که روی یک موضوع متمرکز میشوند، به راحتی میتوانند مسائل دیگر را نادیده بگیرند.
برای بهینه کردن تجربه ی کاربر لازم است که این مسئله را در نظر بگیریم؛ روی مسیر کاربر تمرکز کنیم و موارد غیرضروری را حذف کنیم.
استفادهی درست از فضای سفید، از راهکارهای متداول برای مدیریت این مسئله است.
در آزمایشی دیگر زمانی که افراد در حال صحبت با فردی بودند، فرد با شخص دیگری با لباس متفاوت جایگزین شد در حالی که افراد متوجه این تغییر نشدند. در همین راستا توجه به طراحی حالتهای خطا حائز اهمیت است و لازم است که طراحی متفاوتی داشته باشند و توجه کاربر را جلب کنند.
عدد جادویی ۷ (مطالعات میلر):
در این آزمایش دریافتند که ظرفیت حافظهی انسان محدود است و به طور متوسط انسانها میتوانند ۷ ± ۲ جز را در حافظه ی کوتاه مدت خود نگهداری کنند.
بنابراین در طراحی مهم است که محدودیتهای ظرفیت پردازش اطلاعات توسط مغز انسان را در نظر بگیریم.
دقت کنیم که این وظیفه را برعهدهی کاربر نگذاریم که فعالانه فکر کند و اطلاعات را حفظ کند.
در طراحی هر مرحله در نظر بگیریم که کاربر نیاز به بهخاطرسپردن چه اطلاعاتی دارد و آنها را قابل مشاهده و قابل فهم طراحی کنیم.
در معماری اطلاعات، آنها را به گونهای ساماندهی کنیم که با محدودیتهای شناختی کاربران همسو باشد.
همینطور لازم است که با سلسله مراتب بصری، دستهبندیها و سیستمهای ناوبری مناسب، پردازش و به خاطر سپردن اطلاعات را سادهتر کنیم و از سلسله مراتب بصری برای اولویتبندی اطلاعات و هدایت تمرکز کاربر بر اطلاعات مهمتر بهره بگیریم.
در نظر داشتهباشیم ارائه ی اطلاعات به صورت بخشهای کوچک و یا تجزیهی مفاهیم پیچیده، درک کاربر را سادهتر میکند.
در طراحی فرمها یا فیلدهای ورودی، با محدود کردن تعداد فیلدهای مورد نیاز یا تقسیم کردن فرمهای طولانیتر به چند مرحله، بار شناختی را کاهش و تجربه ی کاربر را بهبود دهیم.
با استفاده از عناصر بصری به کاربران کمک کنیم تا اطلاعات را راحتتر اسکن و درک کنند.
در طراحی منوها و مسیرهای پیمایش کاربر، با ارائه تعداد قابل کنترلی از انتخابها، به کاربران در تصمیمگیری سریعتر کمک کنیم.
درک این محدودیتها بسیار مهم است و با بهکارگیری این بینش میتوانیم طراحی موثرتر و کاربرپسندتری داشته باشیم.
🔗 برای مطالعه کل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۱۱ دقیقه)
گردآورنده: محدثه عبادالهی
#تجربه_کاربر #روانشناسی
@Dexign فلسفه دیزاین
______
فهم عملکرد مغز در طراحی مناسب برای انسانها موثر است. مطالعات روانشناسی و درک و شناسایی رفتار انسانها با دیزاین درهم آمیخته است و این مطالعات راهنمایی برای طراحی هستند.
برخی از آزمایشهای انجام شده در این زمینه، نتایج به دست آمده و راهنمایی برای پیادهسازی آنها در طراحی، در این مقاله آورده شده است.
آزمایش گوریل نامرئی (توجه انتخابی آدمها):
در این آزمایش، ویدیویی آماده شد که در آن دانشآموزان توپ بسکتبال را بین خود پاس میدهند؛ از بینندگان خواستهشد تعداد دفعاتی را که بازیکنان با پیراهن سفید توپ را پاس میدهند، بشمارند. آنها اغلب متوجه نمیشدند فردی با لباس گوریل در مرکز تصویر ظاهر میشود.
بنابراین دریافتند که انسانها دارای توجه انتخابی هستند؛ یعنی زمانی که روی یک موضوع متمرکز میشوند، به راحتی میتوانند مسائل دیگر را نادیده بگیرند.
برای بهینه کردن تجربه ی کاربر لازم است که این مسئله را در نظر بگیریم؛ روی مسیر کاربر تمرکز کنیم و موارد غیرضروری را حذف کنیم.
استفادهی درست از فضای سفید، از راهکارهای متداول برای مدیریت این مسئله است.
در آزمایشی دیگر زمانی که افراد در حال صحبت با فردی بودند، فرد با شخص دیگری با لباس متفاوت جایگزین شد در حالی که افراد متوجه این تغییر نشدند. در همین راستا توجه به طراحی حالتهای خطا حائز اهمیت است و لازم است که طراحی متفاوتی داشته باشند و توجه کاربر را جلب کنند.
عدد جادویی ۷ (مطالعات میلر):
در این آزمایش دریافتند که ظرفیت حافظهی انسان محدود است و به طور متوسط انسانها میتوانند ۷ ± ۲ جز را در حافظه ی کوتاه مدت خود نگهداری کنند.
بنابراین در طراحی مهم است که محدودیتهای ظرفیت پردازش اطلاعات توسط مغز انسان را در نظر بگیریم.
دقت کنیم که این وظیفه را برعهدهی کاربر نگذاریم که فعالانه فکر کند و اطلاعات را حفظ کند.
در طراحی هر مرحله در نظر بگیریم که کاربر نیاز به بهخاطرسپردن چه اطلاعاتی دارد و آنها را قابل مشاهده و قابل فهم طراحی کنیم.
در معماری اطلاعات، آنها را به گونهای ساماندهی کنیم که با محدودیتهای شناختی کاربران همسو باشد.
همینطور لازم است که با سلسله مراتب بصری، دستهبندیها و سیستمهای ناوبری مناسب، پردازش و به خاطر سپردن اطلاعات را سادهتر کنیم و از سلسله مراتب بصری برای اولویتبندی اطلاعات و هدایت تمرکز کاربر بر اطلاعات مهمتر بهره بگیریم.
در نظر داشتهباشیم ارائه ی اطلاعات به صورت بخشهای کوچک و یا تجزیهی مفاهیم پیچیده، درک کاربر را سادهتر میکند.
در طراحی فرمها یا فیلدهای ورودی، با محدود کردن تعداد فیلدهای مورد نیاز یا تقسیم کردن فرمهای طولانیتر به چند مرحله، بار شناختی را کاهش و تجربه ی کاربر را بهبود دهیم.
با استفاده از عناصر بصری به کاربران کمک کنیم تا اطلاعات را راحتتر اسکن و درک کنند.
در طراحی منوها و مسیرهای پیمایش کاربر، با ارائه تعداد قابل کنترلی از انتخابها، به کاربران در تصمیمگیری سریعتر کمک کنیم.
درک این محدودیتها بسیار مهم است و با بهکارگیری این بینش میتوانیم طراحی موثرتر و کاربرپسندتری داشته باشیم.
🔗 برای مطالعه کل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۱۱ دقیقه)
گردآورنده: محدثه عبادالهی
#تجربه_کاربر #روانشناسی
@Dexign فلسفه دیزاین
______
Medium
The Most Influential Psychological Studies on UX Design.
Understanding How the Human Brain Works Helps Us Build Designs That Work For Humans.
👍5🔥4❤2
ای پی آی (API) چیست؟
ای پی آی (API) یا رابط برنامهنویسی برنامه، مجموعهای از قوانین تعریف شده است که برنامههای مختلف را قادر میسازد تا با یکدیگر ارتباط برقرار کنند. API به عنوان یک لایه واسطه عمل میکند که انتقال دادهها را بین سیستمها پردازش میکند و به شرکتها اجازه میدهد دادههای برنامه و عملکرد خود را برای توسعه دهندگان شخص ثالث خارجی، شرکای تجاری و بخش های داخلی شرکت خود باز کنند.
تعاریف و پروتکلهای درون یک API به کسبوکارها کمک میکند تا برنامههای کاربردی مختلفی را که در عملیات روزمره استفاده میکنند، به هم متصل کنند، که باعث صرفهجویی در وقت کارمندان و از میان برداشتن سیلوهایی میشود که مانع همکاری و نوآوری میشوند. برای توسعه دهندگان، اسناد API رابطی را برای ارتباط بین برنامهها فراهم میکند و یکپارچهسازی برنامهها را ساده میکند.
یک API چگونه کار می کند؟
یک راه ساده برای درک نحوه عملکرد APIها، نگاه کردن به یک مثال رایج است – پردازش عملیات پرداخت شخص ثالث. هنگامی که یک کاربر محصولی را در یک سایت تجاری الکترونیک خریداری میکند، ممکن است از او خواسته شود "پرداخت با پی پال" یا نوع دیگری از سیستم شخص ثالث را انجام دهد. این تابع برای ایجاد اتصال به APIها متکی است.
🔗 برای مطالعه کامل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطاله: ۷ دقیقه)
گردآونده: مائده صحرارو
#تجربه_کاربر
#UX
@Dexign فلسفه دیزاین
______
ای پی آی (API) یا رابط برنامهنویسی برنامه، مجموعهای از قوانین تعریف شده است که برنامههای مختلف را قادر میسازد تا با یکدیگر ارتباط برقرار کنند. API به عنوان یک لایه واسطه عمل میکند که انتقال دادهها را بین سیستمها پردازش میکند و به شرکتها اجازه میدهد دادههای برنامه و عملکرد خود را برای توسعه دهندگان شخص ثالث خارجی، شرکای تجاری و بخش های داخلی شرکت خود باز کنند.
تعاریف و پروتکلهای درون یک API به کسبوکارها کمک میکند تا برنامههای کاربردی مختلفی را که در عملیات روزمره استفاده میکنند، به هم متصل کنند، که باعث صرفهجویی در وقت کارمندان و از میان برداشتن سیلوهایی میشود که مانع همکاری و نوآوری میشوند. برای توسعه دهندگان، اسناد API رابطی را برای ارتباط بین برنامهها فراهم میکند و یکپارچهسازی برنامهها را ساده میکند.
یک API چگونه کار می کند؟
یک راه ساده برای درک نحوه عملکرد APIها، نگاه کردن به یک مثال رایج است – پردازش عملیات پرداخت شخص ثالث. هنگامی که یک کاربر محصولی را در یک سایت تجاری الکترونیک خریداری میکند، ممکن است از او خواسته شود "پرداخت با پی پال" یا نوع دیگری از سیستم شخص ثالث را انجام دهد. این تابع برای ایجاد اتصال به APIها متکی است.
🔗 برای مطالعه کامل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطاله: ۷ دقیقه)
گردآونده: مائده صحرارو
#تجربه_کاربر
#UX
@Dexign فلسفه دیزاین
______
👍7❤3🔥2⚡1
راهنمای سریع ایجاد یک سیستم طراحی
دیزاین سیستم، یک زبان یکپارچه است که به تیم کمک میکند مشکلات را به طور مداوم حل کند.
دیزاین سیستم، تیم توسعه محصول را متحد و به جلوگیری از مشکلات فنی کمک میکند. ساختن یک سیستم طراحی ممکن است در ابتدا سرعت شما را کاهش دهد، اما زمانی که تیم و محصول خود را گسترش میدهید، سود زیادی به همراه خواهد داشت.
اجزای یک دیزاین سیستم میتواند شامل اصول راهنما، عناصر برند، دستورالعملهای صوتی و لحن، استانداردهای کد و کتابخانه UI باشد.
عناصر اساسی طراحی را تعریف کنید
عناصر طراحی، بلوکهای ساختمانی اساسی یک رابط کاربری هستند. اولین قدم در ایجاد یک دیزاین سیستم جامع، تعریف عناصر سطح پایه آن است.
عناصری که باید در نظر گرفته شوند شامل:
رنگ
تایپوگرافی
سایز بندی
فاصله گذاری
شبکهها و ...
اجزای طراحی را تعریف کنید
کامپوننتها قطعات کاربردی یک رابط کاربری هستند. آنها از عناصر طراحی ایجاد میشوند و به روشهای مختلف برای ایجاد یک ترکیب گرد هم میآیند.
مولفههایی که باید در نظر گرفته شوند شامل:
فرمها (Input Fields)
دکمهها
زبانهها
نمادها
هشدارها و غیره.
تعریف نماها (صفحه نمایش، صفحات، ترکیبات)
بعد از اینکه عناصر و اجزای طراحی خود را تعریف کردید، میتوانید آنها را برای ایجاد نما ترکیب کنید.
داشبورد
فرمهای ثبتنام
جزئیات و غیره.
دیزاین سیستم باید با محصول و تیم سازگار و تکامل یابد. آن را به عنوان موجود زندهای در نظر بگیرید که همیشه در حال رشد است و به عشق نیاز دارد.
برای ایجاد یک سیستم طراحی نیازی به کارهای بزرگ نیست. اجازه ندهید پیچیدگی و تعهد زمانی آن منجر به تعویق شود. پایه را تعریف کنید و بگذارید بقیه با رشد محصول شما تکامل یابد.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر #دیزاین_سیستم
#UI
@Dexign فلسفه دیزاین
______
دیزاین سیستم، یک زبان یکپارچه است که به تیم کمک میکند مشکلات را به طور مداوم حل کند.
دیزاین سیستم، تیم توسعه محصول را متحد و به جلوگیری از مشکلات فنی کمک میکند. ساختن یک سیستم طراحی ممکن است در ابتدا سرعت شما را کاهش دهد، اما زمانی که تیم و محصول خود را گسترش میدهید، سود زیادی به همراه خواهد داشت.
اجزای یک دیزاین سیستم میتواند شامل اصول راهنما، عناصر برند، دستورالعملهای صوتی و لحن، استانداردهای کد و کتابخانه UI باشد.
عناصر اساسی طراحی را تعریف کنید
عناصر طراحی، بلوکهای ساختمانی اساسی یک رابط کاربری هستند. اولین قدم در ایجاد یک دیزاین سیستم جامع، تعریف عناصر سطح پایه آن است.
عناصری که باید در نظر گرفته شوند شامل:
رنگ
تایپوگرافی
سایز بندی
فاصله گذاری
شبکهها و ...
اجزای طراحی را تعریف کنید
کامپوننتها قطعات کاربردی یک رابط کاربری هستند. آنها از عناصر طراحی ایجاد میشوند و به روشهای مختلف برای ایجاد یک ترکیب گرد هم میآیند.
مولفههایی که باید در نظر گرفته شوند شامل:
فرمها (Input Fields)
دکمهها
زبانهها
نمادها
هشدارها و غیره.
تعریف نماها (صفحه نمایش، صفحات، ترکیبات)
بعد از اینکه عناصر و اجزای طراحی خود را تعریف کردید، میتوانید آنها را برای ایجاد نما ترکیب کنید.
داشبورد
فرمهای ثبتنام
جزئیات و غیره.
دیزاین سیستم باید با محصول و تیم سازگار و تکامل یابد. آن را به عنوان موجود زندهای در نظر بگیرید که همیشه در حال رشد است و به عشق نیاز دارد.
برای ایجاد یک سیستم طراحی نیازی به کارهای بزرگ نیست. اجازه ندهید پیچیدگی و تعهد زمانی آن منجر به تعویق شود. پایه را تعریف کنید و بگذارید بقیه با رشد محصول شما تکامل یابد.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر #دیزاین_سیستم
#UI
@Dexign فلسفه دیزاین
______
Medium
A quick guide on creating a design system
Learn the basics of creating a design system in 6 minutes
👍10⚡2👏1
دیزاین فراگیر، طراحی و نوآوری برای همه:
طراحی فراگیر چیزی بیش از مجموعه ای از اصول طراحی است.
در این رویکرد، تنوع و دسترسیپذیری در مرکز فرآیند قرار میگیرد و با در نظر گرفتن این که افراد تواناییها، پیشینه و نیازهای متفاوتی دارند، تلاش میشود که محصولات و تجربیات برای همه در دسترس و قابل استفاده باشد.
در این مقاله، طراحی فراگیر، اهمیت آن و به کارگیری آن برای ایجاد دنیایی عادلانهتر و کاربر پسندتر را بررسی خواهیم کرد.
مؤلفههای طراحی فراگیر:
ذهنیت طراحی فراگیر ریشه در این باور دارد که محصولات، خدمات و محیط باید به گونهای طراحی شوند که تا حد امکان به افراد زیادی بدون نیاز به انطباق یا طراحی اختصاصی خدمت کنند.
برخی از عناصر کلیدی این رویکرد عبارتاند از:
🔹تنوع محور بودن:
ذهنیت طراحی فراگیر طیف وسیعی از تواناییها و تجربیات انسانی را میپذیرد، به این تنوع احترام میگذارد و تجلیل میکند.
🔸داشتن دسترسی به صورت پیش فرض:
طراحی فراگیر به دنبال این است که جهان را به طور پیش فرض در دسترس قرار دهد.
به جای اختصاصی کردن راه حلها برای نیازهای خاص، هدف آن ایجاد طرحهای قابل دسترس جهانی از همان ابتدا است.
🔹کاربر محور بودن:
مردم در قلب فرآیند طراحی فراگیر قرار دارند. نیازها، ترجیحات و تجربیات آنها هر تصمیم و تکرار برای بهبود را هدایت میکند.
🔸یادگیری و بهبود مستمر:
طراحی فراگیر یک فرآیند در حال تکامل است.
این رویکرد شامل تعهد به یادگیری، انطباق و بهبود مستمر راه حلهای طراحی بر اساس بازخورد کاربران و نیازهای در حال تغییر است.
🔹همدلی:
همدلی سنگ بنای ذهنیت طراحی فراگیر است.
طراحان برای درک بهتر چالشها و نیازهای کاربران، خود را به جای کاربرانی با تواناییها، سوابق و تجربیات متفاوت قرار میدهند.
اهمیت طراحی فراگیر:
طراحی فراگیر در زمینههای مختلفی اثرگذار است که عبارتاند از:
🔹افزایش دسترسیپذیری:
طراحی فراگیر تضمین میکند که محصولات و خدمات برای افراد دارای ناتوانی قابل دسترسی است و آنها میتوانند به طور کامل در تمام جنبههای زندگی مشارکت کنند.
🔸گسترش بازار:
طراحی فراگیر میتواند بازار بالقوه یک محصول یا خدمات را گسترش دهد.
وقتی راهحلها برای مخاطبان گستردهتری ارائه میشود، میتوانیم به پایگاه مشتریان متنوعتری برسیم.
🔹نوآوری:
طراحی فراگیر با در نظر گرفتن نیازهای مختلف کاربر میتواند الهام بخش ایدههای خلاقانه و بدیع باشد.
🔸ملاحظات اخلاقی:
فراگیری یک الزام اخلاقی است.
رفتار با همه افراد با احترام، کرامت و انصاف، صرف نظر از تواناییها یا ویژگیهای آنها.
🔹رضایت کاربر:
هنگامی که محصولات با در نظر گرفتن فراگیری طراحی میشوند، کاربر پسندتر و لذت بخشتر هستند و منجر به رضایت و وفاداری بیشتر کاربران میشود.
ذهنیت طراحی فراگیر یک رویکرد قدرتمند است که پتانسیل تغییر روش ایجاد محصولات و تجربیات را دارد.
با شناخت و پذیرش تنوع بشریت و تعهد به دسترسی، همدلی و بهبود مستمر، میتوانیم جهانی بسازیم که در آن فراگیری پیشفرض باشد نه استثناء.
چگونگی به کارگیری این ذهنیت و ابزارهای لازم در ادامه ی مقاله آمده است.
🔗برای مطالعه کل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: محدثه عبادالهی
#تجربه_کاربر #دسترسی_پذیری #کاربردپذیری
@Dexign فلسفه دیزاین
______
طراحی فراگیر چیزی بیش از مجموعه ای از اصول طراحی است.
در این رویکرد، تنوع و دسترسیپذیری در مرکز فرآیند قرار میگیرد و با در نظر گرفتن این که افراد تواناییها، پیشینه و نیازهای متفاوتی دارند، تلاش میشود که محصولات و تجربیات برای همه در دسترس و قابل استفاده باشد.
در این مقاله، طراحی فراگیر، اهمیت آن و به کارگیری آن برای ایجاد دنیایی عادلانهتر و کاربر پسندتر را بررسی خواهیم کرد.
مؤلفههای طراحی فراگیر:
ذهنیت طراحی فراگیر ریشه در این باور دارد که محصولات، خدمات و محیط باید به گونهای طراحی شوند که تا حد امکان به افراد زیادی بدون نیاز به انطباق یا طراحی اختصاصی خدمت کنند.
برخی از عناصر کلیدی این رویکرد عبارتاند از:
🔹تنوع محور بودن:
ذهنیت طراحی فراگیر طیف وسیعی از تواناییها و تجربیات انسانی را میپذیرد، به این تنوع احترام میگذارد و تجلیل میکند.
🔸داشتن دسترسی به صورت پیش فرض:
طراحی فراگیر به دنبال این است که جهان را به طور پیش فرض در دسترس قرار دهد.
به جای اختصاصی کردن راه حلها برای نیازهای خاص، هدف آن ایجاد طرحهای قابل دسترس جهانی از همان ابتدا است.
🔹کاربر محور بودن:
مردم در قلب فرآیند طراحی فراگیر قرار دارند. نیازها، ترجیحات و تجربیات آنها هر تصمیم و تکرار برای بهبود را هدایت میکند.
🔸یادگیری و بهبود مستمر:
طراحی فراگیر یک فرآیند در حال تکامل است.
این رویکرد شامل تعهد به یادگیری، انطباق و بهبود مستمر راه حلهای طراحی بر اساس بازخورد کاربران و نیازهای در حال تغییر است.
🔹همدلی:
همدلی سنگ بنای ذهنیت طراحی فراگیر است.
طراحان برای درک بهتر چالشها و نیازهای کاربران، خود را به جای کاربرانی با تواناییها، سوابق و تجربیات متفاوت قرار میدهند.
اهمیت طراحی فراگیر:
طراحی فراگیر در زمینههای مختلفی اثرگذار است که عبارتاند از:
🔹افزایش دسترسیپذیری:
طراحی فراگیر تضمین میکند که محصولات و خدمات برای افراد دارای ناتوانی قابل دسترسی است و آنها میتوانند به طور کامل در تمام جنبههای زندگی مشارکت کنند.
🔸گسترش بازار:
طراحی فراگیر میتواند بازار بالقوه یک محصول یا خدمات را گسترش دهد.
وقتی راهحلها برای مخاطبان گستردهتری ارائه میشود، میتوانیم به پایگاه مشتریان متنوعتری برسیم.
🔹نوآوری:
طراحی فراگیر با در نظر گرفتن نیازهای مختلف کاربر میتواند الهام بخش ایدههای خلاقانه و بدیع باشد.
🔸ملاحظات اخلاقی:
فراگیری یک الزام اخلاقی است.
رفتار با همه افراد با احترام، کرامت و انصاف، صرف نظر از تواناییها یا ویژگیهای آنها.
🔹رضایت کاربر:
هنگامی که محصولات با در نظر گرفتن فراگیری طراحی میشوند، کاربر پسندتر و لذت بخشتر هستند و منجر به رضایت و وفاداری بیشتر کاربران میشود.
ذهنیت طراحی فراگیر یک رویکرد قدرتمند است که پتانسیل تغییر روش ایجاد محصولات و تجربیات را دارد.
با شناخت و پذیرش تنوع بشریت و تعهد به دسترسی، همدلی و بهبود مستمر، میتوانیم جهانی بسازیم که در آن فراگیری پیشفرض باشد نه استثناء.
چگونگی به کارگیری این ذهنیت و ابزارهای لازم در ادامه ی مقاله آمده است.
🔗برای مطالعه کل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده: محدثه عبادالهی
#تجربه_کاربر #دسترسی_پذیری #کاربردپذیری
@Dexign فلسفه دیزاین
______
Medium
The Inclusive Design Mindset: Designing for All, Innovating for All
Inclusive design is more than just a set of design principles; it’s a mindset that places diversity and accessibility at the core of the…
👍7⚡3🤩1
مقایسه روشهای نقشهبرداری در UX
نقشه همدلی، نقشه سفر مشتری، نقشه تجربه و طرحهای خدماتی هرکدام فرآیندهای متفاوتی را نشان میدهند و اهداف متفاوتی دارند با این حال ترکیب آنها زمینهای مشترک برای شکلگیری محصول ما آماده میکند.
طراحی و توسعه محصول معمولا با تیمی بزرگ از افراد با سوابق مختلف که باید در مورد اهداف پروژه ، نیازها و رفتارهای کاربر هم نظر باشند تشکیل میشود. این درک مشترک با تجسم و نقشهبرداری ایجاد میشود؛ زیرا نقشهبرداری جنبهها و فرآیندهای مختلف هر محصولی را معنا و توصیف میکند.
▫️۴ روش نقشهبرداری
۱.نقشه همدلی
۲.نقشه سفر مشتری
۳.نقشه تجربه
۴.نقشه خدمات
▫️نقشه همدلی
نقشه همدلی به اعضای تیم کمک میکند تا طرز فکر کاربر را درک کنند.
مشخصات:
⁃ نقشه همدلی به ۴ ربع تقسیم میشود: میگوید، فکر میکند، احساس میکند و انجام میدهد.
⁃ دیدگاه کاربر را در مورد وظایف مربوط به محصول نشان میدهد.
⁃ زمان و ترتیب گفتهها اهمیتی ندارد.
⁃ این نقشه برای هر شخصیت و کاربر وجود دارد.
چرا از نقشه همدلی استفاده کنیم؟
⁃ برای ایجاد همدلی بین کاربران خود
⁃ برای ایجاد تراز و درک صحیح از کاربر
چه زمانی از آن استفاده کنیم؟
⁃ در ابتدای فرآیند دیزاین
⁃ وقتی اطلاعاتمان را بعد از مصاحبه با کاربر دسته بندی کردیم.
▫️نقشه سفر مشتری
تجسم فرآیندی است که فرد برای دستیابی به یک هدف از محصول یا خدمات استفاده میکند. در ابتداییترین قدم با گردآوری یکسری اهداف و اقدامات کاربر آغاز میشود. این اهداف با احساسات کاربر به منظور ایجاد یک روایت ترکیب میشود و سپس تصویری از ترکیب این دو مسیری که کاربر برای رسیدن به هدف خود را طی میکند میسازد.
مشخصات :
⁃ این نقشه برای هر محصول و خدمات متفاوت است.
⁃ به ۴ قسمت تقسیم میشود: مراحل، اقدامات، افکار و احساسات
⁃ این نقشه دیدگاه کاربر را نشان میدهد (شامل طرز فکر، افکار و احساسات) همچنین جزئیات فرآیند به صورت دقیق نمایش داده نمیشود.
⁃ سلسله مراتب دارد. (از زمان برخورد کاربر با محصول تا زمانی که از محصول یا خدمات خارج میشود)
⁃ برای هر پرسونا نقشه متفاوتی وجود دارد.
🔗 برای مطالعه ادامه مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه : ۵ دقیقه)
گردآورنده : رها کاوه زاده
#تجربه_کاربر #نقشه_سفر_مشتری
@Dexign فلسفه دیزاین
______
نقشه همدلی، نقشه سفر مشتری، نقشه تجربه و طرحهای خدماتی هرکدام فرآیندهای متفاوتی را نشان میدهند و اهداف متفاوتی دارند با این حال ترکیب آنها زمینهای مشترک برای شکلگیری محصول ما آماده میکند.
طراحی و توسعه محصول معمولا با تیمی بزرگ از افراد با سوابق مختلف که باید در مورد اهداف پروژه ، نیازها و رفتارهای کاربر هم نظر باشند تشکیل میشود. این درک مشترک با تجسم و نقشهبرداری ایجاد میشود؛ زیرا نقشهبرداری جنبهها و فرآیندهای مختلف هر محصولی را معنا و توصیف میکند.
▫️۴ روش نقشهبرداری
۱.نقشه همدلی
۲.نقشه سفر مشتری
۳.نقشه تجربه
۴.نقشه خدمات
▫️نقشه همدلی
نقشه همدلی به اعضای تیم کمک میکند تا طرز فکر کاربر را درک کنند.
مشخصات:
⁃ نقشه همدلی به ۴ ربع تقسیم میشود: میگوید، فکر میکند، احساس میکند و انجام میدهد.
⁃ دیدگاه کاربر را در مورد وظایف مربوط به محصول نشان میدهد.
⁃ زمان و ترتیب گفتهها اهمیتی ندارد.
⁃ این نقشه برای هر شخصیت و کاربر وجود دارد.
چرا از نقشه همدلی استفاده کنیم؟
⁃ برای ایجاد همدلی بین کاربران خود
⁃ برای ایجاد تراز و درک صحیح از کاربر
چه زمانی از آن استفاده کنیم؟
⁃ در ابتدای فرآیند دیزاین
⁃ وقتی اطلاعاتمان را بعد از مصاحبه با کاربر دسته بندی کردیم.
▫️نقشه سفر مشتری
تجسم فرآیندی است که فرد برای دستیابی به یک هدف از محصول یا خدمات استفاده میکند. در ابتداییترین قدم با گردآوری یکسری اهداف و اقدامات کاربر آغاز میشود. این اهداف با احساسات کاربر به منظور ایجاد یک روایت ترکیب میشود و سپس تصویری از ترکیب این دو مسیری که کاربر برای رسیدن به هدف خود را طی میکند میسازد.
مشخصات :
⁃ این نقشه برای هر محصول و خدمات متفاوت است.
⁃ به ۴ قسمت تقسیم میشود: مراحل، اقدامات، افکار و احساسات
⁃ این نقشه دیدگاه کاربر را نشان میدهد (شامل طرز فکر، افکار و احساسات) همچنین جزئیات فرآیند به صورت دقیق نمایش داده نمیشود.
⁃ سلسله مراتب دارد. (از زمان برخورد کاربر با محصول تا زمانی که از محصول یا خدمات خارج میشود)
⁃ برای هر پرسونا نقشه متفاوتی وجود دارد.
🔗 برای مطالعه ادامه مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه : ۵ دقیقه)
گردآورنده : رها کاوه زاده
#تجربه_کاربر #نقشه_سفر_مشتری
@Dexign فلسفه دیزاین
______
Nielsen Norman Group
UX Mapping Methods Compared: A Cheat Sheet
Understand similarities and differences among empathy maps, customer journey maps, experience maps, and service blueprints.
👍4🔥2❤1⚡1
اگر میخواهید خلاق باشید، نمیتوانید مطمئن و قاطع باشید: پذیرش ابهام بعنوان یک ابر نیرو
اواسط دوران کاریام در رشته تبلیغات، در تصمیم گرفتن دچار چالش بودم. به عنوان طراح در دنیای بازاریابی و فروش، عدم توانایی در تصمیمگیری سریع برای من یک مانع بود و حس میکردم برای ارائهی کاری خوب با سرعتی درخور صنعتی که همواره درگیر تازهها است و تازهها هر روز عوض میشوند، کار نمیکنم و باید این مانع را برطرف کنم.
پدرم موزیسین است و روزی داشتیم درباره ی خلاقیت گفتگو میکردیم، به من گفت: "اگر میخواهی خلاق باشی، نمیتوانی مطمئن و قاطع باشی." او توضیح داد که خلاقیت متضاد قطعیت است. وقتی که خلق میکنی، درحال ایجاد چیزی هستی که قبلا وجود نداشته، و برای این کار مسیر مشخصی با بله و خیرهای ثابت وجود ندارد. برای خلاق بودن باید وارد دنیای ناشناختهها شد.
تمایل به انجام کارهایی که قبلا انجام نشدهاند
وقتی کارهایی میکنیم که قبلا انجام نشدهاند، عدم قطعیت اجتناب ناپذیر است. زمانی که در IDEO کار میکردم، ۷ ارزش برای کارمان در شرکت تعریف شده بود. ارزش شماره ۳، پذیرش ابهام، باعث میشد ما خارج از چارچوب فکر کنیم. پذیرش ابهام کار آسانی نیست، گاهی احساس میکردیم کاملا در مه هستیم و به خودمان شک میکردیم، درست مانند تجربهی یک شعبده باز.
یکی از نویسندگان مورد علاقهام، ست گودین، در وبلاگش پستی درباره ی عدم قطعیت و سندرم شعبده بازی دارد. او توضیح میدهد که: "هر کسی که کار مهمی انجام میدهد، در واقع دارد کاری میکند که ممکن است جواب ندهد، در نتیجه، همواره حس اینکه شاید جواب ندهد، همراه اوست. و این چیزی است که او را به یک شعبده باز تبدیل میکند." به نظر من خلاقیت یعنی همین؛ انجام کاری مهم که شاید جواب ندهد. بنابراین زمانی که به خودتان شک میکنید، بدانید که این بخشی از پروسه است و بدون آن نمیتوانید خلق کنید.
🔗 برای مطالعه ی ادامهی مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه : ۴ دقیقه)
گردآورنده : فاطمه حیدری
#توسعه_فردی #خلاقیت
@Dexign فلسفه دیزاین
______
اواسط دوران کاریام در رشته تبلیغات، در تصمیم گرفتن دچار چالش بودم. به عنوان طراح در دنیای بازاریابی و فروش، عدم توانایی در تصمیمگیری سریع برای من یک مانع بود و حس میکردم برای ارائهی کاری خوب با سرعتی درخور صنعتی که همواره درگیر تازهها است و تازهها هر روز عوض میشوند، کار نمیکنم و باید این مانع را برطرف کنم.
پدرم موزیسین است و روزی داشتیم درباره ی خلاقیت گفتگو میکردیم، به من گفت: "اگر میخواهی خلاق باشی، نمیتوانی مطمئن و قاطع باشی." او توضیح داد که خلاقیت متضاد قطعیت است. وقتی که خلق میکنی، درحال ایجاد چیزی هستی که قبلا وجود نداشته، و برای این کار مسیر مشخصی با بله و خیرهای ثابت وجود ندارد. برای خلاق بودن باید وارد دنیای ناشناختهها شد.
تمایل به انجام کارهایی که قبلا انجام نشدهاند
وقتی کارهایی میکنیم که قبلا انجام نشدهاند، عدم قطعیت اجتناب ناپذیر است. زمانی که در IDEO کار میکردم، ۷ ارزش برای کارمان در شرکت تعریف شده بود. ارزش شماره ۳، پذیرش ابهام، باعث میشد ما خارج از چارچوب فکر کنیم. پذیرش ابهام کار آسانی نیست، گاهی احساس میکردیم کاملا در مه هستیم و به خودمان شک میکردیم، درست مانند تجربهی یک شعبده باز.
یکی از نویسندگان مورد علاقهام، ست گودین، در وبلاگش پستی درباره ی عدم قطعیت و سندرم شعبده بازی دارد. او توضیح میدهد که: "هر کسی که کار مهمی انجام میدهد، در واقع دارد کاری میکند که ممکن است جواب ندهد، در نتیجه، همواره حس اینکه شاید جواب ندهد، همراه اوست. و این چیزی است که او را به یک شعبده باز تبدیل میکند." به نظر من خلاقیت یعنی همین؛ انجام کاری مهم که شاید جواب ندهد. بنابراین زمانی که به خودتان شک میکنید، بدانید که این بخشی از پروسه است و بدون آن نمیتوانید خلق کنید.
🔗 برای مطالعه ی ادامهی مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه : ۴ دقیقه)
گردآورنده : فاطمه حیدری
#توسعه_فردی #خلاقیت
@Dexign فلسفه دیزاین
______
Medium
If you want to be creative, you can’t be certain
Embracing ambiguity as a superpower.
👍11❤4👏2
چگونه میتوانید user flow را در wireframe خود به طور دقیق نشان دهید؟
وایرفریمینگ (Wireframing) مرحله مهمی در طراحی محصول است، زیرا به شما کمک میکند تا ساختار، طرح و عملکرد محصول خود را قبل از سرمایه گذاری زمان و منابع برای توسعه تجسم و آزمایش کنید. با این حال، وایرفریمینگ فقط در مورد رسم کادرها و فلش ها نیست. بلکه در مورد نمایش جریان کاربر یا نحوه تعامل کاربران با محصول شما برای رسیدن به اهداف خود است.
۱. جریان کاربر (user flow) چیست؟
جریان کاربر دنبالهای از مراحل یا اقداماتی است که کاربران برای تکمیل یک کار یا رسیدن به یک نتیجه با محصول شما انجام میدهند. به عنوان مثال، جریان کاربر برای یک برنامه تجارت الکترونیکی ممکن است شامل مرور محصولات، افزودن موارد به سبد خرید، بررسی و تأیید پرداخت باشد. جریان کاربر ارتباط نزدیکی با تجربه کاربر (UX) دارد، زیرا بر میزان سهولت استفاده و رضایتبخش بودن محصول شما برای کاربران تأثیر میگذارد.
۲. چرا جریان کاربر برای وایرفریمینگ مهم است؟
جریان کاربر برای Wireframing مهم است زیرا به شما کمک میکند تا محدوده، ویژگیها و مسیریابی محصول خود را تعریف کنید. با ترسیم جریان کاربر، میتوانید صفحههای کلیدی، عناصر و تعاملاتی را که Wireframe شما باید شامل شود، شناسایی کنید. همچنین میتوانید شکافها، خطاها یا نقاط اصطکاک احتمالی را که ممکن است مانع از دستیابی کاربران به اهدافشان شود را شناسایی کنید. جریان کاربر همچنین به شما کمک میکند تا دیدگاه و منطق طراحی خود را با ذینفعان، توسعه دهندگان و آزمایش کنندگان خود در میان بگذارید.
🔗 برای مطالعه کل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: مائده صحرارو
#تجربه_کاربر #UX #وایرفریم
@Dexign فلسفه دیزاین
______
وایرفریمینگ (Wireframing) مرحله مهمی در طراحی محصول است، زیرا به شما کمک میکند تا ساختار، طرح و عملکرد محصول خود را قبل از سرمایه گذاری زمان و منابع برای توسعه تجسم و آزمایش کنید. با این حال، وایرفریمینگ فقط در مورد رسم کادرها و فلش ها نیست. بلکه در مورد نمایش جریان کاربر یا نحوه تعامل کاربران با محصول شما برای رسیدن به اهداف خود است.
۱. جریان کاربر (user flow) چیست؟
جریان کاربر دنبالهای از مراحل یا اقداماتی است که کاربران برای تکمیل یک کار یا رسیدن به یک نتیجه با محصول شما انجام میدهند. به عنوان مثال، جریان کاربر برای یک برنامه تجارت الکترونیکی ممکن است شامل مرور محصولات، افزودن موارد به سبد خرید، بررسی و تأیید پرداخت باشد. جریان کاربر ارتباط نزدیکی با تجربه کاربر (UX) دارد، زیرا بر میزان سهولت استفاده و رضایتبخش بودن محصول شما برای کاربران تأثیر میگذارد.
۲. چرا جریان کاربر برای وایرفریمینگ مهم است؟
جریان کاربر برای Wireframing مهم است زیرا به شما کمک میکند تا محدوده، ویژگیها و مسیریابی محصول خود را تعریف کنید. با ترسیم جریان کاربر، میتوانید صفحههای کلیدی، عناصر و تعاملاتی را که Wireframe شما باید شامل شود، شناسایی کنید. همچنین میتوانید شکافها، خطاها یا نقاط اصطکاک احتمالی را که ممکن است مانع از دستیابی کاربران به اهدافشان شود را شناسایی کنید. جریان کاربر همچنین به شما کمک میکند تا دیدگاه و منطق طراحی خود را با ذینفعان، توسعه دهندگان و آزمایش کنندگان خود در میان بگذارید.
🔗 برای مطالعه کل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۵ دقیقه)
گردآورنده: مائده صحرارو
#تجربه_کاربر #UX #وایرفریم
@Dexign فلسفه دیزاین
______
Linkedin
How can you accurately represent user flow in your wireframe?
Learn what user flow is, why it's important for wireframing, and how to create and improve it using different methods and tips in this product design article.
👍7
Forwarded from Dexign Academy | آکادمی دیزاین
نوزدهمین دورهی طراحی محصول آکادمی دیزاین/
برای ثبتنام در دوره ۱۹ طراحی محصول که فروردین ماه برگزار خواهد شد، میتوانید از طریق لینک زیر اقدام نمایید.
همچنین برای اطلاع بیشتر از شرایط دوره میتوانید از طریق دایرکت و یا پیشثبتنام در وبسایت با ما در تماس باشید. ✨
توجه داشته باشید تا ۱۵ اسفند امکان ثبتنام با تخفیف در این دوره را دارید.
ثبتنام:
https://dexignacademy.com/enroll?course=FPD0019
#طراحی_محصول #طراحی_تجربه_کاربری #دوره_طراحی_محصول #دوره_آنلاین #کلاس_آنلاین #آکادمی_دیزاین #ux #ui #dexigncademy #uidesign #uxdesign #دیزاین_تجربه_کاربر
برای ثبتنام در دوره ۱۹ طراحی محصول که فروردین ماه برگزار خواهد شد، میتوانید از طریق لینک زیر اقدام نمایید.
همچنین برای اطلاع بیشتر از شرایط دوره میتوانید از طریق دایرکت و یا پیشثبتنام در وبسایت با ما در تماس باشید. ✨
توجه داشته باشید تا ۱۵ اسفند امکان ثبتنام با تخفیف در این دوره را دارید.
ثبتنام:
https://dexignacademy.com/enroll?course=FPD0019
#طراحی_محصول #طراحی_تجربه_کاربری #دوره_طراحی_محصول #دوره_آنلاین #کلاس_آنلاین #آکادمی_دیزاین #ux #ui #dexigncademy #uidesign #uxdesign #دیزاین_تجربه_کاربر
👍2❤1
نحوه ایجاد نقشه سفر مشتری در ۵ مرحله
نقشه سفر مشتری، بخشی جدایی ناپذیر از طراحی تجربه است. بهترین نقشههای سفر مشتری بر اساس بازخورد مشتری است.
هر چه بیشتر درگیریهای مشتریان خود را درک کنید، بهتر میتوانید تجربهای را طراحی کنید که سود شما را افزایش دهد.
این شامل تلاشی هماهنگ و منظم برای نمایش بصری نقاط تماسی است که سفر خریدار را تشکیل میدهند. با ترسیم کل سفر مشتری، سازمانها میتوانند شکافها و نقاط درد را شناسایی کنند، که منجر به بهبود تجربیات کاربر میشود و مشتریان بالقوهها را خوشحال میکند، آنها را به مشتریان پولی تبدیل و برای بازگشت بیشتر نگه میدارد.
اهداف خود را شناسایی کنید
اولین گام برای ایجاد نقشه سفر مشتری مستلزم شناسایی موارد زیر است:
بخشهای بازار برای تمرکز
محصولات و خریدهای خاص برای ارزیابی
محدوده نقشه سفر مشتری شما
شخصیت های کاربر هدف خود را شناسایی کنید
شخصیتهای کاربر بر اساس دادههای واقعی مشتری هستند و به شما کمک میکنند تا با چالشهایی که مشتریان شما با آن روبرو هستند، احساساتی که در تعامل با برند شما تجربه میکنند و راههایی که میتوانید به آنها در دستیابی به اهدافشان کمک کنید، همدلی کنید.
نقشههای سفر هر مشتری متفاوت است، زیرا شیوهای که هر گروه از کاربران برند شما تجربه میکنند، متفاوت خواهد بود.
هر نقطه تماس را فهرست کنید
هر مرحله از سفر مشتری را که در آن مشتری با برند شما تعامل دارد فهرست کنید.
بازخورد مشتریان را در بین مخاطبان هدف خود جمعآوری میکنید و تعیین میکنید که چگونه برند شما را تجربه میکنند.
چه ناامیدیهایی را تجربه میکنند، چه احساساتی را احساس میکنند و چه چیزی آنها را به سمت تغییر سوق میدهد؟
یک نقشه دقیق سفر مشتری ایجاد کنید
نقشههای سفر مشتری معمولاً دارای ستونهای عمودی و افقی هستند و مراحل مختلف سفر مشتری را در یک جدول زمانی مشخص میکنند که از چپ به راست و یا راست به چپ اجرا میشوند.
نقشه سفر مشتری را بشارت دهید
هنگامی که نقشه سفر مشتری خود را مشخص کردید، با سایر بخشها به اشتراک بگذارید. نقشه سفر مشتری برای تیمهای بازاریابی و تیم های توسعه و طراحی محصول، بسیار اهمیت دارد.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: امیرحسین معظمی
#نقشه_سفر_مشتری
#UX #customer_journey_map
@Dexign فلسفه دیزاین
______
نقشه سفر مشتری، بخشی جدایی ناپذیر از طراحی تجربه است. بهترین نقشههای سفر مشتری بر اساس بازخورد مشتری است.
هر چه بیشتر درگیریهای مشتریان خود را درک کنید، بهتر میتوانید تجربهای را طراحی کنید که سود شما را افزایش دهد.
این شامل تلاشی هماهنگ و منظم برای نمایش بصری نقاط تماسی است که سفر خریدار را تشکیل میدهند. با ترسیم کل سفر مشتری، سازمانها میتوانند شکافها و نقاط درد را شناسایی کنند، که منجر به بهبود تجربیات کاربر میشود و مشتریان بالقوهها را خوشحال میکند، آنها را به مشتریان پولی تبدیل و برای بازگشت بیشتر نگه میدارد.
اهداف خود را شناسایی کنید
اولین گام برای ایجاد نقشه سفر مشتری مستلزم شناسایی موارد زیر است:
بخشهای بازار برای تمرکز
محصولات و خریدهای خاص برای ارزیابی
محدوده نقشه سفر مشتری شما
شخصیت های کاربر هدف خود را شناسایی کنید
شخصیتهای کاربر بر اساس دادههای واقعی مشتری هستند و به شما کمک میکنند تا با چالشهایی که مشتریان شما با آن روبرو هستند، احساساتی که در تعامل با برند شما تجربه میکنند و راههایی که میتوانید به آنها در دستیابی به اهدافشان کمک کنید، همدلی کنید.
نقشههای سفر هر مشتری متفاوت است، زیرا شیوهای که هر گروه از کاربران برند شما تجربه میکنند، متفاوت خواهد بود.
هر نقطه تماس را فهرست کنید
هر مرحله از سفر مشتری را که در آن مشتری با برند شما تعامل دارد فهرست کنید.
بازخورد مشتریان را در بین مخاطبان هدف خود جمعآوری میکنید و تعیین میکنید که چگونه برند شما را تجربه میکنند.
چه ناامیدیهایی را تجربه میکنند، چه احساساتی را احساس میکنند و چه چیزی آنها را به سمت تغییر سوق میدهد؟
یک نقشه دقیق سفر مشتری ایجاد کنید
نقشههای سفر مشتری معمولاً دارای ستونهای عمودی و افقی هستند و مراحل مختلف سفر مشتری را در یک جدول زمانی مشخص میکنند که از چپ به راست و یا راست به چپ اجرا میشوند.
نقشه سفر مشتری را بشارت دهید
هنگامی که نقشه سفر مشتری خود را مشخص کردید، با سایر بخشها به اشتراک بگذارید. نقشه سفر مشتری برای تیمهای بازاریابی و تیم های توسعه و طراحی محصول، بسیار اهمیت دارد.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: امیرحسین معظمی
#نقشه_سفر_مشتری
#UX #customer_journey_map
@Dexign فلسفه دیزاین
______
Net Solutions
How to Create a Customer Journey Map in 5 Simple Steps
Learn how to create a customer journey map in five simple steps. Also, use the templates from our product development experts.
👍6
دیزاینرهای عزیز ، فقط طراحی UX انجام دادن کافی نیست!
بحث دیرینهای بین جامعهی دیزاین حول این محور وجود دارد که دیزاینر خوب بودن دقیقا به چه معناست. برای ماندن در این صنعت، فقط انجام UI و UX کافی نیست. شما برای استخدام به مهارتهای دیگری هم نیاز دارید.
مهارتهایی که ممکن است توجهی به آنها نکرده باشید:
هر بار که هنرجویی پس از گذراندن بوت کمپ به من مراجعه میکند و از ریجکت شدنهای پیاپی گله میکند، تنها کاری که میتوانم برای او انجام دهم همدردی است، چون من نمیتوانم او را از آمادهی کار نبودن نجات دهم.
اصلا "آمادهی کار نبودن" یعنی چه؟ بطور ساده، یعنی توانایی تاثیرگذاری بر کار یا مهارتی که باعث شود بلافاصله استخدام شوید. فقط دانستن UX مقدماتی کافی نیست. چیزهای بیشتری نیاز هست.
مدیریت پروژه
بزرگترین حلقهی گمشدهی هر هنرجویی از نظر من، عدم داشتن مهارت مدیریت پروژه است. داکیومنت کردن ملزومات طراحی، تعیین تایم لاینها، ردیابی موفقیت دیزاین بعد از لانچ شدن و ... مهارتهایی هستند که بسیاری از جونیورها بلد نیستند حتی برای پروژه خودشان انجام دهند.
تعداد زیادی تمپلیت و منبع برای یادگیری قوانین مدیریت پروژه وجود دارد که میتوانید به آنها رجوع کنید.
ویژوآل دیزاین
گرچه این موضوع بحث برانگیزی بین جامعه ی طراحان است، اما شما برای دیزاینر شدن نیاز به دانش ویژوآل دیزاین دارید. بدون اینکه بلد باشید دیزاین کنید، امکان ندارد که به عنوان یک دیزاینر جدی گرفته شوید. اگر دیزاین یاد نگیرید، صرفا یک طراح UX ساده خواهید بود و این به لحاظ حرفهای اصلا چیز جذابی نیست.
از آنجایی که زمان زیادی برای یادگیری این مهارت نیاز دارید، اگر آن را بلد نیستید همین امروز شروع به فراگیری آن کنید.
نوشتن و برقراری ارتباط
ممکن است شرکتی برای استخدام UX-WRITER بودجه نداشته باشد و اگر شما این مهارت را داشته باشید شانس بیشتری برای استخدام خواهید داشت؛ اما فارغ از این مسئله، به عنوان طراح UX، طراح صنعتی یا طراح برند، بیشتر کار شما در فضای دیجیتال صورت می گیرد و کلمات نقش مهمی در رساندن منظورتان به اعضای تیم که با ادبیات دیزاین آشنایی ندارند بازی میکند.
مهارت تسهیلگری
مهارتی که بیش از همه دست کم گرفته میشود و خیلی از دیزاینرها امروزه آن را ندارند، توانایی ایجاد بستر گفتگو با سهامدارن به منظور رساندن آنها به تصمیم است.
برنامهنویسی پایه
این مهارت برای ماندن در دنیای طراحی دیجیتال حائز اهمیت است. اگر شما محدودیتهای راهکارهای دیجیتال را بدانید، زمان خود را برای طراحی چیزها و بعد گرفتن تایید و فیدبک درباره ی چیزهایی که قابل انجام نیستند، تلف نمیکنید.
🔗 برای مطالعه ی ادامه ی مقاله می توانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه : ۱۰ دقیقه)
گردآورنده : فاطمه حیدری
#مسیر_شغلی #پیشرفت_شغلی
@Dexign فلسفه دیزاین
______
بحث دیرینهای بین جامعهی دیزاین حول این محور وجود دارد که دیزاینر خوب بودن دقیقا به چه معناست. برای ماندن در این صنعت، فقط انجام UI و UX کافی نیست. شما برای استخدام به مهارتهای دیگری هم نیاز دارید.
مهارتهایی که ممکن است توجهی به آنها نکرده باشید:
هر بار که هنرجویی پس از گذراندن بوت کمپ به من مراجعه میکند و از ریجکت شدنهای پیاپی گله میکند، تنها کاری که میتوانم برای او انجام دهم همدردی است، چون من نمیتوانم او را از آمادهی کار نبودن نجات دهم.
اصلا "آمادهی کار نبودن" یعنی چه؟ بطور ساده، یعنی توانایی تاثیرگذاری بر کار یا مهارتی که باعث شود بلافاصله استخدام شوید. فقط دانستن UX مقدماتی کافی نیست. چیزهای بیشتری نیاز هست.
مدیریت پروژه
بزرگترین حلقهی گمشدهی هر هنرجویی از نظر من، عدم داشتن مهارت مدیریت پروژه است. داکیومنت کردن ملزومات طراحی، تعیین تایم لاینها، ردیابی موفقیت دیزاین بعد از لانچ شدن و ... مهارتهایی هستند که بسیاری از جونیورها بلد نیستند حتی برای پروژه خودشان انجام دهند.
تعداد زیادی تمپلیت و منبع برای یادگیری قوانین مدیریت پروژه وجود دارد که میتوانید به آنها رجوع کنید.
ویژوآل دیزاین
گرچه این موضوع بحث برانگیزی بین جامعه ی طراحان است، اما شما برای دیزاینر شدن نیاز به دانش ویژوآل دیزاین دارید. بدون اینکه بلد باشید دیزاین کنید، امکان ندارد که به عنوان یک دیزاینر جدی گرفته شوید. اگر دیزاین یاد نگیرید، صرفا یک طراح UX ساده خواهید بود و این به لحاظ حرفهای اصلا چیز جذابی نیست.
از آنجایی که زمان زیادی برای یادگیری این مهارت نیاز دارید، اگر آن را بلد نیستید همین امروز شروع به فراگیری آن کنید.
نوشتن و برقراری ارتباط
ممکن است شرکتی برای استخدام UX-WRITER بودجه نداشته باشد و اگر شما این مهارت را داشته باشید شانس بیشتری برای استخدام خواهید داشت؛ اما فارغ از این مسئله، به عنوان طراح UX، طراح صنعتی یا طراح برند، بیشتر کار شما در فضای دیجیتال صورت می گیرد و کلمات نقش مهمی در رساندن منظورتان به اعضای تیم که با ادبیات دیزاین آشنایی ندارند بازی میکند.
مهارت تسهیلگری
مهارتی که بیش از همه دست کم گرفته میشود و خیلی از دیزاینرها امروزه آن را ندارند، توانایی ایجاد بستر گفتگو با سهامدارن به منظور رساندن آنها به تصمیم است.
برنامهنویسی پایه
این مهارت برای ماندن در دنیای طراحی دیجیتال حائز اهمیت است. اگر شما محدودیتهای راهکارهای دیجیتال را بدانید، زمان خود را برای طراحی چیزها و بعد گرفتن تایید و فیدبک درباره ی چیزهایی که قابل انجام نیستند، تلف نمیکنید.
🔗 برای مطالعه ی ادامه ی مقاله می توانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه : ۱۰ دقیقه)
گردآورنده : فاطمه حیدری
#مسیر_شغلی #پیشرفت_شغلی
@Dexign فلسفه دیزاین
______
Medium
Dear designers, it is not enough to just do UX design
There is a long-standing debate among the design community about what it really means to be a good designer. Specifically in the UX world…
👍16❤2
حالا که امکانش را داریم چگونه پیام اخطار بهتری بنویسیم ؟
پیامهای اخطار بخشی از زندگی آنلاین روزمره ما هستند. هر زمان که سرویسی قطع میشود، اینترنت نداریم یا یادمان میرود تا اطلاعاتی را وارد کنیم با پیام اخطار روبهرو میشویم. جمله «خطایی پیش آمده است» پیشپا افتاده است. اما چه خطایی رخ داده؟ چه اتفاقی افتاده؟ و مهمتر از همه چگونه می توانم آنرا درست کنم؟
حدود یک سال پیش در طول انجام یک پروژه به طور ناگهانی متوجه شدیم که اغلب اوقات پاسخ این سوالات را به کاربران نمیدهیم. وقتی این زنگ خطر را دریافت کردیم به سرعت به آن رسیدگی کردیم و در طول یک ماه هزاران پیام اخطار را تغییر دادیم. برای تکمیل این تلاش، ابتدا باید برای خودمان تعریف میکردیم چه چیزی به عنوان پیام اخطار بد و چه چیزی به عنوان پیام اخطار خوب محسوب میشود.
چه چیزی پیام اخطار را بد میکند؟
▫️لحن نامناسب : تصور کنید یک دکتر در حال انجام عملی است و ناگهان میگوید: «اوه! خطایی پیش آمد…»
این جمله اخرین چیزی است که وقتی خطرات زیاد است کسی میخواهد بشنود. در این موقعیت وقتش نیست که بامزه باشیم. ما میخواهیم به کاربران نشان دهیم که میدانیم کاری که انجام میدهند، جدی است و میدانیم که برای آنها مهم است.
▫️اصطلاحات تخصصی : حتی در دنیای امروز که طراحی کاربر محور است اصطلاحات تخصصی هنوز هم به صورت مخفیانه در پیامهای اخطار سرازیر میشود. مسائل فنی برای کاربر مهم نیست آنها فقط میخواهند بدانند چه مشکلی رخ داده است و چگونه آن را برطرف کنند.
▫️سرزنش کردن : سعی کنید به جای کاری که منجر به مشکل شده است روی راهحل مشکل تمرکز کنید. ما نمیخواهیم کاربران را شرمنده کنیم حتی اگر کاری که کردهاند منجر به ایجاد خطا باشد. همچنین تقصیر را به سوم شخص منتقل نکنید زیرا کاری غیرحرفهای به نظر میرسد.
به عنوان مثال : به جای «در حال حاضر پاسخ نمیدهد.» بگوییم «ما در اتصال به … مشکل داریم.»
🔗 برای مطالعه ادامه مقاله به این لینک مراجعه کنید.
(زمان تقریبی مطالعه : ۸ دقیقه)
گردآورنده: رها کاوهزاده
#تجربه_کاربر
#ux_writing
@Dexign فلسفه دیزاین
______
پیامهای اخطار بخشی از زندگی آنلاین روزمره ما هستند. هر زمان که سرویسی قطع میشود، اینترنت نداریم یا یادمان میرود تا اطلاعاتی را وارد کنیم با پیام اخطار روبهرو میشویم. جمله «خطایی پیش آمده است» پیشپا افتاده است. اما چه خطایی رخ داده؟ چه اتفاقی افتاده؟ و مهمتر از همه چگونه می توانم آنرا درست کنم؟
حدود یک سال پیش در طول انجام یک پروژه به طور ناگهانی متوجه شدیم که اغلب اوقات پاسخ این سوالات را به کاربران نمیدهیم. وقتی این زنگ خطر را دریافت کردیم به سرعت به آن رسیدگی کردیم و در طول یک ماه هزاران پیام اخطار را تغییر دادیم. برای تکمیل این تلاش، ابتدا باید برای خودمان تعریف میکردیم چه چیزی به عنوان پیام اخطار بد و چه چیزی به عنوان پیام اخطار خوب محسوب میشود.
چه چیزی پیام اخطار را بد میکند؟
▫️لحن نامناسب : تصور کنید یک دکتر در حال انجام عملی است و ناگهان میگوید: «اوه! خطایی پیش آمد…»
این جمله اخرین چیزی است که وقتی خطرات زیاد است کسی میخواهد بشنود. در این موقعیت وقتش نیست که بامزه باشیم. ما میخواهیم به کاربران نشان دهیم که میدانیم کاری که انجام میدهند، جدی است و میدانیم که برای آنها مهم است.
▫️اصطلاحات تخصصی : حتی در دنیای امروز که طراحی کاربر محور است اصطلاحات تخصصی هنوز هم به صورت مخفیانه در پیامهای اخطار سرازیر میشود. مسائل فنی برای کاربر مهم نیست آنها فقط میخواهند بدانند چه مشکلی رخ داده است و چگونه آن را برطرف کنند.
▫️سرزنش کردن : سعی کنید به جای کاری که منجر به مشکل شده است روی راهحل مشکل تمرکز کنید. ما نمیخواهیم کاربران را شرمنده کنیم حتی اگر کاری که کردهاند منجر به ایجاد خطا باشد. همچنین تقصیر را به سوم شخص منتقل نکنید زیرا کاری غیرحرفهای به نظر میرسد.
به عنوان مثال : به جای «در حال حاضر پاسخ نمیدهد.» بگوییم «ما در اتصال به … مشکل داریم.»
🔗 برای مطالعه ادامه مقاله به این لینک مراجعه کنید.
(زمان تقریبی مطالعه : ۸ دقیقه)
گردآورنده: رها کاوهزاده
#تجربه_کاربر
#ux_writing
@Dexign فلسفه دیزاین
______
Medium
When life gives you lemons, write better error messages
When it comes to error handling, it truly is a team sport
👍18❤1
چگونه فرآیند پرداخت را با طراحی UX بهبود دهیم؟
در چشم انداز دیجیتالی که به سرعت در حال تحول است، پرداختهای آنلاین به بخشی جدا ناپذیر از زندگی روزمره ما تبدیل شده است. با این حال، بسیاری از کاربران هنوز با چالشهایی در فرآیندهای پرداخت پیچیده دست و پنجه نرم میکنند که منجر به رها شدن تراکنشها و از دست دادن فرصتهای تجاری میشود. برای غلبه بر این چالشها، کسبوکارها باید طراحی تجربه کاربری (UX) را در اولویت قرار دهند تا فرآیند پرداخت بصریتر، یکپارچهتر و کاربر پسندتر شود. در این نوشتار (و سایر مطالب بلاگ)، استراتژیهای موثر برای بهینهسازی سفر مشتری در پرداخت و افزایش رضایت مشتری را بررسی خواهیم کرد.
طراحی کاربر پسند:
ایجاد رابطهایی که با کاربران همسو شود ضروری است. ما اهمیت همسویی طرح و عناصر بصری درگاه پرداخت را با برند و طراحی کلی وب سایت شما درک میکنیم. ما اطمینان حاصل میکنیم که رابط کاربری منظم، از نظر بصری جذاب و قابل درک آسان است و امکان ناوبری یکپارچه را برای کاربران فراهم میکند. با حفظ یک طراحی منسجم و آشنا، اطمینان و راحتی را در طول فرآیند پرداخت به کاربران القا میکنیم. به تخصص ما در طراحی تجربه کاربری اعتماد کنید تا رابط های پرداخت خود را بهینه کرده و رضایت مشتری را افزایش دهید.
بار شناختی را ساده کنید:
ذهن انسان ظرفیت محدودی برای پردازش و نگهداری اطلاعات دارد. سفر پرداخت را با به حداقل رساندن بار شناختی که به تلاش ذهنی لازم برای تکمیل وظایف اشاره دارد، ساده کنید. زمان بارگذاری را با کاهش اندازه صفحه و حذف عناصر غیر ضروری بهینه کنید. از دستورالعمل های واضح و مختصر برای راهنمایی کاربران در هر مرحله استفاده کنید. با کاهش بار شناختی، میتوانید درک را بهبود ببخشید، ناامیدی را کاهش دهید و کاربران را تشویق کنید تا تراکنش های خود را تکمیل کنند.
🔗 برای مطالعه کل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه:۳ دقیقه)
گردآورنده: مائده صحرارو
#تجربه_کاربر
#UX
@Dexign فلسفه دیزاین
______
در چشم انداز دیجیتالی که به سرعت در حال تحول است، پرداختهای آنلاین به بخشی جدا ناپذیر از زندگی روزمره ما تبدیل شده است. با این حال، بسیاری از کاربران هنوز با چالشهایی در فرآیندهای پرداخت پیچیده دست و پنجه نرم میکنند که منجر به رها شدن تراکنشها و از دست دادن فرصتهای تجاری میشود. برای غلبه بر این چالشها، کسبوکارها باید طراحی تجربه کاربری (UX) را در اولویت قرار دهند تا فرآیند پرداخت بصریتر، یکپارچهتر و کاربر پسندتر شود. در این نوشتار (و سایر مطالب بلاگ)، استراتژیهای موثر برای بهینهسازی سفر مشتری در پرداخت و افزایش رضایت مشتری را بررسی خواهیم کرد.
طراحی کاربر پسند:
ایجاد رابطهایی که با کاربران همسو شود ضروری است. ما اهمیت همسویی طرح و عناصر بصری درگاه پرداخت را با برند و طراحی کلی وب سایت شما درک میکنیم. ما اطمینان حاصل میکنیم که رابط کاربری منظم، از نظر بصری جذاب و قابل درک آسان است و امکان ناوبری یکپارچه را برای کاربران فراهم میکند. با حفظ یک طراحی منسجم و آشنا، اطمینان و راحتی را در طول فرآیند پرداخت به کاربران القا میکنیم. به تخصص ما در طراحی تجربه کاربری اعتماد کنید تا رابط های پرداخت خود را بهینه کرده و رضایت مشتری را افزایش دهید.
بار شناختی را ساده کنید:
ذهن انسان ظرفیت محدودی برای پردازش و نگهداری اطلاعات دارد. سفر پرداخت را با به حداقل رساندن بار شناختی که به تلاش ذهنی لازم برای تکمیل وظایف اشاره دارد، ساده کنید. زمان بارگذاری را با کاهش اندازه صفحه و حذف عناصر غیر ضروری بهینه کنید. از دستورالعمل های واضح و مختصر برای راهنمایی کاربران در هر مرحله استفاده کنید. با کاهش بار شناختی، میتوانید درک را بهبود ببخشید، ناامیدی را کاهش دهید و کاربران را تشویق کنید تا تراکنش های خود را تکمیل کنند.
🔗 برای مطالعه کل مقاله به این لینک مراجعه کنید.
(زمان حدودی مطالعه:۳ دقیقه)
گردآورنده: مائده صحرارو
#تجربه_کاربر
#UX
@Dexign فلسفه دیزاین
______
Medium
How To Improve Payment Process Intuitiveness With UX Design?
In the rapidly evolving digital landscape, online payments have become an integral part of our daily lives. However, many users still…
👍8
پیشبینی ترندهای سرویس دیزاین در سال 2024
بر اساس مطالعات سرویس دیزاین در سال 2023، (https://www.spotless.co.uk/journal/service-design-trends-2023)، امسال شاهد توسعههای جذابی در سرویس دیزاین خواهیم بود، به خصوص در زمینههایی مثل هوش مصنوعی که در آن مسائل اخلاقی و سلطه در مرکز توجه قرار دارند. توجه به مسائل حریم شخصی، شفافیت و نیاز فوری به بهبود دسترسی نیز تا سال 2025 خیلی حیاتی به نظر میرسند. در میان این حوزهی همیشه در حال تغییر، هدف ما این است که ترندهای کلیدی، تغییرات تاثیرگذار، و مفاهیم در حال ظهوری که باعث ایجاد تغییرات در سرویس دیزاین میشوند را پوشش دهیم.
قبل از شروع
اغلب در پلتفرمهایی مثل لینکدین به اصطلاحات روشنفکرانهای مثل "نوآوری سازگارانه از طریق پیش بینی مداوم" بر میخورید. اما بیایید ادبیات نمایشی را کنار بگذاریم؛ آینده را فقط تصور نکنید، با آن سازگار شوید و آمادهی آن باشید.
یکی از گستردهترین پیشبینیها که سال قبل به آن اشاره کردیم، بر شرکتهایی تاکید داشت که با هدف مقاوم ماندن در برابر حوزهای که به سرعت تغییر میکند، به دنبال پیشبینی ترندهای آینده و مشکلات هستند. و خیر، اینجا هم قرار نیست چیزی تغییر کند. همانطور که آگاه ماندن از ترندهای صنعت یک روتین است، مواجهه با مشکلات صنعت، سازگاری همزمان با ترندهای پدید آمده را ایجاب میکند و برخی از تیمها در حال حاضر شروع به استفاده از تکنولوژی و هوش مصنوعی برای این منظور نمودهاند.
برای مثال، ElectroInnovate شروع به استفاده از هوش مصنوعی برای بهبود تواناییاش در اجرای برنامهریزی سناریوهای شدیدا محتمل با پردازش موثر داده، ایجاد سناریوهایی با جزئیات، توسعهی روایتهای غنی، و تولید استراتژیهایی مختص چالشهای خاص کرده است.
چرا این نکته را در ابتدای مقاله مورد تاکید قراردادیم؟ چون هدف ما کمک به تیمهای شما در آماده شدن برای آنچه در آینده رخ خواهد داد است، چه برنامهریزی سناریو باشد، چه ارزیابی نقاط ضعف و قوت آینده، و یا صرفا فراهم آوردن آگاهی ارزشمند.
ترند ۱: مجددا هوش مصنوعی بد نام در سرویس دیزاین
شخصیسازیشدگی بهبود یافته با هوش مصنوعی
به کارگیری پیشرفتهی هوش مصنوعی در سرویس دیزاین برای ارائهی تجربههای خدماتی بشدت شخصیسازی شده و مرتبط با زمینه که نیازهای کاربر را پیشبینی میکند، تبدیل به ترند غالبی در سالهای اخیر شده است. این به کارگیری، آمادهی فراتر رفتن از تکنولوژیهای کنونی مثل هوش مصنوعی، چت باتها و VR است و جسورانه در حال ورود به قلمروهای سطح بالاتری مثل augmented intelligence (یک مدل اشتراکی انسان محور با دخالت انسان و هوش مصنوعی) است.
گرچه امسال تمرکز روی پرورش همزیستی انسان-ماشین کامل و هماهنگ، با هدف پاسخ به چالش ادامه دار ایجاد تعاملاتی که از نظر کاربر طبیعی و ذاتی به نظر برسند است.
به طور مثال، Chat GPT در حالی که در مقایسه با دیگر ابزارها در تعاملات طبیعی و شبیه به انسان بودن عالی عمل میکند، محدودیتهای کنونی آن در نداشتن مهارت در درک ظرایف روانشناختی و احساسی که تصمیم گیری انسان را شکل میدهد ریشه دارد.
🔗 برای مطالعهی ادامهی مقاله میتوانید به این لینک این مراجعه کنید.
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده : فاطمه حیدری
#design #AI #service_design
@Dexign فلسفه دیزاین
______
بر اساس مطالعات سرویس دیزاین در سال 2023، (https://www.spotless.co.uk/journal/service-design-trends-2023)، امسال شاهد توسعههای جذابی در سرویس دیزاین خواهیم بود، به خصوص در زمینههایی مثل هوش مصنوعی که در آن مسائل اخلاقی و سلطه در مرکز توجه قرار دارند. توجه به مسائل حریم شخصی، شفافیت و نیاز فوری به بهبود دسترسی نیز تا سال 2025 خیلی حیاتی به نظر میرسند. در میان این حوزهی همیشه در حال تغییر، هدف ما این است که ترندهای کلیدی، تغییرات تاثیرگذار، و مفاهیم در حال ظهوری که باعث ایجاد تغییرات در سرویس دیزاین میشوند را پوشش دهیم.
قبل از شروع
اغلب در پلتفرمهایی مثل لینکدین به اصطلاحات روشنفکرانهای مثل "نوآوری سازگارانه از طریق پیش بینی مداوم" بر میخورید. اما بیایید ادبیات نمایشی را کنار بگذاریم؛ آینده را فقط تصور نکنید، با آن سازگار شوید و آمادهی آن باشید.
یکی از گستردهترین پیشبینیها که سال قبل به آن اشاره کردیم، بر شرکتهایی تاکید داشت که با هدف مقاوم ماندن در برابر حوزهای که به سرعت تغییر میکند، به دنبال پیشبینی ترندهای آینده و مشکلات هستند. و خیر، اینجا هم قرار نیست چیزی تغییر کند. همانطور که آگاه ماندن از ترندهای صنعت یک روتین است، مواجهه با مشکلات صنعت، سازگاری همزمان با ترندهای پدید آمده را ایجاب میکند و برخی از تیمها در حال حاضر شروع به استفاده از تکنولوژی و هوش مصنوعی برای این منظور نمودهاند.
برای مثال، ElectroInnovate شروع به استفاده از هوش مصنوعی برای بهبود تواناییاش در اجرای برنامهریزی سناریوهای شدیدا محتمل با پردازش موثر داده، ایجاد سناریوهایی با جزئیات، توسعهی روایتهای غنی، و تولید استراتژیهایی مختص چالشهای خاص کرده است.
چرا این نکته را در ابتدای مقاله مورد تاکید قراردادیم؟ چون هدف ما کمک به تیمهای شما در آماده شدن برای آنچه در آینده رخ خواهد داد است، چه برنامهریزی سناریو باشد، چه ارزیابی نقاط ضعف و قوت آینده، و یا صرفا فراهم آوردن آگاهی ارزشمند.
ترند ۱: مجددا هوش مصنوعی بد نام در سرویس دیزاین
شخصیسازیشدگی بهبود یافته با هوش مصنوعی
به کارگیری پیشرفتهی هوش مصنوعی در سرویس دیزاین برای ارائهی تجربههای خدماتی بشدت شخصیسازی شده و مرتبط با زمینه که نیازهای کاربر را پیشبینی میکند، تبدیل به ترند غالبی در سالهای اخیر شده است. این به کارگیری، آمادهی فراتر رفتن از تکنولوژیهای کنونی مثل هوش مصنوعی، چت باتها و VR است و جسورانه در حال ورود به قلمروهای سطح بالاتری مثل augmented intelligence (یک مدل اشتراکی انسان محور با دخالت انسان و هوش مصنوعی) است.
گرچه امسال تمرکز روی پرورش همزیستی انسان-ماشین کامل و هماهنگ، با هدف پاسخ به چالش ادامه دار ایجاد تعاملاتی که از نظر کاربر طبیعی و ذاتی به نظر برسند است.
به طور مثال، Chat GPT در حالی که در مقایسه با دیگر ابزارها در تعاملات طبیعی و شبیه به انسان بودن عالی عمل میکند، محدودیتهای کنونی آن در نداشتن مهارت در درک ظرایف روانشناختی و احساسی که تصمیم گیری انسان را شکل میدهد ریشه دارد.
🔗 برای مطالعهی ادامهی مقاله میتوانید به این لینک این مراجعه کنید.
(زمان حدودی مطالعه: ۷ دقیقه)
گردآورنده : فاطمه حیدری
#design #AI #service_design
@Dexign فلسفه دیزاین
______
👍5❤1
طراحی ریسپانسیو (واکنشگرا):
کاربران برای تعامل با محصول یا خدمات شما از تلفنهای همراه، تبلتها یا کامپیوترها استفاده میکنند؛ به همین خاطر لازم است که صفحات وب به صورت ریسپانسیو طراحی شوند.
در یک طراحی ریسپانسیو، زمانی که وبسایت را روی دسکتاپ باز میکنید اگر اندازهی پنجره ی مرورگر را تغییر دهید، محتوا به صورت پویا خود را به گونه ای تنظیم میکند که با پنجره مرورگر سازگار شود. در تلفنهای همراه نیز وبسایت، خود را با چیدمان ایدهآل نشان میدهد.
در واقع در طراحی ریسپانسیو، قوانینی برای چگونگی تغییر جریان محتوا و چگونگی تغییر چیدمان بر اساس محدودهی اندازهی صفحه نمایش تعریف میشود و به همین خاطر دسترسیپذیری کاربر در هر اندازهای از صفحه نمایش، در نظر گرفته میشود.
همچنین طراحی ریسپانسیو برای بهینه سازی SEO بسیار مهم است و یک وبسایت ریسپانسیو در نتایج جستجو رتبهی بهتری دارد.
۳ اصل اساسی طراحی ریسپانسیو عبارتاند از:
🔷 سیستمهای گریدبندی سیال (Fluid Grid Systems)
در طراحی ریسپانسیو از اندازههای نسبی (مانند درصد) به جای اندازههای مطلق استفاده میشود.
در سیستم گریدبندی سیال، هر عنصر درصد یکسانی از فضا را اشغال میکند؛ به همین خاطر هر چهقدر که صفحه نمایش بزرگ یا کوچک شود -مانند زمانی که کاربر دستگاه را تغییر میدهد- اجزا نیز میتوانند بزرگ یا کوچک شوند.
🔷 تصاویر سیال (Fluid Images)
در طراحی ریسپانسیو ابعاد تصاویر با توجه به اندازه ی فضای دربرگیرندهی آنها تغییر میکند. به عبارتی تصاویر سیال مانند آب، اندازه ی ظرفی که داخل آن ریخته میشود را میگیرند.
یک تصویر واحد ایجاد کنید و به مرورگر دستور دهید تا تصویر را با توجه به اندازهی ظرف، مقیاس بندی کند.
برای آیکونها، از فایلهای SVG استفاده کنید. این فرمت حجم کمی دارد و میتوانید آنها را به هر وضوحی بدون افت کیفیت تغییر دهید.
🔷 مدیا کوئری Media Queries
در این بخش یادگیری چند تعریف اهمیت دارد:
🔸ویو پورت Viewport:
ناحیهی قابل مشاهدهی کاربر از یک صفحهی وب است.
بنابراین ویوپورت در صفحه نمایشهای کوچکتر (مانند تلفن همراه)، کوچکتر از صفحه نمایشهای بزرگتر (مانند کامپیوتر) است.
در گذشته معمول بود که صفحات وب دارای طراحی ثابت و اندازه ثابت باشند؛ اما امروزه HTML5 روشی را معرفی کرد که به طراحان وب اجازه میدهد از طریق تگ <meta> کنترل ویوپورت را در دست بگیرند.
برای طراحی ریسپانسیو، لازم است که ویوپورت به طور منطقی روی تلفنهای همراه، تبلتها و کامپیوترها تنظیم شود.
🔸نقاط شکست Breakpoint:
عناصر سازندهی طراحی ریسپانسیو هستند و در صفحات استایل دهی CSS به کار میروند.
در واقع مرزی است که در آن، طراحی برای تطبیق ویژگیها با اندازه جدید صفحه نمایش تغییر میکند.
زمانی که وبسایت باید با ویوپورت خاص یا سایز دستگاه خاص انطباق پیدا کند (یعنی مطابقت استایل یک صفحه ی وب با عرض صفحه نمایش دستگاهی که در آن مشاهده میشود) از breakpoint استفاده میشود.
🔸مدیا کوئری Media Queries:
یکی دیگر از ویژگیهای CSS است که امکان تعریف استایلهای مختلف را فراهم میکند.
در واقع دستورالعملهایی برای تغییر طرح سایت بر اساس شرایط خاص هستند.
به عنوان مثال، رویکرد دو ستونی ممکن است در صفحه نمایش گوشی هوشمند عملی نباشد؛ یا اگر اندازه صفحه نمایش کوچکتر از اندازه خاصی باشد، از یک Media Query برای دستور دادن به مرورگر برای تنظیم مجدد صفحه نمایش استفاده میشود.
به صورت کلی با استفاده از Breakpoint و Media Query محتوای وبسایت برای ارائه بهترین تجربه ممکن به کاربر بازآرایی میشود.
…
🔗برای مطالعه کل مقاله به این لینک مراجعه کنید.
🔗لینک مقاله کمکی از سایت بوتاسترپ
🔗لینک مقاله کمکی از سایت دبلیوتریاسکولز
(زمان حدودی مطالعه: ۹ دقیقه)
گردآورنده: محدثه عبادالهی
#رابط_کاربر #ریسپانسیو
@Dexign فلسفه دیزاین
______
کاربران برای تعامل با محصول یا خدمات شما از تلفنهای همراه، تبلتها یا کامپیوترها استفاده میکنند؛ به همین خاطر لازم است که صفحات وب به صورت ریسپانسیو طراحی شوند.
در یک طراحی ریسپانسیو، زمانی که وبسایت را روی دسکتاپ باز میکنید اگر اندازهی پنجره ی مرورگر را تغییر دهید، محتوا به صورت پویا خود را به گونه ای تنظیم میکند که با پنجره مرورگر سازگار شود. در تلفنهای همراه نیز وبسایت، خود را با چیدمان ایدهآل نشان میدهد.
در واقع در طراحی ریسپانسیو، قوانینی برای چگونگی تغییر جریان محتوا و چگونگی تغییر چیدمان بر اساس محدودهی اندازهی صفحه نمایش تعریف میشود و به همین خاطر دسترسیپذیری کاربر در هر اندازهای از صفحه نمایش، در نظر گرفته میشود.
همچنین طراحی ریسپانسیو برای بهینه سازی SEO بسیار مهم است و یک وبسایت ریسپانسیو در نتایج جستجو رتبهی بهتری دارد.
۳ اصل اساسی طراحی ریسپانسیو عبارتاند از:
🔷 سیستمهای گریدبندی سیال (Fluid Grid Systems)
در طراحی ریسپانسیو از اندازههای نسبی (مانند درصد) به جای اندازههای مطلق استفاده میشود.
در سیستم گریدبندی سیال، هر عنصر درصد یکسانی از فضا را اشغال میکند؛ به همین خاطر هر چهقدر که صفحه نمایش بزرگ یا کوچک شود -مانند زمانی که کاربر دستگاه را تغییر میدهد- اجزا نیز میتوانند بزرگ یا کوچک شوند.
🔷 تصاویر سیال (Fluid Images)
در طراحی ریسپانسیو ابعاد تصاویر با توجه به اندازه ی فضای دربرگیرندهی آنها تغییر میکند. به عبارتی تصاویر سیال مانند آب، اندازه ی ظرفی که داخل آن ریخته میشود را میگیرند.
یک تصویر واحد ایجاد کنید و به مرورگر دستور دهید تا تصویر را با توجه به اندازهی ظرف، مقیاس بندی کند.
برای آیکونها، از فایلهای SVG استفاده کنید. این فرمت حجم کمی دارد و میتوانید آنها را به هر وضوحی بدون افت کیفیت تغییر دهید.
🔷 مدیا کوئری Media Queries
در این بخش یادگیری چند تعریف اهمیت دارد:
🔸ویو پورت Viewport:
ناحیهی قابل مشاهدهی کاربر از یک صفحهی وب است.
بنابراین ویوپورت در صفحه نمایشهای کوچکتر (مانند تلفن همراه)، کوچکتر از صفحه نمایشهای بزرگتر (مانند کامپیوتر) است.
در گذشته معمول بود که صفحات وب دارای طراحی ثابت و اندازه ثابت باشند؛ اما امروزه HTML5 روشی را معرفی کرد که به طراحان وب اجازه میدهد از طریق تگ <meta> کنترل ویوپورت را در دست بگیرند.
برای طراحی ریسپانسیو، لازم است که ویوپورت به طور منطقی روی تلفنهای همراه، تبلتها و کامپیوترها تنظیم شود.
🔸نقاط شکست Breakpoint:
عناصر سازندهی طراحی ریسپانسیو هستند و در صفحات استایل دهی CSS به کار میروند.
در واقع مرزی است که در آن، طراحی برای تطبیق ویژگیها با اندازه جدید صفحه نمایش تغییر میکند.
زمانی که وبسایت باید با ویوپورت خاص یا سایز دستگاه خاص انطباق پیدا کند (یعنی مطابقت استایل یک صفحه ی وب با عرض صفحه نمایش دستگاهی که در آن مشاهده میشود) از breakpoint استفاده میشود.
🔸مدیا کوئری Media Queries:
یکی دیگر از ویژگیهای CSS است که امکان تعریف استایلهای مختلف را فراهم میکند.
در واقع دستورالعملهایی برای تغییر طرح سایت بر اساس شرایط خاص هستند.
به عنوان مثال، رویکرد دو ستونی ممکن است در صفحه نمایش گوشی هوشمند عملی نباشد؛ یا اگر اندازه صفحه نمایش کوچکتر از اندازه خاصی باشد، از یک Media Query برای دستور دادن به مرورگر برای تنظیم مجدد صفحه نمایش استفاده میشود.
به صورت کلی با استفاده از Breakpoint و Media Query محتوای وبسایت برای ارائه بهترین تجربه ممکن به کاربر بازآرایی میشود.
…
🔗برای مطالعه کل مقاله به این لینک مراجعه کنید.
🔗لینک مقاله کمکی از سایت بوتاسترپ
🔗لینک مقاله کمکی از سایت دبلیوتریاسکولز
(زمان حدودی مطالعه: ۹ دقیقه)
گردآورنده: محدثه عبادالهی
#رابط_کاربر #ریسپانسیو
@Dexign فلسفه دیزاین
______
The Interaction Design Foundation
Responsive Design: Best Practices
Responsive design is the default approach in web design. It is crucial for creating accessible and search-engine-optimized experiences.
👍5❤2👌2⚡1
درود به همه دوستان عزیز کانال فلسفه دیزاین ✨
جهت برنامهریزی بهتر برای آینده، دوست داریم نظرات شما رو بدونیم. به همین منظور یک نظرسنجی آماده کردهایم تا از نظرات شما برای بهبود کانال استفاده کنیم. با ارائه نظرات، پیشنهادات، و ایدههایتان، به ما کمک کنید تا محتوایی را ارائه دهیم که بهترین تجربه را برای شما رقم بزند. 🌱
لطفاً از طریق این لینک در نظرسنجی مشارکت کنید.
با تشکر از همراهی شما،
تیم فلسفه دیزاین
@Dexign فلسفه دیزاین
______
جهت برنامهریزی بهتر برای آینده، دوست داریم نظرات شما رو بدونیم. به همین منظور یک نظرسنجی آماده کردهایم تا از نظرات شما برای بهبود کانال استفاده کنیم. با ارائه نظرات، پیشنهادات، و ایدههایتان، به ما کمک کنید تا محتوایی را ارائه دهیم که بهترین تجربه را برای شما رقم بزند. 🌱
لطفاً از طریق این لینک در نظرسنجی مشارکت کنید.
با تشکر از همراهی شما،
تیم فلسفه دیزاین
@Dexign فلسفه دیزاین
______
Porsline
نظرسنجی کانال فلسفه دیزاین
با پُرسلاین به راحتی پرسشنامه خود را طراحی و ارسال کنید و با گزارشهای لحظهای آن به سرعت تصمیم بگیرید.
🔥8👍3