niloofarHosseiniDesign
niloofarHosseiniDesign
خواندن ۳ دقیقه·۷ ماه پیش

طراحی پروداکت ( UI UX ) چجوریه ؟

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

اگه جزو اینایی باهام بیا

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

1-بررسی محصول

باید محصول فعلی رو بررسی کنی البته اگر موجوده و ایراد هاشو دربیاری، میگی چجوری ؟

  • با صحبت کردن ( با مشتری ها، صاحب محصول ، کارمند ها ،اعضای تیم، تیم پشتیبانی و .. )
  • با ابزار های مختلفی مثل هات جار و گوگل انالیتیکس .
  • صدای مشتریان اگر باشه .
همه اینا رو تو یه Google Sheets یا Excel یا حتی Word بنویس و داکیومنتش اون کن.من بیشتر از Google Sheets استفاده میکنم. اگرم محصولی نبود، صحبت با صاحب محصول و درآورن نیاز ها فراموشت نشه وگرنه طراح محصول نیسی.

2-بررسی رقبا

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

3-وایر فریم

حالا باید بشینی طرح بزنی،

از اطلاعاتی که تا حالا بدست آوردی توی طرح زدن استفاده کنی.

انقدر رو کاغذ خط خطی کن تا به چیزی که میخوای برسی

حالا بهترینشو انتخاب کن.

یادت نره با بقیه هم مشورت کن، همیشه در حال فیدبک گرفتن باش.

4- طراحی ui

حالا وقتشه طرحی که زدی رو توی فیگما پیاده کنی، میگی باید چیکار کنم بیا تا بگم :

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

آموزش پروژه‌ محور فیگما – طراحی نرم افزار بانکی با Figma

یادت نره همیشه در حین کار، سعی کن از مدیر و اعضای تیم مشورت بگیری حتی با developera هم مشورت کن،

5- بررسی و ارزیابی ایده

حالا وقتشه که بفهمی که آیا کارای که کردی مشکل رو حل کرده یا نکرده . میگی چجوری ؟

  • باید جلسه بزاری ،
  • واسه مشتری های احتمالی یا فعلی بفرستی،
  • تست های a/b بگیری و ...

6-برگردی به قبل

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

7-و پایان

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

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

ui uxproduct designاموزش uxآموزش ui
شاید از این پست‌ها خوشتان بیاید