[-]
آخرین ارسالی ها
تفاوت UI و طراحی UX چیست؟
شروع کننده:sitecup آخرین پست توسط:sitecup پاسخ ها:0 نرم افزار کامپیوتر Computer Software نمایش ها:6 زمان:۴-۲۳-۱۳۹۸
چگونه طراحان وب می توانند ارتباط با مشتریان را توسعه دهند
شروع کننده:sitecup آخرین پست توسط:sitecup پاسخ ها:0 متفرقه در مورد کامپیوتر other about computer نمایش ها:8 زمان:۴-۲۳-۱۳۹۸
چگونه در ۱۵ دقیقه یک سایت واکنشگرا طراحی کنیم
شروع کننده:sitecup آخرین پست توسط:sitecup پاسخ ها:0 مقالات آموزشی و کاربردی learning articles نمایش ها:10 زمان:۴-۲۳-۱۳۹۸
بررسی طراحی سایت و رابط کاربری جدید YouTube
شروع کننده:sitecup آخرین پست توسط:sitecup پاسخ ها:0 خدمات Services نمایش ها:24 زمان:۴-۱۶-۱۳۹۸
چگونگی ایجاد فرم های ساده با SVG
شروع کننده:sitecup آخرین پست توسط:sitecup پاسخ ها:0 معرفی سایتها و وبلاگها Introducing sites and blogs نمایش ها:20 زمان:۴-۱۶-۱۳۹۸
قواعد جدید در طراحی وب سایت
شروع کننده:sitecup آخرین پست توسط:sitecup پاسخ ها:0 عمومی General نمایش ها:31 زمان:۴-۱۶-۱۳۹۸
چگونه می توان آگهی بنر را در فتوشاپ Adobe ایجاد کرد
شروع کننده:sitecup آخرین پست توسط:sitecup پاسخ ها:0 عمومی General نمایش ها:48 زمان:۴-۱۶-۱۳۹۸
بررسی فرآیند User Onboarding در وب و موبایل
شروع کننده:sitecup آخرین پست توسط:sitecup پاسخ ها:0 مقالات آموزشی و کاربردی learning articles نمایش ها:33 زمان:۴-۲۳-۱۳۹۸
طراحی تکنولوژی های پوشیدنی و ارتباط آن با طراحی سایت
شروع کننده:sitecup آخرین پست توسط:sitecup پاسخ ها:0 خدمات Services نمایش ها:37 زمان:۴-۱۶-۱۳۹۸
معرفی چارچوب های وردپرس
شروع کننده:sitecup آخرین پست توسط:sitecup پاسخ ها:0 طراحی سایت Web design نمایش ها:55 زمان:۴-۵-۱۳۹۸
جهت حرکت: - سرعت: - (توقف | حرکت) - بارگذاری مجدد


ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امیتازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
تفاوت UI و طراحی UX چیست؟
نویسنده پیام
sitecup آفلاین
Junior Member
**

ارسال‌ها: 31
تاریخ عضویت: اسف ۱۳۹۵
اعتبار: 0
ارسال: #1
تفاوت UI و طراحی UX چیست؟
تفاوت UI و طراحی UX چیست؟


طراحی رابط کاربری


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


راه دیگری برای قرار دادن آن طراحی UX فرایندی است که رضایت و وفاداری مشتری را افزایش می دهد. این کار را می توان با بهبود قابلیت استفاده، لذت و سهولت استفاده انجام داد که مشتری با محصول ارتباط برقرار می کند.
جعبه ابزار طراح UX
نامحدود دریافت شده: 500،000 + Wireframe & UX Templates، Kits UI & Assets Design

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


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

بهترین روش برای نشان دادن تفاوت UX و UI با استفاده از استعاره سکته قلبی است.


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


طراحی جدید نه تنها مشکل را حل کرد، بلکه تجربه کاربر را بهبود بخشید، چرا که باعث وفاداری به محصول شده است. از لحاظ زیبایی شناسی یا UI، طراحی جدید زیباتر و مفید تر به نظر می رسید. نتیجه گیری
هر دو UX و UI با یکدیگر همبستگی پیدا کرده و با هم تداخل دارند. نمیتوان بدون یک دیگر وجود داشته باشد. علاوه بر این، آنها هرگز نباید خودشان را اجرا کنند، بلکه باید به منظور دستیابی به موفقیت در طراحی شما هماهنگ شوند. src = "0.jpg


مقالات مرتبط





[تصویر:  50-%D8%AA%D9%85-%D8%B2%DB%8C%D8%A8%D8%A7...%D9%86.jpg]

50 تم زیبای طراحی لوگو برای الهام گرفتن


[تصویر:  50-%D8%AA%D9%85-%D8%B2%DB%8C%D8%A8%D8%A7...%D9%86.jpg]

50 تم زیبای طراحی لوگو برای الهام گرفتن


[تصویر:  %D8%A8%D9%87%DB%8C%D9%86%D9%87-%D8%B3%D8...%D8%A7.jpg]

بهینه سازی سایت در سال 2018 برای استفاده از فن آوری های جدید

طراحی سایت
۴-۲۳-۱۳۹۸ ۰۴:۰۸ عصر
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان