آموزشطراحی تجربه و رابط

طراحی تجربه‌ی کاربر (UX)

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

از صفر۷ ایستگاه۳۴ درسدرس‌ها به‌زودی

شروع۵ درس، به‌زودی

بیشتر مردم UX را با ظاهر اشتباه می‌گیرند؛ اول باید روشن شود چیست.

  1. تجربه‌ی کاربری (UX) چیست به‌زودی

    اینکه کاربر چقدر راحت و با چه حسی به خواسته‌اش می‌رسد؛ و طراحی آگاهانه‌ی همین.

  2. فرق UX و UI به‌زودی

    UX مسیر و حس است، UI ظاهر و اجزای صفحه؛ مثل نقشه‌ی خانه و دکوراسیونش.

  3. طراح UX چه می‌کند به‌زودی

    پژوهش، ساختار، طرح اولیه، آزمون و همکاری با تیم.

  4. فرایند طراحی UX به‌زودی

    فهمیدن، تعریف مسئله، ایده، ساختن نمونه و آزمودن؛ در چرخه.

  5. چرا UX مهم است به‌زودی

    کاربری که گیر کند، می‌رود؛ UX خوب فروش و رضایت را بالا می‌برد.

پژوهش کاربر۶ درس، به‌زودی

طراحی بی شناخت کاربر، حدس است.

  1. پژوهش کاربر (UX Research) به‌زودی

    فهمیدن کاربر از راه گفت‌وگو، دیدن و داده؛ پیش از طراحی.

  2. گفت‌وگو با کاربر به‌زودی

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

  3. پرسش‌نامه به‌زودی

    برای «چند نفر»، نه «چرا»؛ پرسش کوتاه و بی جهت.

  4. پرسونا به‌زودی

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

  5. نقشه‌ی سفر کاربر به‌زودی

    قدم‌ها، حس‌ها و گیرها از اول تا آخر یک کار.

  6. کاری که کاربر می‌خواهد انجام شود به‌زودی

    مردم محصول را برای انجام کاری «استخدام» می‌کنند؛ آن کار را بشناسید.

ساختار۵ درس، به‌زودی

کاربر باید بداند کجاست و چطور به جای بعد برود.

  1. معماری اطلاعات به‌زودی

    چیدن محتوا طوری که کاربر آنچه می‌خواهد را پیدا کند.

  2. دسته‌بندی با کارت به‌زودی

    از کاربرها بخواهید موضوع‌ها را دسته کنند تا منو از ذهن آن‌ها بیاید.

  3. جریان کاربر به‌زودی

    قدم‌های رسیدن به یک هدف، مثل خرید یا ثبت‌نام؛ هر قدم کمتر، بهتر.

  4. تجربه‌ی گوشی و دسکتاپ به‌زودی

    دو تجربه‌ی جدا: شست روی گوشی، ماوس و صفحه‌ی بزرگ روی دسکتاپ.

طرح و نمونه۵ درس، به‌زودی

پیش از ساختن کامل، طرح ارزان را بیازمایید.

  1. طرح روی کاغذ به‌زودی

    سریع‌ترین راه آزمودن ایده؛ زشت بودنش مهم نیست.

  2. وایرفریم به‌زودی

    اسکلت صفحه، بی رنگ و عکس؛ فقط جای چیزها.

  3. نمونه‌ی تعاملی به‌زودی

    نسخه‌ای که می‌شود رویش زد و رفت؛ برای آزمون پیش از کد.

  4. ده اصل کاربردپذیری به‌زودی

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

  5. طراحی فرم به‌زودی

    خانه‌ی کمتر، برچسب روشن و پیام خطای مفید.

نوشته و دسترس‌پذیری۴ درس، به‌زودی

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

  1. نوشتن برای رابط (UX Writing) به‌زودی

    دکمه و پیام کوتاه، روشن و از زبان کاربر.

  2. پیام خطای خوب به‌زودی

    چه شد، چرا و حالا چه کنم؛ بی سرزنش کاربر.

  3. دسترس‌پذیری به‌زودی

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

  4. طراحی برای ده تا نود ساله به‌زودی

    اگر بچه و پدربزرگ هر دو بفهمند، همه می‌فهمند.

آزمون و سنجش۵ درس، به‌زودی

فقط آدم واقعی نشان می‌دهد طرح کار می‌کند.

  1. آزمون کاربردپذیری به‌زودی

    پنج کاربر یک کار را انجام دهند و شما فقط ببینید.

  2. داده‌ی رفتار کاربر به‌زودی

    کجا می‌روند، کجا می‌مانند و کجا رها می‌کنند.

  3. آزمون دو نسخه به‌زودی

    دو طرح کنار هم، و انتخاب با عدد.

  4. سرعت، بخشی از تجربه به‌زودی

    صفحه‌ی کند، تجربه‌ی بد است، هر چقدر زیبا.

  5. بهتر کردن پیوسته به‌زودی

    هر بار یک گیر بزرگ را بردارید و دوباره بسنجید.

پایان راه۴ درس، به‌زودی

همه را در یک پروژه کنار هم بگذارید.

  1. بازبینی UX یک سایت به‌زودی

    فهرستی برای سنجیدن سایت خودتان، قدم به قدم.

  2. نمونه‌کار UX به‌زودی

    داستان یک پروژه: مسئله، پژوهش، تصمیم‌ها و نتیجه.

  3. اشتباه‌های رایج UX به‌زودی

    طراحی برای خود، آزمون نکردن و زیبایی به‌جای کار.

  4. حالا UX را می‌فهمید به‌زودی

    مرور راه و پروژه‌ی تمرینی شما.

مسیرهای مرتبط