عنوان «تفاوت UI/UX چیست؟» نیست!

حدود دوسال پیش وارد حوزه ی طراحی شدم و شروع به یادگیری آن کردم. منظورم از طراحی، به طور خاص طراحی وب و رابط گرافیکی آن است. بعد از یک مدت زیاد که به دنبال یافتن منابع فارسی خوب در این زمینه بودم، تا از صفر تا صد با روند کار آشنا شوم، تقریبا به جز برخوردن به چند مقاله ترجمه شده یکسان با عنوان «تفاوت UI , UX چیست؟» و چند مقاله دیگر از این دست، چیزی پیدا نکردم. فکر تولید محتوای فارسی درست و صحیح برای افراد تازه واردی مثل خودم، از آن زمان در ذهن من جرقه زد. اما خودم تازه اول راه بودم و تقریبا دنیایی که واردش شده بودم تاریک بود. شروع کردم یه یادگیری و خواندن مقالات، کتاب ها و دیدن فیلم های طراحی رابط و تجربه کاربری به زبان انگلیسی. روزانه حدود ۶ تا ۷ ساعت از زمانم صرف مطالعه و یادگیری می‌شد و این روند هنوز هم ادامه دارد. بدون اغراق، روزهای ابتدایی ورود به این حوزه، جزو سخت ترین و در عین حال شیرین ترین روزهای زندگیم بود. شیرین به خاطر اینکه هر روز چیز جدیدی یاد می‌گرفتم و سخت از این جهت که هنوز بیشتر آنچه که باید بلد می‌بودم را نمی‌دانستم.

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

یک.

شروع مسیر یادگیری من، با کتاب های قدیمی و مرجع این حوزه بود. اما از تمام آن ها فقط دو کتاب «UX for beginners»، «Undercover User Experience Design»، را توصیه می‌کنم. گرچه خواندن همه آن ها مهم و نسبتا ضروری است، اما این دو کتاب یک دید کلی از روند اصلی کار و معنای دقیق کاری که قرار هست شروع کنید را به شما می‌دهند.

دو.

بعد از خواندن این دو کتاب احتمالا به دنبال یک پلتفرم برای شروع طراحی می‌گردید. این طراحی ممکن است ساخت یک سایت مپ (Sitemap)، وایرفریم (Wireframe) یا حتا نمونه اولیه و UI نهایی باشد. برای سایت مپ احتمالا به سراغ «FlowMapp» یا «Slickplan» و یا نمونه های دیگر می‌روید. برای ساخت وایرفریم بین «Balsamiq» و «UXPin» و «Justinmind» و… دنبال بهترین می‌گردید یا در نهایت سراغ «Sketch» و «Adobe XD» و «Framer» و «Figma» می‌روید. اما در کنار انتخاب ابزار مناسب، که بسیار مهم است، ‌خواندن و دنبال کردن وبلاگ آن‌ها هم از ضرورت و اهمیت بسیار بالایی برخوردار است. به خصوص پستهای آموزشی (تمام لینک ها به وبلاگ ها داده شده اند.) در کنار این وبلاگ ها دنبال کردن دو سایت تخصصی «Creative Bloq» و «Smashing Magazine» را به هیچ وجه فراموش نکنید.

 

سه.

در کنار این وبلاگ‌ها، خواندن کتاب‌های الکترونیکی UXPin بسیار به روند یادگیری من کمک کردند. این کتاب‌ها، کوتاه و مختصر هستند و موضوعات مختلفی را شامل می‌شوند که معمولا بر مبنای تجربه و نمونه واقعی (Case Study) نوشته شده‌اند و می‌توانند صفر تا صد چیزی که در نهایت در عمل به آن نیاز دارید را به شما نشان دهند. به خصوص برای یادگیری تئوری، شناخت و استفاده از رنگ ها، کتاب های خوبی در اینجا موجود است.

چهار.

و اما مهم ترین منبع. به نظر من مهم ترین منبعی که هر طراح (در هر زمینه ای)، همواره و همواره باید دنبال کند، بلاگ‌های وبسایت «Medium» و پیگیری مقالات چند شرکت مهم مثل «UX Collective»، «UX Planet»، «Muzli»، «From UP North» هست. این بلاگ ها علاوه بر آموزش، روندها (Trend) و چالش های جدید طراحی را مطرح می‌کنند که می‌تواند بسیار مفید باشد.

پنج.

دو ویژگی مهم برای یک طراح بصری محصول، توانایی‌اش در طراحی آیکون و طراحی تعاملی و اجرای موشن در طراحی‌هایش است.
برای قسمت اول یعنی طراحی آیکون اگر ترجیح دهید به جای کاستومایز کردن آیکون‌های «Flaticon»، خودتان دست به کار شوید، آموزش های مقدماتی طراحی آیکون «Matt D. Smith» با ایلاستریتور و اسکچ منبع بسیار مفیدی هست. در کنار این آموزش ها اگر نگاهی به سایر محصولات و ویدیوهایش هم بیندازید خالی از لطف نیست.
برای یادگیری مقدماتی طراحی موشن و تصویرسازی در طراحی رابط‌ کاربری،‌ ویدیو‌های «Gal Shir» به شدت می‌تواند به شما کمک کند. هم‌چنین سایت «Color Hunt» که از محصولات اوست می‌تواند دید خوبی نسبت به پالت های رنگی و تناسب رنگ به شما بدهد.

شش.

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

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

3 دیدگاه On عنوان «تفاوت UI/UX چیست؟» نیست!

  • بسیار باارزش بود ممنون.

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

  • عرفان جباری

    ممنون از مقاله خوبتون

دیدگاه شما:

ایمیل شما نمایش داده نمی‌شود.

Site Footer