پرش به محتوا
آموزش و مهارتراهنما

مسیر یادگیری طراحی رابط کاربری در شش‌ماهه؛ نقشهٔ راه عملی

سسارا محمدی۲ مهر ۱۴۰۵۳ دقیقه مطالعه۵۲۰ بازدید
مسیر یادگیری طراحی رابط کاربری در شش‌ماهه؛ نقشهٔ راه عملی

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

قبل از شروع: تفاوت UI و UX را بشناسید

خیلی‌ها با تصور «خط‌کشیدن و رنگ‌کردن» وارد این حوزه می‌شوند و بعد از دو ماه سرد می‌شوند. طراحی رابط کاربری، حل‌کردن مسئلهٔ کاربر با ابزارهای بصری است و تفاوت UI و UX را قبل از هر چیز دیگری بخوانید؛ کل نقشهٔ راه این شش ماه بر همین تفکیک سوار است.

  • UI: ظاهر و حس محصول؛ رنگ، تایپ، فاصله‌ها و اجزا.
  • UX: مسیر و تجربهٔ کاربر؛ چرا کاربر گم می‌شود و چطور نمی‌گم شود.
  • پیش‌نیاز: هیچ. مدرک طراحی لازم نیست؛ چشمِ تربیت‌شده لازم است و تربیت‌شدنش دقیقاً همین شش ماه است.

ماه ۱ و ۲: مبانی بصری و اصول طراحی

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

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

خروجی این دو ماه باید یک دفترچهٔ پر از تحلیل باشد؛ نه فایل‌های نیمه‌تمام فیگما.

ماه ۳ و ۴: فیگما و ساخت نمونه‌کار

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

  • ترتیب یادگیری: فریم و لایه، سپس کامپوننت و استایل‌های مشترک، بعد حالت‌ها (Variants).
  • ترکیب فونت فارسی را جدی بگیرید؛ ضعف تایپوگرافی فارسی، شایع‌ترین ایراد نمونه‌کارهای تازه‌کارهاست.
  • تمرین مرزی: پنج صفحهٔ واقعی را تا حد ممکن دقیق در فیگما بازسازی کنید؛ دقت، مهارتِ پنهانی است که مصاحبه‌گرها با آن قضاوت می‌کنند.
  • کارهایتان را در پرونده‌های منظم نگه دارید؛ از همین ماه، هر تمرین یک کاندید پورتفولیو است.

ماه ۵: UX و پژوهش کاربر

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

  • تکنیک‌های پایه: مصاحبهٔ کوتاه با چند کاربر، سناریونویسی و آزمون سادهٔ قابل‌استفاده‌بودن با پنج نفر.
  • چند اپ محبوب را از منظر «جریان کار» تحلیل کنید: از کجا وارد می‌شود، کجا گم می‌شود، کجا رضایت می‌گیرد.
  • نتیجهٔ پژوهش را به تصمیم طراحی ترجمه کنید؛ یک جدول «یافته ← تغییر» بنویسید.

ماه ۶: پروژهٔ واقعی و پورتفولیو

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

  • پروژهٔ اول بازطراحی یک محصول موجود با ایراد واضح؛ پروژهٔ دوم، طراحی یک ایدهٔ کوچک از ابتدا.
  • برای هر پروژه، نوشتن کیس‌استادی پورتفولیو را دنبال کنید؛ روایت کار، نیمی از ارزش آن است.
  • دو سه صفحه از هر پروژه را در قالب یک صفحهٔ واحد «بهترین‌ها» خلاصه کنید؛ مصاحبه‌گر وقتِ بیشتری ندارد.

از یادگیری تا درآمد

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

شش ماه بعد، شما «طراحِ در حال یادگیری» هستید و این عنوان، شروعِ درستی است؛ حرفه‌ای‌شدن در طراحی، اتفاقاً همان مسیری است که این شغل را جذاب می‌کند.

مطالب مرتبط

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

س
سارا محمدیسردبیر بخش هوش مصنوعی
مقالات نویسنده

این مطلب برایتان مفید بود؟

با پسندیدن، به ما کمک می‌کنید مطالب بهتری منتشر کنیم.

مطالب مرتبط

دو طرف میز مذاکره با برگهٔ پیشنهاد شغلی و ماشین‌حساب روی میز؛ نماد مذاکره حقوق و پیشنهاد شغلی
آموزش و مهارت

مذاکره حقوق در مصاحبه و پیشنهاد شغلی؛ بدون ریسک‌کردن فرصت

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

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۵ دقیقه
فلش‌کارت‌ها و تقویم مرور فاصله‌دار با فواصل ۱، ۳، ۷، ۱۴ و ۳۰ روز
آموزش و مهارت

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

نظریه را بلدید اما سیستم ندارید؟ راهنمای عملی راه‌اندازی مرور فاصله‌دار: چه چیزی ارزش فلش‌کارت‌شدن دارد، شش قاعدهٔ کارت خوب، جدول ۱-۳-۷-۱۴-۳۰ و روتین نگهداری روزی ۱۵ دقیقه.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۵ دقیقه
مقایسهٔ دو حالت مطالعه؛ تماشای منفعل ویدیو در برابر یادداشت‌برداری فعال
آموزش و مهارت

یادگیری فعال و منفعل؛ تفاوت واقعی و راه تبدیل مطالعهٔ منفعل به فعال

چرا سه ساعت تماشای ویدیو هیچ مهارتی نمی‌سازد؟ تفاوت واقعی یادگیری فعال و منفعل، توهم روانی‌بودن، پنج تکنیک عملی تبدیل و نسبت طلایی ۳۰ به ۷۰ در روتین هفتگی.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۵ دقیقه
طرح اولیهٔ یک پروژه روی میز کار؛ ساختن به‌جای فقط تماشای دوره
آموزش و مهارت

یادگیری با پروژه؛ از جمع‌کردن دوره‌ها تا ساختن مهارت واقعی

چرا دوره‌دیدن به‌تنهایی مهارت نمی‌سازد و چطور یادگیری را دور یک پروژهٔ واقعی بچینیم؟ نردبان انتخاب پروژه، چرخهٔ ساخت و یادگیری ۷۰/۳۰، دو مثال واقعی و مسیر رسیدن به نمونه‌کار.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۶ دقیقه