بیشتر بدانید

چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم – 4 گام

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

شما دارید راهنمای کامل ساخت یک نمونه کار طراحی UX/UI رو می‌خونید. می‌تونید سریع به بخش‌های دیگه هم سر بزنید:

  1. 4 تا از رایج‌ترین اشتباهاتی که تو نمونه کارهای طراحی می‌بینیم
  2. ساختن یه صفحه اصلی عالی برای نمونه کار
  3. نوشتن یه مطالعه موردی محکم برای نمونه کار
  4. چطور یه نمونه کار بسازی وقتی تازه کار هستی و هیچ تجربه‌ای نداری؟ 👉🏻
  5. 10 تا نمونه نمونه کار عالی که توضیح دادیم
  6. بهترین سایت‌ها برای ساختن نمونه کارت

ما اینجا با یک مسئله مرغ و تخم مرغی مواجهیم.

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

این مسئله چه برای کار آزاد (freelance)، چه آژانس‌های تبلیغاتی و چه شرکت‌های بزرگ فناوری وجود داره.

نمی‌شه انکار کرد که این یه چالش بزرگ و دلهره‌آوره. انگار آدم باید تسلیم بشه!
ولی واقعا اینطور نیست!

چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم - 4 گام

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

بریم سراغ اصل مطلب!

امروز قراره این موضوعات رو بررسی کنیم:

5 راه برای پیدا کردن پروژه برای نمونه کار

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

  1. اپ‌هایی که آرزوشون رو داری بساز. اینا پروژه‌هایی هستن که دوست داری تو دنیا وجود داشته باشن، پس خودت بسازشون.
  2. پروژه‌های جانبی. با یه نفر که می‌تونه پروژه رو اجرا کنه (شاید خودت باشی) یه پروژه رایگان بساز.
  3. اول پیدا کردن برنامه نویس، بعد طراحی. به جای اینکه اول ایده پروژه رو داشته باشی و بعد دنبال برنامه‌نویس باشی، اول یه برنامه‌نویس پیدا کن و بعد چیزی طراحی کن که دوست داره بسازه.
  4. کارهای داوطلبانه برای سازمان‌های غیرانتفاعی. وقتی یه سازمان پولی بهت نمی‌ده، لازم نیست اول اعتمادسازی کنی.
  5. پروژه برای آدم‌هایی که بهت اعتماد دارن. هدف از نمونه کار اعتمادسازی هست، اما اگه کسی قبلا بهت اعتماد داره می‌تونی برای اون طراحی کنی حتی اگه نمونه کار نداری.
  6. بازطراحی بدون اجازه (🚨یه کم بحث‌برانگیزه و زیاد استفاده می‌شه، اما) می‌تونی یه اپلیکیشن موجود رو که استفاده می‌کنی، بدون اینکه با شرکت تماس بگیری، بازطراحی کنی.

بیاید در مورد هر کدوم صحبت کنیم!

image 3 چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم - 4 گام

اپ‌هایی که آرزوشون رو داری

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

طراحی‌شو انجام بده.

من تو اولین نسخه نمونه کارم این کارو کردم با یه پروژه به اسم “Giftr”، یه اپلیکیشن برای یادداشت کردن ایده‌های کادو.

نمونه کار

جالب اینجاست که با تمرکز روی ثبت ایده‌های کادو تو کمترین زمان ممکن، تونستم چیزی بسازم که بیشتر از همه پروژه‌های نمونه کارم بازخورد گرفت. «وای چه جالب! کاش منم داشتم!»

image 1 چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم - 4 گام

یه نکته مهم اینه که: برای هر تصمیمی که گرفتی توضیح کامل بده. بگو چرا جریان کار اصلی ساده هست، یه تصویر کوچیک بکش تا نشون بدی چطور ناوبری اپلیکیشن با ناوبری فضایی دور یه عکس زمینه ارتباط داره و غیره. یادت باشه، توضیح دادن مثل یه کد تقلب برای نمونه کاره.

پروژه‌های جانبی

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

پروژه‌های جانبی هم بهت کنترل کامل خلاقانه رو میدن، یعنی می‌تونی توضیحات خیلی بهتری برای نمونه کارت بنویسی 😎

نمونه کار
این یکی از کارهای آزاد من برای کنترل پهپاد هست

اول پیدا کردن برنامه‌نویس، بعد طراحی!

خب، بجای اینکه التماس کنی یه برنامه‌نویس، پروژه رایگان تو رو بسازه، چرا اول یه برنامه‌نویس پیدا نمی‌کنی و بعد پروژه خودش رو مجانی بازطراحی کنی؟ کدوم راحت‌تر به نظر میاد؟

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

image 4 چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم - 4 گام

بازطراحی وبسایت optimem (فرض کنید یه اسم الکیه)

کار داوطلبانه برای سازمان‌های غیرانتفاعی

یه راه باحال دیگه اینه که از یه سایتی مثل “همیاری” (فرض کنید یه سایت شبیه به catchafire.org) برای پیدا کردن سازمان‌های غیرانتفاعی و انجام کار طراحی داوطلبانه استفاده کنی. چون پول توش نیست، می‌تونی روی یادگیری و تقویت مهارت‌هات تمرکز کنی.

image 2 چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم - 4 گام

اما یه چند تا نکته مهم:

  1. اگه رایگان کار کنی، باید آماده باشی که با کارهات مثل یه چیز بی‌ارزش برخورد بشه. ای کاش می‌شد قشنگ‌تر بگم، اما یه حقیقت تلخه. مشتری‌ها معمولا به کاری که بیشتر پولش رو بدن، بیشتر اهمیت می‌دن.
  2. یه تیم غیرانتفاعی که نمی‌تونه یه وبسایت عالی تحویل بده، شاید به خاطر اینه که یه طراح تازه‌کار باهاشون کار می‌کنه.

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

پروژه برای افرادی که از قبل به شما اعتماد دارند

از آنجایی که هدف از یک نمونه کار ایجاد اعتماد است، اگر با افرادی کار کنید که قبلاً به شما اعتماد دارند، به نمونه کار نیازی ندارید!

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

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

image 2 چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم - 4 گام

برای جبران کارم، چند سال بعد این طراحی رو بازطراحی کردم و توی دوره آموزشی “یادگیری طراحی UI” گذاشتم.

image 5 چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم - 4 گام

اما همه باید از جایی شروع کنند.

بازطراحی‌های بدون درخواست

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

چرا بعضی‌ها از بازطراحی‌های بدون درخواست بدشون میاد؟

  1. به طراحان شرکت توهین می‌کنه
  2. چون طراحی حل مسئله است و شما مشکلات شرکت رو نمی‌دونید… شما فقط حدس می‌زنید
  3. همه بازطراحی‌های بدون درخواست شبیه هم هستن 🙄

من اصلا شماره 1 رو قبول ندارم. آروم باشین دوستان!

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

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

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

image 6 چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم - 4 گام

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

اما… تعجب می‌کنید؟

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

  • رقبا چه کارهایی انجام می‌دن و مایکروسافت چطور می‌تونه تو جایگاه خودش قرار بگیره
  • لوگوی فعلی مایکروسافت چرا عجیبه
  • بزرگترین مشکل بازاریابی فعلی مایکروسافت چیه
image چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم - 4 گام

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

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

چطور پروژه‌های NDA رو به نمونه کارت اضافه کنی

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

پروژه رو رمزگذاری کن

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

  • 👍 خوبه: کسایی که واقعا می‌خوان پروژه رو ببینن می‌تونن ببینن
  • 👎 بده: بقیه نمی‌تونن ببینن

تاریخ انتشار بگیر

از مشتری‌ت بپرس: اگه الان نمی‌تونم پروژه رو نشون بدم، می‌تونم بعدا نشونش بدم؟ معمولا کارها فقط تا زمانی که عمومی نشن باید مخفی بمونن و بعدش… کی اهمیت می‌ده؟😄

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

  • 👍 خوبه: پروژه فقط برای مدت کوتاهی نامرئی می‌مونه
  • 👎 بده: اگه قبل از اون دنبال کار می‌گردی، سخته😬

اسم، لوگو و جزئیات شناسایی رو تغییر بده

یه سوال دیگه از مشتری‌ت بپرس: اگه لوگو، اسم شرکت یا جزئیات قابل شناسایی رو تغییر بدم چطور؟ گاهی اوقات مشتری فقط می‌خواد کار به راحتی به خودش مرتبط نشه. اما اگه ناشناس باشه، براش مهم نیست.

  • 👍 خوبه: می‌تونی یه مطالعه موردی قابل خوندن درباره پروژه بنویسی
  • 👎 بده: نمی‌تونی از لوگوی شرکت استفاده کنی که اگه شرکت معروف باشه بده

پروژه رو برای یه شرکت و صنعت دیگه ساختگی کن

اگه مشتری با هیچکدوم از اینا موافقت نکرد، اینجا یه راه برای گرفتن کار به دست خودت هست: یه نسخه کاملا ساختگی از طراحی رو برای یه شرکت ساختگی تو یه صنعت کمی متفاوت بساز. بعد بنویس که پروژه (مثلا نتایج) بر اساس کار واقعی هست، اما به خاطر مسائل NDA، مجبور شدی خیلی تغییرش بدی.

  • 👍 خوبه: می‌تونی این کارو بکنی حتی اگه مشتری همه گزینه‌های دیگه رو رد کرد
  • 👎 بده: این کار خیلی زحمت داره

لوگوی شرکت رو بذار، اما پروژه رو نه

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

image 1 چطور یک نمونه کار طراحی UI/UX حرفه‌ای بسازیم، حتی اگه تجربه زیادی نداشته باشیم - 4 گام
  • 👍 خوبه: برای شرکت‌های معروف، نشون دادن لوگو تقریبا همون اعتماد یه مطالعه موردی رو ایجاد می‌کنه. همچنین می‌تونی این کارو بکنی حتی اگه مشتری همه گزینه‌های دیگه رو برای نشون دادن کار رد کرد.
  • 👎 بده: نمی‌تونی کارتو به رخ بکشی

چهار پروژه ای که نباید تو نمونه کار بذاری

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

1. پروژه‌های دانشگاهی

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

2. کار تمام‌وقت (که طراحی نبود)

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

3. پروژه‌هایی که دوباره انجامشون نمی‌دی

اگه از سبک، محتوا، صنعت یا هرچیز دیگه پروژه خوشت نیومد، تو نمونه کارت نذار. نمونه کارت مثل یه تبلیغه که می‌گه “آهای، اگه یه پروژه شبیه به یکی از اینا داری، من دقیقا همینقدر خوب انجامش می‌دم”.

4. پروژه‌هایی که بهشون افتخار نمی‌کنی

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

خوب؟ پیش بریم.

کسب مهارت و اعتماد به نفس برای به اشتراک گذاشتن نمونه کارت

دروغ نمی‌گم: ساختن یه نمونه کاری خوب آسون نیست.

و تو این سری، من تورو با این چیزا پر کردم:

  • اشتباهات نمونه کار که باید حواست باشه
  • بهترین روش‌ها برای صفحه اصلیت
  • چطور یه مطالعه موردی خوب بنویسی
  • 10 مثال از نمونه کارهای عالی

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

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

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

0 0 رای ها
امتیازدهی به مقاله
نوشته های اخیر

Layer (لایه) و Mask (ماسک لایه) در فتوشاپ چیست؟

5 راهکار برای توسعه دید خوب در طراحی برای 2024

گوگل بارد (Google Bard) و هذیان هایش

4 قدم برای یادگیری تابع بولی (Boolean Function) در Figma

پرطرفدار ها

10 اشتباه طراحی که بین طراحان رابط کاربری مرسوم است

3 لذت منکر در طراحی

اشتراک در
اطلاع از
guest
0 نظرات
بیشترین رأی
تازه‌ترین قدیمی‌ترین
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها
عضویت در خبرنامه ما

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

می خواهید تجارت خود را ارتقاء دهید؟

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

مراقب باشید! از آخرین مقالات، بررسی ها، تخفیف ها و دوره ها جا نمونید! بی خیال حتما

ارتباط بگیریم

بعد از ارسال فرم در کوتاه ترین زمان در خدمت شما خواهم بود

اطلاعات تماس
بهترین زمان برای تماس
An experienced UI designer

فرصت کمه!

به روز باشید و از آخرین های دانش و آموزش مطلع بشید.
از بهترین ها بیاموزید.

— از آموزش های کوتاه هفتگی جا نمونی —

میکرو آموزش های UI/UX و موشن

فقط یکی دو دقیقه در هفته کافیه