نحوه دیزاین یک هیرو‌سکشن‌ عالی
۱۰ نکته کاربردی برای دیزاین تصویری جذاب برای هیرو‌سکشن که همیشه جواب می‌دهند!

تصویر هیرو‌سکشن اولین چیزی است که به محض باز کردن یک صفحه دیده می‌شود. این فرصت منحصر بفرد شما برای مشتری شدن افراد یا برای همیشه از دست دادن آنهاست.
تنها چند ثانیه طول می‌کشد تا کاربر صفحه اول را تحلیل کند. اما پشت این صحنه، تلاش زیادی توسط تیم بازاریابی، طراحان و دولوپرها انجام شده است. چطور می‌توان به سرعت راه‌حل مناسب و بهترین تصویر را پیدا کرد؟

من بهترین روش‌های ایجاد یک تصویر هیرو‌سکشن کارآمد را گردآوری کرده‌ام و در اینجا آنها را با شما به اشتراک می‌گذارم.

۱. هدف هیرو‌سکشن را فراموش نکنید
هدف هیرو‌سکشن این است که کاربر را به دانستن بیشتر و انجام مرحله بعدی مجاب کند. در واقع هیرو‌سکشن در نقش مقدمه عمل می‌کند و کاربران را به تعاملات بعدی دعوت می‌کند.
در نگاه اول، آنچه کاربر توقع دارد ببیند، مزایا و راهکارهایی برای مسائل است، نه اینکه این شرکت چقدر عالی است یا اینکه این دیزاین چقدر باحال به نظر می‌رسد :). این چیزها در پس‌زمینه باقی می‌مانند.
تصویر هیرو‍‌سکشن، یک محرک بصری است و وعده مزایا، بهبودها و تغییرات مثبت را می‌دهد.

کاربر برای برداشتن قدم بعدی تمایل پیدا می‌کند، اگر:
• ناخودآگاه و بی‌درنگ از تصاویر خوشش بیاید
• راهکاری برای مسئله‌اش ببیند
• با تصویر انگیزه پیدا کند
• با عنوان انگیزه پیدا کند
• متوجه آنچه باید در مرحله بعد انجام دهد بشود

2. اهداف کاربر را فراموش نکنید
در تلاش برای به شگفتی درآوردن کاربر و نگه داشتن او در صفحه، برخی از دیزاینرها ناخواسته اهداف خودشان را به جای اهداف کاربر در نظر می‌گیرند که همان طراحی یک دیزاین فوق‌العاده است. اما هدف کاربر دیزاین نیست.
هدف کاربر دریافت چیزی است که به آن نیاز دارد: یک شیء، سرویس یا یک سری اطلاعات بخصوص. دیزاین باید این وظیفه را تسهیل کند نه اینکه مانع از آن شود.

دیزاین هوشمند توجه را به خودش جلب نمی‌کند، حواس کاربر را از اهدافش پرت نمی‌کند، یا با شگفت‌زده کردن آنها باعث نمی‌شود که فراموش کنند چرا به این صفحه مراجعه کرده‌اند. این مسئله به‌خصوص برای هیرو‌سکشن صدق می‌کند.

یک نمونه موردی- نکات کلیدی ارائه شده به کاربر از این قرار هستند:
• آنچه شرکت ارائه می‌دهد
• مزایای این پیشنهاد
• دلایل اعتماد به شرکت
• کارهایی که باید توسط کاربر انجام شود

پیام واضح است: شرکت ما فوق‌العاده است و کاربر باید بشتابد و دکمه را بزند. اما افسوس که اینگونه پیش نمی‌رود.
اهداف کاربر هیچ ارتباطی با اهداف مالکین وبسایت، تیم بازاریابی یا دیزاینرها ندارد.
هر اطلاعاتی که ارزش بی‌واسطه‌ای برای کاربر ایجاد نمی‌کند، از جمله پیام‌هایی مثل"ما فوق‌العاده‌ایم"، "به پاس 10 سال موفقیت"، "چرا مردم به ما اعتماد دارند" و ... باید برای انتهای سلسله مراتب بصری نگه داشته شوند.

عناصر بصری هیرو‌سکشن باید اهداف کاربر را در اولویت قرار دهند
به کاربران، آنچه می‌خواهند ببینند را نمایش دهید و آن را به بهترین نحو نمایش دهید. این اولویت اول شماست. بقیه چیزها، از جمله قابل اتکا بودن، اعتماد و ضمانت، تنها برای این است که به کاربر بقبولانید که جای درستی آمده است.

🔗 برای مطالعه ادامه مقاله می توانید به این لینک مراجعه کنید.

(زمان حدودی مطالعه : ۸ دقیقه)

گردآورنده : فاطمه حیدری

#رابط_کاربر #هیرو‌سکشن

@Dexign فلسفه دیزاین

______

داستان سرایی استراتژی: بوم روایت محصول

یک داستان خوب دارای شخصیت‌هایی با انگیزه‌هایی است که آن‌ها را به سمت عمل سوق می‌دهد، طرح داستان، رویدادهایی که در حال رخ دادن هستند و یک راه حل.
فرمول جادویی برای ارائه استراتژی محصول با تاثیر بالا، استفاده از رویکرد روایت محصول + سیستم داستان‌ها است.

«سیستم داستان‌ها» به این ایده اشاره دارد که یک استراتژی محصول معمولاً منعکس کننده برنامه‌ای برای دنبال کردن بیش از یک نتیجه استراتژیک است. هر نتیجه‌ای را می‌توان به عنوان داستان خود تعریف کرد و هم افزایی بین این داستان‌ها نشان دهنده سطح بالاتری از استراتژی است که مستقیماً با مأموریت سازمانی مرتبط است.

وقتی صحبت از داستان سرایی استراتژی به میان می‌آید، اولین و مهم ترین اصل، نتیجه گرا بودن است.
یک داستان نتیجه‌محور خوب دارای شخصیت‌هایی است که انگیزه‌هایی آن‌ها را به سمت عمل، طرح داستان و راه‌حل سوق می‌دهد.

نمونه‌ای از نحوه ارتباط ساختارهای داستان با استراتژی‌های محصول:
شخصیت‌ها، شخصیت‌هایی در بازار هدف شما هستند که محصول شما برای آن‌ها ارزش ارائه می‌کند.
اتفاقات، حول نیازها، مشکلات و خواسته‌های بدون توجه شخصیت‌های بازار شما شکل می‌گیرند.
جزییات، نتایج مثبتی هستند که محصول شما شخصیت‌ها را قادر می‌سازد تا در برابر نیازها، مشکلات و خواسته های خود پی ببرند.
نخ طلایی یا The Golden Thread، موضوع وحدت بخش در سیستم داستان‌های هم افزایی و نتیجه محور شماست.
نخ طلایی چیزی است که استراتژی محصول شما را به ماموریتی که در روایت خود ایجاد کرده‌اید، مرتبط می‌کند.

🔗 برای مطالعه ادامه مقاله می‌توانید به این لینک مراجعه کنید.

(زمان حدودی مطالعه: ۸ دقیقه)

گردآورنده: امیرحسین معظمی

#تجربه_کاربر
#UX #story_telling

@Dexign فلسفه دیزاین

______

تست درختی: ارزیابی سریع و تکراری برچسب‌ها و دسته‌بندی‌های منو

توسعه یک ساختار ناوبری موثر چالش‌برانگیز است. حتی با پیروی از بهترین شیوه‌ها برای ایجاد معماری اطلاعات قابل فهم، نمی‌توان مطمئن بود که دسته‌بندی‌ها و برچسب‌گذاری‌های انتخابی شما برای کاربران منطقی خواهد بود. همان‌طور که اغلب در Nielsen Norman Group می‌گوییم، اگر آزمایش نکنید، حدس می‌زنید؛ باید معماری اطلاعات خود را آزمایش کنید تا مطمئن شوید کاربران قادر به یافتن منابع و ویژگی‌های کلیدی هستند.

این مقاله به بررسی تست درختی می‌پردازد، یک روش تحقیقاتی که برای ارزیابی قابلیت پیدا کردن منابع پس از ایجاد ساختار ناوبری پیشنهادی شما استفاده می‌شود.

▫️تست درختی چیست؟
تست درختی، مشابه تست کاربردپذیری، یک روش تحقیق مبتنی بر وظیفه است که در آن از شرکت‌کنندگان خواسته می‌شود منابع کلیدی را پیدا کنند.

تست درختی: ارزیابی یک ساختار دسته‌بندی سلسله‌مراتبی یا درخت است که از کاربران خواسته می‌شود مکان‌هایی را در درخت پیدا کنند که منابع یا ویژگی‌های مشخصی در آنجا قرار دارند. برای انجام یک تست درختی، نیازی به ایجاد هیچ‌گونه نمونه اولیه، طراحی گرافیکی یا محتوایی ندارید. فقط باید دو چیز را آماده کنید:

درخت یا منوی سلسله‌مراتبی که به صورت یک سری از آکاردئون‌ها نمایش داده می‌شود که نمایانگر دسته‌بندی‌های ناوبری سایت هستند، بدون هیچ‌گونه طراحی بصری یا محتوایی.
وظایف یا دستورالعمل‌هایی که به شرکت‌کنندگان در مطالعه می‌گوید که باید در درخت به دنبال چه چیزی بگردند.
هنگامی که شرکت‌کننده روی دسته‌بندی‌ها کلیک می‌کند، آنها باز می‌شوند و زیرمجموعه‌ها را نشان می‌دهند. شرکت‌کننده از طریق درخت کلیک می‌کند تا به مکانی برسد که فکر می‌کند اطلاعات مورد نظر در آنجا قرار دارد.

▫️تعریف درخت
درخت شما باید شامل تمامی دسته‌بندی‌ها و زیرمجموعه‌های موجود در ناوبری کلی (و احتمالاً در ناوبری کاربردی) باشد. فراتر از ایجاد دسته‌بندی‌های سطح بالا بروید و درخت خود را تا پایین‌ترین سطح زیرمجموعه‌هایی که منابعی را که از شرکت‌کنندگان در مطالعه می‌خواهید پیدا کنند، تعریف کنید.

▫️انتخاب ابزار
می‌توانید تست درختی را با استفاده از یک نمونه اولیه کاغذی (یا هر ابزار نمونه‌سازی قابل کلیک) انجام دهید، اما یک سرویس که به طور خاص برای تست درختی طراحی شده باشد، تحلیل داده‌ها را بسیار سریع‌تر می‌کند و ارزشش را دارد. Userzoom و Treejack دو گزینه خوب برای انجام تست درختی هستند.

▫️ورود درخت به ابزار
درخت خود را در یک صفحه گسترده آماده کنید، جایی که می‌توانید آن را به راحتی مشاهده و ویرایش کنید، سپس کل سلسله‌مراتب را در ابزار تست درختی کپی و پیست کنید. صفحه گسترده باید به گونه‌ای قالب‌بندی شود که صفحه اصلی شما در سلول بالایی ستون A باشد و سپس سطوح پایین‌تر به ترتیب در ستون‌ها از چپ به راست فهرست شوند. مطمئن شوید که هر ردیف فقط یک دسته‌بندی را فهرست کرده باشد تا سطوح شما هنگام وارد کردن سلسله‌مراتب به درستی تجزیه شوند.

برای مطالعه ادامه مقاله به «لینک» مراجعه کنید.

(مدت زمان مطالعه : ۹ دقیقه)

گردآورنده: رها کاوه

#تجربه_کاربر #معماری_اطلاعات

@Dexign فلسفه دیزاین

______

گیمیفیکیشن در طراحی محصول

لئونارد کوئن :" بازی، زیباترین خلق طبیعت است."

گیمیفیکیشن، طراحی UX را با تحت تاثیرقرار دادن احساسات و رفتار انسانها قدرتمندتر می کند و در صورتی که درست اجرا شده باشد، تعامل کاربر را افزایش می‌دهد و شانس دستیابی محصول به یک موفقیت بزرگ را افزایش می‌دهد. با وجود اینکه کلمه گیمیفیکیشن اخیرا خیلی مُد شده است، قرنهاست که قوانین پایه ای برای آن وجود دارد.

بطورمثال، روشی که والدین نسل اندر نسل برای غذا خوردن بچه ها استفاده می‌کنند چیست؟ اینکه آن را به یک بازی تبدیل کنند! چه با وانمود کردن به اینکه قاشق یک هواپیمای در حال پرواز یا فرود است، چه با استفاده از چیزی مثل دسر به عنوان جایزه بازی.

کریستوفر کونینگهام و گیب زیشرمن:" گیمیفیکیشن هم قدرتمند و هم منعطف است؛ می‌تواند بلافاصله برای هر مسئله‌ای که قابل حل از طریق تحت تاثیر قرار دادن رفتارها و انگیزه های انسانها باشد، به کارگرفته شود."

در این مقاله، درباره گیمیفیکیشن و بخصوص نقش آن در طراحی UI/UX صحبت خواهیم کرد. همچنین بطور خلاصه بهترین روشهای آن را با ذکر مثالهایی واقعی بیان خواهیم کرد.

گیمیفیکیشن چیست؟
راس اونگر و کارولین چندلر، راهنمای پروژه برای طراحی UX:" گیمیفیکیشن به پروسه به کار گیری ایده‌های طراحی بازی برای به تعامل واداشتن کاربران در محیط‌هایی که بطور مرسوم محیط بازی تلقی نمی‌شوند گفته می‌شود."

گیمیفیکیشن صرفا استفاده از مکانیزم ها و عناصر بازی در محیطی غیر از بازی است. معمولا مکانیزم‌های فان مثل چالش‌ها، سطوح بازی، پاداش‌ها و نشان‌ها هستند. مسئله، طراحی و ساخت یک بازی کامل نیست، و به معنای واقعی کلمه فقط نیاز است تا عناصری که معمولا برای طراحی بازی استفاده می‌شوند را به کار ببریم. همانطور که برایان بورکه در کتابش "گیمیفای" بیان می‌کند:" بازی‌ها اساسا تعامل بازی کنندگان را در سطح بوالهوسانه ایجاد می‌کنند تا آنها را سرگرم نگه دارند، گیمیفیکیشن بازی کنندگان را در سطحی عاطفی درگیر می‌کند تا به آنها انگیزه استفاده بدهد."

مثال‌هایی از زندگی واقعی که گیمیفیکشن در آنها موفقیت‌آمیز بوده است:
• مسابقه فروش ماهیانه در کار (چالش)
• برنامه‌های مخصوص افرادی که مکررا پرواز دارند (سطوح بازی)
• گروه‌های کنترل وزن (تیم)
• قهوه رایگان پس از ۱۲ بار خرید (پاداش)
• کارت پلاتینیوم امریکن اکسپرس (نشان/بج)

مثال‌های زیادی وجود دارند، بخصوص در سال‌های اخیر که شاهد بکارگیری گیمیفیکیشن در انواع و اقسام بازارها هستیم. جالب است که Volkswagen برنامه‌ای را با عنوان" Fun Theory" آغاز کرده که در آن روش‌های گیمیفیکیشن در دنیای واقعی تست می‌شوند. در سوئد، آنها این برنامه را با دوربین‌های کنترل سرعت اجرا کرده‌اند، که مستقیما عنوان Speed Camera Lottery دارد. بطور خلاصه، همه رانندگانی که از دوربین کنترل سرعت عبور می‌کنند در یک قرعه کشی ثبت‌نام می‌شوند، رانندگانی که با سرعت مجاز رانندگی می‌کنند، می‌توانند پول جریمه پرداخت شده توسط رانندگان با سرعت غیرمجاز را در قرعه کشی برنده شوند. افزودن گیمیفیکیشن از طریق مسابقه و سیستم پاداش‌دهی باعث کاهش ۲۰ درصدی در سرعت اتومبیل‌ها شده است.

🔗 برای مطالعه ادامه مقاله می توانید به این لینک مراجعه کنید.

(زمان حدودی مطالعه : ۹ دقیقه)

گردآورنده: فاطمه حیدری

#گیمیفیکیشن

@Dexign فلسفه دیزاین

______

۸ روش بهتر بـرای طراحی کارت رابط کاربری

کارت یک جزء از رابط کاربری است که گروه بصری متمایزی از اطلاعات منطقی مرتبط را ایجاد می‌کند.
معمولاً از عنوان، بخش کوتاهی از توضیحات -خلاصه‌ای از محتوای صفحه به دست آمده- و یک تصویر اختیاری، دکمه یا «تحرک برای اقدام» تشکیل شده است.

دستورالعمل‌ها و کتابخانه‌های طراحی زیادی برای ارائه الهام از طراحی کارت شما وجود دارد، با این حال، من می‌خواستم مواردی را که آشکارا در نظر گرفته نشده‌اند برجسته کنم.

۱. کنتراست خوبی بین کارت و پس زمینه ایجاد کنید. به منظور تشخیص بهتر کارت از پس‌زمینه، می‌توانید کارت خود را با اضافه کردن حاشیه یا برافراشته با افزودن سایه، مشخص کنید.

۲. برای حفظ اندازه فونت متعادل تلاش کنید و از استفاده از فونت‌های خیلی کوچک خودداری کنید. خوانایی محتوا با فونت انتخاب شده و اندازه فونت اعمال شده تعریف می‌شود.

۳. یک سیستم فاصله برای فواصل ایجاد کنید. فواصل، فضاهای بین عناصر UI هستند که به ایجاد گروه بندی بصری و حفظ سلسله مراتب کمک می‌کنند. اگر می‌خواهید از هرج و مرج در طراحی‌های خود جلوگیری کنید و آن‌ها را ثابت کنید، باید نوعی از سیستم فاصله را تعریف کنید که برای دستیابی توسعه‌دهنده نیز مفید باشد.

۴. یک حالت بارگذاری (لودینگ) طراحی کنید که تا حد امکان شبیه طرح بندی محتوا باشد. حالت اسکلتی که با سبک چیدمان برنامه شما مطابقت دارد به کاهش عدم اطمینان کاربر در مورد محتوای بارگذاری شده کمک می‌کند.

۵. یک ارتفاع ثابت برای کارت‌ها تعریف کنید. در این صورت، باید یک عنصر کارت طراحی کنید، با این فرض که یک کارت می تواند ۴ خط متن داشته باشد و کارت دیگر می تواند یک خط متن داشته باشد. بهترین راه برای نزدیک شدن به طراحی کارت، تعریف ارتفاع است، با گذاشتن فضای خالی برای کارتی که محتوای کمتری دارد و زمانی که کارت محتوای بیشتری دارد، متن کوتاه شود.

۶. از شبکه‌ها برای طرح‌بندی‌های مبتنی بر کارت استفاده کنید. Grid پایه‌ای برای چیدمان مبتنی بر کارت است، Grid ها به مرتب کردن محتوا کمک می‌کنند، و به همین دلیل است که در طراحی کارت بسیار مفید هستند. می‌توانید از یک شبکه برای گسترش عرض کارت به تعداد ستون‌های شبکه مورد نیاز خود استفاده کنید و با این کار می‌توانید عرض مناسب کارت خود را پیدا کنید. وقتی صحبت از طراحی واکنشگرا می‌شود، باید برای هر نقطه تغییر یک شبکه ایجاد کنید و کارت‌های خود را بر اساس آن مرتب کنید.

۷. طراحی کارت با محتوای متفاوت ایجاد کنید. اگر از قبل می‌دانید که کارت ممکن است محتوای متفاوتی داشته باشد، حتما این مورد را در طراحی خود پوشش دهید. در انتقال، این به توسعه‌دهنده کمک می‌کند تا یک کد برای کارت به روش درست ایجاد کند و از شکستن تراز محتوا جلوگیری کند.

۸. تعاملات کارت را برای تجربه کاربری بهتر تعریف کنید. تعامل رابط کاربری اقدامی است که زمانی رخ می‌دهد که کاربر با عنصر UI از طریق صفحه لمسی، ماوس یا کیبورد تعامل داشته باشد.


🔗 برای مطالعه ادامه مقاله می‌توانید به این لینک مراجعه کنید.

(زمان حدودی مطالعه: ۸ دقیقه)

گردآورنده: امیرحسین معظمی


#رابط_کاربر #کارت
#UI

@Dexign فلسفه دیزاین

______

هنر ارائه خلاقانه کار

ارائه نادرست کار می‌تواند این موقعیت را برای مشتریان ایجاد کند تا با بازخوردهای نامناسب یا بیش از حد، منجر به کار نهایی ضعیف‌تر شود.

داستانی را در مورد چگونگی شکل گیری طرح خود بگویید. در مورد طراحی، مزایای آن، و چگونگی حل اهداف پروژه صحبت کنید.
از توضیح آنچه که آن‌ها به وضوح در مقابل خود می‌بینند خودداری کنید.

به عنوان مثال:
اگر پالت رنگی که انتخاب کردید از نقاشی دیواریی الهام گرفته شده بود که در پیاده روی دیدید و احساس کردید که کاملاً با حال و هوا و لحن درخواستی مشتری مطابقت دارد، آن را ذکر کنید.
شما با این کار به آنها اطمینان می‌دهید که یک طراح خلاق و متفکر را استخدام کرده‌اند.

اگر چندین گزینه ارائه می‌کنید، هر مفهوم را نام ببرید و یک اسلاید خلاصه با همه گزینه‌ها در یک صفحه نشان دهید. این موضوع بحث در پایان بررسی را آسان‌تر می‌کند.

ابتدا ساده‌ترین طرح «در پیام» خود را ارائه دهید. این به بازبینان اطمینان می‌دهد که پروژه و اهداف آن را درک می‌کنید. پس از ایجاد این امر، آن‌ها پذیرای ایده‌هایی هستند که بعداً ارائه می‌کنید و ممکن است مفهومی‌تر باشند.

همیشه مراقب زمان باشید. اگر مشتری قبلا چیزی را دیده است یا با توصیه طراحی شما موافق است، احتمالاً می‌تواند به سرعت از آن بخش ها عبور کند.

از همه مهمتر، اعتماد به نفس داشته باشید
مهمترین چیزی که باید هنگام ارائه کار طراحی به خاطر بسپارید: نشان دادن اشتیاق و اعتماد به نفس است. اگر به کار خود اطمینان دارید، مشتری شما نیز مطمئن خواهد بود.


🔗 برای مطالعه ادامه مقاله می‌توانید به این لینک مراجعه کنید.

(زمان حدودی مطالعه: ۵ دقیقه)

گردآورنده: امیرحسین معظمی

#تجربه_کاربر
#UX #story_telling

@Dexign فلسفه دیزاین

______

مستند "Abstract: The Art of Design" - سفری به دنیای خلاقیت و نوآوری

آیا تاکنون به پشت پرده‌های طراحی و هنر فکر کرده‌اید؟ آیا می‌خواهید بدانید چگونه طراحان برجسته جهان، از یک ایده ساده به شاهکاری هنری دست پیدا می‌کنند؟ مستند "Abstract: The Art of Design" دقیقاً همان چیزی است که به دنبالش هستید.

این مجموعه مستند بی‌نظیر، محصول نتفلیکس، شما را به دنیای شگفت‌انگیز طراحی می‌برد و از زاویه‌ای متفاوت به زندگی و کار طراحان مطرح جهان نگاه می‌کند. هر قسمت از این مستند به یکی از بزرگان طراحی در حوزه‌های مختلف مانند طراحی گرافیک، معماری، طراحی داخلی، عکاسی، طراحی صنعتی و مد می‌پردازد و شما را با فرایند خلاقیت و نوآوری آن‌ها آشنا می‌کند.

▫️چرا باید این مستند را ببینید؟

⁃ الهام‌بخش و آموزشی: "Abstract: The Art of Design" نه تنها الهام‌بخش است، بلکه نکات ارزشمندی در مورد فرایند طراحی و خلاقیت ارائه می‌دهد که می‌تواند برای هر کسی که به هنر و طراحی علاقه‌مند است، مفید باشد.

⁃ نگاهی به پشت صحنه: این مستند شما را به دنیای خصوصی طراحان می‌برد و نشان می‌دهد که چگونه ایده‌های خلاقانه به واقعیت تبدیل می‌شوند. از طرح‌های اولیه تا محصولات نهایی، همه چیز را خواهید دید.

⁃ تنوع در زمینه‌ها: از طراحی گرافیک و معماری تا طراحی خودرو و مد، این مجموعه همه جنبه‌های طراحی را پوشش می‌دهد. هر قسمت داستانی منحصر به فرد دارد که شما را به دنیای خلاقیت‌های مختلف می‌برد.

⁃ مصاحبه با بزرگان: از کریستوف نیمان، طراح گرافیک معروف، تا بیارکه اینگلس، معمار برجسته، این مستند با طراحان برتر هر حوزه مصاحبه می‌کند و شما را با تفکرات و فلسفه‌های آن‌ها آشنا می‌سازد.

▫️مثال‌هایی از قسمت‌های جذاب:

کریستوف نیمان: طراح گرافیک و تصویرگری که هنر او در مجلات و روزنامه‌های بزرگ جهان منتشر شده است. او شما را به دنیای خلاقیت‌های خود می‌برد و نشان می‌دهد که چگونه از ساده‌ترین ایده‌ها شاهکارهای هنری خلق می‌کند.

بیارکه اینگلس: معمار دانمارکی که با طرح‌های نوآورانه و بلندپروازانه خود، دنیای معماری را متحول کرده است. او نشان می‌دهد که چگونه با ترکیب هنر و علم، بناهایی ایجاد می‌کند که هم زیبا و هم کارآمد هستند.

پائولا شر: طراح گرافیک که طراحی‌های او برای شرکت‌های بزرگی مانند سیتی بانک و موزه هنرهای مدرن نیویورک شناخته شده است. او شما را به دنیای طراحی‌های گرافیکی خود می‌برد و نشان می‌دهد که چگونه هر جزئیات می‌تواند تاثیر بزرگی داشته باشد.

▫️مستند "Abstract: The Art of Design" شما را به دنیای شگفت‌انگیز طراحی می‌برد و نشان می‌دهد که چگونه طراحان بزرگ جهان با خلاقیت و نوآوری‌های خود، زندگی ما را زیباتر و کاربردی‌تر می‌کنند. اگر به هنر، طراحی و خلاقیت علاقه‌مند هستید، این مستند را از دست ندهید. همین حالا تماشای آن را شروع کنید و از سفری به دنیای هنر و طراحی لذت ببرید!

🔗 لینک یوتیوب

گردآورنده: رها کاوه

مدت زمان مشاهده : مجموعه مستندات ۸ قسمتی، هر کدام بین ۴۰-۴۵ دقیقه

#Design

@Dexign فلسفه دیزاین

______

پس از ۶ سال تجربه در FAANG درباره رشد دیزاینر چه نظری داریم؟

طراحان، بیایید ورای طراحی یاد بگیریم و رشد کنیم. محدودیت‌های شرح شغلی را نپذیریم. ما محدودیتی نداریم و می‌توانیم سازندگان آینده باشیم.

این مقاله بخشی از سخنرانی دو خواهر دوقلو در کنفرانس طراحی تجربه کاربری در مانیلا با عنوان رشد به عنوان یک دیزاینر است.

داستان رشد ما
پیش زمینه ما: در سال ۲۰۱۷ در رشته طراحی گرافیک فارغ التحصیل شدیم و پس از آن خواهرم یونان، ۵ سال در متا به عنوان دیزاینر مشغول به کار بود تا یک سال پیش که شغل خود را به مدیر محصول تغییر داد. من در ۶ سال اخیر به عنوان دیزاینر در گوگل و متا کار کردم.

سال اول: دیزاینرهای تازه فارغ ایتحصیل شده و مشتاق
در ابتدا به عنوان تازه دیزاینر ما خیلی مشتاق بودیم. هیچ چیزی نمی‌دانستیم، به همین دلیل همه چیز برایمان جدید و باحال بود. هنوز متوجه نبودیم که "باید" به پیشرفت شغلی فکر کنیم. به آدم‌های اطرافمان نگاه می‌کردیم و تمام تلاشمان این بود که آنچه به ما می‌گویند را به بهترین نحو انجام دهیم.

سال دوم و سوم: بالا روندگان از نردبان شغل
ما به پیشرفت شغلی اهمیتی نمی‌دادیم، تا اینکه شروع به مهم شدن کرد.
منتورها و مدیران ما با نیت خیر، به ما توضیح دادند که چطور در شرکت‌ها به موفقیت برسیم. آنها از ما پرسیدند که"هدف شما چیست؟" افراد مدام درباره پیشرفت و بررسی عملکرد صحبت می‌کنند. این شد که شروع به مقایسه کردن و اهمیت دادن کردیم. شروع به داشتن هدف و بالا رفتن از نردبان کردیم.

سال چهارم: "لید دیزاینرهای" سردرگم
در ابتدا، ارتقا پیدا کردن حس فوق‌العاده‌خوبی می‌داد. اما مثل خیلی دیگر از دیزاینرها هرچه به پوزیشن لید دیزاینر نزدیکتر می‌شدیم، اطمینانی از اینکه گام بعدی چیست نداشتیم.

ما در یک چهار راه بودیم. چه کار باید می‌کردیم...
• یک نیروی مستقل بمانیم؟
• مدیر شویم؟
• یا ...؟

چیزی که دردسر‌ساز‌تر بود، این بود که: "همین؟؟!" قرار است به بالا رفتن از نردبان ادامه دهیم؟ تا کی؟

🔗 برای مطالعه ادامه مقاله می توانید به این لینک مراجعه کنید.

(زمان حدودی مطالعه : ۱۲ دقیقه)

گردآورنده : فاطمه حیدری

#مسیر_شغلی #پیشرفت_شغلی

@Dexign فلسفه دیزاین

______

طراحی لیست – راهنمای کوتاهی برای مبتدیان

طراحی فهرست بخش مهمی از برنامه‌های موبایل و پروژه‌های طراحی وب است که در آن طراحان باید بهترین روش‌ها را برای نمایش محتوا به کاربران به کار ببرند.
طراحی فهرست شامل طراحی، نمونه سازی و آزمایش فهرست‌ها برای نمایش چندین مورد از محتوای مشابه است. این موارد در فهرست می‌تواند شامل یک خط متن یا یک جزء کارت با تصویر کوچک، متن و نماد باشد.

سه اصل برای طراحی فهرست وجود دارد:
فهرست: همه موارد فهرست با هم.
آیتم‌های فهرست: یک مورد جداگانه در فهرست.
محتوای هر فهرست: محتوایی که یک فهرست را می‌سازد، شامل تصویر، عنوان، متن، و سایر عناصر رابط کاربری.

طراحان تجربه می‌توانند از سه ساختار برای تولید فهرست محتوا استفاده کنند: ساختار افقی، عمودی و شبکه ای.
یک مثال عالی از این لیست‌ها، اینستاگرام است:
محتوای اصلی(Post) = ساختار عمودی
محتوای داستانی(Story) = ساختار افقی
محتوای جستجو(Explore) = ساختار شبکه‌ای

مهم ترین تفاوت بین فهرست‌ها و جدول‌ها، ساختار داده است.
جداول دارای ساختار خاصی هستند، شامل سرتیتر، ردیف و ستون با مرتب‌سازی و فیلتر برای یافتن و دستکاری داده‌ها.
فهرست‌ها ساختار ثابتی ندارند. هر آیتم فهرست مستقل است و نه بخشی از مجموعه داده ساختاریافته با سطرها و ستون‌ها.

طراحی یک فهرست خوب، از تفکر طراحی و اصول طراحی کاربر محور پیروی می‌کند. طراحی فهرست باید با نیازهای کاربر مطابقت داشته باشد و در عین حال زمینه‌های مناسبی برای محتوا فراهم کند.

یکی از نکات کلیدی در طراحی رابط کاربری یک فهرست عالی، آسان کردن کار کاربران در اسکن محتوا، برای یافتن آنچه که نیاز دارند است.
هرچقدر کاربر سریعتر بتواند آنچه را که نیاز دارد پیدا کند، تجربه کاربری بهتری دارد و احتمال استفاده و توصیه محصول شما بیشتر خواهد بود.

سلسله مراتب نقش حیاتی در اسکن کردن فهرست‌ها و خواندن آسانتر دارد.
به عنوان مثال، Spotify از اندازه و رنگ فونت برای ایجاد یک سلسله مراتب بصری بین عنوان آهنگ و هنرمند استفاده می‌کند. اندازه و رنگ متفاوت اسکن لیست پخش را برای کاربران آسان می‌کند.

🔗 برای مطالعه ادامه مقاله می‌توانید به این لینک مراجعه کنید.

(زمان حدودی مطالعه: ۶ دقیقه)

گردآورنده: امیرحسین معظمی

#رابط_کاربر #فهرست
#list #UI

@Dexign فلسفه دیزاین

______

مد‌ل‌های ذهنی

آنچه که کاربران معتقدند در مورد رابط کاربری می‌دانند، بر نحوه استفاده آنها از آن تأثیر می‌گذارد. مدل‌های ذهنی ناهماهنگ، بویژه در رابط‌های کاربریِ نوآور، رایج هستند.
مدل‌های ذهنی یکی از مهم‌ترین مفاهیم در تعامل انسان و کامپیوتر (HCI) هستند. این مقاله چند نمونه از مدل‌های ذهنی در طراحی رابط کاربری را ارائه می‌دهد.
اتفاقی نیست که استفاده از مثال‌های ملموس اغلب به افراد کمک می‌کند تا مفاهیم انتزاعی، مانند مدل‌های ذهنی را بهتر درک کنند.

مدل‌های ذهنی چه هستند؟
یک مدل ذهنی باوری‌ست که کاربر نسبت به سیستم (وب، برنامه، یا نوع دیگری از محصول) دارد. مدل‌های ذهنی به کاربر کمک می‌کنند تا چگونه کار کردن یک سیستم را پیش‌بینی کند. بنابراین، بر نحوه تعامل کاربر با یک رابط کاربری تأثیر می‌گذارد.

یک مدل ذهنی مبتنی بر باور است نه واقعیت
مدل ذهنی مدلی است از آنچه کاربران در مورد سیستمی مانند وبسایت شما می‌دانند (یا فکر می‌کنند که می‌دانند). کاربران پیش‌بینی‌های خود را در مورد سیستم براساس مدل‌های ذهنی خود شکل می‌دهند و اقدامات آینده خود را براساس آن برنامه‌ریزی می‌کنند. هدف اصلی طراحان این است که اطمینان حاصل کنند رابط کاربری به طور واضح ماهیت سیستم را به اشتراک می‌گذارد تا کاربران مدل‌های ذهنی دقیق (و در نتیجه مفید) را شکل دهند.

کاربران چگونه مدل‌های ذهنی ایجاد می‌کنند؟ اغلب، آنها فقط از دانشی که در مورد جهان دارند برای ایجاد مدل‌های ذهنی استفاده می کنند.
قانون تجربه کاربریِ اینترنت جاکوب را به خاطر بسپارید: "کاربران بیشتر وقت خود را در وبسایت‌هایی غیر از وبسایت شما می‌گذرانند. بنابراین، بخش بزرگی از مدل‌های ذهنی مشتریان از سایت شما، تحت تأثیر اطلاعات جمع‌آوری شده از سایت‌های دیگر قرار می‌گیرد. مردم انتظار دارند وبسایت‌ها مشابه یکدیگر عمل کنند."

🔗 برای مطالعه ادامه مقاله می‌توانید به این لینک مراجعه کنید

(زمان حدودی مطالعه: ۱۰ دقیقه)

گردآورنده: مجتبی زینوند

#تجربه_کاربر #روانشناسی
#UX

@Dexign فلسفه دیزاین

______

کتاب "The Design of Everyday Things"

کتاب "The Design of Everyday Things" نوشته دونالد نورمن، یکی از منابع اساسی در زمینه طراحی کاربرپسند و تجربه کاربری است.

نورمن در این کتاب با استفاده از مثال‌های روزمره و اشیاء معمولی مانند درها، تلفن‌ها و وسایل آشپزخانه، اصول طراحی محصولاتی را توضیح می‌دهد که استفاده از آنها برای کاربران ساده و بدون دردسر باشد. او به اهمیت طراحی کاربرپسند تاکید می‌کند و نشان می‌دهد که چگونه طراحی‌های ضعیف می‌توانند کاربران را سردرگم کنند و به تجربه کاربری نامطلوبی منجر شوند.

▫️نورمن مفاهیمی مانند
- قابلیت‌ها (Affordances) که ویژگی‌های یک شیء را برای استفاده مشخص می‌کنند،

- تطابق منطقی (Mapping) که ارتباط بین کنترل‌ها و عملکرد آنها را توضیح می‌دهد،

- بازخورد (Feedback) که به کاربران اطمینان می‌دهد عملیات آنها موفقیت‌آمیز بوده است، را به تفصیل بررسی می‌کند.

او همچنین به مدیریت خطاهای انسانی (Human Errors) می‌پردازد و تاکید می‌کند که طراحی‌ها باید به گونه‌ای باشند که خطاهای احتمالی کاربران را کاهش دهند یا از وقوع آنها جلوگیری کنند.

با مطالعه این کتاب، طراحان می‌توانند درک عمیق‌تری از نیازهای کاربران پیدا کنند و محصولات و خدماتی طراحی کنند که استفاده از آنها نه تنها آسان و منطقی باشد بلکه تجربه‌ای مثبت و لذت‌بخش برای کاربران فراهم کند. "The Design of Everyday Things" یک منبع الهام‌بخش و عملی برای هر کسی است که به طراحی و بهبود تجربه کاربری علاقه‌مند است.

برای مطالعه بیشتر میتونید پی‌دی‌اف این کتاب رو تهیه کرده و مطالعه کنید.

گردآورنده: رها کا‌وه

#طراحی_محصول
#product_design #Design

@Dexign فلسفه دیزاین

______

ابزارهای برتر هوش مصنوعی مورد استفاده توسط حرفه‌ای‌های UX

یک نظرسنجی از حرفه‌ای‌های UX نشان داد که آن‌ها از ۹۳ ابزار مختلف هوش مصنوعی استفاده می‌کنند. بزرگترین ابزار در این دسته ChatGPT است که توسط ۸۳٪ استفاده می‌شود و پس از آن استفاده از ابزارهای تخصصی‌تر به سرعت کاهش می‌یابد. ۱۲ ابزار هوش مصنوعی خاص UX نسبتاً محبوب بودند. تداخل در ابزارهای محبوب هوش مصنوعی بین حرفه‌ای‌های UX و عموم مردم کم است، به دلیل موارد استفاده تخصصی هنگام استفاده از هوش مصنوعی برای کمک به کارهای UX.

اکنون که در سال دوم انقلاب هوش مصنوعی هستیم، تعداد کافی از حرفه‌ای‌های تجربه کاربری تجربه استفاده از هوش مصنوعی در کار را خود دارند و زمان آن است که مستند کنیم از چه ابزارهایی استفاده می‌کنند. برای یافتن این اطلاعات، در مارس ۲۰۲۴ از مشترکین خبرنامه و دنبال‌کنندگان شبکه‌های اجتماعی خود نظرسنجی کردم. این روش جذب برای بسیاری از اهداف دیگر ممکن است دارای سوگیری باشد، اما برای این پروژه نمونه‌گیری من خوب عمل می‌کند زیرا می‌خواهم بدانم حرفه‌ای‌های UX در حال حاضر از چه ابزارهایی استفاده می‌کنند. یافته‌ها به صورت کلی به حرفه‌ای‌های کسب و کار یا کارکنان دانش تعمیم نمی‌یابد.

البته، سال دوم هنوز اوایل بازی است و ابزارهای جدید هر روز ظاهر می‌شوند. من تعجب نمی‌کنم اگر نتیجه یک مطالعه مشابه در سال آینده - چه برسد به یک دهه - متفاوت باشد. اما برای امروز، این وضعیت هوش مصنوعی در UX است.

اگر هنوز از هوش مصنوعی در کار خود استفاده نمی‌کنید، ناامید نشوید. بله، بهتر بود سال گذشته، شروع می‌کردید. اگر سال گذشته شروع به استفاده از هوش مصنوعی کرده بودید، اکنون یک سال تجربه کسب کرده بودید و برای یک شغل رده بالاتر واجد شرایط بودید. (در حال حاضر، مشاغل فنی با یک جزء هوش مصنوعی حدود ۱۵-۲۰٪ حقوق بالاتری نسبت به مشاغل در همان زمینه بدون جزء هوش مصنوعی ارائه می‌دهند.)

مقاله من درباره نحوه شروع استفاده از هوش مصنوعی برای UX را بخوانید. شعار من را به خاطر بسپارید: کوچک شروع کنید، اکنون شروع کنید.

ابزارهای برتر: یک غول و تعداد زیادی از کوتوله‌ها
در مجموع، پاسخ‌دهندگان اشاره کردند که از ۹۳ ابزار هوش مصنوعی استفاده می‌کنند. اما تنها ۱۵ ابزار توسط حداقل ۲.۵٪ از پاسخ‌دهندگان استفاده شده است.
از نمودار نتایج مشخص است که ChatGPT غولی در میان کوتوله‌های هوش مصنوعی است. این ابزار به طرز چشمگیری قوی تر از هر ابزار دیگری است. وقتی که در نظر بگیریم که مایکروسافت کوپایلت از GPT به عنوان مدل اصلی هوش مصنوعی خود استفاده می‌کند و Dall-E بیشتر به عنوان یک ویژگی در رابط کاربری ChatGPT استفاده می‌شود، این نتیجه حتی بزرگنمایی بیشتری پیدا می‌کند.

ابزارهای Midjourney و Perplexity به ترتیب نقره و برنز را به خود اختصاص داده‌اند.

🔗 برای مطالعه ادامه مقاله می توانید به لینک زیر مراجعه کنید.

(زمان حدودی مطالعه : ۱۶ دقیقه)

گردآورنده : فاطمه حیدری

#هوش_مصنوعی
#UX

@Dexign فلسفه دیزاین

______

چرا باید از پرزنتیشن برد استفاده کنید؟

پرزنتیشن برد راهی سریع و سازمان یافته برای نشان دادن همه چیزهایی است که طراحی شما ارائه می‌دهد. به جای اینکه به کسی فقط یک فایل منبع طراحی یا فقط لینکی به یک نمونه اولیه را ایمیل کنید، می‌توانید همه چیز را در یک فضا قرار دهید.

پرزنتیشن برد راهی سریع و سازمان یافته برای نمایش همه‌ی چیزهایی است که طراحی شما ارائه می‌دهد.
این بردها با هدف مشارکت کل تیم و ساده کردن فرآیند، نتایج پروژه را افزایش می‌دهند.

طراحی مشارکتی
بر اهمیت مشارکت کل تیم در فرآیند طراحی برای جمع آوری بازخورد و اطمینان از اینکه همه هم نظر هستند، تأکید می‌کند.

پرزنتیشن برد
استفاده از پرزنتیشن بردها را برای سازماندهی و اشتراک گذاری فایل‌های طراحی، نمونه‌های اولیه و بازخورد در یک فضای مرکزی و قابل اشتراک گذاری برجسته می‌کند.

کارایی
پرزنتیشن بردها فرآیند طراحی را با کاهش نیاز به تبادل ایمیل‌های طولانی و آسان‌تر کردن ارائه و بحث در مورد طرح‌ها ساده می‌کنند.

مشارکت تیمی
استفاده از پرزنتیشن برد را تشویق می‌کند تا دیگر اعضای تیم (غیرطراحی) را مطلع و درگیر نگه دارد و از جهت گیری واحد و اعتماد به پروژه اطمینان حاصل کند.

🔗 برای مطالعه ادامه مقاله می‌توانید به این لینک مراجعه کنید.

(زمان حدودی مطالعه: ۵ دقیقه)

گردآورنده: امیرحسین معظمی

#پرزنتیشن #پیشرفت_شغلی
#UX

@Dexign فلسفه دیزاین

______

📽مستند Helvetica

مستند Helvetica، مستند معروفی است که به بررسی عمیق فونت هلوتیکا و تأثیر آن بر طراحی مدرن و فرهنگی می‌پردازد. این فیلم در سال 2007 توسط گری هاسویت کارگردانی شده و به مناسبت پنجاهمین سالگرد طراحی فونت هلوتیکا ساخته شده است.

▫️هلوتیکا، یک فونت ساده و بدون سر (sans-serif) که در سال 1957 توسط ماکس مییدینگر طراحی شد و به یکی از پرکاربردترین و شناخته‌شده‌ترین فونت‌ها در دنیای طراحی گرافیک تبدیل شده است. این مستند به تحلیل این موضوع می‌پردازد که چگونه یک فونت با طراحی به‌ظاهر ساده، توانسته است تأثیر عمیق و گسترده‌ای بر نحوه طراحی و ارتباط بصری در دنیای معاصر بگذارد.

▫️در این مستند، با بسیاری از طراحان گرافیک برجسته، معماران و نویسندگان نظیر اریک اسپیکرمن، مایکل بیروت و دیوید کارسون مصاحبه می‌شود. این مصاحبه‌ها به ما نگرش‌های جالبی درباره چگونگی شکل‌گیری و توسعه هلوتیکا، و همچنین تأثیر آن بر طراحی گرافیک و هویت بصری برندها ارائه می‌دهند.

▫️مستند Helvetica به بررسی کاربردهای مختلف این فونت در محیط‌های شهری، تبلیغات، برندینگ، و حتی در طراحی‌های رسانه‌ای می‌پردازد. از تابلوهای خیابانی گرفته تا طراحی‌های تجاری، هلوتیکا به دلیل خوانایی بالا و طراحی مینیمالیستی‌اش در تمامی جنبه‌های زندگی شهری حضور دارد.

▫️این مستند با ترکیب مصاحبه‌های جالب، تصاویر آرشیوی، و تحلیل‌های بصری، به تماشاگران کمک می‌کند تا درک عمیق‌تری از تأثیرات فرهنگی و زیبایی‌شناختی این فونت در دنیای مدرن پیدا کنند. Helvetica به ما نشان می‌دهد که چگونه طراحی‌های کوچک و ظاهراً بی‌اهمیت می‌توانند تأثیرات بزرگ و گسترده‌ای بر جامعه و فرهنگ داشته باشند.

🔗 برای تماشای این مستند آموزنده و جالب، به این لینک مراجعه کنید.

(لینک ویدئو زیرنویس فارسی ندارد.)

گردآورنده : رها کاوه

#Design
#رابط_کاربری #دیزاین_سیستم #تایپوگرافی #فونت

@Dexign فلسفه دیزاین

______