دیگر ایده‌ها تکراری نیستند! تکنیک‌های عملی ایده‌پردازی برای طراحان تجربه کاربری

پس از آنکه در فاز "تعریف" (Define)از همدلی تا تعریف دقیق – تبدیل بینش‌ها به راه‌حل‌های هدفمند

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

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

بیایید نگاهی عمیق‌تر به ابزارها و تکنیک‌های کلیدی این فاز بیندازیم:🎯👌🏻

۱. نقشه ذهنی (Mind Map): کاوش در دنیای ایده‌ها

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

نقشه ی ذهنی چرا مفید است؟

• کشف ارتباطات: به ما کمک می‌کند تا ارتباطات پنهان بین ایده‌های مختلف را ببینیم.

• شفاف‌سازی: مفاهیم پیچیده را به بخش‌های قابل فهم‌تر تقسیم می‌کند.

• تولید ایده‌های جدید: با بسط دادن موضوعات و بررسی جوانب مختلف، ایده‌های نوآورانه را تحریک می‌کند.

مثال:

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

شاخه‌های اصلی می‌توانند شامل

• یادگیری واژگان

• یادگیری گرامر

• تمرین مکالمه

• ارزیابی پیشرفت

• محتوای اضافی

باشند. هر شاخه می‌تواند خود به شاخه‌های فرعی‌تر تقسیم شود، مثلاً زیرشاخه های یادگیری واژگان شامل موارد زیر است :

• فلش کارت

• بازی واژگان

• جملات نمونه

• تلفظ

۲. جریان کاربری (User Flow): مسیریابی تجربه کاربر

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

جریان کاربر چرا مفید است؟

• شناسایی نقاط اصطکاک: به ما نشان می‌دهد کجا ممکن است کاربران با مشکل مواجه شوند یا دلسرد شوند.

• بهینه‌سازی مسیر: به ما کمک می‌کند تا کوتاه‌ترین و منطقی‌ترین مسیر را برای رسیدن کاربر به هدفش طراحی کنیم.

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

مثال:

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

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

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

۳. تست درخت (Tree Testing): ارزیابی ساختار اطلاعات

تست درخت، روشی برای سنجش اثربخشی ساختار اطلاعات (Information Architecture) یک وب‌سایت یا اپلیکیشن است. در این تست، کاربران بدون دیدن رابط کاربری واقعی، صرفاً با استفاده از نام دسته‌بندی‌ها و عناوین، وظایفی را برای یافتن اطلاعات انجام می‌دهند.

تست درخت چرا مفید است؟

• اعتبارسنجی IA: به ما می‌گوید آیا ساختار ناوبری و دسته‌بندی اطلاعات ما برای کاربران منطقی و قابل درک است یا خیر.

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

مثال:

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

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

۴. نقشه همدلی (Affinity Map): درک عمیق‌تر کاربران

نقشه همدلی (یا نمودار همبستگی) روشی برای سازماندهی حجم زیادی از داده‌ها (مانند نظرات کاربران، مشاهدات، یا ایده‌ها) در دسته‌های منطقی و معنادار است. معمولاً با استفاده از یادداشت‌های چسبان (Sticky Notes) انجام می‌شود که هر یادداشت یک ایده یا مشاهده است و سپس این یادداشت‌ها بر اساس شباهت‌ها گروه‌بندی می‌شوند.

نقشه همدلی چرا مفید است؟

• یافتن الگوها: به تیم کمک می‌کند تا الگوها، مضامین و بینش‌های مشترک در میان داده‌های پراکنده را کشف کند.

• درک عمیق‌تر: به ما کمک می‌کند تا نیازها، احساسات، و انگیزه‌های کاربران را بهتر درک کنیم.

• اجماع تیمی: تمام اعضای تیم را در فرآیند تحلیل و تفسیر داده‌ها مشارکت می‌دهد.

مثال:

پس از انجام مصاحبه با کاربران یک اپلیکیشن سفارش غذا، یادداشت‌های چسبانی حاوی نظراتی مانند

• قیمت‌ها بالاست

• پیدا کردن رستوران‌های نزدیک سخت است

• زمان تحویل طولانی بود

• اپلیکیشن کند بود

• منوی برخی رستوران‌ها کامل نیست

• پرداخت راحت بود

• پشتیبانی خوب بود

جمع‌آوری می‌شوند. با گروه‌بندی این یادداشت‌ها، دسته‌هایی مانند

• قیمت و ارزش

• کارایی و سرعت

• کیفیت خدمات

• راحتی استفاده

شکل می‌گیرند.

۵. مرتب‌سازی کارتی (Card Sorting): ساختاربندی منطقی

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

باز (کاربران دسته‌بندی خودشان را می‌سازند) یا بسته (کاربران کارت‌ها را در دسته‌های از پیش تعیین شده قرار می‌دهند) انجام شود.

مرتب سازی کارت ها چرا مفید است؟

• طراحی IA: به ما کمک می‌کند تا ساختار اطلاعات و ناوبری محصول را بر اساس درک کاربران طراحی یا بهبود دهیم.

• نام‌گذاری دسته‌ها: بازخورد ارزشمندی در مورد اینکه کاربران چه عناوین یا نام‌هایی را برای دسته‌بندی‌ها ترجیح می‌دهند، ارائه می‌دهد.

مثال:

برای یک کتابفروشی آنلاین، ممکن است کارت‌هایی با نام

• رمان

• کتاب کودک

• تاریخ

• علمی

• روانشناسی

• آشپزی

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

اگر بسیاری از کاربران "تاریخ" و "علمی" را در یک دسته قرار دادند، ممکن است نشان دهد که این دو باید در کنار هم باشند یا عناوینشان نیاز به بازنگری دارد.

۶. استوری‌بورد (Storyboard): روایت بصری تجربه

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

استوری بورد چرا مفید است؟

• تجسم تجربه: به تیم کمک می‌کند تا جریان و احساسات کاربر را در طول یک سناریو به صورت بصری درک کند.

• ارتباط ایده‌ها: ابزار قدرتمندی برای ارائه و توضیح ایده‌های طراحی به ذینفعان یا اعضای تیم است.

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

مثال:

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

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

۷. نقشه سناریو (Scenario Map): پوشش تمام تجربیات

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

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

نقشه سناریو چرا مفید است؟

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

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

مثال:

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

• دانشجوی جدیدی که برای اولین بار وارد پلتفرم می‌شود و دوره‌ی خود را انتخاب می‌کند.

• دانشجویی که در حال مطالعه‌ی یک درس ویدیویی است و سوالی دارد.

• دانشجویی که می‌خواهد تکالیفش را ارسال کند.

• دانشجویی که برای امتحان پایان ترم آماده می‌شود.

• کاربری که با مشکل فنی در پخش ویدیو مواجه می‌شود.

۸. نقشه شناختی (Cognitive Map): درک مدل ذهنی کاربر

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

در طراحی UX، این ابزار به ما کمک می‌کند تا بفهمیم کاربران چگونه دنیای محصول شما را در ذهن خود مدل می‌کنند و چه انتظاراتی دارند.

نقشه شناختی چرا مفید است؟

• همسویی با کاربر: به ما کمک می‌کند تا رابط‌هایی طراحی کنیم که با مدل ذهنی کاربران همسو باشد و نیاز به یادگیری زیادی نداشته باشد.

• شناسایی شکاف دانش: نقاطی که درک کاربر از سیستم با واقعیت متفاوت است را مشخص می‌کند.

مثال:

فرض کنید در حال طراحی رابط کاربری برای یک سیستم پیچیده‌ی نرم‌افزاری هستیم.

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

۹. تست مفهوم (Concept Testing): اعتبارسنجی زودهنگام

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

تست مفهوم چرا مفید است؟

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

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

مثال:

برای یک اپلیکیشن جدید که قرار است به کاربران در مدیریت گیاهان آپارتمانی کمک کند،

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

• آیا این اپلیکیشن برای شما مفید خواهد بود؟

• کدام قابلیت برایتان جذاب‌تر است؟

• چه چیزی را در این ایده دوست ندارید.

۱۰. بوم نقشه خدمات (Service Blueprint): ترسیم کل تجربه خدماتی

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

نقشه خدمات چرا مفید است؟

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

• شناسایی فرصت‌ها: فرصت‌های بهبود را در تمام جنبه‌های ارائه خدمات (از تعامل مستقیم با مشتری تا فرآیندهای داخلی) مشخص می‌کند.

• هماهنگی تیمی: به هماهنگی بین بخش‌های مختلف سازمان (مانند پشتیبانی، عملیات، بازاریابی) کمک می‌کند.

مثال:

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

• اقدامات کاربر: رزرو میز، ورود به رستوران، سفارش غذا، خوردن غذا، پرداخت صورتحساب، خروج.

• اقدامات کارکنان (Frontstage): خوشامدگویی، راهنمایی میز، گرفتن سفارش، سرو غذا، پاسخ به سوالات.

• اقدامات کارکنان (Backstage): آماده‌سازی غذا در آشپزخانه، تهیه نوشیدنی، نظافت میزها.

• فرآیندهای سیستمی: سیستم رزرو آنلاین، سیستم پرداخت POS، سیستم مدیریت انبار.

۱۱. معمار اطلاعات (Information Architecture - IA): نظم‌دهی به محتوا

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

معماری اطلاعات چرا مفید است؟

• قابلیت استفاده: ایجاد یک ساختار منطقی و قابل ناوبری که کاربران بتوانند به راحتی در آن حرکت کنند.

• کارایی: کاهش زمان و تلاش مورد نیاز کاربر برای یافتن آنچه که به دنبالش هستند.

مثال:

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

یک IA خوب باعث می‌شود کاربر به سرعت آنچه را که می‌خواهد پیدا کند.

۱۲. بوم مدل کسب‌وکار (Business Model Canvas): همسویی با اهداف تجاری

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

بوم کسب و کارچرا مفید است؟

• دیدگاه استراتژیک: به طراحان UX کمک می‌کند تا راه‌حل‌هایشان را با اهداف و استراتژی‌های کلان کسب‌وکار همسو کنند.

• درک ارزش: روشن می‌سازد که محصول یا سرویس ما چه ارزشی برای مشتریان و کسب‌وکار ایجاد می‌کند.

مثال:

برای یک سرویس اشتراک موسیقی، بخش‌های بوم مدل کسب‌وکار می‌تواند شامل:

• مشتریان: علاقه‌مندان به موسیقی، کاربران عادی.

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

• جریان درآمدی: اشتراک ماهانه/سالانه، تبلیغات (برای نسخه رایگان).

• کانال‌ها: اپلیکیشن موبایل، وب‌سایت.

۱۳. Crazy 8s: طوفان فکری سریع و انفجاری

Crazy 8s یک تمرین سریع ایده‌پردازی است که در آن شرکت‌کنندگان در عرض ۸ دقیقه، ۸ ایده را روی ۸ بخش مجزا از یک کاغذ ترسیم می‌کنند. این یعنی هر ایده فقط ۱ دقیقه زمان برای طر‌ح‌شدن دارد!

Crazy 8s چرا مفید است؟

• سرعت و کمیت: به سرعت تعداد زیادی ایده متنوع تولید می‌کند.

• غلبه بر کمال‌گرایی: با محدودیت زمانی شدید، مانع از گیر کردن در جزئیات و کمال‌گرایی می‌شود.

• تنوع ایده‌ها: تشویق می‌کند تا به راه‌حل‌های مختلف و گاهی غیرمتعارف فکر کنیم.

مثال:

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

۱۴. اصول طراحی (Design Principles): قطب‌نمای خلاقیت

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

اصول طراحی جرا مفید است؟

• همسویی و ثبات: اطمینان حاصل می‌کند که تمام تصمیمات طراحی در راستای اهداف اصلی و هویت برند هستند و به ایجاد یک تجربه کاربری منسجم کمک می‌کند.

• تسهیل ارتباط: به اعضای تیم و ذینفعان کمک می‌کند تا درباره‌ی چرایی تصمیمات طراحی به توافق برسند.

مثال:

• اصول طراحی برای یک اپلیکیشن بانکداری دیجیتال می‌تواند شامل موارد زیر باشد:

• امنیت اولویت ماست: تمام تصمیمات باید امنیت اطلاعات کاربر را در اولویت قرار دهند.

• سادگی و شفافیت: رابط کاربری باید ساده، قابل فهم و بدون ابهام باشد.

• دسترسی‌پذیری: اپلیکیشن باید برای همه کاربران، از جمله افراد با توانایی‌های متفاوت، قابل استفاده باشد.

• کارایی: انجام تراکنش‌ها باید سریع و بدون دردسر

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

اگر تا اینجا همراهم بودی و کلمه‌به‌کلمه‌ی این نوشته رو نفس کشیدی، ازت یه خواهش صمیمانه دارم؛

برام بنویس چی تو دلت گذشت…

نظرت رو، انتقادت رو، هر چیزی که فکر می‌کنی می‌تونه کمکم کنه بهتر بنویسم.

اگه حتی ذره‌ای لذت بردی، لطفاً این نوشته رو برای دوستات هم بفرست؛

شاید همین کار کوچیک تو، بزرگ‌ترین دلگرمی برای من باشه تا توی این دنیای بی‌اعتبار،

هنوز به نوشتن، به حرف زدن با دل‌های ناشناس، ادامه بدم 🙏🏻✨

با تمام قلبم،

دوستدار تو،

آلن (ابوالفضل) هاشمی 💌