Petfinder
Приложение для первого часа после пропажи животного и для незнакомца, который его нашёл.
Два человека, две ситуации, одинаковые на экране и ничем не похожие в жизни. Один потерял животное и стоит на улице в темноте. Другой держит чужого кота и не знает, что с ним делать. Приложение обязано служить обоим, не заставляя ни одного выяснять, в какой половине он оказался.
- Год
- 2025
- Роль
- Продуктовый дизайн
- Объём
- Дизайн-концепт, полный флоу
- Система
- Rubik, один акцентный цвет
Проблема
Пропавшее животное - чрезвычайная ситуация с дедлайном, а инструменты, за которые хватаются, - столб и районный чат. Оба прочитаны теми, кто случайно прошёл или пролистал мимо в первый час, а дальше объявление умерло. Дизайн-проблема не в объявлении. Она в состоянии человека, который его заполняет: расстроен, на улице, телефон в одной руке.
Чтоясделал
Четыре двери и никакой навигации для чтения
Домашний экран - два глагола для человека с бедой и два для того, кто хочет помочь: Lost pets, Find pets и два экрана просмотра под ними. Ниже - доска тех, кого ещё ищут. Кто угодно, прибежавший в спешке, попадает в правильную половину экрана, не прочитав ни слова навигации.
Заявка - разговор, а не форма
Открывается на «Привет, что случилось?» и двух кнопках. Дальше один вопрос на экран: какое животное, выбранное пятью кружками, а не дропдауном, потом имя, потом когда, потом фото. Ничто ни на одном экране не требует второй руки или ровной головы, и флоу кончается готовой карточкой, а не подтверждением, что что-то отправлено.
Вторая половина начинается на том же экране
Держащий чужого кота получает тот же вопрос и те же две кнопки, а дальше флоу, который просит только то, что незнакомец может дать: где и фотографию. Он никогда не спросит имя или дату пропажи: их неоткуда знать. Два тапа и снимок - и животное на доске.
Камера - часть заявки
Фотография снимается внутри приложения, а не достаётся из галереи, так что она приходит уже прикреплённой к посту, и никому не надо помнить вернуться и добавить её. Сетка кадрирования здесь заслуживает своё место: это она помещает всё животное в кадр вместо смазанного угла. На чужом телефоне тот же тап становится единственным уведомлением, которое этот продукт вообще шлёт.
Объявление собрано для незнакомца, а не для хозяина
Фотография занимает весь верх экрана, потому что узнавание случается там или нигде. Под ней три факта, дальше описание словами, которые реально опознают животное: белые лапы, зелёные глаза, синий ошейник с бубенцом. Последнее на карточке - I Found a Pet, чтобы узнавшему не пришлось искать, как об этом сказать.
Поиск принимает слова, которые у человека есть
Никто, ищущий животное, не знает его породу. Знают, что был серый, что был синий ошейник и примерно где. Поэтому поле принимает описание, а не таксономию, фильтры сидят под ним, а не за кнопкой, и результаты приходят из обеих половин приложения разом. Если вместо слов фотография - тот же поиск идёт от неё.
Один обмен и экран для его конца
Чат между нашедшим и хозяином - то, что закрывает поиск, и обычно это шесть сообщений: кажется, я её нашёл, где вы её видели, есть ли ошейник с бубенцом. Экран после него - тот, который большинство приложений категории не рисует. Он не говорит, что объявление закрыто. Он говорит: вы помогли найти Бобби, и благодарит незнакомца, а не продукт.
Подкапотом
Один акцентный цвет с правилом
Rubik, три серых, чёрный и один кислотно-жёлтый. Жёлтый зарезервирован за тем, что происходит прямо сейчас: выбранный вариант, текущий шаг, галочка в конце. Он никогда ничего не украшает, поэтому и может нести настолько белый интерфейс без второго акцента на подхвате.
Две половины симметричны нарочно
Потерял и нашёл - один флоу с переставленными лейблами: один набор экранов покрывает оба, и нет пути второго сорта для человека, делающего доброе дело. Значит, и половина нашедшего никогда не та, которой досталось меньше внимания, - а именно так эти приложения обычно и падают: собраны для хозяина, а нашедшему достаётся контактная форма.
Фотография и есть интерфейс
Каждый важный экран - фотография с небольшим количеством текста поверх. Это решение об опознании, а не о стиле: никто не узнаёт животное по полю с породой, а рисунки и наборы иконок, которые любят эти приложения, мешают единственной вещи на экране, делающей настоящую работу.
Состояния, которые никто не показывает в демо, нарисованы
Поле пароля существует пустым, заполненным и неправильным в красном. У восстановления оба маршрута, четырёхзначный код и новый пароль после него. Это экраны, которые человек встречает в худший вечер своей недели, и оставить их на потом - способ, которым красиво демонстрирующийся флоу разваливается при первом настоящем использовании.