UI و UX دو مفهوم بسیار مهم در طراحی محصولات دیجیتال (مثل وبسایت، اپلیکیشن و نرمافزار) هستند که اغلب با هم اشتباه گرفته میشوند، اما نقشهای متفاوتی دارند. به زبان ساده:
UI چیست؟
UI یو آی مخفف کلمه User Interface میباشد که به صورت تحت اللفطی به “رابط کاربری” معنا میشود. بر خلاف UX که بر احساس کلی کاربر از یک محصول معطوف است، UI به چگونگی صفحه بندی محصول توجه دارد. آنها مسئول طراحی هر صفحه با ابزارها و صورتی هستند که بتواند مسیری که طراح UX طراحی نموده را پیاده سازی و جایگذاری نماید. به عنوان مثال زمانی که یک طراح UI میخواهد یک داشبورد سیستم آمارگیری را پیاده سازی کند، ممکن است تصمیم بگیرد که مهمترین موضوع صفحه را در بالای صفحه قرار دهد، و یا آن را در نوار کناری صفحه و یا با طراحی یک دکمه آن را به گونه ای که به تجربه مشاهده ای کاربر و کلیت طرح کمک نماید نمایش بدهد.
همنچین طراحان UI معمولاً وظیفه یکپارچگی سبک طراحی در کل روند محصول را نیز بر عهده دارند، به صورتی که به صورت شهودی، نوع چینش و محتوای صفحات با یکدیگر همخوانی داشته باشد و همچنین زبان طراحی مورد استفاده سازگاری خودش را در تمامی روند ها و صفحات محصول حفظ نماید. حفظ این ثبات در نمایش المان ها، نمایش خطاها و سبک طراحی ضروری می باشد.
محصول نهایی UI :
طراحی رابط کاربری نهایی
برنامه های کاربردی :
Photoshop, Sketch, Illustrator, Fireworks
UI به ظاهر و بخشهای بصری محصول مربوط میشود؛ یعنی هر چیزی که کاربر میبیند و با آن تعامل دارد.
شامل چه چیزهایی میشود؟
- رنگها و پالت رنگی
- فونتها و تایپوگرافی
- دکمهها، آیکنها، اسلایدرها
- چیدمان صفحات (Layout)
- انیمیشنها و ترنزیشنها
برای داشتن یک طراحی سایت اختصاصی با ویژگی منحصر به فرد و کاربر پسند با ما تماس بگیرید جهت اطلاع از قیمت طراحی سایت با کارشناسان ما ارتباط بگیرید: 02166928787 – 02166928040
UX چیست؟
ux مخفف شده کلمه User Experience می باشد که معنی تحت اللفظی آن “تجربه کاربر” می باشد. در حقیقت طراحان “تجربه کاربر” یا همان UX Designers تمام تلاش خود را میکنند تا بهترین سناریو برای آشنایی یک کاربر با یک محصول و یا خدمات را ایجاد نمایند. از آنجا که این موضوع یک فرمول خاص ندارد و متناسب با سوژه های مورد نظر ممکن است راهکارهای فرآوانی داشته باشد کار زمانبر و دشواری است. یک طراح تجربه کاربر میخواهد مشکلات کاربر را در مواجهه با سوژه مورد نظر خود، چه از نظر کلامی و لغتی، و چه از نظر محل قرار گیری موارد و زیبایی شناختی و … مورد بررسی قرار دهد و در پی حل آن ها برآیند تا به بهترین تجربه کاری کاربر یا همان Best User Experience دست یابد.
محصول نهایی UX :
Wireframes صفحه , storyboards و sitemap
برنامه های کاربردی :
Photoshop, Sketch, Illustrator, Fireworks, InVision
UX به احساس و تجربه کلی کاربر هنگام استفاده از محصول مربوط میشود؛ یعنی آیا کاربر راحت است؟ گیج نمیشود؟ سریع به هدفش میرسد؟
شامل چه چیزهایی میشود؟
- تحقیق روی کاربران (User Research)
- طراحی مسیر کاربر (User Flow)
- معماری اطلاعات (Information Architecture)
- وایرفریم و پروتوتایپ
- تست کاربردپذیری (Usability Testing)
به صورت کلی باید گفت که مرز بین UI و UX در بیشتر موارد مبهم است و در بسیاری از موارد شرکت ها این نقش را ادغام میکنند و به یک شخص و یا گروه کاری واگذار میکنند.
همنچین طراحان UI معمولاً وظیفه یکپارچگی سبک طراحی در کل روند محصول را نیز بر عهده دارند، به صورتی که به صورت شهودی، نوع چینش و محتوای صفحات با یکدیگر همخوانی داشته باشد و همچنین زبان طراحی مورد استفاده سازگاری خودش را در تمامی روند ها و صفحات محصول حفظ نماید. حفظ این ثبات در نمایش المان ها، نمایش خطاها و سبک طراحی ضروری می باشد.
اگر وب سایت شما نیاز به بهینه سازی داشته باشد برای رقابت در اینترنت می توانید قیمت سئو را از سایت وب نگاران استعلام بگیرید.