Всеки екран, който използвате, е проектиран от някого: началният екран на банково приложение, поле за търсене, страница с настройки. Дизайнът на потребителския интерфейс е дисциплината, която решава как да бъдат подредени тези екрани, как изглежда всяка контрола и как реагира, когато я докоснете.
Дизайнерът на потребителски интерфейс работи с няколко градивни елемента. Оформлението и разстоянието групират свързани неща заедно. Визуалната йерархия кара най-важното действие да изпъква. Типографията и цветът носят смисъл и марка. Компоненти като бутони, входове, карти и менюта се проектират веднъж и се използват повторно, така че продуктът да се чувства последователен.
Всеки компонент също има състояния. Бутонът има състояния по подразбиране, задържане на курсора на мишката, натиснат, фокусиран, деактивиран и зареждане и всеки се нуждае от дизайн. Изоставянето на състояния е една от най-честите причини дизайнът да изглежда завършен в макет, но да се чувства счупен в истинския продукт.
Взаимодействието и движението също са част от потребителския интерфейс. Малки отговори, често наричани микровзаимодействия, потвърждават, че докосването е работило, показват напредъка или обясняват къде е отишло нещо. Те трябва да бъдат бързи и целенасочени и да спазват системната настройка за намалено движение.
Повечето UI проекти днес се случват в Figma, с Penpot, Sketch и Lunacy като общи алтернативи. За интерфейси, които трябва да реагират на реални данни и въвеждане в готовото приложение, дизайнерите също използват интерактивни инструменти. ExodeUI, който правим, е един: той съхранява състояния, пролетна физика и събития в един отворен файл, който работи в React, Vue, Svelte, Angular, Solid, React Native, SwiftUI и Flutter.