به طور کلی، مردم کلمه طراحی (زمانی که صحبت از فناوری می شود) را فقط با طراحی بصری یا طراحی وب مرتبط می دانند. با این حال، طراحی UX که مخفف «طراحی تجربه کاربر» است، بر تجربه کاربر یا مشتری تمرکز دارد و «پشت صحنه» یا سمت نامرئی طراحی است.در زیر مقایسه ای بین طراحی UX و طراحی وب ارائه شده است:طراحی UXکاربر محور در مقابل فناوری متمرکز است. پلتفرم مستقل
فن آوری ها، محدودیت ها و قراردادهای پلتفرم های متعدد را مدیریت می کند
هدف این است که عمیقاً درک کند که کاربر چگونه در مورد یک محصول فکر می کند و احساس می کند. تمرکز آن بر عادات، نیازها، احساسات، اهداف و انتظارات کاربر است
اصول و فرآیندها را می توان خارج از مرورگرهای وب اعمال کرد: در برنامه های تلفن همراه، نرم افزار دسکتاپ، محصولات سخت افزاری، فضاهای خرده فروشی و غیره.
بر ایجاد، اجرا یا ساخت طبق یک طرح تمرکز می کند
شامل تحقیقات کاربر و تست قابلیت استفاده، طراحی تعامل، استراتژی محتوا است
شامل طوفان فکری ایده ها، طراحی و اصلاح است
شامل انجام نظرسنجی ها و تست های تقسیم A/B، ایجاد پروفایل های کاربر، وایرفریم ها و نمونه های اولیه
پرسونا، سناریوهای کاربر، عناصر ناوبری، نقشه سایت و ممیزی سایت را توسعه می دهد
معماری اطلاعات فریم، طراحی تصاویر در فتوشاپ
راه حل یا استراتژی را برای ارائه بهترین تجربه به کاربر قاب می کند
طراحی بصری، نمونه سازی اولیه، تست قابلیت استفاده، توسعه front-end و تجزیه و تحلیل داده ها را انجام می دهد
تعمیر و نگهداری پس از راه اندازی و ادغام مداوم بهبودها را انجام می دهد
طراحی وب سایتتکنولوژی محور در مقابل کاربر محور است
از رویکرد انسان محور طراحی UX استفاده نمی کند
از این جهت محدود است که دامنه طراحی وب به شدت به یک پلت فرم وب مرتبط است
دانش گسترده ای از طراحی گرافیک و اصول طراحی وب سایت دارد
شامل بصری، الهام بخش و خلاق بودن و داشتن آینده نگری و خلاقیت است
به روز با آخرین آخرین HTML، CSS و جاوا اسکریپت
همیشه از هرگونه تغییر در چشم انداز وب آگاه است
بر طراحی و عناصر بصری یک وب سایت یا برنامه تمرکز دارد
شامل درک عالی از طراحی گرافیکی، طرح های رنگی، طراحی دکمه، طراحی رابط، فتوشاپ/ایلاستریتور، طراحی ناوبری، معماری صفحه و آماده سازی فایل
آخرین تکنیک‌های سازگاری بین مرورگرها و نوآوری‌ها در نشانه‌گذاری، سبک و رفتار را می‌داند
رابط را با رنگ ها، فونت ها و هویت یک برند هماهنگ می کند
اطمینان حاصل می کند که تصاویر برای کاربر قانع کننده هستند
محتوا را طوری در رابط قرار می دهد که از نظر زیبایی شناسی دلپذیر باشد و درک آن برای کاربر آسان باشد.
