ویرگول
ورودثبت نام
سعید عبدالهی
سعید عبدالهیمیلیون‌ها کیلومتر اسکرول کردم تا به هدفم نزدیک بشم و این داستان همچنان ادامه داره...
سعید عبدالهی
سعید عبدالهی
خواندن ۳ دقیقه·۶ ماه پیش

کیس استادی در UI/UX - بررسی اپ علی‌بابا و همراه اول

مقدمه

فرض کن رفتی کافی‌شاپ. می‌خوای قهوه سفارش بدی، ولی منو پیچیده‌ست، دکمه سفارش گم شده، یا اصلاً معلوم نیست، کِی سفارشت آماده میشه.
اینجاست که یه طراح UI/UX میاد و مشکل رو حل می‌کنه.
حالا Case Study یعنی: همین داستان رو مرحله‌به‌مرحله تعریف کنی و نشون بدی چطور مشکل کاربر رو به یه تجربه عالی تبدیل کردی.

پس کیس استادی فقط یه داستان جذاب از پروژه طراحیته.


Case study در UI/UX یعنی چی؟

خیلی سادش میشه: داستان پروژه‌ت از اول تا آخر.

یعنی نشون بدی:

·      چه مشکلی وجود داشت

·      چطور تحقیق کردی

·      چه راه‌حلی پیدا کردی

·      و در نهایت نتیجه کار چی شد

یعنی مثل پشت‌صحنه‌ی یک فیلمه؛ که نشون میدی چرا این تصمیم‌ها رو گرفتی و پشت هر تغییرت یه دلیل و فکر بوده.


چرا Case Study مهمه؟

·      رزومه‌تو حرفه‌ای می‌کنه

·      باعث اعتماد مشتری میشه

·      توی لینکدین و سایت‌های نمونه‌کار می‌درخشی

·      خودت هم از پروسه کارت یاد می‌گیری


ویژگی‌های یه Case Study خوب

مشکل رو معرفی کن (Problem Statement):

·      بگو مشکل چی بود

تحقیق و دیتا بیار (User Research):

·      توضیح بده چطور نیاز کاربر رو فهمیدی (مصاحبه، پرسشنامه، دیتا)

ایده‌پردازی و راه‌حل بده (Ideation):

  • بگو چه ایده‌هایی داشتی و چرا بعضیا رو انتخاب کردی.

طراحی و تست نشون بده (Prototyping & Testing)

·      ماکت زدی، تست کردی، فیگما ترکوندی و کاربر گفت: "آها! الان شد!"

نتیجه رو بگو (Impact & Metrics):

·      نشون بده طراحیت چه تاثیری گذاشته.
مثلا: "با این تغییر، نرخ خرید ۳۰٪ رفت بالا."

عکس و وایرفریم بذار (Visuals & Mockups):

·      یادت نره اسکرین‌شات بزاری، چون کیس استادی بدون عکس، مثل پیتزا بدون پنیره


بررسی دو Case Study از اپ های ایرانی

مثل علی بابا(رزرو سفر) و همراه اول(اپلیکیشن خدمات اپراتور):

Case Study اول: اپلیکیشن علی‌بابا

مشکل (Problem)

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

·      لیست پروازها شلوغ بود.

·      پیدا کردن ارزان‌ترین یا زودترین پرواز سخت بود.

·      بعضی کاربرا وسط خرید منصرف می‌شدن چون مراحل رزرو طولانی بود.

تحقیق (Research)

تیم طراحی علی‌بابا با بررسی رفتار کاربرها فهمید:

·      مهم‌ترین نیازشون سرعت و راحتیه.

·      اکثرا دنبال مقایسه قیمت‌ها هستن.

·      کاربر دوست داره با کمترین کلیک بلیطشو بخره.

راه‌حل (Solution)

·      جستجوی ساده در صفحه اصلی: فقط تاریخ، مبدا و مقصد.

·      افزودن فیلترهای سریع مثل "ارزان‌ترین" یا "زودترین".

·      رنگ‌بندی و دسته‌بندی شفاف برای پرواز چارتری و سیستمی.

·      ساده‌تر کردن مراحل خرید (کمتر کردن فرم‌ها و کلیک‌ها).

نتیجه (Result)

·      زمان انتخاب پرواز برای کاربر کمتر شد.

·      رزرو بلیط بیشتر شد

·      تجربه کاربری شفاف‌تر و راحت‌تر شد.

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


Case Study دوم: اپلیکیشن همراه اول (MyMCI)

مشکل (Problem)

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

تحقیق (Research)

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

۸۰٪ استفاده فقط مربوط به سه کاره:

·      خرید بسته اینترنت

·      پرداخت قبض

·      دیدن باقی‌مانده شارژ و اینترنت

راه‌حل (Solution)

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

·      استفاده از آیکون‌های ساده و شناخته‌شده.

·      اضافه کردن اعلان‌ها (Notification) برای یادآوری پایان حجم یا سررسید قبض

·      طراحی رنگی ساده با تم آبی و سفید برای کاهش شلوغی

نتیجه (Result)

·      دسترسی به خدمات اصلی سریع‌تر شد.

·      تماس‌های پشتیبانی کاهش پیدا کرد.

·      کاربرا حس بهتری از اپ گرفتن و امتیاز اپ بالاتر رفت.

درس UX از همراه اول: نیازهای اصلی کاربر رو دم دست بذار و بقیه رو ببر لایه دوم.


نکات طلایی برای نوشتن کیس استادی

·      ساده و فان بنویس، نه خشک و رسمی

·      از اسکرین‌شات و تصاویر طراحی استفاده کن

·      تاثیر تغییرات رو با عدد و آمار نشون بده

·      داستان‌سرایی کن؛ مردم عاشق داستانن


جمع‌بندی

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

همراه اول ثابت کرد که وقتی کاربرا بیشتر وقتشون رو روی چند ویژگی خاص میزارن، همونارو باید در مرکز طراحی قرار بدی.

پس کیس استادی در UI/UX فقط یه گزارش نیست، بلکه یه داستان واقعی از مسیر حل مشکل کاربره.

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


اگه دنبال یه طراح UI/UX هستی که فقط طراحی قشنگ نده، بلکه مشکل رو حل کنه، همین الان بهم پیام بده.

#کیس_استادی #طراحی_تجربه_کاربری #فیگما

#Case_Study #figma #UI #UX

ui uxcase studyکیس استادیui designux
۲
۰
سعید عبدالهی
سعید عبدالهی
میلیون‌ها کیلومتر اسکرول کردم تا به هدفم نزدیک بشم و این داستان همچنان ادامه داره...
شاید از این پست‌ها خوشتان بیاید