Красиво, но неизползваемо
Отвори Dribbble. Прелисти 20 shot-а. Ще видиш перфектни gradient-и, безупречна типография, илюстрации, които искаш да ги принтираш и сложиш на стената. Сега си представи, че трябва да ползваш някой от тези интерфейси, за да платиш сметка, да резервираш час при лекар или да подадеш данъчна декларация.
Вероятно ще имаш проблем. Защото голяма част от "красивия" дизайн е проектиран да изглежда добре в portfolio, а не да работи в реалния свят. И тук е фундаменталното напрежение в нашата професия: красота срещу функция. В тази статия ще разгледаме защо грозните продукти често печелят, какво не е наред с Dribbble културата и как да намериш баланса.
1. Грозните победители
Нека погледнем няколко от най-успешните дигитални продукти в историята и как изглеждат:
Craigslist - изглежда като 1998. Без изображения, без брандинг, без анимации. Просто сини линкове на бял фон. И все пак: 80 милиона обяви месечно. Защото решава проблема директно.
Google (началото) - бяла страница с текстово поле и два бутона. Това е. Победи Yahoo, AltaVista и всеки друг search engine с визуално по-богат интерфейс. Yahoo имаше портал с новини, времето, хороскопи. Google имаше едно поле за търсене.
Bloomberg Terminal - черен фон, оранжев текст, клавиатура като от космически кораб. Изглежда ужасяващо за непосветените. Финансовите професионалисти плащат $25,000 на година за него, защото е бърз и мощен.
Wikipedia - минимален дизайн, почти без визуална идентичност. Шестият най-посещаван сайт в света. Хората идват за информация, не за естетика.
Какво имат общо? Решават проблема директно, без визуален шум. Потребителят идва с конкретна цел и я постига бързо. Дизайнът не се "показва", той се маха от пътя.
2. Проблемът с Dribbble културата
Dribbble създаде поколение дизайнери, които проектират за аплодисменти от други дизайнери, не за реални потребители. Това не е обвинение, аз самият съм правил същото. Публикувал съм shot-ове, които изглеждат зашеметяващо, но нямат нищо общо с реалния продукт, който съм доставил на клиента.
Типични симптоми:
Нисък контраст заради "елегантност" - светлосив текст на бял фон изглежда чисто на Retina дисплей, но е нечетим за 40% от хората с обикновени екрани или в слънчева стая
Скрита навигация - hamburger менюто на desktop, защото "изглежда минималистично". NNGroup са доказали, че видимата навигация увеличава ангажираността с 20%+
Анимации навсякъде - всеки елемент fade-ва, slide-ва и bounce-ва. Красиво за GIF, мъчително за ежедневна употреба. Представи си да попълваш формуляр, в който всеки input се анимира при фокус.
Иконки без labels - защото текстът "разваля" чистия вид. Но без текст потребителят гадае какво прави всеки бутон. Тествай: покажи toolbar-а на някой, който не е дизайнер, и го попитай какво прави всяка иконка.
Ако трябва да избереш между "изглежда добре" и "работи добре", винаги избирай второто. Потребителите не споделят screenshot-и от checkout процеса. Те споделят факта, че са си свършили работата за 2 минути.
3. Когато дизайнът "изчезва"
Най-добрият комплимент за UX дизайнер не е "красиво е". Това е "беше лесно".
Помисли за последния път, когато си платил нещо с Apple Pay. Или си резервирал Uber. Или си отворил Google Maps и си намерил маршрута. Помниш ли как изглеждаше интерфейсът? Вероятно не. Защото е свършил работата си толкова добре, че си забравил за него.
Това е целта. Не потребителят да каже "уау, какъв дизайн", а да каже "уау, това беше бързо". Или дори по-добре: да не каже нищо, защото процесът е бил толкова гладък, че не е имало повод за коментар.
В KICKFLIP работим по хотелски уебсайтове. Когато потребител иска да резервира стая, последното, от което се нуждае, е да бъде впечатлен от parallax ефект. Трябва му: ясна цена, разбираеми опции, бърза форма. Ако дизайнът му пречи да стигне до резервацията, дизайнът е проблемът, колкото и красив да е.
4. Визуален дизайн има значение, но не както мислиш
Не казвам, че визуалният дизайн е без значение. Точно обратното. Но ролята му не е да "впечатлява". Ролята му е:
Да създаде доверие - професионалният вид сигнализира, че на този бизнес може да се разчита. Ако сайтът изглежда като от 2005, потребителят се колебае дали е легитимен.
Да направлява вниманието - визуалната йерархия казва на окото къде да гледа. Без нея потребителят се губи.
Да намали когнитивното натоварване - добрият spacing, типография и цветова система правят информацията по-лесна за обработка. Потребителят не чете, а сканира.
Да комуникира бранд - без да пречи на функционалността. Brandingът живее в цветове, типография и тон, не в декорации.
Когато визуалният дизайн обслужва тези функции, той е мощен. Когато съществува заради себе си ("защото изглежда cool"), той е проблем.
5. Как да балансираш красиво и функционално
На практика, ето как правя компромиса:
Първо реши проблема. Wireframe, user flow, прототип. Без цветове, без шрифтове, без decorations. Ако работи в сиво, ще работи и в цвят.
После добави визуален слой. Цветове, типография, spacing. Всяко визуално решение трябва да отговаря на въпроса "това помага ли на потребителя?". Ако не, махни го.
Тествай с реални хора. Не с дизайнери. Дай на някого (мама, приятел, колега от друг отдел) да изпълни конкретна задача. Наблюдавай мълчаливо. Ако се затрудни, проблемът не е в "тренировката" на потребителя, а в дизайна.
Измервай. Конверсии, time on task, error rate. Данните не лъжат и не се впечатляват от gradient-и.
6. Златната среда
Истината е, че най-добрите продукти в света са И красиви, И функционални. Apple, Airbnb, Stripe, Linear. Но в тези компании визуалният дизайн винаги е на второ място, след функцията. Красотата е следствие от добра организация, ясна йерархия и внимание към детайла. Не е самоцел.
Ако дизайнът ти изглежда зле, но работи перфектно, имаш 80% от решението. Остава да добавиш визуален polish. Ако изглежда перфектно, но не работи, имаш 0%. Защото нито един потребител не е казал "сайтът беше бавен и объркващ, но gradient-ът беше невероятен".
Заключение
UX дизайнът е за хора, не за пиксели. Следващия път, когато отвориш Figma, не питай "как да изглежда". Питай "как да работи". Красотата, когато е нужна, ще дойде от яснотата, не от декорацията.
Най-добрият дизайн е този, който потребителят не забелязва. Защото е зает да си свърши работата.
