چگونه طراحی رابط کاربری (User Interface) را بیاموزیم؟

در این مطلب قصد دارم تجربه خودم رو از یادگیری طراحی رابط کاربری به اشتراک بگذارم. تمام نکات گفته شده در این نوشته از نظر من درست هستند ولی ممکن هست دیگر طراحان نظر دیگری داشته باشند و هدف من از این نوشته تنها اشتراک تجربه‌های اندک خودم با شماست.


طراحی رابط کاربری یا User Interface Design چیست؟

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

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


حالا که یک دید کلی نسبت به طراحی رابط کاربری دارید، بهتر می‌تونیم درباره یادگیری اون حرف بزنیم. من مراحل رو به ۳ دسته تقسیم می‌کنم و درباره هر سه به طور کامل توضیح می‌دهم.


مرحله ۱ : پیش نیاز‌ها

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

یک نرم‌افزار طراحی بصری

به هرحال طراحی یعنی کار کردن با یک نرم‌افزار بصری حالا هرچیزی که می‌خواهد باشد. برای مثال فوتوشاپ، Sketch و یا Xd. همه این‌ها می‌توانند کار‌های یکسانی را انجام دهند ولی در جزئیات دچار تغیراتی می‌شوند. اگر با یکی از ‌‌آنها همین حالا کار می‌کنید لازم به یادگیری دیگری نیست ولی اگر فعلا هیچ‌کدام از آنها را بلد نیستید پیشنهاد من این است کمی صبر کنید تا Invision Studio بیاد و سراغ یادگیری اون برین.

دانستن حد متعارفی از زبان انگلیسی

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

مرحله ۲ : خلاقیت، اجرا و تکرار

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

خلاق باشید

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

کپی کنید و یاد بگیرید

در حقیقت شاید عنوان درستی نباشه ولی ساده و رُکش همینه. برای اینکه بتونید توی طراحی رابط کاربری خلاق باشید و راحت‌تر طراحی کنید باید هزاران طرح رو کپی کنید. لازم نیست اون‌ها رو به عنوان نمونه‌کار نشون بدید بلکه هدف اصلی این کار یادگیری از اجرای اون کار‌ها هست. این که بدونین چگونه اون باکس رو اجرا کردن یا چطوری استراکچر (ساختار) یک داشبورد رو دیزاین کردن خیلی مهمه. برای پیدا کردن طرح های مناسب می‌تونید از سایت های Dribbble, Behance, Uplabs استفاده کنید.

کمی دیوانه باشید

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

هوشمند و بروز باشید

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

آیکن، وکتور و فونت : FlatIcon.com, Freepik.comm, Icons8.com, fonts.google.com

تصاویر استوک : Pexels.com, Pixabay.com, Unsplash.com


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

مرحله ۳ : حالا شروع کنید

مطمئنا با دانستن همه این‌ها نمی‌تونید به راحتی استخدام بشین و وارد بازار کار بشین. برای وارد شدن به بازار کار ۲ راه وجود داره که بستگی به شرایط شما و موقعیتی که توش دارین داره.

کارآموزی

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

ایده‌های خودتون

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


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


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