Incognito

Лайк, лайк, лайк и еще раз лайк. Оценивание контента плотно вошло в нашу повседневную жизнь. Мы оцениваем машины, одежду, новые гаджеты, но больше всего мы любим оценивать других людей и получать оценки в свой адрес. Иногда сложно сделать комплимент человеку, либо наше воспитание не позволяет открыто выразить критику касаемо его поведения. Наш клиент придумал концепцию приложения, где можно оценивать человека анонимно.

Первая сложность возникла с выбором дизайна. Клиент пришел уже с готовой концепцией (которая позже неоднократно менялась), и нужно было сделать прототип, а потом и приступить к дизайну. Первый концепт был в классическом flat стиле, все аккуратно, дизайн не мешает контенту и информации. Но клиент где-то услышал про неоморфизм. Да, это именно те выпукло/впуклые кнопочки и попытка сделать из картинки объемный интерфейс. В тот период Dribbble и Behance пестрили подобными кейсами, но позже тренд стремительно утих. И не просто так. Во время подготовки мудборда мы стали изучать что предлагает нам Google Play и App Store, и кое-что обнаружили. А точнее, почти ничего не нашли. Этот дизайн считается достаточно сложным и трудоемким, не каждая команда готова за него взяться.

Мы подготовили первые макеты в неоморфизме и показали клиенту. Дизайн понравился, но не все элементы корректно отображались на его дисплее. Что-то было совсем блеклым и теряло объем. И это первый нюанс объемных интерфейсов. Чтобы передать объем, применяются множество полутеней, переходов и градиентов. Цветопередача экранов у всех разная, и это нужно учитывать, проверяя дизайн на плохих и хороших мониторах. Мы, конечно, внесли необходимые изменения и продолжили работу.

Свой дизайн мы показываем через демонстрационный режим фигмы, это удобно — просто скинул ссылку, и макет откроется в нужном масштабе. Интерактивные переходы между экранами создают ощущение, что приложение уже реально работает. Функция smart animate усиливает этот эффект, и перестроения между состояниями элементов происходят плавно. Второй нюанс неоморфизма тесно связан с первым. Анимации перестроения теней, которых тут немало, сильно нагружают процессор. Все начинает подтормаживать. И с этим же эффектом мы столкнулись на этапе верстки.