Ui و Ux چیست؟

اگر تصمیم به طراحی وب سایتی را دارید و به دنبال  بهترین امکانات و مزایا در مورد طراحی سایت دربستر وب جستجو می کنید و یا از مشاوره های تلفنی کمک می گیرید حتما به کلمات  UiوUx  برخورده اید و بهتر است قبل از انجام طراحی سایت با مفهوم این کلمات آشنا شوید لذا طراحی درست و استاندارد UiوUx می تواند یکی از مواردی باشد که باعث موفقیت پروژه شما می  شود و یا در برندینگ و سئو سایت تاثیر مثبتی ایجاد می کند و همچنین در طراحی سایت های فروشگاهی به دلیل بازدید زیاد روزانه بسیار پر اهمیت است

تفاوتی ندارد که در انجام طراحی سایت از کدام یک از روش های زیر استفاده می کنید در هر صورت طراح سایت باید به طراحی  UiوUx مسلط باشد تا بهترین خروجی از نتیجه طراحی سایت به عمل آید

• طراحی سایت با وردپرس(Word Press)
• طراحی سایت اختصاصی(Laravel)

(User Interface Design)Ui

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

به طور مثال فرض می گیریم قرار است یک فرم در صفحه تماس با ما طراحی شود

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

(User Experience)Ux

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

به طور مثال فرض میگیریم که قرار است یک سایت فروشگاهی طراحی کنیم

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

در کل بهتر است پس از داشتن نقشه سایت خود و محتوایی که در دست دارید ux  سایت خود را بدون صفحه های اظافه و گیج کننده طراحی کنید

تفاوت رابط کاربری(Ui)با تجربه کاربری (Ux)

قبل از اینکه تفاوت های رابط کاربری(Ui)با تجربه کاربری (Ux) را توضیح دهیم باید بگوییم که هر دو مکمل یکدیگر در طراحی سایت هستند و همراه با هم به صورت موازی مسیر طراحی را طی می کنند و اگر به دنبال موفقیت در پروژه طراحی سایت خود هستید انجام این کار را به تیمی حرفه ای بسپارید

• رابط کاربری(Ui) با تحویل پروژه به اتمام میرسد ولی تجربه کاربری (Ux) تا زمانی که سایت به فعالیت خود ادامه میدهد همراه آن خواهد بود چرا که پایه ریزی و امکاناتی که در وب سایت  قرار دادیم تا کاربران را به سمت آنها هدایت کنیم و به هدفمان برسیم همیشه وجود خواهد داشت و بهتر است پس از طراحی سایت اگر مشکلی در (Ux) وب سایت پیدا کردید با طراح سایت خود در میان بگذارید و مشکل را حل کنید
• رابط کاربری(Ui) معمولا به دلیل تخصصی بودن بوسیله تیم front ed   با همکاری گرافیست انجام می شود اما طراحی (Ux) را علاوه بر شخص متخصص آن می توان از همکاری تیم فروش یا بازاریابی مجموعه به دلیل شخصیت پرسنالیتی که دارند نظر خواهی کرد و استفاده کرد
• فردی که متخصص آنالیز تجربه کاربری (Ux) است معمولا برای مشخص شدن رفتار کاربرانی که از سایت بازدید می کنند علاوه بر ارتباط با تیم front ed  که وظیفه طراحی (Ui) را به عهده دارد با اکثر تیم ها در رابطه با طراحی سایت و تبلیغات پس از آن در ارتباط هستند و از ابزارهای یکسانی استفده می کنند به طور مثال تیم سئو سایت یا مارکتینگ

وضایف تجربه کاربری (Ux)

• آنالیز رفتار کاربر از ابتدای فعالیت تا زمانی که سایت به فعالیت خود ادامه میدهد
• تمرکز روی امکانات و محتوایی که در اختیار کاربران قرار می گیرد و یا از کاربران گرفته می شود
• بهبود رابطه کاربری بوسیله آنالیز علمی توسط ابزارهای در دسترس گوگل که گزارش شفاف در اختیار قرار میدهند

وضایف رابط کاربری(Ui)

• طراحی ظاهری زیبا و منحصر به فرد  نسبت به امکانات مورد نیاز در عین حال کاربردی
• ارتباط  با تیم (Ux) برای رفع مشکلات یا بهبود تجربه کاربری 
• طراحی با درک کامل از پروژه و نحوه عملکرد

تاثیر UiوUx در سئو سایت

با طراحی UiوUx مناسب و استاندارد می توان تعداد کاربران یک سایت را افزایش داد و طبیعطا افزایش کاربر منجر به بازدید بیشتر می شود و رتبه سایت بهبود می یابد،در نتیجه به بهبود رتبه کلمات کلیدی  کمک خواهد شد و در فروش محصولات یا خدمات تاثیر بسیار خوبی می گذارد

خوب یا ضعیف؟

در بستر وب اگر از سایتی بازدید کردید که ظاهری زیبا دارد اما کاربردی ضعیف یا پیچیده یا کم استفاده به معنی (Ui)  خوب و (Ux)  ضعیف است،و اگر از سایتی استفاده کردید که ظاهری زیبا نداشت اما بسیار کاربردی و مفید بود از (Ui)  ضعیف و (Ux) خوبی برخوردار است

همانطور که در تصویر زیر مشاهده می کنید سسی که از جنس شیشه ساخته شده ظاهر زیبایی دارد اما از کاربری ضعیفی برخوردار است اما در تصویر سمت راست می توان گفت با حفظ ظاهر یعنی (Ui) کاربری بسیار خوبی (Ux)برای این محصول طراحی شده است