فلسفه دیزاین – Telegram
فلسفه دیزاین
6.94K subscribers
68 photos
12 videos
1 file
1.2K links
این کانال چکیده‌ای از مقالات روز، نمونه‌های موفق، ابزارهایی‌ست که ما در DeXign Studio با آن برخورد داشته و معرفی‌شان می‌کنیم.

ارتباط با کانال:
@mohsenissapour

منابع و ابزارهای دیزاین:
DexignResources.com

دسخط:
https://daskhat.dexignresources.com
Download Telegram
روزنامه‌ها هرگز نمی‌میرند

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

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

پیشنهاد می‌کنم مقاله‌ی امروز را از دست ندهید، چون خواندن روزنامه‌ها هنوز منسوخ نشده و همچنان خبرها همچون گذشته دنبال می‌شوند.

http://bit.ly/dxgn583

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

نویسنده: حسین میرزاده

#روزنامه #تجربه_کاربری #اصول_خواندن #صفحه_فرود #لندینگ_پیج

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


ـــــــ
دکمه نادیدنی

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

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

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

سایر نکاتی که در طراحی این دکمه‌، باید مورد توجه قرار بگیرد را در مقاله‌ی زیر بخوانید:

http://bit.ly/dxgn584

شما چه تجربه‌ای در طراحی دکمه‌ی بازگشت دارید و فکر می‌کنید چه نکاتی در طراحی آن باید مد نظر قرار بگیرد؟

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

نویسنده: پریسا حسینی

#تجربه_کاربری #دکمه

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


ــــــ
به رنگ سادگی

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

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

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

برای رسیدن به سادگی در دیزاین راه‌های مختلفی وجود دارد که برخی از آن‌ها عبارتند از:

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

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

۳- محدودیت انتخاب‌ها: انسان‌ها تمایل دارند چیزهایی را ببینند و با آن‌ها درگیر شوند که در راستای هدفشان باشد و موجب انحراف از این هدف نشود. بنابراین محدود کردن انتخاب‌ها و امکانات در راستای رسیدن کاربر به هدف مدنظرش تاثیر به‌سزایی در سادگی محصول خواهد داشت.

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

برای آشنایی بیشتر با این روش‌ها و نمونه‌هایی موفق از پیاده‌سازی آن‌ها، مقاله زیر را مطالعه کنید:

http://bit.ly/dxgn585

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

نویسنده: محمدرضا پناهی

#دیزاین #سادگی

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


_____
حس تجربه کاربری

خیلی اوقات پیش می‌آید که دوستی گروه چت دوستان را ترک می‌کند. هیچکس نمی‌داند چرا این اتفاق افتاده‌است.

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

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

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

آیا می‌توان این حس را بیشتر وارد دنیای دیزاین کرد؟ شاید می‌شود کاربر را موجودی «همیشه در حال ترک سرویس» در نظر گرفت و تلاش‌های خود را برای همیشه ماندن او بیشتر کرد.
چون ما انسان‌ها - متاسفانه یا خوشبختانه - همیشه حوصله‌مان از چیزهایی که جذابیتشان را برای ما از دست می‌دهند سر می‌رود.

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

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

در مقاله پیش‌رو «Lasse Kristensen» مثال خیلی جالبی را درباره این مقوله بررسی کرده.

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

http://bit.ly/dxgn586

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

نویسنده: آرش اصغری

#دسترسی‌پذیری #تجربه‌کاربری

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


__
خُرده نان‌هایی برای تعقیب

بردکرامب (Breadcrumb) یک راهنمای ناوبری در رابط‌های کاربری است و به کاربران کمک می‌کند تا مکان فعلی خود را در برنامه‌ها، اسناد و وب‌سایت‌ها ردیابی کنند. نام بردکرامب از داستان هانسل و گرتل گرفته شده‌است که هانسل با خرد کردن تکه‌نانی که همراه خود برداشته بود اقدام به گذاشتن ردی برای بازگشتشان به خانه می‌کند.

بردکرامب‌ها معمولاً به صورت افقی در بالای صفحات وب زیر عنوان و هدر سایت قرار می‌گیرند. بردکرامب در سایت‌ها دنباله‌ای از پیوندها را از نقطه‌ی ورود و صفحات قبلی کاربر تا صفحه فعلی را ارائه می‌دهند. علامت (>) برای جدا کردن سلسله مراتب‌های بردکرامب استفاده می‌شود، همچنین دیزاینرها ممکن است از گلیف‌ها (مانند » یا ›) و اشکال گرافیکی هم استفاده کنند.

بردکرامب‌ها معمولاً به صورت زیر هستند:
صفحه اصلی> صفحه بخش> صفحه زیرمجموعه
“از ویکیپدیا”

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


http://bit.ly/dxgn586-1


پ.ن: از راهنمای زیر هم می‌توانید برای دیزاین بردکرامب‌ها استفاده کنید.


http://bit.ly/dxgn586-2



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

نویسنده: حسین میرزاده

#بردکرامب #پیمایش #ناوبری #تجربه_کاربری

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


_____
اصول طراحی جداول اطلاعات

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

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

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

http://bit.ly/dxgn587

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

نویسنده: محمدرضا پناهی

#طراحی #جدول
@Dexign فلسفه دیزاین


______
بازی رنگ‌ها در دیزاین‌های تیره

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

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

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

اطلاعات تکمیلی را در مقاله‌ی زیر بخوانید:

http://bit.ly/dxgn588

شما در طراحی حالت دارک‌مود چه تجربیاتی دارید؟

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

نویسنده: پریسا حسینی

#دیزاین #دارک_مود
@Dexign فلسفه دیزاین


ــــــ
روند دیزاین UX/UI در سال ۲۰۲۰

کمتر از چند هفته است که وارد دهه سوم قرن بیست و یکم شده‌ایم و سال ۲۰۲۰ موج جدیدی از ترندها و شیوه‌های نوینی را در دیزاین UX/UI با خود به ارمغان آورده‌است. از انتقال به "قلمروهای دیزاین" کاملاً جدید مانند فعال سازی رابط کاربری توسط صدا و یا طراحی AR / VR گرفته، تا ورود به بحث ترندهای دیزاین UI مانند انیمیشن‌ها، تصاویر سفارشی و موارد دیگر.

سال ۲۰۱۹ سال بسیار خوبی برای دیزاین UX/UI بود. انتظار می‌رود که در سال ۲۰۲۰ نیز این اتفاقات در دنیای دیزاین دوباره تکرار شود. ظهور تکنولوژی‌های جدید و ایجاد تجربه‌های کاربری دلپذیر برای مخاطبان طی یک دهه گذشته باعث ایجاد رقابت هر چه بیشتر در کسب‌وکارهای مدرن شده‌است. ‌

جهت ماندگاری و موفقیت در فضای رقابتی امروز تنها تشخیص نیازها و خواسته‌های مشتریان کافی نیست. کسب‌وکارهایی که می‌خواهند سهم بیشتری از بازار را به‌دست آورند باید یک قدم جلوتر از دیگران باشند و ترندهای آینده UX را پیش بینی کنند.

در مقاله امروز نویسنده، جدیدترین ترند‌های دنیای دیزاین UX/UI را که اعتقاد دارد در سال ۲۰۲۰ اتفاق خواهد افتاد جمع‌آوری کرده‌است. بهتر است قبل از رقبای خود، به آن‌ها نگاهی بیندازید و تصمیمات استراتژیک بگیرید.

http://bit.ly/dxgn589

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

نویسنده: نیما‌ حکیم‌رابط

#جدیدترین‌ترندها #دیزاین‌تجربه‌کاربری #دیزاین‌رابط‌کاربری

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


ـــــــ
اصول طراحی تبدیل-محور

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

در این چارچوب می‌توان میزان تأثیر، موفقیت و هدف هر صفحه در تبدیل بازدیدکنندگان به مشتری را اندازه‌گیری کرد. دیزاین اغلب در راستای حل یک مشکل است. اکثر این مشکلات که دیزاینرها درگیر حل آن‌ها می‌باشند، مشکلات کاربر-محور هستند. اما از سویی دیگر یکی از مشکلاتی که باید مورد توجه قرار گیرد، مشکلات بیزینس-محور است. با استفاده از این چارچوب می‌توان در راستای برآورده کردن نیاز یک بیزینس نیز قدم برداشت.

اولی گاردنر ۷ اصل را به عنوان اصول بنیادی طراحی تبدیل-محور بیان می‌کند که شامل موارد زیر است:
- کپسوله‌سازی (Encapsulation)
- تضاد (Contrast)
- سرنخ‌های جهت‌یابی
- استفاده زیاد از فضای سفید
- فوریت و کمبود
- قبل از خرید امتحان کنید
- تأیید اجتماعی

برای آشنایی با این چارچوب و اصول آن مقاله زیر را مطالعه کنید:

http://bit.ly/dxgn590

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

نویسنده: محمدرضا پناهی

#دیزاین #طراحی_تبدیل_محور

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

______
مستندهایی از جنس دیزاین

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

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

مستندها معمولا ساده‌ترین و بی‌پرواترین روش برای انتقال مفاهیمی علمی مثل اصول دیزاین می‌باشند.

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

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

مقاله امروز، چند مستند برتر در زمینه دیزاین را معرفی می‌کند. مستندهایی ارزشمند که هرکدام بینش ما را در یک بخش از «دیزاین» قوی می‌کنند.


http://bit.ly/dxgn591

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

نویسنده: آرش اصغری

#دیزاین #مستند
@Dexign فلسفه دیزاین

______
دیزاین‌های قیمتی

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

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

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

در مقاله‌ی زیر خانم Yifan Ding انواع موشن‌ها را از نظر عملکرد، المان‌های انتقالی و عوامل تعیین‌کننده ادراک بر می‌شمرد. همچنین نگاهی به ابزارهای مختلف برای ساخت موشن‌ها داشته و ویژگی‌های هر کدام را بیان می‌کند.

اطلاعات بیشتر را در مقاله‌ی زیر بخوانید:

http://bit.ly/dxgn592

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

نویسنده: پریسا حسینی

#طراحی_تعاملی #موشن

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

______
فراتر از یک دکمه

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

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

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

در مقاله‌ی زیر نکات مهمی که هنگام طراحی دکمه‌های CTA باید دقت کرد بررسی شده است. معماری اطلاعات هنگامی که دکمه‌ی CTA در کنار دکمه‌های دیگر قرار می‌گیرد، اهمیت می‌یابد.

می‌توانید اطلاعات بیشتر را در مقاله‌ی زیر بخوانید:

http://bit.ly/dxgn593

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

نویسنده: پریسا حسینی

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

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

_______
هفت مهارت اساسی برای طراحان محصول

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

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

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

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

۲- طراحی تعاملی: برای ایجاد ارتباط با اعضای مختلف تیم محصول و سهامداران، یکی از مؤثرترین روش‌ها استفاده از طراحی تعاملی برای نشان دادن ارتباط اجزا و المان‌های مختلف و روند‌های موجود در محصول است.

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

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

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

۶- مهارت HTML و CSS: داشتن مهارت در این زمینه برای طراح محصول در جهت ایجاد ارتباط مؤثر با تیم توسعه نرم‌افزار و شکل‌گیری ارتباط مؤثر بین تیم توسعه نرم‌افزار و تیم طراحی دارای اهمیت است.

۷- مهارت UX writing: متون و نوشته‌ها از ارکان جدایی‌ناپذیر هر محصول دیجیتال است و شناخت درست ساختار آن و چگونگی استفاده از عبارات و ادبیات نگارشی، تأثیر مستقیم بر تجربه کاربری خواهد داشت.

برای آشنایی بیشتر با این مهارت‌ها، مقاله زیر را مطالعه کنید:

http://bit.ly/dxgn594

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

نویسنده: محمدرضا پناهی

#طراح_محصول
@Dexign فلسفه دیزاین

ــــــ
اصول موشن دیزنی در طراحی

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

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

یکی از منابع متداول برای آشنایی با تکنیک‌های انیمیشن، «۱۲ اصل انیمیشن دیزنی» است که توسط فرانک توماس و اولی جانستون در دهه ۱۹۸۰ معرفی شده است. این اصول توسط همه طراحان موشن به عنوان راهنمایی جامع برای ایجاد حس حرکت طبیعی در پویانمایی شخصیت‌ها شناخته می‌شوند و نگاه کردن به آن‌ها از طریق لنز رابط‌های کاربر به ما این امکان را می‌دهد تا عملکرد جدیدی به محصولات خود اضافه نماییم. استفاده درست از موشن به عنوان یک عنصر راهنما، این امکان را برای ما ایجاد می‌کند تا بتوانیم روابط موثرتری با کاربران محصول خود داشته باشیم.

http://bit.ly/dxgn595

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

نویسنده: نیما‌ حکیم‌رابط

#موشن‌دیزاین #رابط‌کاربری
@Dexign فلسفه دیزاین

ـــــــ
دیزاین برای موبایل، روی موبایل!

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

ادوبی با «Adobe XD» به بازار این رقابت‌ها وارد شد و بعد اپ‌هایی نظیر «Figma» و «InVision Studio» و ... متولد شدند.

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

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

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

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

اخیرا سرویسی به نام «Play» معرفی شده است.
«پلی» ابزار جدیدی برای طراحی اپلیکیشن‌های موبایل است که روی موبایل اجرا می‌شود.

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

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

شاید این پروژه یکی از جذاب‌ترین موارد مطالعه در این موضوع باشد.

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

http://bit.ly/dxgn596

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

نویسنده: آرش اصغری

#ابزار #تجربه_کاربری
@Dexign فلسفه دیزاین

ــــــــ
عشق در نگاه اول

یکی از مسائل اساسی و مهم در طراحی اپلیکیشن‌های موبایل، توجه به طراحی صفحات آغازین اپلیکیشن (Onboarding Pages) است؛ صفحاتی که پس از نصب اپلیکیشن و هنگام اولین ورود به آن، به کاربر نمایش داده می‌شوند و اطلاعاتی در مورد محتوا و عملکرد اپلیکیشن را در اختیار او قرار می‌دهند. طراحی این صفحات تأثیر فراوانی بر تجربه کاربر در استفاده از اپلیکیشن داشته و می‌تواند کاربر را در نگاه اول عاشق آن اپلیکیشن کند!

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

بنابراین می‌توان دریافت که طراحی این صفحات تاثیر فراوانی بر روی تجربه کاربر داشته و می‌تواند نقش کلیدی در تبدیل کاربران بالقوه به کاربران فعال داشته باشد.

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

۱- اختصار: همه ما از صفحات زیاد و پشت سر هم بیزاریم و علاقه‌ای به لمس مداوم دکمه «بعدی» برای خلاصی از صفحات آغازین نداریم. بنابراین در طراحی این صفحات باید به کم بودن و اختصار در تعداد و محتوای آنها توجه کرد.

۲- ارزش‌های کاربر: بر روی نیازهای کاربر تمرکز کنید و به کاربر اطمینان دهید که این اپلیکیشن در راستای اهداف آن‌هاست و جستجو برای یافتن راه‌حل به پایان رسیده است.

۳- بیا بازی کنیم!: یکی از راه‌های جذب کاربر ایجاد تعامل و درگیر کردن کاربر با اپلیکیشن است. در این مرحله می‌توانید اطلاعات حیاتی مورد نیاز را از کاربر دریافت کنید.

۴- پس کی تموم می‌شه؟: کاربران علاقه‌ای به قرار گرفتن در مسیری بی‌انتها و سردرگمی در میان تعداد صفحات نامشخص ندارند. بنابراین میزان پیشرفت کاربر و تعداد صفحات باقیمانده را به کاربر نشان دهید.

۵- سلام!: پس از گذر کاربر از صفحات آغازین، حالا وقت خوشامدگویی به اوست. با یک پیام مناسب به کاربر خوشامد گفته و او را به سمت صفحه اول اپلیکیشن راهنمایی کنید.

توجه به نکات فوق در طراحی صفحات آغازین اپلیکیشن، تاثیر مثبتی بر تجربه کاربر و جذب او داشته و احتمال بازگشت او به اپلیکیشن را افزایش خواهد داد.

نکات فوق برگرفته از مقاله زیر است که مطالعه آن خالی از لطف نیست:

http://bit.ly/dxgn597

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

نویسنده: محمدرضا پناهی

#تجربه_کاربری

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

_______
انتخاب مناسب ویژگی‌های محصول بر اساس مدل کانو

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

مدل کانو یک نظریه توسعه محصول و رضایت مشتری است که در دهه ۱۹۸۰ توسط پروفسور نوریاکی کانو ساخته شده‌است. کانو در این روش اولویت‌های کاربران را به سه دسته پایه، جذاب و عملکردی طبقه‌بندی می‌کند. استفاده از این تکنیک با در نظر گرفتن دو فاکتور رضایت و احساس مشتریان، باعث درک بهتر دیدگاه کاربران در مورد ویژگی‎‌های مختلف محصول می‌شود. این فاکتورها به طراحان کمک می‌کند تا بفهند که کدام ویژگی محصول باعث ایجاد لذت و یا ناامیدی در کاربران می‌گردد.

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

http://bit.ly/dxgn598

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

نویسنده: نیما‌ حکیم‌رابط

#مدل‌کانو #رضایت‌کاربر
@Dexign فلسفه دیزاین

___
۶ اصل اساسی

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

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

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

۱- قابلیت دیدن: می‌توانم آن را ببینم؟
۲- بازخورد: مشغول به چه کاریست؟
۳- محدودیت: چرا نمی‌توانم این کار را انجام دهم؟
۴- جهت‌یابی: من کجا هستم و کجا می‌توانم بروم؟
۵- ثبات: من قبلاً این را دیده‌ام؟
۶- ارزیابی (قابلیت محیطی و یا کارایی): چگونه از آن استفاده کنم؟

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

http://bit.ly/dxgn599

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

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

نویسنده: حسین میرزاده

#اصول_طراحی #تجربه_کاربری #دیزاین #اصول_دیزاین #دان_نورمن

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

_____
هدیه‌ای به بهانه یکسالگی استودیو دیزاین

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

در این روزها، Dexign Studio که نام دیزاینرهای آن را زیر پست‌های این کانال می‌بینید، یکساله می‌شود.
از این بابت در پوست خود نمی‌گنجم و پر از غرور و افتخار هستم.

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

وبسایت مرجع فارسی ابزارها و منابع دیزاین

https://dexignresources.com

شما هم می‌توانید اگر منبعی یا ابزاری می‌شناسید که به درد بقیه می‌خورد به نام خود به اشتراک بگذارید.

پ. ن.
قصه‌ای درباره دیزاین
وصف حال یکسال گذشته استودیو دیزاین

http://bit.ly/dxgn600

ارادتمند،
رامین خطیبی
اسفند ۱۳۹۸

______
تله‌هایی برای به دام انداختن الهامات

گرافیک‌دیزاینر آمریکایی Saul Bass می‌گوید: “ دیزاین؛ همان فکر شماست که به صورت دیداری ساخته شده است.”

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

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

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


۱ - از سر؛ الهام عقلانی
۲- از دل؛ الهام احساسی
۳- از ناخودآگاه؛ الهام شانسی


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


http://bit.ly/dxgn601


پ.ن: برای تقویت ذهن ناخودآگاهتان می‌توانید ازین منبع گزینش‌شده‌ی اختصاصی‌ای که ما به وسواس انتخابشان کردیم نیز استفاده کنید:

http://bit.ly/dxgnresources

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

نویسنده: حسین میرزاده

#الهام_گیری #خلاقیت #دیزاین

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

______
کشف راز نتفلیکس

در یک دهه گذشته سایت نتفلیکس دستخوش تحولاتی باورنکردنی شده‌است. دلیل اصلی این تغییرات مثبت، به وجود آمدن یک فرهنگ طراحی جدید در این سرویس است که بر اساس اصول "تست و یادگیری" است. امروزه نتفلیکس برای بسیاری از افراد به منبع اصلی سرگرمی تبدیل شده‌است به طوری که 15٪ از ترافیک وب جهان به نتفلیکس می‌رود و این مساله موجب تبدیل شدن آن به شرکتی شده که عنوانش مترادف با یک تجربه رضایت بخش برای مشتریان است.
اما وقتی در ایجاد یک تجربه خوب پیشتاز هستید، چگونه می‌توانید بدون ناامید کردن مشتریان، کسب و کار خود را گسترش دهید و همچنان به رشد صعودی خود ادامه دهید؟ پاسخ این سوال در مجموعه نتفلیکس در آزموندن تجربه‌هایی نهفته است که بر مبنای اصول روانشناختی بنیادین در قالب تست A/B پایه‌ریزی شده‌اند.

طراح محصول نتفلیکس، Navin Iyengar، فلسفه تست شرکت را این گونه تعریف می‌کند:
"بسیاری از ایده‌های تجربه‌کاربری ما توسط تست A/B ارزیابی می‌شوند، با به‌کار بردن این روش درک می‌کنیم که هر کدام از این ایده‌ها چه تأثیری در میزان رضایت و به تبع آن عضویت کاربران در سراسر جهان دارند. نتایج این آزمایشها به ما کمک می‌کند تا روی مهمترین مواردی که باید روی آن‌ها کار کنیم تمرکز بیشتری داشته باشیم."

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

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

http://bit.ly/dxgn602

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

نویسنده: نیما‌ حکیم‌رابط

#روانشناسی #تستAB #تجربه‌کاربری

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

__