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

مشترک شوید

طراحی رابط کاربری | پیکره محصول | Ui

رابط کاربری، واسط کاربری، میانجی کاربری و یا UI مخفف عبارت User Interface Design به معنای طراحی رابط کاربری است، اینترفیس جاییِ که تعامل بین محصول ما و کاربر اتفاق می‌فته و می‌تونیم بگیم UI یه بخشی از UX عه و مکمل اون هست! 

یکی از مهم‌ترین قسمت‌های یک محصول رابط کاربری اون محصوله، رابط کاربری مشخص کننده دشواری یا سهولت یک برنامه جهت استفاده کاربر است. رابط کاربری بصری که (GUIs (Graphical User Interface نام دارد رایج‌ترین نوع رابط کاربری است که ارتباط کاربر با برنامه را بسیار آسان و جذاب می‌کند.

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

طراحی رابط کاربری یا user interface design

با این توضیحات، رابط کاربری در طول تاریخ سابقه زیادی داره، هر محصولی که بشر تولید می‌کند، قاعدتا باید قابل استفاده باشه و رابط کاربری داشته باشه…امروزه شرکت‌ها دریافته‌اند که بهترین راه برای رقابت در سطح جهانی، اولویت دادن به ساخت رابط ‌‌کاربری (User Interface) جذاب و کارآمدی است که تجربه‌ی کاربری را بهینه کند، رابط ‌کاربری برای برآوردن انتظارات کاربر و پشتیبانی از عملکرد مؤثر محصول شما اهمیت زیادی داره، رابط ‌کاربری‌ای که به‌خوبی اجرا شده‌باشه، استفاده از اپلیکیشن یا ماشین یا هر محصولی رو با کنتراست تصاویر، طراحی تمیز و واکنش‌گرا (Responsive) و تعامل مؤثر بین کاربر و محصول، تسهیل می‌کنه.

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

رابط کاربری چیست؟

مهمترین ویژگی هر محصول، قابل استفاده بودن اونه، مثلا وقتی می‌خواهید یک در رو باز کنید از دستگیره استفاده می‌کنید، بدون دستگیره در باز و بسته نمی‌شود و به همین دلیل قابلیت استفاده نداره، یا وقتی می‌خواهد از یک چاقو استفاده کنید، دسته اون رو می‌گیرید، بدون دسته، مجبور بودید تیغه چاقو رو با دست بگیرید که هم خطرناکِ و هم استفاده از اون راحت نیست؛طراحی رابط کاربری مهمه چراکه کاربر مستقیماً با اون ارتباط داره و معمولاً افراد به محصولاتی با UI ضعیف، کمتر اعتماد می‌کنند.

  • رابط های کنترل صدا روی ضبط ماشینتون،
  •  سبک دیزاین دکمه ها کنترل ماشین لباسشویی منزلتون!
  • دکمه های کنترل تلویزیون که  با فاصله و رنگ خاصی مشخص می‌شن تا کاربر راحتتر بتونه به منو های مورد نظرش دسترسی پیدا کنه؛
  • یا صفحه گوشی، موس کامپیوتر و…

اینا همه یه لایه بصری و گرافیکیِ محصوله که ما بوسیله اون با محصول ارتباط برقرار می‌کنیم.

انواع رابط کاربری

در فرهنگ لغت رایانه، رابط کاربری امکان ارتباط بین کاربر و رایانه رو فراهم می‌کنه، می‌تونیم بگیم از نظر ماهیت دو نوع رابط کاربری داریم:

رابط کاربری سخت افزاری، رابط کاربری نرم افزاری.

رابط کاربری خودرو طراحی خودرو دیزاین کلاب

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

انواع دیگری از رابط کاربری

رابط ‌کاربری مبتنی بر فرم: برای ورود داده به برنامه یا اپلیکیشنی استفاده می‌شود که می‌توان گزینه‌های محدودی را در آن انتخاب کرد؛ برای مثال، منوی تنظیمات دستگاه‌ها مبتنی بر فرم است؛

  1. رابط ‌کاربری گرافیکی: ورودی لمسی UI با خروجی بصری UI (صفحه‌کلید و صفحه‌ی نمایش)؛
  2. رابط ‌کاربری مبتنی بر منو: UIای است که فهرستی از گزینه‌ها را برای هدایت درون‌ برنامه‌ یا وب‌سایت استفاده می‌کند؛ برای مثال، دستگاه‌های خودپرداز (ATM) رابط‌های ‌کاربری مبتنی بر منو را به کار می‌گیرند و استفاده از آن‌ها برای همه آسان است؛
  3. رابط‌های ‌کاربری‌ لمسی: رابط‌های ‌کاربری‌ای هستند‌ که از طریق لمس یا نگه‌ داشتن طولانی انجام می‌شوند. بیش‌تر گوشی‌های هوش‌مند، تبلت‌ها و سایر دستگاه‌هایی که با صفحات لمسی کار می‌کنند، از ورودی لمسی استفاده می‌کنند؛
  4. رابط‌های ‌کاربری‌ صوتیVUI: تعامل بین انسان‌ها و ماشین‌ها با استفاده از دستورات صوتی انجام می‌شود؛ برای مثال، می‌توان به دستگاه‌های دستیار مجازی، گفتار به متن، GPSها و سایر نمونه‌ها اشاره کرد.

تفاوت طراحی رابط و تجربه کاربری

مختص مشترکین دیزاین کلاب. شما به این سطح محتوا دسترسی ندارید و یا وارد اکانت خود نشدید.

ورود یا نام نویسی 🔗

برای دسترسی به صدها درس و محتوای تخصصی در دیزاین کلاب شما نیاز به ثبت نام و تهیه اشتراک دارید.

تمدید یا تهیه اشتراک 🔗 | ورود یا نام نویسی 🔗

.:برای دانلود کاتالوگ آشنایی با محتوای دیزاین کلاب کلیک کنید:.

 

 

ابزارهای طراحی رابط کاربری

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

طراح رابط کاربری مهارتهای مختلفی داره از مهمترین مهارتهاش میتونیم به:

  1. دیدن جزئیات محصول از نگاه کاربران
  2. تسلط روی ابزارهای مختلفه طراحی
  3. و همچنین داشتن روحیه تعاملی با اعضای تیم دیزاین از دیگر ویژگیهای مهم در این شغله؛

 یک طراح  رابط کاربری همواره با یک گروه و تیم تولید سروکار داره و باید بتواند به خوبی در جهت هدف تیم با دیگر اعضا ارتباط برقرار کنه و نقدش رو محترمانه و صادقانه بیان کنه؛

مکاتب مختلف در طراحی رابط کاربری

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

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

شناخت مکاتب طراحی رابط کاربری مسیرشمارا برای ساخت رابطی منحصر بفرد راهنمایی می‌کند.

مختص مشترکین دیزاین کلاب. شما به این سطح محتوا دسترسی ندارید و یا وارد اکانت خود نشدید.

ورود یا نام نویسی 🔗

برای دسترسی به صدها درس و محتوای تخصصی در دیزاین کلاب شما نیاز به ثبت نام و تهیه اشتراک دارید.

تمدید یا تهیه اشتراک 🔗 | ورود یا نام نویسی 🔗

.:برای دانلود کاتالوگ آشنایی با محتوای دیزاین کلاب کلیک کنید:.

 

 

جمع بندی

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

فید محتوای مرتبط بادرس طراحی رابط کاربری:

  • طراحی   زیست تقلید  | Biomimetics Design

    طراحی زیست تقلید | Biomimetics Design

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

  •  تزریق حرکت در دنیای‌ رابط‌های کاربری | Motion Ui Design

     تزریق حرکت در دنیای‌ رابط‌های کاربری | Motion Ui Design

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

  • طراحی رابط کاربری | پیکره محصول | Ui

    طراحی رابط کاربری | پیکره محصول | Ui

    رابط کاربری، واسط کاربری، میانجی کاربری و یا UI مخفف عبارت User Interface Design به معنای طراحی رابط کاربری است، اینترفیس جاییِ که تعامل بین محصول ما و کاربر اتفاق…

  • رابط کاربری صوتی | VOICE  UI

    رابط کاربری صوتی | VOICE UI

     رابط کاربری صوتی نوعی رابط کاربری که به کاربران اجازه می دهد با استفاده از دستورات صوتی با یک سیستم یا دستگاه تعامل داشته باشند. VUI ها معمولاً در دستیارهای…

  • استارت آپ فایور | Fiver

    استارت آپ فایور | Fiver

    Fiverr یک بازار آنلاین برای خدمات کارمزدی دورکاری است. این وبسایت در سال ۲۰۱۰ میلادی برپایه شرکتی در تل آویو شروع به کار کرد. این سرویس بستری را برای افراد دورکار ارائه می‌داد که بر بستر آن…

  • تعریف پروژه “طرح و ساخت” DB

    تعریف پروژه “طرح و ساخت” DB

    اجرای پروژه میتواند به روشهای متعددی صورت پذیرد که استفاده از هر کدام میتواند مزایا و معایبی را به دنبال داشته باشند. باید توجه داشت که هرروش باید بسته به…

مفید بود؟

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

یک نظر

  • عدالت مگ

    هزینش رو هم بگید میشه مطلب رو در ادا مه این مطلب توی وبلاگ خودم بزارم؟

    1402-10-02 در 4:38 ب.ظ