امیرحسین کریمی
امیرحسین کریمی
خواندن ۸ دقیقه·۵ سال پیش

راهنمای شروع UI/UX + نقشه راه

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

مهم ترین آپدیت این نوشته اینه که برای ابزار دیزاین رابط کاربری فیگما در این سال ها خیلی خوب شده و انتخاب اول و آخر خیلی هامونه


سلام ، تو گروه های مختلف دیزاین و مخصوصا رابط کاربری / تجربه کاربری همیشه حجم زیادی از پیام ها شامل پاسخ دادن به این سوالات از افراد تازه وارد میشه که :

  • چطور UI رو شروع کنم ؟
  • چطور UX رو شروع کنم ؟
  • میشه چندتا منبع برای یادگیری UI معرفی کنید؟
  • با چی دیزاین کنیم ( ابزاری مثل XD , Sketch و... )
  • آیا UI / UX مستقل هستند ؟ نیازه باهم یادبگیریم؟


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

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

قدم بعدی از آشنایی با رنگ و مقدمات کار ، آشنایی با زبان های طراحی هست که معروف ترین اونها Flat Design هست و زبان های طراحی کم نیستند .

قدم بعدی رو میتونیم همون مرحله مورد علاقتون رو بزاریم ، شروع کار با نرم افزارهای مربوطه مثل Figma Sketch , XD و... (البته شما میتونید قدم به قدم جلو برید یا بصورت موازی و باهم این قدم هارو طی کنید که اونجوری عالیه ) خب نرم افزار های حوزه رابط کاربری زیادن و میتونید سرچ کنید اما بهترین هاشون همین دو ابزار اشاره شده است اما قطعا من میگم ابزار ها برای این هستند که کار مارو راحتر کنند و ما از هر ابزار و تکنولوژی که بتونه مارو متمایز کنه استفاده میکنیم بسته به نیازمون ممکنه یکی کل کارو با یک ابزار و یک شخص دیگر با چند ابزار جلو ببره .

نصحیت شماره یک : وقت خودتون رو با سوال اینکه مثلا کدوم نرم افزار بهتره تلف نکنید ، کار انجام بدین کااااااار ، مهم خروجی شماست
سوالات متداول

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

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

UI یاد بگیرم یا UX ؟ UI یک جزئی از UX هست؟
از این سوالا حالم بهم میخورههه ببین بهم میخوره ، مثل اینکه بگی گواهینامه موتور بگیرم یا ماشین ؟ هر کدوم که دوست داری .
هردو این مهارت ها تخصصی جدا هستند و در عین حال مرتبط و هرکدوم به کار اون یکی تاثیر گذار ، اما اگر هنوز متوجه این مسئله نشدی که تو کدوم مورد میتونی تخصص بهتری داشته باشی میتونی هر دو جلو ببری و به مرور متوجه بشی .

منابع یادگیری طراحی رابط کاربری ؟
اولین منبع یوتیوب هست که باید دوست همیشگی شما بشه و میتونید دوره های درباره رابط کاربری و یودمی و لیندا و... هم از سایت هایی مثل گیت و دانلودلی داشته باشید رایگان

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

نقشه راه یک طراح رابط کاربری
نقشه راه یک طراح رابط کاربری

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


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

سوالات متداول

چطور UX رو شروع کنیم ؟
میخوام حداقل هارو اینجا بیان کنم و بعد همون نقشه راه تجربه کاربری هم بزارم تا راحتر باشید اما مثل همیشه در حد دانشم به سوال های متداول که میشنوم (باور رایج) جواب میدم ، اولین کتابی که خوندم یکی دوتا کتاب uxbook.org بود و خیلی مباحثش رو بواسطه فعالیتم های قبلیم مسلط بودم اما یه کتابش که چگونه کارخودمون رو در UX شروع کنیم بنظرم خوب بود البته من وقت نکردم کتاب های دیگه که فکرکنم اونا پولی بودن رو بخرم اما واسه شروع از صفر خوبه اما اگر به کتاب عادت ندارید و دوست دارید هم از حس شنوایی هم بینایی تون استفاده کنید آموزش UX سون لرن مناسب بود و مدرس این دوره مقاله های سایت های مرجع و معتبر رو تدریس میکرد و دیدخوبی میده بهتون تو تمام فیلد های تجربه کاربری و اگر زبانتون خوبه از این سایت UXplanet.org و این uxdesign.cc میتونید مقاله های تاپ و به روز مطالعه کنید و پاتون رو فراتر بزارید از این مرز بوم.

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

نصیحت شماره چهار : مشتاق نقد و انتقاد باشید تا تعریف و تمجید.


نقشه راه تجربه کاربری
نقشه راه تجربه کاربری




منو دنبال کنید

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


یادداشت های من درباره رابط کاربری و تجربه کاربری

http://vrgl.ir/8fk1U


http://vrgl.ir/wutYW




شروع طراحی رابط کاربری و تجربه کاربریچطور طراح رابط کاربری بشیم؟چطور طراح تجربه کاربری بشیم؟راهنمای شروع ui uxتجربه کاربری
t.me/bioamirkarimi ?? اینجا قراره موضوعات جالبی رو بدون وسواس به اشتراک بزارم تا هم دلیلی باشه برای فعالیت خارج از حوزه دیزاین و محصول، و هم پیدا کردن دوستانی که شاید باهم باورهای مشترک داشته باشیم
Friends of figma | IRAN, Tehran Official local group of @figmadesign Here we create and share stories about better design, Together
شاید از این پست‌ها خوشتان بیاید