تفاوت UI و UX چیست؟

صفحه اصلی » انجمن ها
« در صورت وجود هرگونه اشکال در این مطلب لطفا گزارش اشکال آن را ارسال نمایید »

در زمان طراحی و پیاده وب سایت یا اپلیکیشن همیشه به دو موضوع UI و UX بر خواهیم خورد. واژه UX نسبت به UI جدیدتر است و در چند سال اخیر بیشتر مورد استفاده قرار می گیرد. به طور کلی UI مخفف User Interface design و UX مخفف User Experience design می باشد. این دو در کنار هم باعث کاربر پسندتر شدن وب سایت یا اپلیکیشن می شوند.

مقالات و آموزش
بیشتر بخوانید
در طراحی سایت یا اپلیکیشن باید به دو بخش مهم توجه کرد
۱- ظاهر گرافیکی و زیبایی یا UI ۲- تجربه کاربری یا UX
به طور کلی UI به بخشی اشاره می کند که مرتبط با ظاهر، طراحی، کلیدها، استایل ها، گرافیک و ... می باشد.
اما UX مرتبط با نحوه جایگذاری کلیدها، رفتار ها و ... می باشد.
این دو تلفیقی از یکدیگر باید باشند و در کنار هم یک تجربه خوب برای کاربران ایجاد می کند.
به طور مثال در UI ما یک کلید را طراحی می کنیم به آن استایل گرافیکی اضافه می کنیم. اما در UX همین کلید را در جای مناسب قرار می دهیم تا کاربران به راحتی با آن تعامل برقرار کنند.
به طور خلاصه، UX به آن چیزی که کاربر با آن راحت است اهمیت می دهد و UI به زیبایی کار می پردازد.
کدام را باید زودتر انجام داد؟
با توجه به اینکه UX ساختار اولیه را مشخص می کند، بهتر است از UX شروع کنید.
ابتدا چارت و نمونه اولیه را می توان روی کاغذ یا در نرم افزار طراحی و پیاده سازی کرد و سپس UI رو از روی آن انجام داد.
تفاوت های UI و UX
UXUI
باعث بهتر شدن طراحی می شودباعث زیباتر شدن طراحی می شود
به کاربران کمک می کند زودتر به نتیجه برسندبه کاربران کمک می کند تعامل بهتری با محصول داشته باشند
باید اول انجام شودبهتر است در مرحله دوم انجام شود
مرتبط با محصول، ظاهرا و سرویس دهی استفقط مرتبط به ظاهر و زیبایی است
قابلیت استفاده را فراهم می کندزیبایی شناسی را ارائه می دهد
با توجه به توضیحات بالا، UI و UX مکمل یکدیگر هستند و استفاده هر کدام از آن ها به تنهایی کارایی ندارد.
اگر طراحی انجام می دهید، باید هر دو تخصص را به خوبی درک و از آن استفاده نمایید.

اشتراک گذاری مطلب

این مطلب را با دوستانتان در شبکه های اجتماعی به اشتراک بگذارید و معرفی نمایید

لطفا جهت ثبت نظر یا پرسش و پاسخ ابتدا وارد سایت شوید یا ثبت نام نمایید
مــطالب مــرتبط با این مــوضـوع

دیگر مطالب خواندنی

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