UI (User Interface) и UX (User Experience) — два направления современного дизайна. UI — что видит пользователь. UX — как ощущается.
Различие UI и UX
UI — только вид. UX — опыт. Можно быть с хорошим UI, но плохим UX.
Процесс UX дизайна
1. Empathize. 2. Define. 3. Ideate. 4. Prototype. 5. Test. Итеративный.
User research
Interview, survey, observation, competitive analysis. User persona.
User journey и flow
Journey — весь путь. Flow — конкретная задача.
Information architecture
3 click rule, чёткие категории, поиск.
UI принципы
Hierarchy, Contrast, Alignment, Repetition, Proximity.
Color theory
Color wheel. Monochromatic, analogous, complementary, triadic.
Typography
1-2 шрифта. Hierarchy. Line height 1.5-1.8. Длина строки 50-75 знаков.
Spacing
8px grid. Whitespace важен.
Mobile-first
70%+ mobile. Tap targets 48x48px.
Accessibility
WCAG: контраст 4.5:1, alt text, keyboard navigation.
Microinteractions
Маленькие анимации улучшают опыт.
Инструменты
Figma, Sketch, Adobe XD.
Сайт.uz
Mobile-first. Брендовые цвета. Inter шрифт. 3 click rule. WCAG AA.