صفحه نخست پرسش و پاسخ پشتیبانی درباره ما تماس با ما
0939-560-9555 | 0911-913-5905

امروز : یکشنبه ۲ اردیبهشت ۱۳۹۷

به وب سایت یک وی پی خوش آمدید

همین حالا فروشگاه خود را بر پا کنید

تست خرید از فروشگاه یک وی پی

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

ui مخفف User Interface یا رابط کاربری چیزی هست که شما در ظاهر می بینید و ux یا User Experience چیزی هست که در پشت صحنه اتفاق می فتد و مربوط به کد نویسی و برنامه نویسی یک وب سایت می شود. برای اینکه بفهمیم تفاوت اینها چی هستند و کدام مهم تر هست با ما همراه باشید

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

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

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

خوب تمام چیزهایی که در بالا به یادآوری آنها پرداختیم مربوط به رابط کاربری و تجربه کاربری بازدیدکننده و خریدار می شود.

تفاوت ux با ui
تفاوت ux با ui

 

 ui یا رابط کاربری

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

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

 

 

ux یا تجربه کاربری

UX که مخفف User Experience است به اتفاقاتی است که در عرض چند ثانیه و یا دقیقه ای است که برای کاربر در زمان بازدید از وب سایت شما می افتد. تجربه کاربری بیشتر به پروسه، اتفاقات و رویدادهای که در واری ظاهر سایت در جریان است، مربوط می شود.

یک دانشمند علوم شناختی به اسم Don Norman (نورمن دان) در اوایل دهه‌ی ۹۰، زمانی که نایب رییس گروه فناوری پیشرفته در شرکت اپل بود، اصطلاح تجربه کاربری (UX) را به کار برد. به صورت رسمی تعریف او از این اصطلاح به این شرح است:

تجربه‌ی کاربری تمامی جنبه‌های تعامل کاربر نهایی را با یک شرکت، خدمات و محصولات آن در بر می‌گیرد.

او در ایمیلی که منشا این اصطلاح را توضیح می‌داد، این چنین نوشت:

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

برای مثال هتلی با نمای بیرونی بسیار زیبا را در نظر بگیرید با نور پردازی بسیار رویایی و پنجره هایی که رو به دریا باز می شوند. این چیزی است که شما مشاهده می کنید و چیزی مشابه رابط کاربری وب سایت شماست.

بعد از ورود به هتل، رفتار پرسنل هتل، نحوه پذیرش، نحوه پذیرایی از شما، کیفیت و قیمت غذا، تمیزی و مرتب بودن اتاق ها و خلاصه هر چیزی که شما در مدت اقامت در هتل، تجربه می کنید؛ مربوط به تجربه کاربری یا User Experience شما می شود. اینکه در نهایت شما با خاطره ی خوب، این هتل را ترک کنید نشان دهنده ی  تجربه کاربری خوب این هتل خواهد بود.

با در نظر گرفتن این مثال، می توانیم بگوئیم که یک طراحی ظاهری خوب، دلیلی بر یک تجربه کاربری خوب نیست و این دو مقوله کاملا جدا از هم ولی در عین حال مکمل هم هستند و وجود هر یک به تنهایی کافی نیست.

 

بهبود ui و ux

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

 

 

تفاوت بین UX و UI به نقل از بزرگان

Ken Norton – یکی از شرکای شرکت Google Ventures، مدیر سابق بخش محصولات گوگل:

UX بر سفر کاربر در حل یک مشکل تمرکز دارد، در حالی‌که تمرکز UI بر به نظر آمدن ظاهری و عملکرد یک محصول است

 

Andy Budd – بنیان‌گذار شرکت Clearleft، بنیان‌گذار شرکت UX London

یک طراح UX نگران جنبه‌های مفهومی فرآیند طراحی است، و کار تمرکز بر عناصر ملموس‌تر را بر عهده‌ی طراح UI می‌گذارد

 

Craig Morrison – رییس بخش محصول در شرکت RecordSetter، بنیان‌گذار شرکت Usability H

تفاوتی بین طراحی تجربه‌ی کاربری و رابط کاربری وجود ندارد چون این دو مقوله قابل قیاس با یکدیگر نیستند

 

Patrick Neeman – رییس بخش طراحی محصول در شرکت Apptio، بنیان‌گذار Usability Counts

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

 

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

 

web design and ux ui
web design and ux ui

 

و در پایان

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

در این ویدئو به ۷ مورد از مهمترین نکات طراحی ui/ux اشاره می شود:

 

منابع مورد استفاده :

۱- وب سایت دارکوب

۲- وب سایت رادوو

۳- وب سایت امید امرایی

-
شما اولین نفری هستید که در این مورد دیدگاهی بیان می کنید ارسال دیدگاه

کدها
کلمات کلیدی
تمام حقوق مادی و معنوی برای وب سایت یک وی پی محفوظ است. استفاده از مطالب وب سایت ،فقط در صورت ذکر منبع مجاز می باشد.
© All rights reserved 1wp.ir 2010-2017.