Дизайн мобильного приложения часто становится главным фактором дифференциации технологического стартапа на перенасыщенном рынке. В этом выпуске ведущий Y Combinator Аарон Харрис и сооснователь платформы безкодовой разработки Glide Дэвид Сигел разбирают интерфейсы перспективных мобильных продуктов, указывая на критические ошибки UX и делясь тактическими советами по достижению Product-Market Fit. Экспертный аудит позволяет сформулировать четкие инвестиционные тезисы относительно того, какие интерфейсные решения способны удержать пользователей, а какие — ведут к неминуемому оттоку аудитории.
🛠️ Главные принципы мобильного дизайна от Glide 0:00
Стартап Glide, выпускник акселератора Y Combinator зимнего батча 2019 года, создавался с глобальной миссией — избавить мир от уродливого программного обеспечения. По словам сооснователя компании Дэвида Сигела, в современном мире код обеспечивает лишь базовую функциональность приложения, в то время как главным конкурентным преимуществом бизнеса становится именно качественный дизайн.
Инвестиционный тезис в отношении мобильных платформ прост: техническая реализация продукта без должного внимания к интерфейсу обречена на провал, поскольку современные пользователи избалованы высокими стандартами ИТ-гигантов.
Дэвид Сигел выделяет три базовых принципа, на которых должен строиться дизайн любого мобильного приложения:
- Соблюдение стандартов платформы. Разработчикам необходимо строго придерживаться гайдлайнов операционной системы (iOS или Android), на которой запускается продукт.
- Учет физического контекста. Важно понимать, в каких условиях человек взаимодействует с интерфейсом — идет ли он по улице, держит ли телефон одной рукой, находится ли в движении или сидит на диване.
- Базовая гигиена интерфейса. Сюда относятся классические принципы визуального дизайна: читаемость текста, достаточный уровень контрастности и предсказуемость элементов.
💊 Pearls: разбор медицинского справочника для профессионалов 1:42
Первым объектом анализа стало приложение Pearls — современная база знаний и медицинский справочник для медицинских работников. Дэвид Сигел обращает внимание на то, что работа над дизайном начинается еще на этапе нейминга: выбор названия приложения и доступность соответствующего доменного имени — это полноценная часть проектирования продукта. Впрочем, само приложение оставляет приятное впечатление современного и плавного интерфейса.
Тем не менее эксперты выявили ряд недостатков в юзабилити стартового экрана:
- Избыточность мелких элементов. На главном дашборде расположено множество карточек, внутри которых находятся слишком мелкие скриншоты, затрудняющие быстрое считывание информации.
- Нарушение правила доступности для большого пальца (Thumb-sized UI). Элементы интерфейса на мобильных устройствах должны иметь размер не менее 60 квадратных пикселей для удобного нажатия на ходу. Блок выставления звездного рейтинга в Pearls нарушает это правило, из-за чего палец полностью перекрывает элемент управления.
- Неочевидная логика раскрытия списков. Приложение раскрывает базу медицинских рекомендаций прямо внутри строки (инлайн), однако, как отмечает Сигел, пользователю не хватает стандартного визуального маркера — стрелки раскрытия (disclosure triangle). При этом эксперт похвалил использование плавной анимации при изменении формы элементов, что помогает удерживать нить повествования.
Сильной стороной Pearls, по мнению Аарона Харриса, является реализация функции поиска: система выдает релевантные результаты в режиме реального времени, успешно справляясь даже со сложными медицинскими терминами, введенными с опечатками. Кроме того, встроенная интерактивная карта информации, оптимизированная под радиус действия большого пальца, хоть и выглядит нестандартно, обеспечивает высокую скорость работы со справочником. Переход по внешним ссылкам через inline-браузер также заслужил высокую оценку, поскольку не выбрасывает пользователя из экосистемы приложения.
🔌 Blue Dot: поиск зарядных станций и ловушки на пути к «Aha-моменту» 5:39
Приложение Blue Dot предназначено для поиска, оплаты и доступа к зарядным станциям для электромобилей. Продукт мгновенно переводит пользователя на экран карты с ближайшими станциями, что Аарон и Дэвид называют отличным примером UX-дизайна, приводящим клиента к «Aha-моменту» без лишних барьеров. Однако реальный сценарий использования в условиях «стресса из-за низкого заряда батареи» выявил серьезные продуктовые изъяны.
Главная проблема заключается в том, что маркеры на карте не отражают текущую доступность станций. Пользователю приходится совершать до семи хаотичных нажатий на иконки, натыкаясь исключительно на занятые слоты. Дэвид Сигел предупреждает: подобный опыт может заставить человека навсегда покинуть приложение.
Спикеры сформулировали несколько тактических рекомендаций для Blue Dot:
- Устранить диссонанс брендинга. Название компании содержит слово «Blue» (синий), однако логотип и основные элементы интерфейса выполнены в зеленом цвете, что ухудшает целостность восприятия.
- Убрать лишний брендинг. Размещение логотипа компании на главном рабочем экране избыточно, ведь пользователь уже открыл приложение.
- Усилить призывы к действию (CTA). Кнопка начала зарядки появляется только после раскрытия нижней панели интерфейса, хотя базовая логика требует наличия немедленной навигационной кнопки.
- Использовать цветовую иерархию. Главная кнопка «Start charging» окрашена в тот же цвет, что и второстепенная кнопка построения маршрута «Route», что сбивает с толку.
Кроме того, уход пользователя во внешние навигационные приложения (например, Apple или Google Maps) создает разорванный, сложный флоу: водителю приходится строить маршрут в одном месте, а затем возвращаться обратно для активации сессии. Сигел предлагает основателям ранних стартапов простое решение: сесть в машину с реальным клиентом, закрепить телефон на приборной панели и лично зафиксировать все моменты, где пользователь спотыкается.
🍿 Duffel: геймификация против конверсии в доставке для студентов 10:01
Duffel — сервис быстрой доставки снеков на территории университетских кампусов. Продукт обладает эксцентричным, ярко-оранжевым дизайном, который, по мнению Дэвида Сигела, вполне допустим, учитывая целевую аудиторию — полуночных студентов, пьющих энергетические напитки. Тем не менее излишнее увлечение игровыми механиками вредит основной коммерческой функции приложения.
Ключевые интерфейсные барьеры Duffel:
- Слишком мелкие изображения товаров. В двухколоночной сетке фотографии еды выглядят невзрачно, а кнопка добавления в корзину («плюс») теряется в общей композиции.
- Перегруженное боковое меню. Инновационный сайдбар с эмодзи для быстрого поиска категорий (киви, рамен) на практике оказывается неудобным и заставляет пользователя бесконечно скроллить длинные экраны. Собеседники рекомендуют заменить его на стандартные текстовые категории вверху экрана, как это реализовано в Airbnb.
- Отсутствие фидбека при действии. При поиске и добавлении товара в корзину интерфейс не выдает четкого подтверждения успешности операции, что вызывает у покупателя дезориентацию.
- Отвлекающие «побочные квесты». Вместо беспрепятственной оплаты заказа на сумму субтотала приложение начинает агрессивно навязывать пользователю мини-игры для поиска «кэша Duffel» и платную подписку «Duffel pass».
Аарон Харрис отмечает, что во время тестирования у него возникло чувство тревоги из-за перегруженности интерфейса элементами. Инвестиционный и продуктовый тезис экспертов звучит однозначно: стартап должен сначала сделать пользователя успешным в его главном действии (купить и получить товар) и только после этого вовлекать в программы лояльности. Отвлекать голодного и рассеянного студента от экрана оплаты — значит сознательно резать собственную конверсию.
🗣️ Bold Voice: затянутый онбординг и контрасты визуального качества 15:14
Bold Voice позиционируется как платформа для улучшения английского произношения с помощью голливудских тренеров и ИИ-аналитики. Процесс знакомства с приложением начинается с классической ошибки — перегруженного и затянутого онбординга. Сервис последовательно задает вопросы об имени, родном языке, мотивации, а также проводит маркетинговое исследование на тему «откуда вы о нас узнали». По оценке экспертов, как минимум половину этих шагов можно безболезненно удалить ради ускорения активации. Желание собрать ценные данные понятно, но высокий барьер на входе неминуемо ведет к потере мотивированных пользователей.
После прохождения экрана бесплатного периода команда зафиксировала резкое падение качества графического дизайна:
- Контраст элементов. В отличие от крупных компонентов экрана приветствия, рабочий интерфейс уроков наполнен крошечными деталями.
- Визуальный шум. Появление иконки мультиязычности рядом с плашкой «ES» (испанский язык) выглядит избыточным для носителя языка.
- Слабая заметность ключевых кнопок. Главный интерактивный элемент — иконка прослушивания звука — выполнен в виде темного значка на темном фоне, из-за чего он становится практически невидимым.
В то же время core-функционал Bold Voice реализован на высоком уровне. Интерактивный микрофон, детальный разбор произношения (например, отработка придыхания в слове "honey"), наглядная демонстрация ошибок в процентах и возможность сохранять сложные уроки в закладки делают продукт ценным для обучения. Отдельную похвалу заслужило решение разработчиков сразу погружать пользователя в урок при открытии приложения, минуя сложную домашнюю страницу «For You».
🏥 Eden Care: ловушки веб-приложений под видом мобильного софта 19:01
Завершал сессию аудит Eden Care — платформы корпоративного медицинского страхования и здравоохранения в Африке. С первых секунд запуска Дэвид Сигел определил, что продукт не является нативным мобильным приложением, а представляет собой веб-приложение (web app), завернутое во внешнюю оболочку.
Техническими маркерами такой разработки выступают:
- Проблемная загрузка. При старте пользователь видит последовательную смену четырех экранов: черный экран, экран загрузки, асинхронное подтягивание контента и лишь затем — рабочий интерфейс.
- Некорректная верстка элементов. Нижняя навигационная панель (toolbar) переносит названия вкладок на две строки («Health and Wellness»), что недопустимо для стандартных гайдлайнов iOS. Иконки имеют слишком тонкие штрихи.
- Отсутствие мгновенного отклика. Интерфейс периодически игнорирует нажатия или реагирует с задержкой в одну секунду, что, по мнению Сигела, для мобильного UX так же критично, как если бы приложение не работало вовсе.
Продуктовая логика Eden Care также вызывает вопросы у экспертов Y Combinator. На главном экране вместо критически важных медицинских функций (поиск клиники, запись к врачу, телемедицина) центральное место занимает счетчик шагов. Раздел «Find Care» напоминает статичную брошюру или текстовый дамп, где вместо интерактивного взаимодействия пользователю предлагают лишь сырые адреса больниц и некорректно отображаемые часы работы.
Инвестиционный тезис в отношении подобных решений категоричен: если мобильное приложение дублирует текстовый контент сайта и не задействует уникальные функции смартфона (геолокация для мгновенного поиска ближайшего госпиталя, нативные push-уведомления), то бизнесу гораздо выгоднее оставаться в формате качественного веб-сайта. Переход в мобильный формат оправдан только тогда, когда интерфейс помогает пользователю совершать целевые действия быстрее и эффективнее.
