Header image

Очень много недопонимания в среде дизайнеров и разработчиков среди вопросов, связанных с UI и UX. Часто просто из-за того, что люди не знают сути понятия UI/UX и, не зная о чем говорят, называют вещи не своими именами.

История про интерфейс рождает оба этих термина. Нажимаете ли вы кнопки на калькуляторе, регулируете звук в автомобиле или делаете свайп по экрану смартфона, просматривая парочки в Tinder, — все это интерфейсы, с помощью которых вы взаимодействуете с различными устройствами. При этом интерфейс совсем не обязательно должен быть цифровым. Просто само слово «интерфейс» было заимствовано из английского совсем недавно и докатилось до нас в только цифровую эпоху.

UI — это User Interface - пользовательский интерфейс. Термин описывает то, как выглядит интерфейс и то, какие внешние характеристики приобретает. Определяет цвет кнопок, местоположение переключателя, шрифт текста и все то, что вы видите на экране.

UX — это User Experience - опыт пользователя. То есть это то, какие впечатления получает человек от работы с вашим интерфейсом. Удается ли ему достичь цели и на сколько просто или сложно это сделать.

Разница между UX и UI в том, что UX определяет то, как вы будете взаимодействовать с интерфейсом и какие шаги вам нужно предпринять, чтобы сделать что-то. А UI реализовывает, как каждый из этих шагов будет выглядеть. UX и UI так тесно связаны, что иногда грань между понятиями смывается. Их взаимодействие и рождает ДИЗАЙН.

Баланс UX и UI крайне важен. Представьте, что у вас есть великолепный список дел в вашем календаре. В каждой ячейке анимируется то, что вы планируете сделать. И к чему это может привести? Вместо концентрации на своих делах, вы постоянно отвлекаетесь на скачущие как картинки. А еще из-за анимации страдает скроллинг между делами, что начинает вас крайне злить.

Не путайте UI с UX и всегда помните, что этот зататуированный бородатый хипстер с планшетиком не просто так просит, чтобы тень была на пол тона веселее.