ui و ux چیست ؟

کاربرد ui و ux در طراحی سایت

دسته بندی

آخرین آپدیت

1400/05/26

زمان خواندن

6 دقیقه

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

جدیدترین مقاله سایت

دسته بندی

آخرین آپدیت

1400/05/26

زمان خواندن

6 دقیقه

ui و ux چیست ؟

 

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

UI چیست؟

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

طراحی واسط کاربری شامل موارد زیر می باشد

ظاهر و حس:

 (آنالیز مشتری- تحقیقات طراحی- توسعه برند و گرافیک- راهنما کاربر)

پاسخگو بودن و تعامل:

(طرح اولیه- UI طراحی دینامیک- طراحی ریسپانسیو- پیاده سازی همگام با توسعه دهنده)

مثال هایی از ul

  • ظاهر منو چگونه است و فیلد آن به چه رنگی و به چه صورت باز می شود؟
  • رنگ دکمه‌ی منو، هماهنگی با بقیه قسمت ها دارد؟
  • و ...

وظایف طراح UI عبارت است از

  • تحلیل و صحبت با مشتری
  • تحقیقات مربوط به طراحی
  • بررسی نام تجاری
  • طراحی المان ها و تیکت ها برای راهنمایی کاربر
  • نمونه سازی UI
  • ایجاد تعامل و انیمیشن
  • سازگاری محصول با صفحه نمایش
  • پیاده سازی و اشتراک آن با شرکت یا افراد توسعه دهنده

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

  • قلم و کاغذ: برای طراحی ساده و نسخه ‌ی اولیه استفاده می شوند.
  • فتوشاپ: این ابزار بیشترین ابزار مورد استفاده طراح رابط کاربری است.
  • Sketch: این ابزار فقط برای سیستم‌ عامل مک است و طراحی UI با آن تجربه ‌ای حیرت انگیز است.
  • Adobe xd: شرکت ادوبی برای اینکه در مقابل Sketch احساس کمبود نداشته باشد، نرم ‌افزار اختصاصی و رایگان خود را با نام Adobe xd طراحی کرد، که روی ویندوز قابل اجرا است.

انواع ابزارهای طراح رابط کاربری

  • Justin mind
  • In Vision
  • Sketch
  • Adobe XD
  • Keynote

انواع طراحی UI

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

UX چیست؟‌

UX مخفف User Experience Design و به معنای طراحی تجربه‌ی کاربری است، که به احساسات و راحتی کاربران حین کار کردن با اجزای مختلف سایت گفته می ‌شود. اکثر طراحان وب سایت، بیشتر زمان خود را روی طراحی UX سایت می گذارند. به طوری که کاربران به ساده ترین راه ممکن به هدف خود از بازدید وب سایت برسند. تجربه ‌ی کاربری شامل رفتارها، نگرش ‌ها و احساسات یک کاربر در استفاده از وب سایت است.

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

طراحی UX شامل موارد زیر می باشد

  • استراتژی
  • مدل اولیه
  • اجرا و تحلیل

مثال ‌هایی از UX

  • منوی سایت شامل چه مواردی است؟
  • باکس جست و جو کجا صفحه قرار دارد؟

وظایف طراح UX و وظایف عبارت است از

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

مهم ترین عوامل تاثیر گذار بر درآمد طراح ui ,ux

  1. مکانی که در آن زندگی می کنید

درآمد یک طراح در شهر های معتبر جهان نسبت به شهرستان ها کمتر است.

  1. میزان تجربه یک طراح

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

  1. نوع فعالیت

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

اگر در یک شرکت به عنوان یک کارمند استخدام شوید، درآمدتان ثابت خواهد بود. اما اگر شیوه فریلنسری را انتخاب کنید، با توجه به مهارت هایی که دارید می توانید پروژه دریافت نمایید.

تفاوت بین UI و UX

  • واژه‌ی UI مخفف User Interface و به معنای رابط کاربری و واژه‌ی UX مختصر شده ‌ی عبارت User Experience و به معنای تجربه‌ی کاربری است.
  • UI به بررسی طراحی ظاهر محصول می‌ پردازد، در حال UX جنبه‌ های عاطفی و احساسی کاربر را مورد توجه قرار می‌ دهد.
  • طراحی واسط کاربری یک محصول به سلیقه طراح بستگی دارد، درحالی که در طراحی تجربه کاربری باید سلیقه، رفتار و فرهنگ مخاطبان را در نظر گرفت.
  • UI در صنعت نرم افزار به هر چیزی که در صفحه نمایش داده می شود، گفته می شود که شامل تصاویر، متن ها، جداول و همچنین رنگ و مکان آن ها می باشد.

مثال های از تفاوت های ui , ux

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

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

یا اگر محصولی را به عنوان بدن یک انسان در نظر بگیرید، اندام‌ ها‌ی بدن ما طراحی UX را نشان می‌ دهند و طراحی UI نشان دهنده انواع حس‌ ها و واکنش‌ های بدن ما به محیط بیرونی است.

تفاوت طراح UX و UI

در اینجا به سه تفاوت اصلی که بین طراحان UX و UI وجود دارد اشاره می‌کنیم:

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

به طور خلاصه

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

کدام یک برای شما مناسب تر است؟

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

در پایان

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

نظرات کاربران


برای ارسال نظر ابتدا وارد حساب کاربری خود شوید