سلام وقت بخیر.
عبارت UI یا همون User Interface به معنای رابط کاربری هست.
عبارت UX هم مخفف User Experience به معنای تجربه کاربری هست.
ترکیب هر دوی این موارد در واقع همون فرانت اند / Front-end میشه یا به عبارتی اون چیزی که کاربران در هنگام بازدید از سایتتون باهاش مواجه هستند.
از نظر مفهومی شاید مثل هم باشن اما توی یه سری قسمت ها تفاوت دارن.
در UI:
بیشتر روی ظاهر عناصر طراحی تمرکز میشه و سوالاتی از قبیل سوالات زیر پرسیده میشه:
در UX:
بیشتر روی راحتی و دسترسی پذیری عناصر سایت و ارائه مناسب به کاربر تمرکز داره و این سوالات معمولا مطرح میشه:
در منو چه گزینههایی قرار داده شوند.
باکس جستجوی کجای صفحه قرار بگیرد.
بنرهای تبلیغاتی کجای صفحه سایت باشند.
برای یادگیری UI
بهترین استارت برای یادگیری UI همون HTML و CSS هست که ظاهر خروجی رو می تونید تعیین کنید. سبک های مختلفی هم برای دیزاین وجود داره مثلا متریال دیزاین، مدرن، بوت استرپ و … و بستگی به سلیقه شما و البته نیاز سایت داره. باید کارایی سایت با ظاهر سایت همخوانی داشته باشه که اولین مرحلش انتخاب سبک طراحی هست.
برای یادگیری هم که می تونید توی جلسات آموزشی مختلف شرکت کنید یا به صورت خودآموز قالب های HTML رو دستکاری کنید تا با نحوه ساختن یک رابط کاربری آشنا بشید.
برای یادگیری UX
برای این مورد شما باید از نظر روانشناختی به قضیه نگاه کنید و ایده پردازی رو مدنظر قرار بدید. باید از صفر تا صد یک طرح رو آنالیز کنید ببینید مثلا قرار گرفتن یک بخش از سایت توی چه محدوده از صفحه باعث میشه کاربران بهتر به اون آیتم دسترسی داشته باشن.
توی UI شما طراحی می کنید و ممکنه طبق الگوهای دیگه از یک سبک طراحی خاصی پیروی کنید ولی وقتی UX رو وارد قضیه می کنید، برای هر پروژه می تونید ایده های مختلفی بدید که هر بخش از سایت توی چه قسمتی قرار بگیره یا مثلا ترتیب نمایش آیتم های یک فروشگاه اینترنتی چطوری باشه که باعث جذب بیشتر مخاطب بشه و مواردی از این دست.
بطور خلاصه سعی کردم این دو عبارت رو براتون توضیح بدم ولی برای آموزش کامل باید توی اینترنت بگردید و توی دوره ها شرکت کنید.