خانه سئو رابط کاربری یا همان UI چیست؟

رابط کاربری یا همان UI چیست؟

25 بازدید
۰
0
53

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

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

رابطه کاربری UI

هماهنگی و یکپارچه سازی طراحی و عوامل طراحی سایت یا نرم افزارها از وظایف اصلی UI می باشد. افرادی که کار UI انجام میدهد تصمیم گیرنده این است که چه المانی در کدام قسمت صفحه و چه نوع طرحی در طرح قرار بگیرد تا زیبایی خود را به مخاطب نشان داده و سلیقه مخاطب را بشناسد. در طراحی UI به روانشناسی رنگ ها، چیدمان و نحوه نمایش خطاها پرداخته می شود و در حقیقت ظاهری از هر سایت که به وسیله مخاطب دیده می شود UI یا رابط کاربری تلقی می شود که مهمترین بخش از یک پروژه است. در وب برای اینکه بتوان فرایند UI را پوشش داد از نرم افزارهای CSS , Jquery , Js، فتوشاپ، زبان های برنامه نویسی و HTML استفاده می شود.

اصول طراحی رابط کاربری

اصل ساختار: رابط کاربری باید معنادار، هدفمند، کاربردی و تر و تمیز باشه. باید یک مدل ثابت و مشخص داشته باشه که برای کاربر قابل درک باشه. چیزهایی که به هم ربط دارن باید کنار هم باشن و چیزهایی که به هم ربط ندارن جدای از هم.

اصل سادگی: رابط کاربری باید ساده باشه، کارهای متداول رو باید بشه به آسانی انجام داد، به همون زبانی باشه که کاربر میفهمه و راه‌های میانبر مناسب واسه فرایند‌های دشوار یا طولانی ارائه بده.

اصل پدیداری (قابلیت دیده شدن): طراحی باید همه اطلاعات و گزینه‌های لازم برای انجان شدن یک کار رو در اختیار کاربر قرار بده،‌ بدون اینکه با اطلاعات فرعی یا غیرضروری براش مزاحمت ایجاد کنه.

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

اصل تحمل: طراحی باید انعطاف‌پذیر و تحمل‌پذیر باشه، هزینه خطاها و اشتباهات رو کاهش بده (مثل امکان undo کردن)، در عین حال تا جایی که ممکنه از بروز اشتباه پیشگیری کنه.

UI چیست
UI چیست » User Interface

تفاوت طراح رابط کاربری با گرافیست چیه؟

طراحی رابط کاربری کارش رو با وایرفریم‌های با جزییات پایین (low fidelity) شروع می‌کنه که ممکنه رنگ و لعابی نداشته باشن.وایرفریم‌های با جزییات پایین با خودش فکر می کنه: المان‌های مختلف کجای صفحه قرار می‌گیرن؟ اگه یه فرم ارسال شد چه اتفاقی باید بیفته؟ خطا ها رو کجا و چطور به کاربر نمایش بدیم؟ آیا اطلاعات فرم به یه صفحه جدید ارسال می شه؟ دکمه ارسال فرم کجا باشه؟

اما گرافیست یا به‌عبارت دیگه طراح دیداری (Visual designer) کارش اینه که رنگ‌بندی، تصاویر مناسب و حس و حال زیبایی‌شناسانه رو طراحی کنه.

گرافیک خوب یعنی نرم افزار باید خوشگل باشه. رابط کاربری خوب یعنی کار با نرم افزار باید ساده باشه.

عناصر رابط کاربری

کنترل‌های ورودی: شامل دکمه‌ها، فیلد‌های متنی، چک‌باکس‌ها، دکمه‌های رادیویی، فیلدهای داده و …
بخش‌های ناوبری: شامل اسلاید‌ها، فیلدهای جستجو، تگ‌ها، آیکن‌ها و …
بخش‌های اطلاعاتی: شامل جعبه‌های پیام، نوار پیشرفت (Progress bar)، آگاه‌سازی‌ها و …

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

طراحی وبسایت نیز همانند سایر مفاهیم دنیای IT اصول و قوانینی دارد که با در نظر گرفتن آن‌ها می‌توان به نتیجه مطلوبی دست یافت. طراحی رابط کاربری مناسب در وبسایت جزو مهم‌ترین مراحل طراحی سایت می‌باشد. یک طراح رابط کاربری برای وبسایت با استفاده از نرم‌افزارهای گرافیکی مثل photoshop و illustrator ظاهر سایت را طراحی می‌کند و سپس با تبدیل آن‌ها به کد‌های Html، Css و … بر روی شبکه اینترنت قرار می‌دهد.

مقالات مرتبط بیشتر را بارگیری کنید
بارگزاری مطالب دیگر Ansel
Load More In سئو

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

14 + یازده =

همچنین بررسی کنید

چگونه یک اپلیکیشن اندروید با Android Studio بسازیم ؟

در این آموزش اصول اولیه ساختن یک برنامه اندرویدی (اپلیکیشن اندروید) با استفاده از محیط توس…