طراحی بازی یا گیمیفیکیشن؟
در سالهای اخیر استفاده از گیمیفیکیشن برای جذابتر کردن تجربهی کاربران جایگاه ثابتی در محصولات دیجیتال یافته و جزو اولین انتخابهای طراحان محصول برای افزودن جذابیت و سرگرمی به محصولاتشان شده است.
گیمیفیکیشن به نوعی استفاده از الهامهایی از فرایند طراحی بازی در طراحی محصول است، با این کار طراح محصول جریانهایی را منحصرا برای درگیر کردن کاربر و فراهم آوردن تجربهای نو و سرگرمکننده ایجاد میکند. گیمیفیکیشن در اکثر مواقع کاری پرهزینه، زمانبر و مستلزم ایجاد تغییرات بسیاری در محصول اولیه است.
در مقابل اما تفکر طراحی بازی به طور مستقیم از ابزارهای این حوزه در طراحی محصول استفاده میکند تا تجربهای لذتبخشتر برای کاربر ایجاد کند. اینها شامل صداگذاریها، میکرواینتراکشنها، حرکات بازیگونه و ... میشوند. میتوان گفت طراحی محصول لباس یک طراح بازی را به تن میکند اما همچنان به کار خودش مشغول است.
استفاده از طراحی بازی سادهتر و کمهزینهتر از گیمیفیکیشن است و در نهایت ریسک کمتری هم دارد با این حال محدودتر است و تجربههایی که میسازد کمتر درگیر کننده هستند.
پس گیمیفیکیشن یا طراحی بازی؟ جواب این سوال را باید در نیازهای محصول و امکانات تولید و طراحی آن جستجو کرد، هر یک از این دو رویکرد میتوانند در شرایط مناسب خود کارآمد باشند.
در این مقاله میتوانید درباره تفاوت طراحی بازی و تفاوت آن با گیمیفیکیشن بخوانید و مثالهای جالبی از موارد استفاده آن را مشاهده کنید.
https://bit.ly/dxgn810
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #بازی #گیمیفیکیشن
@Dexign فلسفه دیزاین
______
در سالهای اخیر استفاده از گیمیفیکیشن برای جذابتر کردن تجربهی کاربران جایگاه ثابتی در محصولات دیجیتال یافته و جزو اولین انتخابهای طراحان محصول برای افزودن جذابیت و سرگرمی به محصولاتشان شده است.
گیمیفیکیشن به نوعی استفاده از الهامهایی از فرایند طراحی بازی در طراحی محصول است، با این کار طراح محصول جریانهایی را منحصرا برای درگیر کردن کاربر و فراهم آوردن تجربهای نو و سرگرمکننده ایجاد میکند. گیمیفیکیشن در اکثر مواقع کاری پرهزینه، زمانبر و مستلزم ایجاد تغییرات بسیاری در محصول اولیه است.
در مقابل اما تفکر طراحی بازی به طور مستقیم از ابزارهای این حوزه در طراحی محصول استفاده میکند تا تجربهای لذتبخشتر برای کاربر ایجاد کند. اینها شامل صداگذاریها، میکرواینتراکشنها، حرکات بازیگونه و ... میشوند. میتوان گفت طراحی محصول لباس یک طراح بازی را به تن میکند اما همچنان به کار خودش مشغول است.
استفاده از طراحی بازی سادهتر و کمهزینهتر از گیمیفیکیشن است و در نهایت ریسک کمتری هم دارد با این حال محدودتر است و تجربههایی که میسازد کمتر درگیر کننده هستند.
پس گیمیفیکیشن یا طراحی بازی؟ جواب این سوال را باید در نیازهای محصول و امکانات تولید و طراحی آن جستجو کرد، هر یک از این دو رویکرد میتوانند در شرایط مناسب خود کارآمد باشند.
در این مقاله میتوانید درباره تفاوت طراحی بازی و تفاوت آن با گیمیفیکیشن بخوانید و مثالهای جالبی از موارد استفاده آن را مشاهده کنید.
https://bit.ly/dxgn810
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #بازی #گیمیفیکیشن
@Dexign فلسفه دیزاین
______
Medium
Forget gamification: Game design as a product development framework
Why top start-ups are focusing on game design, not just gamification.
۶ روش برای مراقب از خود هنگام کار ریموت
از زمانی که ویروس کرونا وارد زندگی مردم شد، دنیا نیازمند تغییرات اساسی در شیوه کارهایی شد که تا مدتی پیش به صورت روتین انجام میشد.
این اتفاق باعث تغییرات زیادی در روش کار کردن ما شد و کار ریموت بیشاز پیش مورد استقبال قرار گرفت.
ریموت کار کردن مثل هر اتفاق دیگری دارای نکات مثبت و منفی است.
کار کردن بیرون از خانه باعث پویایی بیشتر ما میشود، بیشتر قدم میزنیم و بیشتر با دیگران معاشرت داریم.
زمانی که از خانه کار میکنیم، در هزینهها صرهجویی میکنیم، در فضای مورد علاقهمان کار میکنیم و میتوانیم زمان بیشتری را صرف خودمان و زندگی کنیم.
مقالهای که این هفته به شما معرفی میکنم، به ۶ اصل مهم برای سالمماندن در هنگام ریموت کار کردن است.
اصولی که نویسنده از آن حرف میزند:
⁃ سرمایهگذاری روی محصولات ارگونومیک.
⁃ حتی در خانه همیشه در حرکت باشید.
⁃ بین کار و زندگیتان یک فاصله معنادار ایجاد کنید.
⁃ اجتماعی بودن و معاشرتکردن را فراموش نکنید.
⁃ همیشه به خودتان برسید، انگار هر لحظه آماده بیرون رفتن هستید.
⁃ یک روتین مشخص برای روزهایتان داشته باشید.
https://bit.ly/dxgn811
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#دیزاین #ریموت
@Dexign فلسفه دیزاین
______
از زمانی که ویروس کرونا وارد زندگی مردم شد، دنیا نیازمند تغییرات اساسی در شیوه کارهایی شد که تا مدتی پیش به صورت روتین انجام میشد.
این اتفاق باعث تغییرات زیادی در روش کار کردن ما شد و کار ریموت بیشاز پیش مورد استقبال قرار گرفت.
ریموت کار کردن مثل هر اتفاق دیگری دارای نکات مثبت و منفی است.
کار کردن بیرون از خانه باعث پویایی بیشتر ما میشود، بیشتر قدم میزنیم و بیشتر با دیگران معاشرت داریم.
زمانی که از خانه کار میکنیم، در هزینهها صرهجویی میکنیم، در فضای مورد علاقهمان کار میکنیم و میتوانیم زمان بیشتری را صرف خودمان و زندگی کنیم.
مقالهای که این هفته به شما معرفی میکنم، به ۶ اصل مهم برای سالمماندن در هنگام ریموت کار کردن است.
اصولی که نویسنده از آن حرف میزند:
⁃ سرمایهگذاری روی محصولات ارگونومیک.
⁃ حتی در خانه همیشه در حرکت باشید.
⁃ بین کار و زندگیتان یک فاصله معنادار ایجاد کنید.
⁃ اجتماعی بودن و معاشرتکردن را فراموش نکنید.
⁃ همیشه به خودتان برسید، انگار هر لحظه آماده بیرون رفتن هستید.
⁃ یک روتین مشخص برای روزهایتان داشته باشید.
https://bit.ly/dxgn811
(زمان حدودی مطالعه: ۸ دقیقه)
نویسنده: آرش اصغری
#دیزاین #ریموت
@Dexign فلسفه دیزاین
______
Dribbble
6 self-care tips every remote worker needs for WFH success
Check out six simple self-care tips that will help ensure your WFH experience is both positive and productive.
هشت تقلب روانشناسانه!
طراحی روانشناسانه ترکیبی از قوائد طراحی، واکنشها و رفتارهای انسانها است. شما برای انسانها طراحی میکنید، پس چرا از شناخت بیشتر نسبت به آنها بهره نبرید؟!
آخرین باری که خمیازه کشیدهاید و شخصی در کنار شما بوده را به خاطر دارید؟ احتمالا او هم همزمان یا نهایتا کمی بعد از شما خمیازه کشیده است. آخرین باری که شخصی موضوعی را برای شما توضیح داده و شما به نشانه تایید سر تکان دادهاید را چطور؟ احتمالا میخواستید میزان توجه و حتی همدلی و تایید حرف طرف مقابل را در سریع ترین زمان به او نشان دهید بدون آنکه صحبتش را قطع کرده باشید.
تا به حال شده (فارغ از عملکرد) فقط زیبایی یک سرویس شما را مجذوب و مجاب به استفاده کند؟
تا به حال شده متوجه شوید دکتری با تجویز داروی بدون ارزش دارویی مشکل شما را حل کرده است؟
شده ماشین نو بخرید و بعد با خودتان فکر کنید "حالا که من خریدمش چقدر آدمای زیادی این مدل ماشین رو خریدن"؟
چند بار پیش آمده اول و آخر یک سریال و یا یک متن را به خاطر بیاورید و تمام چیزی که بین این دو بوده را به فراموشی سپرده باشید؟
برای شما پیش نیامده که هرچه فاکتورهای بیشتری را برای یک تصمیم در نظر میگیرید، تصمیمگیری سختتر شود؟ ...
احتمالا در حین این سوالات گاها خندیده باشید و به خودتان گفتید "این که دقیقا منم!". بله اکثر ما خیلی از این اتفاقات را تجربه کردهایم. چرا؟ به این خاطر که اینها همه جزیی از روانشناسی ما انسانهاست.
اما نکته مهم اینجاست که این موارد چه کمکی به ما میکنند که محصولی با تجربه کاربری بهتر را به دست کاربرانمان برسانیم؟
در پاسخ باید شما رو دعوت به مطالعه این مقاله جذاب کنم.
https://bit.ly/dxgn812
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: رشید مسعودی
#طراحی #تجربهـکاربری #روانشناسی #UX
@Dexign فلسفه دیزاین
______
طراحی روانشناسانه ترکیبی از قوائد طراحی، واکنشها و رفتارهای انسانها است. شما برای انسانها طراحی میکنید، پس چرا از شناخت بیشتر نسبت به آنها بهره نبرید؟!
آخرین باری که خمیازه کشیدهاید و شخصی در کنار شما بوده را به خاطر دارید؟ احتمالا او هم همزمان یا نهایتا کمی بعد از شما خمیازه کشیده است. آخرین باری که شخصی موضوعی را برای شما توضیح داده و شما به نشانه تایید سر تکان دادهاید را چطور؟ احتمالا میخواستید میزان توجه و حتی همدلی و تایید حرف طرف مقابل را در سریع ترین زمان به او نشان دهید بدون آنکه صحبتش را قطع کرده باشید.
تا به حال شده (فارغ از عملکرد) فقط زیبایی یک سرویس شما را مجذوب و مجاب به استفاده کند؟
تا به حال شده متوجه شوید دکتری با تجویز داروی بدون ارزش دارویی مشکل شما را حل کرده است؟
شده ماشین نو بخرید و بعد با خودتان فکر کنید "حالا که من خریدمش چقدر آدمای زیادی این مدل ماشین رو خریدن"؟
چند بار پیش آمده اول و آخر یک سریال و یا یک متن را به خاطر بیاورید و تمام چیزی که بین این دو بوده را به فراموشی سپرده باشید؟
برای شما پیش نیامده که هرچه فاکتورهای بیشتری را برای یک تصمیم در نظر میگیرید، تصمیمگیری سختتر شود؟ ...
احتمالا در حین این سوالات گاها خندیده باشید و به خودتان گفتید "این که دقیقا منم!". بله اکثر ما خیلی از این اتفاقات را تجربه کردهایم. چرا؟ به این خاطر که اینها همه جزیی از روانشناسی ما انسانهاست.
اما نکته مهم اینجاست که این موارد چه کمکی به ما میکنند که محصولی با تجربه کاربری بهتر را به دست کاربرانمان برسانیم؟
در پاسخ باید شما رو دعوت به مطالعه این مقاله جذاب کنم.
https://bit.ly/dxgn812
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: رشید مسعودی
#طراحی #تجربهـکاربری #روانشناسی #UX
@Dexign فلسفه دیزاین
______
Usability Geek
8 Psychology-Based Design Hacks That Will Make You A Better UX Designer - Usability Geek
If the first thought that crossed your mind when you read the noscript of the article was “What does Psychology has to do with UX Design?“ then, yes, that’s what we thought too, now that we’re on the same page, let’s end this article here. Cheers! Okay! Jokes…
مغز شما نمیخواهد که خلاق باشید!
مغز خود را مانند یک اتومبیل خودران در نظر بگیرید که به شما اختیار تغییر دما، تغییر زاویهی صندلی و … را میدهد اما کارهای اساسی و مهم مثل رانندگی کردن و امثالهم از کنترل شما خارج است.
حقیقت این است که مغز ما در ناخودآگاه، کارهای اساسی و مهم مثل نفسکشیدن، فکر کردن و … را برنامهریزی کرده و علاقهای به دخالت و فراموشکاریهای ما در این برنامهها ندارد.
خلاقیت یکی از عناصریست که انسان برای بکارگیری آن باید به ناخودآگاه خود دسترسی پیدا کند به همین علت است که معمولا بکارگیری آن سخت و دور از محیط کار مثلا هنگام رانندگی یا دوش گرفتن که انسان در آرامش بیشتری قرار دارد، ممکن است.
یک مغز و دو ذهن
ذهن متمرکز
و ذهن غیرمتمرکز
در حالت غیر متمرکز ذهن است که خلاقیت بکار میافتد اما در طول روز و در حین کار اکثرا ذهن در حالت متمرکز قرار دارد، به همین علت بهتر است در طول ساعات کاری به تمرین و بالابردن مهارت خود بپردازیم و زمانی را هم برای دور بودن از فضای کار و قراردادن ذهن در حالت غیرمتمرکز در نظر بگیریم.
حالا که نحوهی کارکرد مغز را متوجه شدیم با چند راه میتوان به خلاقیت بهتر کمک کرد، در این مقاله به چند مورد از مهمترین این راهها اشاره شده است.
https://bit.ly/dxgn813
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: یگانه یغماییان
#طراحی #خلاقیت
@Dexign فلسفه دیزاین
_________
مغز خود را مانند یک اتومبیل خودران در نظر بگیرید که به شما اختیار تغییر دما، تغییر زاویهی صندلی و … را میدهد اما کارهای اساسی و مهم مثل رانندگی کردن و امثالهم از کنترل شما خارج است.
حقیقت این است که مغز ما در ناخودآگاه، کارهای اساسی و مهم مثل نفسکشیدن، فکر کردن و … را برنامهریزی کرده و علاقهای به دخالت و فراموشکاریهای ما در این برنامهها ندارد.
خلاقیت یکی از عناصریست که انسان برای بکارگیری آن باید به ناخودآگاه خود دسترسی پیدا کند به همین علت است که معمولا بکارگیری آن سخت و دور از محیط کار مثلا هنگام رانندگی یا دوش گرفتن که انسان در آرامش بیشتری قرار دارد، ممکن است.
یک مغز و دو ذهن
ذهن متمرکز
و ذهن غیرمتمرکز
در حالت غیر متمرکز ذهن است که خلاقیت بکار میافتد اما در طول روز و در حین کار اکثرا ذهن در حالت متمرکز قرار دارد، به همین علت بهتر است در طول ساعات کاری به تمرین و بالابردن مهارت خود بپردازیم و زمانی را هم برای دور بودن از فضای کار و قراردادن ذهن در حالت غیرمتمرکز در نظر بگیریم.
حالا که نحوهی کارکرد مغز را متوجه شدیم با چند راه میتوان به خلاقیت بهتر کمک کرد، در این مقاله به چند مورد از مهمترین این راهها اشاره شده است.
https://bit.ly/dxgn813
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: یگانه یغماییان
#طراحی #خلاقیت
@Dexign فلسفه دیزاین
_________
Medium
Your Brain Doesn’t Want You to Be Creative
Strategies for tapping into your subconscious brilliance
علت و معلول (دیاگرام ایشیکاوا)
بارها اشاره کردهایم که تقریبا نیمی از فرآیند حل مسئله، فهمیدن خود مسئله است. به همین خاطر مقالههای بسیاری را دربارهی اینکه چطور میتوانیم مشکل را بفهمیم، معرفی کردهایم. امروز هم به سراغ یکی دیگر از ابزارهایی میرویم که به ما در این مورد مهم کمک میکند.
دیاگرام ایشیکاوا (استخوان ماهی) که توسط یک استاد ژاپنی به نام Kaoru Ishikawa ساخته شده است، یک ابزار بسیار خوب در مورد شناسایی ریشههای اصلی مشکلات است. گاهی اوقات آن را دیاگرام علت و معلولی نیز مینامند. از این روش حتی برای حل مشکلات پیچیده نیز کمک میگیرند.
نحوه استفاده از آن:
۱. تعریف مسئله
با تعریف مشکل شروع کنید و سپس یک خط به سمت چپ یا راست آن بکشید (این به اولویت شما بستگی دارد). این خط برای افزودن فاکتورها (عوامل) در مرحله بعدی، نیاز میشود.
۲. فاکتورها (عوامل) یا دستههای موثر را شناسایی کنید
فاکتورها / دستههایی را که میتوانند در کمک به مشکلی که مشغول به حل آن میباشید را ذکر کنید. آنها را در امتداد خط اصلی رسم کنید. شما میتوانید فاکتورهای خاص خود را بیابید یا ممکن است از دستهبندیهای عمومی استفاده کنید. مانند: آدمها، تجهیزات، روشها، اندازهگیریها، مواد و محیط.
دستهبندی کردن، برای درهم شکستن مشکلات پیچیده و نگاه به آنها از دیدگاههای مختلف بسیار کمککننده است.
۳. دلایل اصلیِ احتمالی هر عامل/دسته را پیدا کنید
بپرسید "چرا این اتفاق میافتد؟" هر ایده را به عنوان یک خط، زیر عاملی که به آن مربوط است بنویسید. روش استدلال از اصول اولیه به همراه تکنیک "پنج چرا" در اینجا به کمک شما میآیند.
به خاطر داشته باشید که مسئلهی شما ممکن است فقط یک دلیل اصلی نداشته باشد بلکه از چندین دلیل ریشهای تشکیل شده باشد. بنابراین مهم است که همه مواردی که ممکن است مشکل را توضیح دهد، حتی اگر به صورت جزئی باشد نیز ذکر شوند.
در این مرحله، شما یک دیاگرام کامل ساختهایید، اما هنوز پاسخ نهایی را پیدا نکردهاید.
۴. نمودار را تحلیل کنید
مهمترین مرحله، بررسی همه دلایل اصلی و تجزیه و تحلیل آنهاست. نمودار اکنون ساختاری را برای مهمترین تفکرات و قدمهای بعدی شما فراهم کرده است.
در این مرحله امکانات زیادی وجود دارد که میتوانید انجام دهید. شاید بتوانید دادهها / شواهد بیشتری را برای هر علت ریشهای جمعآوری کنید یا بلافاصله محتملترین مورد را شناسایی کرده و به سرعت در حل آن تلاش کنید. این به مشکلات خاص شما و علتهای احتمالی شناسایی شده بستگی خواهد داشت.
مثالی ازین روش را میتوانید در انتهای این مقاله پیدا کنید تا با کارکرد این روش بهتر آشنا شوید. امیدوارم که این دیاگرام در زندگی کاری و شخصیتان مفید باشد. در آخر بسیار خوشحال میشویم که نظرتان را با ما در زیر همین پست به اشتراک بگذارید.
https://bit.ly/dxgn814
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: حسین میرزاده
#حل_مسئله #دیاگرام_ایشیکاوا #علت_و_معلول #تعریف_مسئله
@Dexign فلسفه دیزاین
______
بارها اشاره کردهایم که تقریبا نیمی از فرآیند حل مسئله، فهمیدن خود مسئله است. به همین خاطر مقالههای بسیاری را دربارهی اینکه چطور میتوانیم مشکل را بفهمیم، معرفی کردهایم. امروز هم به سراغ یکی دیگر از ابزارهایی میرویم که به ما در این مورد مهم کمک میکند.
دیاگرام ایشیکاوا (استخوان ماهی) که توسط یک استاد ژاپنی به نام Kaoru Ishikawa ساخته شده است، یک ابزار بسیار خوب در مورد شناسایی ریشههای اصلی مشکلات است. گاهی اوقات آن را دیاگرام علت و معلولی نیز مینامند. از این روش حتی برای حل مشکلات پیچیده نیز کمک میگیرند.
نحوه استفاده از آن:
۱. تعریف مسئله
با تعریف مشکل شروع کنید و سپس یک خط به سمت چپ یا راست آن بکشید (این به اولویت شما بستگی دارد). این خط برای افزودن فاکتورها (عوامل) در مرحله بعدی، نیاز میشود.
۲. فاکتورها (عوامل) یا دستههای موثر را شناسایی کنید
فاکتورها / دستههایی را که میتوانند در کمک به مشکلی که مشغول به حل آن میباشید را ذکر کنید. آنها را در امتداد خط اصلی رسم کنید. شما میتوانید فاکتورهای خاص خود را بیابید یا ممکن است از دستهبندیهای عمومی استفاده کنید. مانند: آدمها، تجهیزات، روشها، اندازهگیریها، مواد و محیط.
دستهبندی کردن، برای درهم شکستن مشکلات پیچیده و نگاه به آنها از دیدگاههای مختلف بسیار کمککننده است.
۳. دلایل اصلیِ احتمالی هر عامل/دسته را پیدا کنید
بپرسید "چرا این اتفاق میافتد؟" هر ایده را به عنوان یک خط، زیر عاملی که به آن مربوط است بنویسید. روش استدلال از اصول اولیه به همراه تکنیک "پنج چرا" در اینجا به کمک شما میآیند.
به خاطر داشته باشید که مسئلهی شما ممکن است فقط یک دلیل اصلی نداشته باشد بلکه از چندین دلیل ریشهای تشکیل شده باشد. بنابراین مهم است که همه مواردی که ممکن است مشکل را توضیح دهد، حتی اگر به صورت جزئی باشد نیز ذکر شوند.
در این مرحله، شما یک دیاگرام کامل ساختهایید، اما هنوز پاسخ نهایی را پیدا نکردهاید.
۴. نمودار را تحلیل کنید
مهمترین مرحله، بررسی همه دلایل اصلی و تجزیه و تحلیل آنهاست. نمودار اکنون ساختاری را برای مهمترین تفکرات و قدمهای بعدی شما فراهم کرده است.
در این مرحله امکانات زیادی وجود دارد که میتوانید انجام دهید. شاید بتوانید دادهها / شواهد بیشتری را برای هر علت ریشهای جمعآوری کنید یا بلافاصله محتملترین مورد را شناسایی کرده و به سرعت در حل آن تلاش کنید. این به مشکلات خاص شما و علتهای احتمالی شناسایی شده بستگی خواهد داشت.
مثالی ازین روش را میتوانید در انتهای این مقاله پیدا کنید تا با کارکرد این روش بهتر آشنا شوید. امیدوارم که این دیاگرام در زندگی کاری و شخصیتان مفید باشد. در آخر بسیار خوشحال میشویم که نظرتان را با ما در زیر همین پست به اشتراک بگذارید.
https://bit.ly/dxgn814
(زمان حدودی مطالعه: ۴ دقیقه)
نویسنده: حسین میرزاده
#حل_مسئله #دیاگرام_ایشیکاوا #علت_و_معلول #تعریف_مسئله
@Dexign فلسفه دیزاین
______
untools.co
Ishikawa Diagram
Identify root causes of problems.
۱۰ اشتباه برتری که کاربران را نسبت به طراحی شما در وب ناامید میکند:
در این مقاله مروری خواهیم داشت بر مواردی که وجودشان در طراحی شما باعث ناامیدی کاربران میشود و نیز نکاتی را برای غلبه بر آنها باید بدانیم.
۱- متن کوچک
علیرغم اینکه فرمتهای ویدئویی اخیرا محبوب شدهاند اما همچنان اکثر اطلاعات روی وب از نوع متنی هستند، و خوانایی یک امر ضروری برای تجربه کاربری خوب است.
۲- المانهای قابل کلیک کوچک
هرچقدر المانهایی نظیر لینکها، دکمهها و سایر موارد کوچکتر باشند، احتمال اینکه کاربر اشتباه کند بیشتر است.
۳- تغییر محتوای غیر منتظره
این مورد زمانی اتفاق میافتد که کاربر با کلیک روی لینک خاص بجای ارجاع به آن مورد به یک تبلیغ هدایت میشود.
۴- از دست دادن دادهها در خطا
یکی از نمونهها برای این مورد زمانی است که شما فرمی را پر میکنید و پس از فشردن دکمه ارسال به شما پیغام خطا نشان داده میشود و دادههای شما از دست رفته است.
۵- دکمه «برگشت» که کار نمیکند
کاربر همواره به یک خروج اضطراری نیاز دارد که این کار را دکمه برگشت انجام میدهد.
۶- کنترل اسکرول کردن
گاهاً طراحان نحوه اسکرول صفحات را دستکاری میکنند تا به گونهای متفاوت در وبسایتشان عمل کند ولی این امر همیشه به تجربه خوبی ختم نمیشود.
۷- صفحه ثبتنام
این صفحات در واقع درخواستهای اجباری برای ایجاد یک حساب کاربری برای استفاده از سرویس است که این صفحات از گردش کاربر در سرویس جلوگیری میکنند.
۸- پخش خودکار ویدئو همراه با صدا
زمانی که کاربر وارد یک صفحه میشود انتظار پخش خودکار یک ویدئو با صدا بدون رضایت را ندارد و خیلی از کاربران بلافاصله از سایت خارج میشوند.
۹- اجازه ارسال اعلانها در مرورگر
کاربرها اکثرا به این نوع اطلاعات علاقهای ندارند، در واقع این اعلانها کاربر را از تعامل با محتوای سایت گمراه میکنند.
۱۰- اجازه برای ذخیرهسازی کوکیها
بعضی از وبسایتها از کاربران درخواست میکنند که کوکیها را بلافاصله در شروع قبول کنند و تا زمانی که این امر صورت نگیرد کاربر را بلاک میکنند.
https://bit.ly/dxgn815
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: ثمره شاملو
#طراحی #وب #طراحی_وب
@Dexign فلسفه دیزاین
______
در این مقاله مروری خواهیم داشت بر مواردی که وجودشان در طراحی شما باعث ناامیدی کاربران میشود و نیز نکاتی را برای غلبه بر آنها باید بدانیم.
۱- متن کوچک
علیرغم اینکه فرمتهای ویدئویی اخیرا محبوب شدهاند اما همچنان اکثر اطلاعات روی وب از نوع متنی هستند، و خوانایی یک امر ضروری برای تجربه کاربری خوب است.
۲- المانهای قابل کلیک کوچک
هرچقدر المانهایی نظیر لینکها، دکمهها و سایر موارد کوچکتر باشند، احتمال اینکه کاربر اشتباه کند بیشتر است.
۳- تغییر محتوای غیر منتظره
این مورد زمانی اتفاق میافتد که کاربر با کلیک روی لینک خاص بجای ارجاع به آن مورد به یک تبلیغ هدایت میشود.
۴- از دست دادن دادهها در خطا
یکی از نمونهها برای این مورد زمانی است که شما فرمی را پر میکنید و پس از فشردن دکمه ارسال به شما پیغام خطا نشان داده میشود و دادههای شما از دست رفته است.
۵- دکمه «برگشت» که کار نمیکند
کاربر همواره به یک خروج اضطراری نیاز دارد که این کار را دکمه برگشت انجام میدهد.
۶- کنترل اسکرول کردن
گاهاً طراحان نحوه اسکرول صفحات را دستکاری میکنند تا به گونهای متفاوت در وبسایتشان عمل کند ولی این امر همیشه به تجربه خوبی ختم نمیشود.
۷- صفحه ثبتنام
این صفحات در واقع درخواستهای اجباری برای ایجاد یک حساب کاربری برای استفاده از سرویس است که این صفحات از گردش کاربر در سرویس جلوگیری میکنند.
۸- پخش خودکار ویدئو همراه با صدا
زمانی که کاربر وارد یک صفحه میشود انتظار پخش خودکار یک ویدئو با صدا بدون رضایت را ندارد و خیلی از کاربران بلافاصله از سایت خارج میشوند.
۹- اجازه ارسال اعلانها در مرورگر
کاربرها اکثرا به این نوع اطلاعات علاقهای ندارند، در واقع این اعلانها کاربر را از تعامل با محتوای سایت گمراه میکنند.
۱۰- اجازه برای ذخیرهسازی کوکیها
بعضی از وبسایتها از کاربران درخواست میکنند که کوکیها را بلافاصله در شروع قبول کنند و تا زمانی که این امر صورت نگیرد کاربر را بلاک میکنند.
https://bit.ly/dxgn815
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: ثمره شاملو
#طراحی #وب #طراحی_وب
@Dexign فلسفه دیزاین
______
Medium
Top 10 User Frustrations on Web
And how to fix (most of) them
پروتوتایپ و انتخاب ابزاری مناسب برای ساخت آن
یکی از روشهای شناخت مشکلات طراحی ساخت پروتوتایپ یا نمونه اولیه است. زیرا به طراحان این امکان را میدهد که طراحی کنونی خود را آزمایش کنند و با جمع آوری سریع بازخورد از مزایای آن بهرهمند شوند.
اما چرا به پروتوتایپها نیاز داریم؟ پروتوتایپها تصویری ابتدایی از محصولی که قصد ساخت آن را داریم را به ما ارایه میدهند. ما میتوانیم با ارایه این نسخه اولیه به ذینفعان، کاربران و همه افراد دیگری که در روند طراحی مشارکت دارند به سرعت بازخورد بگیریم. مشکلات محصول خود را بشناسیم و ایدهها و راه حلهای بد را بدون اینکه روی آنها تاکید زیادی داشته باشیم حذف و در نهایت تجربه کاربری بهتری برای کاربران ایجاد کنیم.
ابزارهای زیادی برای ساخت پروتوتایپ وجود دارد. اما گاهی واقعا نیازی به ابزارهای بیرونی و برنامههای اضافه نداریم و میتوانیم با همان نرمافزارهای طراحی و یا حتی با استفاده از یک تکه کاغذ نمونههای اولیه خود را بسازیم. اما قبل از ساخت آن لازم است تا علاوه بر در نظر گرفتن همه جزییات و اهداف ایده اصلی نمونه اولیه خود بسنجیم و آن را به گونهای بسازیم که متناسب با نیازهای ما باشد. همچنین لازم است ابزاری را برای ساخت آن انتخاب کنیم که علاوه بر قیمت و سرعت، با وضعیت روند طراحی ما نیز سازگار باشد.
تقریبا در تمام مراحل طراحی میتوانیم از پروتوتایپ برای مطالعات و ارزیابی محصول خود استفاده کنیم. اما برای دستیابی به بهترین نتایج ، لازم است تا در سریعترین زمان ممکن شروع به کار کنیم و با جمعآوری بازخورد لازم روند کار را تسریع کنید.
اگر میخواهید درباره مفهوم کلی پروتوتایپ، انواع مختلف آن و ابزارهای مناسب برای ساخت بیشتر بدانید این مقاله را بخوانید.
https://bit.ly/dxgn816
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: فیروزه ایمانی
#طراحی #پروتوتایپ
@Dexign فلسفه دیزاین
______
یکی از روشهای شناخت مشکلات طراحی ساخت پروتوتایپ یا نمونه اولیه است. زیرا به طراحان این امکان را میدهد که طراحی کنونی خود را آزمایش کنند و با جمع آوری سریع بازخورد از مزایای آن بهرهمند شوند.
اما چرا به پروتوتایپها نیاز داریم؟ پروتوتایپها تصویری ابتدایی از محصولی که قصد ساخت آن را داریم را به ما ارایه میدهند. ما میتوانیم با ارایه این نسخه اولیه به ذینفعان، کاربران و همه افراد دیگری که در روند طراحی مشارکت دارند به سرعت بازخورد بگیریم. مشکلات محصول خود را بشناسیم و ایدهها و راه حلهای بد را بدون اینکه روی آنها تاکید زیادی داشته باشیم حذف و در نهایت تجربه کاربری بهتری برای کاربران ایجاد کنیم.
ابزارهای زیادی برای ساخت پروتوتایپ وجود دارد. اما گاهی واقعا نیازی به ابزارهای بیرونی و برنامههای اضافه نداریم و میتوانیم با همان نرمافزارهای طراحی و یا حتی با استفاده از یک تکه کاغذ نمونههای اولیه خود را بسازیم. اما قبل از ساخت آن لازم است تا علاوه بر در نظر گرفتن همه جزییات و اهداف ایده اصلی نمونه اولیه خود بسنجیم و آن را به گونهای بسازیم که متناسب با نیازهای ما باشد. همچنین لازم است ابزاری را برای ساخت آن انتخاب کنیم که علاوه بر قیمت و سرعت، با وضعیت روند طراحی ما نیز سازگار باشد.
تقریبا در تمام مراحل طراحی میتوانیم از پروتوتایپ برای مطالعات و ارزیابی محصول خود استفاده کنیم. اما برای دستیابی به بهترین نتایج ، لازم است تا در سریعترین زمان ممکن شروع به کار کنیم و با جمعآوری بازخورد لازم روند کار را تسریع کنید.
اگر میخواهید درباره مفهوم کلی پروتوتایپ، انواع مختلف آن و ابزارهای مناسب برای ساخت بیشتر بدانید این مقاله را بخوانید.
https://bit.ly/dxgn816
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: فیروزه ایمانی
#طراحی #پروتوتایپ
@Dexign فلسفه دیزاین
______
UX Studio
How to Choose Prototyping Tool (with 3 Examples) - UX studio
How to do prototying right? In this article, I will guide you behind the idea of prototyping and show you how to use it effectively.
تایپوگرافی؛ ریتم در نوشته
به قطعه موسیقی مورد علاقهتان فکر کنید، فراز و فرودها، سکوتها و نحوهی تفکیک بخشهای مختلفش را به یاد بیاورید، آنچه الان در ذهن دارید یکی از نزدیکترین تشبیهها به تایپوگرافی محسوب میشود. همان ویژگیای که نتها را به یک قطعه موسیقی تبدیل میکند، متن را نیز در قالب تایپوگرافی ریخته و شکل میدهد، این ویژگی داشتن «ریتم» است.
بیش از ۹۰ درصد از محتوای موجود در فضای دیجیتال را متنها تشکیل میدهند اما اکثر اوقات ما طراحان کمترین زمان را برای شکل دادن به فونت و تایپوگرافی در محصولات دیجیتال اختصاص میدهیم، به نظرتان چرا؟
رنگ، عکس، شکل و الگوهایی که آنها را کنار هم قرار میدهند برای ما هویت بصری مشخصی دارند. در مقابل اما کار اصلی یک نوشته رساندن یک مفهوم است، پس در ذهن تازهکارِ ما مهمترین ویژگی آن باید خوانا بودن باشد، مگر نه؟ به طور کلی شاید، اما کاربر در فضای دیجیتال متنها را نمیخواند!
کاربر متون را در کنار تمام اجزای دیگر یک صفحه و در قالبی بصری و نه مفهومی میبیند، به قولی آنها را اسکن میکند. به همین خاطر محتوای نوشتاری در یک محصول دیجیتال کاربردی وسیعتر از رساندن پیام دارد، یا حداقل میتوان گفت این اولین کاربردش نخواهد بود. در اینجاست که تایپوگرافی ابزار قدرتمندی برای استفاده از پتانسیل تصویری متن در اختیار ما میگذارد.
تایپوگرافی از جزییترین تا کلیترین لایههای بصری یک متن به آن ریتمی بصری میبخشد ؛ از فواصل میان هر دو حرف در یک کلمه تا تفاوت اندازه و فاصله میان عناوین و بدنهی نوشته.
همچنین با دیدن متون به عنوان عناصر بصری راحتتر میتوانیم آنها را با اشکال، عکسها و الگوهای به کار رفته در طراحی هماهنگ کنیم.
راههای ایجاد این هماهنگیها و توضیحاتی در رابطه با اصول تایپوگرافی را در این مقاله بخوانید.
https://bit.ly/dxgn817
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #فونت #تایپوگرافی #ریتم
@Dexign فلسفه دیزاین
______
به قطعه موسیقی مورد علاقهتان فکر کنید، فراز و فرودها، سکوتها و نحوهی تفکیک بخشهای مختلفش را به یاد بیاورید، آنچه الان در ذهن دارید یکی از نزدیکترین تشبیهها به تایپوگرافی محسوب میشود. همان ویژگیای که نتها را به یک قطعه موسیقی تبدیل میکند، متن را نیز در قالب تایپوگرافی ریخته و شکل میدهد، این ویژگی داشتن «ریتم» است.
بیش از ۹۰ درصد از محتوای موجود در فضای دیجیتال را متنها تشکیل میدهند اما اکثر اوقات ما طراحان کمترین زمان را برای شکل دادن به فونت و تایپوگرافی در محصولات دیجیتال اختصاص میدهیم، به نظرتان چرا؟
رنگ، عکس، شکل و الگوهایی که آنها را کنار هم قرار میدهند برای ما هویت بصری مشخصی دارند. در مقابل اما کار اصلی یک نوشته رساندن یک مفهوم است، پس در ذهن تازهکارِ ما مهمترین ویژگی آن باید خوانا بودن باشد، مگر نه؟ به طور کلی شاید، اما کاربر در فضای دیجیتال متنها را نمیخواند!
کاربر متون را در کنار تمام اجزای دیگر یک صفحه و در قالبی بصری و نه مفهومی میبیند، به قولی آنها را اسکن میکند. به همین خاطر محتوای نوشتاری در یک محصول دیجیتال کاربردی وسیعتر از رساندن پیام دارد، یا حداقل میتوان گفت این اولین کاربردش نخواهد بود. در اینجاست که تایپوگرافی ابزار قدرتمندی برای استفاده از پتانسیل تصویری متن در اختیار ما میگذارد.
تایپوگرافی از جزییترین تا کلیترین لایههای بصری یک متن به آن ریتمی بصری میبخشد ؛ از فواصل میان هر دو حرف در یک کلمه تا تفاوت اندازه و فاصله میان عناوین و بدنهی نوشته.
همچنین با دیدن متون به عنوان عناصر بصری راحتتر میتوانیم آنها را با اشکال، عکسها و الگوهای به کار رفته در طراحی هماهنگ کنیم.
راههای ایجاد این هماهنگیها و توضیحاتی در رابطه با اصول تایپوگرافی را در این مقاله بخوانید.
https://bit.ly/dxgn817
(زمان حدودی مطالعه: ۷ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #فونت #تایپوگرافی #ریتم
@Dexign فلسفه دیزاین
______
Medium
Creating rhythm with typography
How type comes together in visual design.
محتوای آنلاین چگونه خوانده میشود؟
تکنولوژی و طراحی به سرعت در حال تغییر اند، اما انسانها نه!
مقاله پیش رو از nngroup (Nielsen Norman Group) مطالعهای است بر اینکه انسانها چگونه محتوای آنلاین را میخوانند. ورژن دوم این مقاله بعد از ۱۵ سال از تحقیقات قبلی منتشر شده است که به خوبی میتواند تغییرات این موضوع را رصد کند.
نکته مهمی که در طی این سالها تغییر نکرده این است که احتمال اسکن محتوا نسبت به مطالعه کلمه به کلمه و خط به خط محتوا بسیار بیشتر است. نکتهای که توجه به آن در نحوه تولید و ایجاد محتوای دیجیتال پیامدها و تاثیرات بسیاری دارد.
در این مقاله از متد Eyetracking استفاده شده است. این متد نگاه کاربران به صفحه نمایش را دنبال میکند و نحوه تعامل او با محتوا و اولویتها و نوع خوانش تصویر و متن را توسط کاربر نمایان میکند. مطالعات این روش به صورت کمی و کیفی آنالیز میشوند. در مطالعات کمی تعداد کاربران شرکت کننده زیاد است و هیتمپها و معیارهای نگاه کاربر به محتوا (مثلا میانگین کاربرانی که روی محتوایی خاص توقف دارند) به دست میآید. در مطالعات کیفی نیز محققان از آنالیز جداگانهی نوع رفتار نگاه کاربران استفاده میکنند.
چه چیزهایی امروزه تغییر کرده است؟
در طراحی امروزه Layoutها و Patternها به روز شدهاند. امروزه به عنوان مثال از Layoutهایی مانند ZigZag Layout و یا از Patternهایی مانند Pinball Pattern استفاده میشود. این پترنها هرکدام به نوعی نگاه کاربر به محتوا را جهت میدهند به عنوان نمونهای از این بحث مثلا در Pinball Pattern ها کاربر کاملا نگاهی غیر خطی به محتوا دارد.
چه چیزهایی امروزه تغییر نکرده است؟
تولید کنندگان محتوا باید این واقعیت را قبول کنند که "انسانها همچنان به احتمال زیاد محتوای شما را کامل و به صورت خطی مطالعه نمیکنند" لذا نیاز است که مواردی در تولید محتوا رعایت شود. مواردی از قبیل: استفاده از هدلاینها و سابهدلاینهای واضح و مفهوم، قرار دادن اطلاعات جلوی چشمان کاربر و رساندن سریع پیام، استفاده از بولتپوینتها، تکستهای بولد و ...
جزئیات بیشتر را میتوانید در مقاله زیر مشاهده کنید:
https://bit.ly/dxgn818
زمان حدودی مطالعه: ۱۵ دقیقه
نویسنده: رشید مسعودی
#طراحی #تجربهـکاربری #محتوا #UX #Eyetracking
@Dexign فلسفه دیزاین
______
تکنولوژی و طراحی به سرعت در حال تغییر اند، اما انسانها نه!
مقاله پیش رو از nngroup (Nielsen Norman Group) مطالعهای است بر اینکه انسانها چگونه محتوای آنلاین را میخوانند. ورژن دوم این مقاله بعد از ۱۵ سال از تحقیقات قبلی منتشر شده است که به خوبی میتواند تغییرات این موضوع را رصد کند.
نکته مهمی که در طی این سالها تغییر نکرده این است که احتمال اسکن محتوا نسبت به مطالعه کلمه به کلمه و خط به خط محتوا بسیار بیشتر است. نکتهای که توجه به آن در نحوه تولید و ایجاد محتوای دیجیتال پیامدها و تاثیرات بسیاری دارد.
در این مقاله از متد Eyetracking استفاده شده است. این متد نگاه کاربران به صفحه نمایش را دنبال میکند و نحوه تعامل او با محتوا و اولویتها و نوع خوانش تصویر و متن را توسط کاربر نمایان میکند. مطالعات این روش به صورت کمی و کیفی آنالیز میشوند. در مطالعات کمی تعداد کاربران شرکت کننده زیاد است و هیتمپها و معیارهای نگاه کاربر به محتوا (مثلا میانگین کاربرانی که روی محتوایی خاص توقف دارند) به دست میآید. در مطالعات کیفی نیز محققان از آنالیز جداگانهی نوع رفتار نگاه کاربران استفاده میکنند.
چه چیزهایی امروزه تغییر کرده است؟
در طراحی امروزه Layoutها و Patternها به روز شدهاند. امروزه به عنوان مثال از Layoutهایی مانند ZigZag Layout و یا از Patternهایی مانند Pinball Pattern استفاده میشود. این پترنها هرکدام به نوعی نگاه کاربر به محتوا را جهت میدهند به عنوان نمونهای از این بحث مثلا در Pinball Pattern ها کاربر کاملا نگاهی غیر خطی به محتوا دارد.
چه چیزهایی امروزه تغییر نکرده است؟
تولید کنندگان محتوا باید این واقعیت را قبول کنند که "انسانها همچنان به احتمال زیاد محتوای شما را کامل و به صورت خطی مطالعه نمیکنند" لذا نیاز است که مواردی در تولید محتوا رعایت شود. مواردی از قبیل: استفاده از هدلاینها و سابهدلاینهای واضح و مفهوم، قرار دادن اطلاعات جلوی چشمان کاربر و رساندن سریع پیام، استفاده از بولتپوینتها، تکستهای بولد و ...
جزئیات بیشتر را میتوانید در مقاله زیر مشاهده کنید:
https://bit.ly/dxgn818
زمان حدودی مطالعه: ۱۵ دقیقه
نویسنده: رشید مسعودی
#طراحی #تجربهـکاربری #محتوا #UX #Eyetracking
@Dexign فلسفه دیزاین
______
Nielsen Norman Group
How People Read Online: New and Old Findings
Looking back at findings from a series of eyetracking studies over 13 years, we see that fundamental scanning behaviors remain constant, even as designs change.
ارزیابی اکتشافی چیست و چگونه انجام میشود؟
ارزیابیهای کاربردپذیری (Usability Testing) روشهایی برای شناسایی مشکلات و ایرادات محصولات دیجیتال از منظر تجربه کاربری هستند که عموما روشهایی زمانبر و پرهزینه به شمار میآیند. همین مساله سبب میشود گاهی اوقات از انجام این ارزیابیها چشمپوشی شده و محصول دیجیتال مورد ارزیابی قرار نگیرد. برای حل این مشکل، جیکوب نیلسن روشی را توسعه داده است که با عنوان ارزیابی اکتشافی (Heuristic Evaluation) شناخته میشود.
ارزیابی اکتشافی روشی است که متخصصان UX برای بررسی و ارزیابی طراحی رابط کاربری محصولات دیجیتال مورد استفاده قرار میدهند. در این روش متخصصان UX، محصول دیجیتال مورد نظر را برمبنای معیارهای دهگانه ارزیابی اکتشافی جیکوب نیلسن مورد بررسی قرار داده و مشکلات و ایرادات محصول را بر مبنای این اصول شناسایی میکنند.
این معیارها شامل موارد زیر است:
۱- قابلیت مشاهده وضعیت سیستم
۲- انطباق میان سیستم و دنیای واقعی
۳- کنترل و آزادی کاربر
۴- یکپارچگی و رعایت استانداردها
۵- جلوگیری از بروز خطا
۶- بازشناسی به جای به یاد آوردن
۷- کاربرد بهینه و منعطف
۸- طراحی مینیمال و زیبا
۹- کمک به کاربران برای شناسایی، تشخیص و بازیابی از طریق پیغامهای خطا
۱۰- راهنما و مستندات
برای انجام این ارزیابی معمولا چند متخصص به عنوان ارزیاب محصول دیجیتال را بررسی کرده و مشکلات شناسایی شده را ثبت میکنند. سپس مشکلات شناسایی شده را براساس شدت و اهمیت آنها دستهبندی کرده و برای اصلاح مد نظر قرار میدهند.
برای آشنایی بیشتر با معیارهای دهگانه ارزیابی اکتشافی و روش انجام این ارزیابی میتوانید مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn819
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#کاربردپذیری #ارزیابی #اکتشافی
@Dexign فلسفه دیزاین
______
ارزیابیهای کاربردپذیری (Usability Testing) روشهایی برای شناسایی مشکلات و ایرادات محصولات دیجیتال از منظر تجربه کاربری هستند که عموما روشهایی زمانبر و پرهزینه به شمار میآیند. همین مساله سبب میشود گاهی اوقات از انجام این ارزیابیها چشمپوشی شده و محصول دیجیتال مورد ارزیابی قرار نگیرد. برای حل این مشکل، جیکوب نیلسن روشی را توسعه داده است که با عنوان ارزیابی اکتشافی (Heuristic Evaluation) شناخته میشود.
ارزیابی اکتشافی روشی است که متخصصان UX برای بررسی و ارزیابی طراحی رابط کاربری محصولات دیجیتال مورد استفاده قرار میدهند. در این روش متخصصان UX، محصول دیجیتال مورد نظر را برمبنای معیارهای دهگانه ارزیابی اکتشافی جیکوب نیلسن مورد بررسی قرار داده و مشکلات و ایرادات محصول را بر مبنای این اصول شناسایی میکنند.
این معیارها شامل موارد زیر است:
۱- قابلیت مشاهده وضعیت سیستم
۲- انطباق میان سیستم و دنیای واقعی
۳- کنترل و آزادی کاربر
۴- یکپارچگی و رعایت استانداردها
۵- جلوگیری از بروز خطا
۶- بازشناسی به جای به یاد آوردن
۷- کاربرد بهینه و منعطف
۸- طراحی مینیمال و زیبا
۹- کمک به کاربران برای شناسایی، تشخیص و بازیابی از طریق پیغامهای خطا
۱۰- راهنما و مستندات
برای انجام این ارزیابی معمولا چند متخصص به عنوان ارزیاب محصول دیجیتال را بررسی کرده و مشکلات شناسایی شده را ثبت میکنند. سپس مشکلات شناسایی شده را براساس شدت و اهمیت آنها دستهبندی کرده و برای اصلاح مد نظر قرار میدهند.
برای آشنایی بیشتر با معیارهای دهگانه ارزیابی اکتشافی و روش انجام این ارزیابی میتوانید مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn819
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#کاربردپذیری #ارزیابی #اکتشافی
@Dexign فلسفه دیزاین
______
Medium
How to Conduct Heuristic Evaluation
With free templates for UX specialist
👍1
در شرایط مختلف چطور پاسخهای متفاوتی دهیم؟
اگر اهل بازیهای ویدئویی باشید، حتما با منوی درجه سختی بازیها آشنائید. همان درجهای که به شما آگاهی میدهد که اگر گزینهی سخت را انتخاب کنید، نیازمند این هستید که مقدار بیشتری هوشیارانه عمل کنید و منتظر سورپرایزهای بازی باشید و حتی این امکان وجود دارد که اگر خوب بازی نکنید بارها بازنده شوید.
حال در دنیای واقعی و همینطور دیزاین محصولات، با انواع مسائل و شرایط دست و پنچه نرم میکنیم که خوب است بدانیم با چه گزینههایی از درجه سختی آنها مواجهیم تا خودمان را برای آن آماده کنیم. در ادامه چارچوبی را معرفی میکنم که در این ضمینه بسیار مفید است.
ایده اصلی «چارچوب کانوین» این است که انواع موقعیتها و یا مشکلات مختلف، به انواع مختلفی از پاسخها یا واکنشها، نیازمند هستند. پس شما لازم است مشخص کنید که با چه شرایطی روبرو هستید تا با کمک این چارچوب (فریمورک Cynefin) یک پاسخ مناسب انتخاب کنید.
فریمورک Cynefin چیست؟
این چارچوب پنج دامنه را برای دستهبندی مشکلات یا موقعیتها مشخص میکند:
واضح، پیچیده، بغرنج، آشفته و هرجومرج.
هر دامنه را با جزئیات بررسی میکنیم.
واضح:
با عنوانهای روشن، ساده و آشکار نیز شناخته میشوند. این جایی است که مشکلات، آشنا و به وضوح تعریف میشوند. روابط علت و معلولی مشخص و شرایط پایدار است. بسیاری از شرایط و مشکلات فرآیندگرا در این دامنه قرار میگیرند. این یک دامنه از "شناختههای معلوم" است. راهحلها معمولاً در این شرایط روشن هستند و نیاز به تخصص زیادی ندارند. رویکرد پیشنهادی اینست: "حس کنید - طبقه بندی کنید - پاسخ دهید": واقعیتها را تعیین کنید ("حس کردن")، طبقه بندی کنید، سپس با پیروی از قانون یا استفاده از بهترین روشها، پاسخ دهید.
پیچیده:
در این دامنه، ممکن است چندین پاسخ درست وجود داشته باشد اما بلافاصله قابل مشاهده نیستند. این یک دامنه از "ناشناختههای معلوم" است - زمانی که سؤالات واضح هستند اما پاسخ دادن به آنها زمان طولانیای میبرد. به همین دلیل بهترین رویکرد اینست که "حس کنید - تجزیه و تحلیل کنید - پاسخ دهید: واقعیتها را ارزیابی کنید، تجزیه و تحلیل کنید و روش عملی مناسب را اعمال نمایید.
بغرنج:
ایندامنهی "ناشناختههای نامعلوم" است. با تجزیهوتحلیل نمیتوان وضعیت را درک کرد. زیرا ما هنوز اطلاعات کافی در مورد آن نداریم. در وهله اول مشخص نیست که به چه مواردی باید پاسخ داده شود. بنابراین روش کار این است که ابتدا آزمایش کنید، در مورد مسئله اطلاعات کسب کنید. سپس آنچه را که با آن سر و کار دارید را حس کنید و به طور مناسب پاسخ دهید. هدف باید درک کافی باشد، تا مشکل یا وضعیت به دامنهی پیچیده منتقل شود که در آن مقابله با آن آسانتر است.
آشفته:
وقتی اوضاع تحت کنترل نباشد، اوضاع در دامنهی آشفته قرار میگیرد. این زمانی است که روابط علت و معلولی مشخص نیست. در اینجا لازم است ابتدا برای ایجاد ثبات و مهار اوضاع اقدام کنیم. پس از آن وضعیت را ارزیابی کرده و روی ایجاد نظم کافی برای انتقال آن به دامنه بغرنج کار کنید. "عمل کنید - حس کنید - پاسخ دهید" دامنه آشفته همچنین فرصتی را برای امتحان راهحلهای جدید فراهم میکند. زیرا ممکن است در این زمینه آدمها نسبت به آن بازتر باشند.
هرجومرج:
اگر نمیدانید در کجا ایستادهاید، در دامنه هرجومرج هستید. هدف باید شناسایی سریع دامنه مناسب و حرکت رو به جلو از آن وضعیت باشد. تجزیه مشکل یا وضعیت به چندین قسمت و اختصاص هر یک از آنها به یک دامنه خاص، میتواند مفید باشد.
چطور تشخیص دهیم که در کدام یک از دامنههای بالا قرار داریم؟
بهتر است بیشتر با هر دامنه آشنا شوید تا یاد بگیرید که ویژگیهای یک مسئله / موقعیت در یک دامنه خاص چگونه است. منابعی که در زیر معرفی میشود، مکان خوبی برای شروع است.
و همچنین در اینجا مجموعهای از سؤالات وجود دارد که میتواند به شما در جهت هدایت به دامنهی مناسب نیز کمک کند:
- آیا میدانید چه عواملی باعث ایجاد وضعیت شده است؟
- آیا اوضاع تحت کنترل است؟
- چقدر از موضوع اطلاع دارید؟
- آیا حل آن نیاز به دانش تخصصی دارد؟
میتوانید به مقالههای زیر مراجعه کنید و همچنین گرافیک این این فریمورک را مشاهده کنید تا باعث یادگیری بهتر شود. امیدوارم که در شناخت مسائل زندگی و پاسخهایتان به آنها، راهگشا باشد.
https://bit.ly/dxgn820-1
https://bit.ly/dxgn820-2
قالب این چارچوب در Miro:
https://bit.ly/dxgn820-3
(زمان حدودی مطالعه
مقاله اول: ۴ دقیقه
و مقاله دوم: ۱۷ دقیقه )
نویسنده: حسین میرزاده
#حل_مسئله #تصمیم_گیری #چارچوب_کانوین
@Dexign فلسفه دیزاین
______
اگر اهل بازیهای ویدئویی باشید، حتما با منوی درجه سختی بازیها آشنائید. همان درجهای که به شما آگاهی میدهد که اگر گزینهی سخت را انتخاب کنید، نیازمند این هستید که مقدار بیشتری هوشیارانه عمل کنید و منتظر سورپرایزهای بازی باشید و حتی این امکان وجود دارد که اگر خوب بازی نکنید بارها بازنده شوید.
حال در دنیای واقعی و همینطور دیزاین محصولات، با انواع مسائل و شرایط دست و پنچه نرم میکنیم که خوب است بدانیم با چه گزینههایی از درجه سختی آنها مواجهیم تا خودمان را برای آن آماده کنیم. در ادامه چارچوبی را معرفی میکنم که در این ضمینه بسیار مفید است.
ایده اصلی «چارچوب کانوین» این است که انواع موقعیتها و یا مشکلات مختلف، به انواع مختلفی از پاسخها یا واکنشها، نیازمند هستند. پس شما لازم است مشخص کنید که با چه شرایطی روبرو هستید تا با کمک این چارچوب (فریمورک Cynefin) یک پاسخ مناسب انتخاب کنید.
فریمورک Cynefin چیست؟
این چارچوب پنج دامنه را برای دستهبندی مشکلات یا موقعیتها مشخص میکند:
واضح، پیچیده، بغرنج، آشفته و هرجومرج.
هر دامنه را با جزئیات بررسی میکنیم.
واضح:
با عنوانهای روشن، ساده و آشکار نیز شناخته میشوند. این جایی است که مشکلات، آشنا و به وضوح تعریف میشوند. روابط علت و معلولی مشخص و شرایط پایدار است. بسیاری از شرایط و مشکلات فرآیندگرا در این دامنه قرار میگیرند. این یک دامنه از "شناختههای معلوم" است. راهحلها معمولاً در این شرایط روشن هستند و نیاز به تخصص زیادی ندارند. رویکرد پیشنهادی اینست: "حس کنید - طبقه بندی کنید - پاسخ دهید": واقعیتها را تعیین کنید ("حس کردن")، طبقه بندی کنید، سپس با پیروی از قانون یا استفاده از بهترین روشها، پاسخ دهید.
پیچیده:
در این دامنه، ممکن است چندین پاسخ درست وجود داشته باشد اما بلافاصله قابل مشاهده نیستند. این یک دامنه از "ناشناختههای معلوم" است - زمانی که سؤالات واضح هستند اما پاسخ دادن به آنها زمان طولانیای میبرد. به همین دلیل بهترین رویکرد اینست که "حس کنید - تجزیه و تحلیل کنید - پاسخ دهید: واقعیتها را ارزیابی کنید، تجزیه و تحلیل کنید و روش عملی مناسب را اعمال نمایید.
بغرنج:
ایندامنهی "ناشناختههای نامعلوم" است. با تجزیهوتحلیل نمیتوان وضعیت را درک کرد. زیرا ما هنوز اطلاعات کافی در مورد آن نداریم. در وهله اول مشخص نیست که به چه مواردی باید پاسخ داده شود. بنابراین روش کار این است که ابتدا آزمایش کنید، در مورد مسئله اطلاعات کسب کنید. سپس آنچه را که با آن سر و کار دارید را حس کنید و به طور مناسب پاسخ دهید. هدف باید درک کافی باشد، تا مشکل یا وضعیت به دامنهی پیچیده منتقل شود که در آن مقابله با آن آسانتر است.
آشفته:
وقتی اوضاع تحت کنترل نباشد، اوضاع در دامنهی آشفته قرار میگیرد. این زمانی است که روابط علت و معلولی مشخص نیست. در اینجا لازم است ابتدا برای ایجاد ثبات و مهار اوضاع اقدام کنیم. پس از آن وضعیت را ارزیابی کرده و روی ایجاد نظم کافی برای انتقال آن به دامنه بغرنج کار کنید. "عمل کنید - حس کنید - پاسخ دهید" دامنه آشفته همچنین فرصتی را برای امتحان راهحلهای جدید فراهم میکند. زیرا ممکن است در این زمینه آدمها نسبت به آن بازتر باشند.
هرجومرج:
اگر نمیدانید در کجا ایستادهاید، در دامنه هرجومرج هستید. هدف باید شناسایی سریع دامنه مناسب و حرکت رو به جلو از آن وضعیت باشد. تجزیه مشکل یا وضعیت به چندین قسمت و اختصاص هر یک از آنها به یک دامنه خاص، میتواند مفید باشد.
چطور تشخیص دهیم که در کدام یک از دامنههای بالا قرار داریم؟
بهتر است بیشتر با هر دامنه آشنا شوید تا یاد بگیرید که ویژگیهای یک مسئله / موقعیت در یک دامنه خاص چگونه است. منابعی که در زیر معرفی میشود، مکان خوبی برای شروع است.
و همچنین در اینجا مجموعهای از سؤالات وجود دارد که میتواند به شما در جهت هدایت به دامنهی مناسب نیز کمک کند:
- آیا میدانید چه عواملی باعث ایجاد وضعیت شده است؟
- آیا اوضاع تحت کنترل است؟
- چقدر از موضوع اطلاع دارید؟
- آیا حل آن نیاز به دانش تخصصی دارد؟
میتوانید به مقالههای زیر مراجعه کنید و همچنین گرافیک این این فریمورک را مشاهده کنید تا باعث یادگیری بهتر شود. امیدوارم که در شناخت مسائل زندگی و پاسخهایتان به آنها، راهگشا باشد.
https://bit.ly/dxgn820-1
https://bit.ly/dxgn820-2
قالب این چارچوب در Miro:
https://bit.ly/dxgn820-3
(زمان حدودی مطالعه
مقاله اول: ۴ دقیقه
و مقاله دوم: ۱۷ دقیقه )
نویسنده: حسین میرزاده
#حل_مسئله #تصمیم_گیری #چارچوب_کانوین
@Dexign فلسفه دیزاین
______
Everyday Kanban
Understanding the Cynefin framework – a basic intro
It was Kaizen Camp when I first learned about the Cynefin framework. The first thing you might be wondering is how the heck you pronounce Cynefin. I know that was my first question. It is Kih-neh-vihn (/ˈkʌnɨvɪn/). The word is Welsh in origin and was coined…
بازطراحی ایموجیها به سبک مایکروسافت
دنیای پیرامون ما کماکان درحال تغییر است. چند سال پیش با انتشار iOS7 انقلابی در زمینه طراحی محصولات دیجیتال شروع به شکلگرفتن کرد.
طراحیهای انجامشده بیشتر از رنگهای روشن و واضح استفاده میکردند و این روند تا سال ۲۰۲۱ پیش رفت و هر شرکتی دیدگاه خود را نسبت به این انقلاب به صورت «دیزاین» منتشر کرد.
سیستمعامل iOS که از شروعکنندههای این سبک طراحی بود دستخوش تغییراتی شد، macOS نیز پا به پای این تغییرات، تغییر کرد و در ماههای اخیر هم شاهد تغییرات عجیب، جذاب و یکپارچه سیستمعامل ویندوز بودیم.
تیم مایکروسافت دیزاین مدتهاست در تلاش برای ساخت یک حس جدید برای محصولات مایکروسافت است و این مساله از ماهها پیش از صفحه اینستاگرام این تیم مشخص بود.
ماه پیش بالاخره تصاویری از ویندوز۱۱ و سبک دیزاین جدیدش منتشر شد و در نهایت چند روز پیش تیم مایکروسافت دیزاین از ۱۸۰۰ ایموجی بازطراحیشده رونمایی کرد.
ایموجیهای بازطراحی شده مایکروسافات «حس» واقعی دارند و این حس را از طریق رنگ، سایهها و البته حرکت منتقل میکنند.
در مقالهای پیش رو، دلایل و روند این تغییرات به همراه تفکر پشت این حسهای جدید را مطالعه میکنید.
https://bit.ly/dxgn821
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: آرش اصغری
#دیزاین
@Dexign فلسفه دیزاین
______
دنیای پیرامون ما کماکان درحال تغییر است. چند سال پیش با انتشار iOS7 انقلابی در زمینه طراحی محصولات دیجیتال شروع به شکلگرفتن کرد.
طراحیهای انجامشده بیشتر از رنگهای روشن و واضح استفاده میکردند و این روند تا سال ۲۰۲۱ پیش رفت و هر شرکتی دیدگاه خود را نسبت به این انقلاب به صورت «دیزاین» منتشر کرد.
سیستمعامل iOS که از شروعکنندههای این سبک طراحی بود دستخوش تغییراتی شد، macOS نیز پا به پای این تغییرات، تغییر کرد و در ماههای اخیر هم شاهد تغییرات عجیب، جذاب و یکپارچه سیستمعامل ویندوز بودیم.
تیم مایکروسافت دیزاین مدتهاست در تلاش برای ساخت یک حس جدید برای محصولات مایکروسافت است و این مساله از ماهها پیش از صفحه اینستاگرام این تیم مشخص بود.
ماه پیش بالاخره تصاویری از ویندوز۱۱ و سبک دیزاین جدیدش منتشر شد و در نهایت چند روز پیش تیم مایکروسافت دیزاین از ۱۸۰۰ ایموجی بازطراحیشده رونمایی کرد.
ایموجیهای بازطراحی شده مایکروسافات «حس» واقعی دارند و این حس را از طریق رنگ، سایهها و البته حرکت منتقل میکنند.
در مقالهای پیش رو، دلایل و روند این تغییرات به همراه تفکر پشت این حسهای جدید را مطالعه میکنید.
https://bit.ly/dxgn821
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: آرش اصغری
#دیزاین
@Dexign فلسفه دیزاین
______
Medium
Emotionality at work
Microsoft’s new emojis
استفاده از کارت در طراحی UI:
کارتها به عنوان یک ظرف اطلاعاتی شامل عناصری نظیر متن، دکمهها و ... هستند که میتوانند اندازه خود را با اندازه دستگاهها و صفحات گوناگون برای ایجاد تعادل میان رابط کاربری و تجربه کاربری، تنظیم کنند.
کارتها میتوانند شامل عناصر مختلفی باشند اما همه آنها باید در مورد یک موضوع واحد باشند.
در واقع هدف استفاده از آنها جلوگیری از متنهای طولانی است.
حتی اگر کاربران از نظر طراحی با مفهوم کارت آشنا نباشند، خیلی سریع متوجه میشوند که چگونه از آنها استفاده کنند به این علت که با کارتهای فیزیکی یکسان هستند.
چرا استفاده از این کارتها انقدر محبوب شده است؟
کارتها از این جهت محبوب هستند که بنظر میرسد محتوا را تحت فشار قرار میدهند و بدون نگرانی از بهم ریختگی طرح، اجازه میدهند محتوای زیادی با هم مخلوط شود.
علاوه بر این به کاربران این امکان را میدهند تا محتوایی را که به آن علاقه دارند، راحتتر پیدا کنند.
سایر مواردی که موجب محبوبیت آنها شده است:
-بصری بودن
-به راحتی قابل فهم هستند
-جذاب و کاربرپسند هستند
-برای طراحی ریسپانسیو سودمند هستند
-قابل اشتراک هستند
شما میتوانید در این مقاله اطلاعات بیشتری در رابطه با اینکه چه زمانی از آنها استفاده میکنیم و شامل چه اجزایی میشوند، بیشتر بخوانید.
https://bit.ly/dxgn822
(زمان حدودی مطالعه: ۹ دقیقه)
نویسنده: ثمره شاملو
#اصول #کارت #طراحی_کارت
@Dexign فلسفه دیزاین
______
کارتها به عنوان یک ظرف اطلاعاتی شامل عناصری نظیر متن، دکمهها و ... هستند که میتوانند اندازه خود را با اندازه دستگاهها و صفحات گوناگون برای ایجاد تعادل میان رابط کاربری و تجربه کاربری، تنظیم کنند.
کارتها میتوانند شامل عناصر مختلفی باشند اما همه آنها باید در مورد یک موضوع واحد باشند.
در واقع هدف استفاده از آنها جلوگیری از متنهای طولانی است.
حتی اگر کاربران از نظر طراحی با مفهوم کارت آشنا نباشند، خیلی سریع متوجه میشوند که چگونه از آنها استفاده کنند به این علت که با کارتهای فیزیکی یکسان هستند.
چرا استفاده از این کارتها انقدر محبوب شده است؟
کارتها از این جهت محبوب هستند که بنظر میرسد محتوا را تحت فشار قرار میدهند و بدون نگرانی از بهم ریختگی طرح، اجازه میدهند محتوای زیادی با هم مخلوط شود.
علاوه بر این به کاربران این امکان را میدهند تا محتوایی را که به آن علاقه دارند، راحتتر پیدا کنند.
سایر مواردی که موجب محبوبیت آنها شده است:
-بصری بودن
-به راحتی قابل فهم هستند
-جذاب و کاربرپسند هستند
-برای طراحی ریسپانسیو سودمند هستند
-قابل اشتراک هستند
شما میتوانید در این مقاله اطلاعات بیشتری در رابطه با اینکه چه زمانی از آنها استفاده میکنیم و شامل چه اجزایی میشوند، بیشتر بخوانید.
https://bit.ly/dxgn822
(زمان حدودی مطالعه: ۹ دقیقه)
نویسنده: ثمره شاملو
#اصول #کارت #طراحی_کارت
@Dexign فلسفه دیزاین
______
Medium
Ultimate guide for designing UI cards
Tips, tricks and best practices for designing better cards.
۵ مرحله برای طراحی درست سوالات مصاحبه
همانطور که میدانیم مصاحبه با کاربر یکی از روشهای جمعآوری داده و تحقیقات است اما در این روش ما نیاز به طراحی سوالاتی داریم که توسط آن بتوانیم دادههای مورد نیاز خود را از کاربر دریافت کنیم.
برای طراحی این سوالات پنج مرحله پیش روی ماست:
۱. بدانید که برای چه مشکلی سوال میپرسید-در این مرحله روی کاغذ مشکلاتی که برای آن دیزاینی آغاز شده است را لیست کنید.
۲. جملات مشکلات را بازطراحی کنید- برای مثال این جمله «چرا مردم خرید اینترنتی میکنند؟» به «چه عواملی باعث فروش آنلاین محصول میشوند؟» تبدیل میشود تا کاربر بیشتر از مشکلات صحبت کند.
۳. یک لیست از تمام سوالات تهیه کنید - این سوالات نباید به ذهن کاربر سمت و سو بدهند.
۴. برای هر سوال عبارتهای تفسیرگر داشته باشید- این مرحله به این دلیل وجود دارد که ممکن است مصاحبهشونده در اولین بار پرسش شمارا متوجه نشود.
۵. به لیست سوالات ساختار مناسب دهید- این ساختار شامل بخش “سوالات معرفی”، “warm up”، “سوالات اصلی” و “سوالات پایانی” میشوند؛ البته این ساختار معمول است و ممکن است برای هر پروژه و بسته به اطلاعاتی که بررسی میشوند تغییراتی داشته باشد.
با مطالعه این مقاله میتوانید از جزئیات هرکدام از این مراحل مطلع شوید و در مصاحبههای بعدی خود از آنها استفاده کنید.
https://bit.ly/dxgn823
(زمان حدودی مطالعه: ۹ دقیقه)
نویسنده: یگانه یغماییان
@Dexign فلسفه دیزاین
________
همانطور که میدانیم مصاحبه با کاربر یکی از روشهای جمعآوری داده و تحقیقات است اما در این روش ما نیاز به طراحی سوالاتی داریم که توسط آن بتوانیم دادههای مورد نیاز خود را از کاربر دریافت کنیم.
برای طراحی این سوالات پنج مرحله پیش روی ماست:
۱. بدانید که برای چه مشکلی سوال میپرسید-در این مرحله روی کاغذ مشکلاتی که برای آن دیزاینی آغاز شده است را لیست کنید.
۲. جملات مشکلات را بازطراحی کنید- برای مثال این جمله «چرا مردم خرید اینترنتی میکنند؟» به «چه عواملی باعث فروش آنلاین محصول میشوند؟» تبدیل میشود تا کاربر بیشتر از مشکلات صحبت کند.
۳. یک لیست از تمام سوالات تهیه کنید - این سوالات نباید به ذهن کاربر سمت و سو بدهند.
۴. برای هر سوال عبارتهای تفسیرگر داشته باشید- این مرحله به این دلیل وجود دارد که ممکن است مصاحبهشونده در اولین بار پرسش شمارا متوجه نشود.
۵. به لیست سوالات ساختار مناسب دهید- این ساختار شامل بخش “سوالات معرفی”، “warm up”، “سوالات اصلی” و “سوالات پایانی” میشوند؛ البته این ساختار معمول است و ممکن است برای هر پروژه و بسته به اطلاعاتی که بررسی میشوند تغییراتی داشته باشد.
با مطالعه این مقاله میتوانید از جزئیات هرکدام از این مراحل مطلع شوید و در مصاحبههای بعدی خود از آنها استفاده کنید.
https://bit.ly/dxgn823
(زمان حدودی مطالعه: ۹ دقیقه)
نویسنده: یگانه یغماییان
@Dexign فلسفه دیزاین
________
Medium
5 Steps to Create Good User Interview Questions By @Metacole — A Comprehensive Guide
I give free mentorship on ADPList: Book a session here if you’re interested!
زیر کوه یخ مشکلات چه چیزهایی خوابیده؟
معمولا تصاویر کوههای یخی را روی سطح آب دیدهاید. احتمالا بدانید که قسمت اعظم این کوههای یخی با ارتفاعی چندین برابر بالای آب، در زیر آب قرار دارد.
رویدادها مانند همین کوههای یخ میمانند. در نگاه اول فقط میتوان سطح (لایهی بیرونی) آنها را دید. با کمک ابزاری که امروز با آن آشنا میشوید میتوانید به لایههای عمیقتر رفته و با دلایل ریشهای رویدادها و مشکلات آشنا شوید.
نحوه استفاده از مدل کوهِ یخ
که شامل ۴ سطح زیر است:
- رویدادها
- الگوها
- ساختارها
- مدلهای ذهنی
با نگاه کردن به رویدادها، میتوانید «روندها» را در طول زمان مشاهده کنید که در واقع همان الگوها هستند. آنها سرنخی برای درک «ساختار»های سیستمی هستند که در پشت آن الگوها قرار دارند.
ساختارها، روابط و حلقههای بازخورد درون یک سیستم هستند. این ساختارها، به نوبه خود بر اساس «مدلهای ذهنی» افراد هستند.
رویدادها و الگوها به شما نشان میدهند چه اتفاقی میافتد. در حالیکه ساختارها و مدلهای ذهنی به شما میگویند که چرا این اتفاق میافتد. هرچه بتوانید در کوه یخ عمیقتر شوید، قدرت نفوذ و نیروی بیشتری خواهید داشت.
بررسی هر چهار سطح
در زیر چند سؤال وجود دارد که به شما کمک میکند هر سطح را در یک مشکل یا موقعیت خاص درک کنید.
- رویدادها:
همین الان چه اتفاقی در حال روی دادن است؟
- الگوها:
در طول زمان چه اتفاقی در حال تکرار است؟ روندها به چه شکل است؟
- ساختارها:
چه چیزی روی این الگوها در حال تأثیرگذاریست؟ بین این الگوها چه ارتباطی را میتوانید پیدا کنید؟
- مدلهای ذهنی:
چه ارزشها، باورها یا مفروضاتی سیستم را شکل میدهند؟
توجه به این نکته ضروری است که پاسخ به این سؤالات به احتمال زیاد به تحقیق و کندوکاو نیاز دارد. به ویژه هنگامی که صحبت از مدلهای ذهنی میشود که مستندسازی آنها دشوار است، چه برسد به اینکه در نگاه اولیه مشاهده شود.
مقالهی زیر را باز کنید و مثالی را که از این روش در آن استفاده شده است را مطالعه کنید. در عکس ضمیمه شده در مقاله نیز میتوانید مثال دیگر این روش را مطالعه کنید:
https://bit.ly/dxgn824-1
منابع تکمیلی:
https://bit.ly/dxgn824-2
https://bit.ly/dxgn824-3
(زمان حدودی مطالعه مقاله: ۳ دقیقه)
نویسنده: حسین میرزاده
#درک_سیستم #تفکرسیستمی #کوه_یخ
@Dexign فلسفه دیزاین
______
معمولا تصاویر کوههای یخی را روی سطح آب دیدهاید. احتمالا بدانید که قسمت اعظم این کوههای یخی با ارتفاعی چندین برابر بالای آب، در زیر آب قرار دارد.
رویدادها مانند همین کوههای یخ میمانند. در نگاه اول فقط میتوان سطح (لایهی بیرونی) آنها را دید. با کمک ابزاری که امروز با آن آشنا میشوید میتوانید به لایههای عمیقتر رفته و با دلایل ریشهای رویدادها و مشکلات آشنا شوید.
نحوه استفاده از مدل کوهِ یخ
که شامل ۴ سطح زیر است:
- رویدادها
- الگوها
- ساختارها
- مدلهای ذهنی
با نگاه کردن به رویدادها، میتوانید «روندها» را در طول زمان مشاهده کنید که در واقع همان الگوها هستند. آنها سرنخی برای درک «ساختار»های سیستمی هستند که در پشت آن الگوها قرار دارند.
ساختارها، روابط و حلقههای بازخورد درون یک سیستم هستند. این ساختارها، به نوبه خود بر اساس «مدلهای ذهنی» افراد هستند.
رویدادها و الگوها به شما نشان میدهند چه اتفاقی میافتد. در حالیکه ساختارها و مدلهای ذهنی به شما میگویند که چرا این اتفاق میافتد. هرچه بتوانید در کوه یخ عمیقتر شوید، قدرت نفوذ و نیروی بیشتری خواهید داشت.
بررسی هر چهار سطح
در زیر چند سؤال وجود دارد که به شما کمک میکند هر سطح را در یک مشکل یا موقعیت خاص درک کنید.
- رویدادها:
همین الان چه اتفاقی در حال روی دادن است؟
- الگوها:
در طول زمان چه اتفاقی در حال تکرار است؟ روندها به چه شکل است؟
- ساختارها:
چه چیزی روی این الگوها در حال تأثیرگذاریست؟ بین این الگوها چه ارتباطی را میتوانید پیدا کنید؟
- مدلهای ذهنی:
چه ارزشها، باورها یا مفروضاتی سیستم را شکل میدهند؟
توجه به این نکته ضروری است که پاسخ به این سؤالات به احتمال زیاد به تحقیق و کندوکاو نیاز دارد. به ویژه هنگامی که صحبت از مدلهای ذهنی میشود که مستندسازی آنها دشوار است، چه برسد به اینکه در نگاه اولیه مشاهده شود.
مقالهی زیر را باز کنید و مثالی را که از این روش در آن استفاده شده است را مطالعه کنید. در عکس ضمیمه شده در مقاله نیز میتوانید مثال دیگر این روش را مطالعه کنید:
https://bit.ly/dxgn824-1
منابع تکمیلی:
https://bit.ly/dxgn824-2
https://bit.ly/dxgn824-3
(زمان حدودی مطالعه مقاله: ۳ دقیقه)
نویسنده: حسین میرزاده
#درک_سیستم #تفکرسیستمی #کوه_یخ
@Dexign فلسفه دیزاین
______
untools.co
Iceberg Model
Uncover root causes of events by looking at hidden levels of abstractions.
نسبت طلایی؛ همهجا جای پای فیبوناچی
در صحبت از طراحی خوب شاید هرگز اتفاق نظر خیلی قاطعی وجود نداشته باشد. هر کسی میتواند از دیدگاه خود نوعی از طراحی را طراحی خوب بداند. و این از زیباییهای طراحی است.
اما در این بین یکی از راههایی که ما را به سمت داشتن یک طراحی خوب هدایت میکند "نسبت طلایی" است. نسبت طلایی را میتوانید در طبیعت، معماری، موسیقی و ... ببینید و زمانی که راه خود را به طراحی باز کند میتواند یک ترکیب متعادل و زیبا را خلق کند.
نسبت طلایی سرچشمهای از "دنباله فیبوناچی" دارد و عددی تقریبا معادل ۱.۶۱۸ میباشد.
حتما با دنباله فیبوناچی آشنا هستید این دنباله از جمع دو عدد قبلی خود به دست میآید و دنباله ای است به شکل 0,1,1,2,3,5,8,13,21,... تا بینهایت. عدد نسبت طلایی توسط یونانیان برای بیان بهتر تفاوت بین هر دو عدد در دنباله ایجاد شده است.
حال این نسبت چگونه وارد طراحی میشود؟
به طور خلاصه اگر یک خط را به دو قسمت a و b تقسیم کنیم به طوری که قسمت بزرگتر (a) تقسیم بر قسمت کوچکتر (b) برابر باشد با مجموع a+b تقسیمبر قست بزرگتر (a) و مقداری معادل ۱.۶۱۸ را به دست دهند نسبت طلایی به دست آمده است. این فرمولی است که در ساخت shape, layout, logo, ... میتواند به کار رود.
با اعمال این فرمول در ساخت اشکال سادهای مانند مربعها و مستطیلها و قرار گیری آنها در کنار یکدیگر میتوانید معجزه نسبت طلایی را ببینید و دنباله فیبوناچی را در آن بیابید.
با پایان این کلاس ریاضی در مقاله پیشرو میرسیم به اعمال نسبت طلایی در طراحی و میتوانید به خوبی ببینید در طراحی layout چگونه میتوان با نسبت طلایی توجه کاربر را به مهمترین بخش محتوا جلب کرد. همچنین اهمیت این نسبت را در تایپوگرافی و ترتیببندی طراحی و یا استفاده از این نسبت در بریدن عکسها و یا طراحی لوگوها را خواهیم دید.
در پایان این مقاله نیز ابزارهای مناسبی برای استفاده از نسبت طلایی معرفی میشوند:
https://bit.ly/dxgn825
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: رشید مسعودی
#رابط_کاربری #UI #نسبت_طلایی #دنباله_فیبوناچی
@Dexign فلسفه دیزاین
______
در صحبت از طراحی خوب شاید هرگز اتفاق نظر خیلی قاطعی وجود نداشته باشد. هر کسی میتواند از دیدگاه خود نوعی از طراحی را طراحی خوب بداند. و این از زیباییهای طراحی است.
اما در این بین یکی از راههایی که ما را به سمت داشتن یک طراحی خوب هدایت میکند "نسبت طلایی" است. نسبت طلایی را میتوانید در طبیعت، معماری، موسیقی و ... ببینید و زمانی که راه خود را به طراحی باز کند میتواند یک ترکیب متعادل و زیبا را خلق کند.
نسبت طلایی سرچشمهای از "دنباله فیبوناچی" دارد و عددی تقریبا معادل ۱.۶۱۸ میباشد.
حتما با دنباله فیبوناچی آشنا هستید این دنباله از جمع دو عدد قبلی خود به دست میآید و دنباله ای است به شکل 0,1,1,2,3,5,8,13,21,... تا بینهایت. عدد نسبت طلایی توسط یونانیان برای بیان بهتر تفاوت بین هر دو عدد در دنباله ایجاد شده است.
حال این نسبت چگونه وارد طراحی میشود؟
به طور خلاصه اگر یک خط را به دو قسمت a و b تقسیم کنیم به طوری که قسمت بزرگتر (a) تقسیم بر قسمت کوچکتر (b) برابر باشد با مجموع a+b تقسیمبر قست بزرگتر (a) و مقداری معادل ۱.۶۱۸ را به دست دهند نسبت طلایی به دست آمده است. این فرمولی است که در ساخت shape, layout, logo, ... میتواند به کار رود.
با اعمال این فرمول در ساخت اشکال سادهای مانند مربعها و مستطیلها و قرار گیری آنها در کنار یکدیگر میتوانید معجزه نسبت طلایی را ببینید و دنباله فیبوناچی را در آن بیابید.
با پایان این کلاس ریاضی در مقاله پیشرو میرسیم به اعمال نسبت طلایی در طراحی و میتوانید به خوبی ببینید در طراحی layout چگونه میتوان با نسبت طلایی توجه کاربر را به مهمترین بخش محتوا جلب کرد. همچنین اهمیت این نسبت را در تایپوگرافی و ترتیببندی طراحی و یا استفاده از این نسبت در بریدن عکسها و یا طراحی لوگوها را خواهیم دید.
در پایان این مقاله نیز ابزارهای مناسبی برای استفاده از نسبت طلایی معرفی میشوند:
https://bit.ly/dxgn825
(زمان حدودی مطالعه: ۶ دقیقه)
نویسنده: رشید مسعودی
#رابط_کاربری #UI #نسبت_طلایی #دنباله_فیبوناچی
@Dexign فلسفه دیزاین
______
Medium
A guide to the Golden Ratio for designers
Good design has been up for debate for as long as we’ve been creating. There are endless forums, social media threads, and in-person…
لینکها و راههایی برای طراحی بهتر آنها:
معمولاً به هر چیزی که میتوان روی آن کلیک کرد لینک گفته میشود؛ خواه متن باشد یا تصویر دیجیتالی.
لینکها از اساسیترین اجزای تعامل بین کاربران و صفحات وب هستند. کاربر روی یک لینک کلیک میکند و سپس صفحه وب دیگری را باز میکند.
لینکها آنقدر متداول هستند که اغلب آنها را در پروژهها نادیده میگیریم.
انواع لینک:
۱- لینکهای ناوبری: از آنها برای حرکت بین بخشهای مختلف صفحه بدون شروع کار جدیدی استفاده میشود.
۲- لینکهای فرمان: عمدتاً به عنوان دکمههای متنی برای اجرای دستورات جدید استفاده میشود.
۳- لینکهای تعریف: لینکهایی که ارزشمندتر از لینکهای فرمان هستند.
۴- لینک صفحه اصلی: همانطور که از نامش پیداست به کاربران امکان میدهد با کلیک روی لوگو یا شعار وبسایت به صفحه اصلی بازگردند.
نکاتی برای ایجاد لینکهای بهتر:
۱- به جای استفاده از لینکهای «اینجا را کلیک کنید» لینکهای متنی معنیدار بسازید.
۲- لینکهایی که بیشتر بازدید میشوند را تعریف کنید، در گوگل لینکهای بازدید شده رنگشان از آبی به بنفش تغییر میکند.
۳- برای کاربران مشخص کنید که لینک قابل کلیک است.
۴-برای نشان دادن اینکه لینک چیزی را برای ارائه دادن دارد، از یک پیکان یا دست اشاره در هنگام هاور شدن استفاده کنید.
۵- آبی یک انتخاب استاندارد برای نشان دادن لینک است، همچنین میتوانید رنگهای مختلفی را امتحان کنید اما توجه داشته باشید که باید شبیه لینک باشد.
۶- خطوط زیر یا سایر نشانگرهای غیررنگی را اضافه کنید تا به کاربران کوررنگ که ممکن است رنگ را نبینند، کمک کند.
۷- حالت لینک به صورتی باشد که به وضوح فعال و قابل کلیک تلقی شود نه حالتی که لینک را غیرفعال نمایش دهد.
شما میتوانید در این مقاله اطلاعات بیشتری در رابطه لینکها و حالات مختلف آنها بخوانید.
https://bit.ly/dxgn826
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: ثمره شاملو
#طراحی #لینک #طراحی_لینک
@Dexign فلسفه دیزاین
______
معمولاً به هر چیزی که میتوان روی آن کلیک کرد لینک گفته میشود؛ خواه متن باشد یا تصویر دیجیتالی.
لینکها از اساسیترین اجزای تعامل بین کاربران و صفحات وب هستند. کاربر روی یک لینک کلیک میکند و سپس صفحه وب دیگری را باز میکند.
لینکها آنقدر متداول هستند که اغلب آنها را در پروژهها نادیده میگیریم.
انواع لینک:
۱- لینکهای ناوبری: از آنها برای حرکت بین بخشهای مختلف صفحه بدون شروع کار جدیدی استفاده میشود.
۲- لینکهای فرمان: عمدتاً به عنوان دکمههای متنی برای اجرای دستورات جدید استفاده میشود.
۳- لینکهای تعریف: لینکهایی که ارزشمندتر از لینکهای فرمان هستند.
۴- لینک صفحه اصلی: همانطور که از نامش پیداست به کاربران امکان میدهد با کلیک روی لوگو یا شعار وبسایت به صفحه اصلی بازگردند.
نکاتی برای ایجاد لینکهای بهتر:
۱- به جای استفاده از لینکهای «اینجا را کلیک کنید» لینکهای متنی معنیدار بسازید.
۲- لینکهایی که بیشتر بازدید میشوند را تعریف کنید، در گوگل لینکهای بازدید شده رنگشان از آبی به بنفش تغییر میکند.
۳- برای کاربران مشخص کنید که لینک قابل کلیک است.
۴-برای نشان دادن اینکه لینک چیزی را برای ارائه دادن دارد، از یک پیکان یا دست اشاره در هنگام هاور شدن استفاده کنید.
۵- آبی یک انتخاب استاندارد برای نشان دادن لینک است، همچنین میتوانید رنگهای مختلفی را امتحان کنید اما توجه داشته باشید که باید شبیه لینک باشد.
۶- خطوط زیر یا سایر نشانگرهای غیررنگی را اضافه کنید تا به کاربران کوررنگ که ممکن است رنگ را نبینند، کمک کند.
۷- حالت لینک به صورتی باشد که به وضوح فعال و قابل کلیک تلقی شود نه حالتی که لینک را غیرفعال نمایش دهد.
شما میتوانید در این مقاله اطلاعات بیشتری در رابطه لینکها و حالات مختلف آنها بخوانید.
https://bit.ly/dxgn826
(زمان حدودی مطالعه: ۵ دقیقه)
نویسنده: ثمره شاملو
#طراحی #لینک #طراحی_لینک
@Dexign فلسفه دیزاین
______
Medium
How to design and style better links?
Usable hyperlinks are the signs of a good user experience.
مراحل یک بازطراحی
دوباره طراحی کردن یک محصول موجود هم ساده و هم دشوار به نظر میرسد. در این سناریو طراحان به اطلاعات دقیقی از نحوه عملکرد سرویس، نقاط قوت و ضعف آن دسترسی دارند، با این حال میبایست تجربه کاربرانی را بهبود ببخشند که مدتهاست از طراحی فعلی استفاده میکنند و به راحتی با تغییر کنار نخواهند آمد. در این موقعیت یک طراح چه قدمهایی را باید طی کند؟
اولین نکتهای که باید به آن توجه کرد این واقعیت است که تغییر یک حادثه ناگهانی نیست بلکه یک فرآیند است و این فرآیند برای هر پروژه خاص روند متفاوتی به خود میگیرد. ما تنها میتوانیم مرزهای نامشخصی از این مسیر را ترسیم کنیم و هر لحظه آماده باشیم تا بر حسب شرایط تصمیمات اولیه خود را تغییر دهیم.
اولین قدم برای یک بازطراحی رسیدن به یک درک مشترک از محصول است. ذینفعان و کاربران یک محصول تجربیات، انتظارات و سلیقهای دارند که باید از همان ابتدا برای تیم طراحی روشن شود.
مسیر بازطراحی با بررسی وضعیت کنونی سرویس و رقبای آن ادامه مییابد، این بررسیها تجربه و رابط کاربری و آنالیزهای رفتار کاربر را در بر میگیرند.
این بررسیها نقاط ضعف سرویس را به ما نشان میدهد و میتوانیم باز طراحی اصلی را شروع کنیم، یکی از موارد مهم در این شروع اولویتبندی نیازها و تغییرات است؛ اهمیتی ندارد که طراحی کنونی چقدر بد است، کاربران تغییر را دوست ندارند و بهتر است به مرور زمان و در فازهای مختلف با آن مواجه شوند. همچنین با اعمال تدریجی تغییرات امکان تست محصول جدید وجود دارد و از اشتباهات پرهزینه جلوگیری میشود.
در این مقاله میتوانید جزییات قدمهای یک بازطراحی موفق را مطالعه کنید.
https://bit.ly/dxgn827
(زمان حدودی مطالعه: ۹ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #بازطراحی #تجربه_کاربری #مراحل
@Dexign فلسفه دیزاین
______
دوباره طراحی کردن یک محصول موجود هم ساده و هم دشوار به نظر میرسد. در این سناریو طراحان به اطلاعات دقیقی از نحوه عملکرد سرویس، نقاط قوت و ضعف آن دسترسی دارند، با این حال میبایست تجربه کاربرانی را بهبود ببخشند که مدتهاست از طراحی فعلی استفاده میکنند و به راحتی با تغییر کنار نخواهند آمد. در این موقعیت یک طراح چه قدمهایی را باید طی کند؟
اولین نکتهای که باید به آن توجه کرد این واقعیت است که تغییر یک حادثه ناگهانی نیست بلکه یک فرآیند است و این فرآیند برای هر پروژه خاص روند متفاوتی به خود میگیرد. ما تنها میتوانیم مرزهای نامشخصی از این مسیر را ترسیم کنیم و هر لحظه آماده باشیم تا بر حسب شرایط تصمیمات اولیه خود را تغییر دهیم.
اولین قدم برای یک بازطراحی رسیدن به یک درک مشترک از محصول است. ذینفعان و کاربران یک محصول تجربیات، انتظارات و سلیقهای دارند که باید از همان ابتدا برای تیم طراحی روشن شود.
مسیر بازطراحی با بررسی وضعیت کنونی سرویس و رقبای آن ادامه مییابد، این بررسیها تجربه و رابط کاربری و آنالیزهای رفتار کاربر را در بر میگیرند.
این بررسیها نقاط ضعف سرویس را به ما نشان میدهد و میتوانیم باز طراحی اصلی را شروع کنیم، یکی از موارد مهم در این شروع اولویتبندی نیازها و تغییرات است؛ اهمیتی ندارد که طراحی کنونی چقدر بد است، کاربران تغییر را دوست ندارند و بهتر است به مرور زمان و در فازهای مختلف با آن مواجه شوند. همچنین با اعمال تدریجی تغییرات امکان تست محصول جدید وجود دارد و از اشتباهات پرهزینه جلوگیری میشود.
در این مقاله میتوانید جزییات قدمهای یک بازطراحی موفق را مطالعه کنید.
https://bit.ly/dxgn827
(زمان حدودی مطالعه: ۹ دقیقه)
نویسنده: ریحانه خدایی
#طراحی #بازطراحی #تجربه_کاربری #مراحل
@Dexign فلسفه دیزاین
______
Medium
How to redesign, step by step guide
Avoid pitfalls and deliver value fast
دیزاینرها به سوی بازیهای ویدئویی بشتابید!
هنگامی که صحبت از تجربه کاربری یا طراحی محصولات دیجیتال به میان میآید، معمولا به یاد اپلیکیشنها و وبسایتها میافتیم و کمتر به یاد دستهای از محصولات دیجیتال میافتیم که تکیه زیادی بر تجربه کاربر برای رسیدن به موفقیت دارند. این دسته چیزی نیست جز بازیهای ویدئویی!
البته وبسایتها، اپلیکیشنها و یا حتی محصولات فیزیکی نیز در صورت داشتن تجربه کاربری ضعیف، چندان موفق نخواهند بود اما همچنان مشاهده میکنیم که محصولاتی با تجربه کاربری ضعیف در بازار وجود دارند و افراد از آنها استفاده میکنند، چون استفاده از آنها برای کاربران ضروری است. اما در مورد بازیهای ویدئویی که شما زمان و درآمد ارزشمند خود را صرف خرید آن میکنید، تجربه کاربری از اهمیت بالایی برخوردار است و بازخورد مثبت کاربران است که باعث میشود شما برای خرید یک بازی ویدئویی ترغیب شوید.
به گفته شیگرو میاموتو خالق بازی « برادران سوپرماریو» یکی از چالشهای اصلی برای او و همچنین یکی از دلایل اصلی موفقیت این بازی، سادگی بینهایت یادگیری آن و افزوده شدن به مرور چالشهای جدید و امکانات جدید در طول جریان بازی است. اگر بازی با انتخابهای مختلف و چالشهای پیچیده آغاز شود و زمان کافی برای فراگیری آن وجود نداشته باشد، بسیاری از افراد به علت سردرگمی و خستگی از بازی رویگردان خواهند شد. از طرفی دیگر اگر بازی چیز جدیدی برای ارائه نداشته باشد و ایدههای آن خیلی زود تمام شوند، برای افراد، بسیار خستهکننده خواهند بود و انگیزهای برای ادامه نخواهند داشت.
با این اوصاف میتوان دریافت که بازیهای موفق، منبعی موثق برای یادگیری نکات و چالشهای تجربه کاربری هستند و با بررسی آنها و دقت در شیوه پیشبرد بازی و تعامل میان بازی و کاربر، میتوان نکات بسیار مهم و کاربردی در زمینه تجربه کاربری به دست آورد.
برای مطالعه بیشتر درباره این موضوع میتوانید، مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn828
(زمان حدودی مطالعه مقاله: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری #بازی
@Dexign فلسفه دیزاین
_______
هنگامی که صحبت از تجربه کاربری یا طراحی محصولات دیجیتال به میان میآید، معمولا به یاد اپلیکیشنها و وبسایتها میافتیم و کمتر به یاد دستهای از محصولات دیجیتال میافتیم که تکیه زیادی بر تجربه کاربر برای رسیدن به موفقیت دارند. این دسته چیزی نیست جز بازیهای ویدئویی!
البته وبسایتها، اپلیکیشنها و یا حتی محصولات فیزیکی نیز در صورت داشتن تجربه کاربری ضعیف، چندان موفق نخواهند بود اما همچنان مشاهده میکنیم که محصولاتی با تجربه کاربری ضعیف در بازار وجود دارند و افراد از آنها استفاده میکنند، چون استفاده از آنها برای کاربران ضروری است. اما در مورد بازیهای ویدئویی که شما زمان و درآمد ارزشمند خود را صرف خرید آن میکنید، تجربه کاربری از اهمیت بالایی برخوردار است و بازخورد مثبت کاربران است که باعث میشود شما برای خرید یک بازی ویدئویی ترغیب شوید.
به گفته شیگرو میاموتو خالق بازی « برادران سوپرماریو» یکی از چالشهای اصلی برای او و همچنین یکی از دلایل اصلی موفقیت این بازی، سادگی بینهایت یادگیری آن و افزوده شدن به مرور چالشهای جدید و امکانات جدید در طول جریان بازی است. اگر بازی با انتخابهای مختلف و چالشهای پیچیده آغاز شود و زمان کافی برای فراگیری آن وجود نداشته باشد، بسیاری از افراد به علت سردرگمی و خستگی از بازی رویگردان خواهند شد. از طرفی دیگر اگر بازی چیز جدیدی برای ارائه نداشته باشد و ایدههای آن خیلی زود تمام شوند، برای افراد، بسیار خستهکننده خواهند بود و انگیزهای برای ادامه نخواهند داشت.
با این اوصاف میتوان دریافت که بازیهای موفق، منبعی موثق برای یادگیری نکات و چالشهای تجربه کاربری هستند و با بررسی آنها و دقت در شیوه پیشبرد بازی و تعامل میان بازی و کاربر، میتوان نکات بسیار مهم و کاربردی در زمینه تجربه کاربری به دست آورد.
برای مطالعه بیشتر درباره این موضوع میتوانید، مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn828
(زمان حدودی مطالعه مقاله: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#تجربه_کاربری #بازی
@Dexign فلسفه دیزاین
_______
Medium
Designers: you should be playing more videogames
What is the method behind remarkable experiences?
پنج اشتباه رایج در طراحی فرایند تکمیل خرید در فروشگاههای آنلاین
هنگام خرید از فروشگاههای آنلاین احتمالا تجربه این را داشتهاید که کالایی را پیدا کرده و تصمیم به خرید آن گرفتهاید، آن را به سبد خرید خود افزوده و درصدد نهایی کردن خرید خود برآمدهاید. اما ناگهان همهچیز به قدری پیچیده و مبهم شده است که از خرید خود منصرف شده و سبد خرید خود را همانطور رها کردهاید. این اتفاق ممکن است به دلیل نیاز به وارد کردن اطلاعات شخصی، اجبار به ساخت اکانت، انتقال به وبسایتی دیگر یا مواردی از این دست، رخ داده باشد. در این وضعیت، کالای ارزشمند مورد نظر دیگر از نظر شما ارزش تلاش بیشتر برای خرید را نخواهد داشت.
این اتفاق به قدری در میان فروشگاههای آنلاین شایع است که حتی معیاری برای ارزیابی عملکرد فروشگاههای آنلاین بر پایه آن بنا نهاده شده است. این معیار، نرخ رهاسازی سبد خرید (Card Abandonment Rate) نام دارد. براساس گزارش انستیتو Baymard میزان این نرخ در فروشگاههای آنلاین حدود ۷۰ درصد است. به این معنی که ۷۰ درصد خریداران صبد خرید خود را پیش از ثبت نهایی سفارش رها کرده و سفارش خود را ثبت نمیکنند.
مواردی از این دست، باعث متضرر شدن فروشگاههای آنلاین و ایجاد تجربه کاربری ناخوشایند در طولانی مدت خواهد شد.
از جمله اشتباهات رایج در طراحی تجربه کاربری فرایند تکمیل خرید در فروشگاههای آنلاین فروشگاههای آنلاین موارد زیر است:
۱- اجبار خریداران به ایجاد اکانت برای ثبت سفارش: ایجاد فرایندی که بدون نیاز به ساخت اکانت یا ورود به آن، خریداران بتوانند خرید خود را نهایی کنند تاثیر بسزایی بر روی فرایند ثبت سفارش خواهد داشت.
۲- هزینههای پیشبینی نشده برای خریداران پیش از پرداخت: اضافه شدن هزینههایی مانند هزینه ارسال و مالیات میتواند خریداران را از خرید منصرف سازد.
۳- عدم اطمینان نسبت به امنیت فروشگاه: عدم اطمینان کاربران نسبت به فرایند پرداخت وجه، ساختار قدیمی و به روز نشده، تصاویر اشتباه و مواردی از این دست میتواند خریداران را نسبت به امنیت وبسایت مشکوک کند.
۴- پیچیده بودن و طولانی بودن فرایند ثبت سفارش: از هر ۵ نفر خریدار فروشگاههای آنلاین، یک نفر به خاطر طولانی بودن و پیچیده بودن فرایند خرید، سبد خرید خود را پیش از ثبت نهایی رها میکنند.
۵- تجربه غیریکپارچه خرید میان کانالهای مختلف خرید: تفاوت و عدم انسجام میان فرایند خرید در کانالهای مختلف خرید مانند موبایل، دسکتاپ و شبکههای اجتماعی میتواند یکی از دلایل عدم اطمینان و خرید از یک فروشگاه آنلاین باشد.
اگر تمایل دارید تا دقیقتر با این اشتباهات رایج و راهکارهای نجات از آنها آشنا شوید، میتوانید مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn829
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#تجربهکاربری #فروشگاه_آنلاین #خرید
@Dexign فلسفه دیزاین
_______
هنگام خرید از فروشگاههای آنلاین احتمالا تجربه این را داشتهاید که کالایی را پیدا کرده و تصمیم به خرید آن گرفتهاید، آن را به سبد خرید خود افزوده و درصدد نهایی کردن خرید خود برآمدهاید. اما ناگهان همهچیز به قدری پیچیده و مبهم شده است که از خرید خود منصرف شده و سبد خرید خود را همانطور رها کردهاید. این اتفاق ممکن است به دلیل نیاز به وارد کردن اطلاعات شخصی، اجبار به ساخت اکانت، انتقال به وبسایتی دیگر یا مواردی از این دست، رخ داده باشد. در این وضعیت، کالای ارزشمند مورد نظر دیگر از نظر شما ارزش تلاش بیشتر برای خرید را نخواهد داشت.
این اتفاق به قدری در میان فروشگاههای آنلاین شایع است که حتی معیاری برای ارزیابی عملکرد فروشگاههای آنلاین بر پایه آن بنا نهاده شده است. این معیار، نرخ رهاسازی سبد خرید (Card Abandonment Rate) نام دارد. براساس گزارش انستیتو Baymard میزان این نرخ در فروشگاههای آنلاین حدود ۷۰ درصد است. به این معنی که ۷۰ درصد خریداران صبد خرید خود را پیش از ثبت نهایی سفارش رها کرده و سفارش خود را ثبت نمیکنند.
مواردی از این دست، باعث متضرر شدن فروشگاههای آنلاین و ایجاد تجربه کاربری ناخوشایند در طولانی مدت خواهد شد.
از جمله اشتباهات رایج در طراحی تجربه کاربری فرایند تکمیل خرید در فروشگاههای آنلاین فروشگاههای آنلاین موارد زیر است:
۱- اجبار خریداران به ایجاد اکانت برای ثبت سفارش: ایجاد فرایندی که بدون نیاز به ساخت اکانت یا ورود به آن، خریداران بتوانند خرید خود را نهایی کنند تاثیر بسزایی بر روی فرایند ثبت سفارش خواهد داشت.
۲- هزینههای پیشبینی نشده برای خریداران پیش از پرداخت: اضافه شدن هزینههایی مانند هزینه ارسال و مالیات میتواند خریداران را از خرید منصرف سازد.
۳- عدم اطمینان نسبت به امنیت فروشگاه: عدم اطمینان کاربران نسبت به فرایند پرداخت وجه، ساختار قدیمی و به روز نشده، تصاویر اشتباه و مواردی از این دست میتواند خریداران را نسبت به امنیت وبسایت مشکوک کند.
۴- پیچیده بودن و طولانی بودن فرایند ثبت سفارش: از هر ۵ نفر خریدار فروشگاههای آنلاین، یک نفر به خاطر طولانی بودن و پیچیده بودن فرایند خرید، سبد خرید خود را پیش از ثبت نهایی رها میکنند.
۵- تجربه غیریکپارچه خرید میان کانالهای مختلف خرید: تفاوت و عدم انسجام میان فرایند خرید در کانالهای مختلف خرید مانند موبایل، دسکتاپ و شبکههای اجتماعی میتواند یکی از دلایل عدم اطمینان و خرید از یک فروشگاه آنلاین باشد.
اگر تمایل دارید تا دقیقتر با این اشتباهات رایج و راهکارهای نجات از آنها آشنا شوید، میتوانید مقاله زیر را مطالعه کنید:
https://bit.ly/dxgn829
(زمان حدودی مطالعه: ۱۰ دقیقه)
نویسنده: محمدرضا پناهی
#تجربهکاربری #فروشگاه_آنلاین #خرید
@Dexign فلسفه دیزاین
_______
Medium
5 Common Checkout Mistakes Made by Online Stores
You’ve probably experienced this firsthand: You find the perfect item in an online store, add it to your shopping cart, click to purchase…
چطور روابط اجزای یک سیستم را درک کنیم؟
زمانی را تصور کنید که با متغیرهای زیادی چه در کار و چه در زندگی مواجه شدید. یا حتی زمانی که مشغول به طی کردن روند یک دیزاین هستید، تصمیمگیری شما روی سایر اجزای سیستم تأثیر میگذارد. شما نیازمند این هستید که بدانید این تأثیر چگونه، روی کدام عنصر، چه پیامدی و چه ریشهای دارد. در اینجا یک ابزار ساده به کمک ما میآید تا با بصریسازی این روابط، درک آنها را برای ما آسان کند. در زیر به خلاصهای از نحوهی کار با این ابزار میپردازم:
دایرههای ارتباطی، ابزاری برای تجسم روابط در یک داستان یا یک سیستم هستند. آنها با مشاهده علل و پیامدها در سیستم، به شما کمک میکنند تا پیچیدگی را درک کنید.
دایرههای ارتباطی، همچنین میتوانند به شما در شناسایی چرخههای بازخوردی، کمک کنند.
نحوه ایجاد یک دایرهی ارتباطی
۱. یک دایره، روی کاغذ بکشید.
۲. عناصر کلیدی سیستم مورد بررسی را مشخص کنید.
عناصر کلیدی معیارهای زیر را دارند:
- تغییر آن در سیستم مهم است.
- در سیستم افزایش یا کاهش مییابد.
- با یک «اسم» قابل توصیف است.
۳. این عناصر کلیدی را در اطراف دایره بنویسید (بیشتر از ۱۰ مورد نباشد).
۴. به دنبال علت و معلول باشید.
- کدام عناصر به طور مستقیم، باعث افزایش یا کاهش عناصر دیگر میشوند؟
- یک فلش بین این عناصر بکشید.
- یک مثبت یا منفی در انتهای فلش خود برای عنصر دوم در یک ارتباط علتو معلولی مشخص کنید تا افزایش یا کاهش آن مشخص شود.
۵. همه روابط علت و معلولی را بیابید. میتواند بر اساس دادهها یا یک فرضیه باشد.
۶. به دنبال عناصری باشید که روابط آنها حلقههای بسته را تشکیل میدهد. اینها چرخههای بازخورد هستند.
مقالهی زیر را باز کنید تا با مثال عینی این ابزار آشنایی پیدا کنید. امیدوارم که در تصمیمگیریهای شما و نوع اندیشیدنتان به کار بیاید:
https://bit.ly/dxgn830
منبع تکمیلی:
https://bit.ly/dxgn830-1
(زمان حدودی مطالعه مقاله: ۳ دقیقه)
نویسنده: حسین میرزاده
#درک_سیستم #تفکر_سیستمی #چرخه_بازخورد #دایره_ارتباطی
@Dexign فلسفه دیزاین
______
زمانی را تصور کنید که با متغیرهای زیادی چه در کار و چه در زندگی مواجه شدید. یا حتی زمانی که مشغول به طی کردن روند یک دیزاین هستید، تصمیمگیری شما روی سایر اجزای سیستم تأثیر میگذارد. شما نیازمند این هستید که بدانید این تأثیر چگونه، روی کدام عنصر، چه پیامدی و چه ریشهای دارد. در اینجا یک ابزار ساده به کمک ما میآید تا با بصریسازی این روابط، درک آنها را برای ما آسان کند. در زیر به خلاصهای از نحوهی کار با این ابزار میپردازم:
دایرههای ارتباطی، ابزاری برای تجسم روابط در یک داستان یا یک سیستم هستند. آنها با مشاهده علل و پیامدها در سیستم، به شما کمک میکنند تا پیچیدگی را درک کنید.
دایرههای ارتباطی، همچنین میتوانند به شما در شناسایی چرخههای بازخوردی، کمک کنند.
نحوه ایجاد یک دایرهی ارتباطی
۱. یک دایره، روی کاغذ بکشید.
۲. عناصر کلیدی سیستم مورد بررسی را مشخص کنید.
عناصر کلیدی معیارهای زیر را دارند:
- تغییر آن در سیستم مهم است.
- در سیستم افزایش یا کاهش مییابد.
- با یک «اسم» قابل توصیف است.
۳. این عناصر کلیدی را در اطراف دایره بنویسید (بیشتر از ۱۰ مورد نباشد).
۴. به دنبال علت و معلول باشید.
- کدام عناصر به طور مستقیم، باعث افزایش یا کاهش عناصر دیگر میشوند؟
- یک فلش بین این عناصر بکشید.
- یک مثبت یا منفی در انتهای فلش خود برای عنصر دوم در یک ارتباط علتو معلولی مشخص کنید تا افزایش یا کاهش آن مشخص شود.
۵. همه روابط علت و معلولی را بیابید. میتواند بر اساس دادهها یا یک فرضیه باشد.
۶. به دنبال عناصری باشید که روابط آنها حلقههای بسته را تشکیل میدهد. اینها چرخههای بازخورد هستند.
مقالهی زیر را باز کنید تا با مثال عینی این ابزار آشنایی پیدا کنید. امیدوارم که در تصمیمگیریهای شما و نوع اندیشیدنتان به کار بیاید:
https://bit.ly/dxgn830
منبع تکمیلی:
https://bit.ly/dxgn830-1
(زمان حدودی مطالعه مقاله: ۳ دقیقه)
نویسنده: حسین میرزاده
#درک_سیستم #تفکر_سیستمی #چرخه_بازخورد #دایره_ارتباطی
@Dexign فلسفه دیزاین
______
untools.co
Connection circles
Understand relationships and identify feedback loops within systems.