Элегантная простота в редизайне Mailbird 3.0

Элегантная простота в редизайне Mailbird 3.0
Элегантная простота в редизайне Mailbird 3.0

Откройте Mailbird 3.0 и испытайте интуитивный интерфейс, в котором элегантность сочетается с простотой, повышая уровень управления электронной почтой.

Погружайтесь в Mailbird 3.0 и испытайте интуитивно понятный интерфейс, который сочетает элегантность с простотой, поднимая управление вашей электронной почтой на новый уровень.

"Совершенство достигается не тогда, когда нечего добавить, а когда нечего убрать."
- Антуан де Сент-Экзюпери

Существует несколько универсально признаваемых сочетаний, которые так идеально подходят, что одно упоминание автоматически вызывает мысли о другом: Бэтмен и Робин, яблоко и корица, форма и функция.

Мне посчастливилось обсудить важность последней пары с Жалитой Де Ваал, руководителем дизайна в Mailbird.

Поставив задачу обновить дизайн одноименного почтового клиента Mailbird, Жалита поделилась своей философией, вдохновением и процессом создания ожидаемого нового вида версии 3.0.

скриншот настольного приложения Mailbird, открытого на ноутбуке
скриншот настольного приложения Mailbird, открытого на ноутбуке
Новый и воздушный дизайн оптимизирует пространство экрана, создавая адаптивную, просторную и минималистичную рабочую среду.

Цель редизайна Mailbird 3.0

В разработке программного обеспечения дизайн не должен существовать просто ради самого себя. Он должен служить и поддерживать определенную цель. Показные визуальные эффекты без содержания, которое привязывает дизайн к функциональному инструменту, служат лишь для того, чтобы дать пользователям что-то новое и блестящее, но это может быстро надоесть.

“Моя основная задача с редизайном Mailbird 3.0 заключалась в том, чтобы создать опыт, который был бы знакомым, легким, персонализированным и гармоничным,” сказала Джалита. “Это было про сохранение сущности Mailbird, улучшение его лучших функций и предотвращение превращения в нечто, чем он не является.”

Но многие люди – существа привычки; изменения могут быть пугающими. Мы привыкаем видеть и делать вещи определенным образом. Когда кто-то или что-то кардинально меняет эту привычность — особенно с таким повседневным инструментом, как email — это может сбивать с толку. И не каждый открыт или готов подстроиться под новую норму. С этой мыслью Джалита стремилась преодолеть разрыв между старым и новым.

“Я хотела создать опыт, который выстраивает доверие,” объяснила Джалита. “Многие из наших самых преданных пользователей с нами уже много лет, и эта лояльность для нас очень важна.”

Это была задача, с которой ей приходилось справляться: разработать что-то новое, чтобы избежать устаревания, при этом предоставляя знакомство, которое не будет нарушать повседневные привычки пользователей.

“Для нас важно продолжать улучшаться,” добавила Джалита. “Мы должны предложить лучший опыт работы с email для наших доверенных пользователей. Но мы также должны понимать деликатный баланс между чувством безопасности в чем-то, что было усвоено через повторяющееся поведение, и принятием новых возможностей по мере изменения цифрового ландшафта.”

Для Джалиты и ее команды дизайнеров это не было “новым” ради “нового”. Каждый элемент дизайна Mailbird 3.0 имеет функциональную цель. В дополнение к обновлению базового дизайна, еще одной важной целью было улучшение уровня персонализации и настраиваемости приложения.

Например, новый выбор цвета является одной из самых значительных добавлений в дизайне. Персональные пользователи могут использовать его, чтобы настроить свою рабочую область email под свои индивидуальные предпочтения. А бизнес может использовать его, чтобы брендировать Mailbird в соответствие с цветами своей компании.

В этом отношении Mailbird определяет будущее своего приложения для email, принимая во внимание прошлое и улучшая все те вещи, которые сделали его успешным.

настраиваемый выбор цвета внутри настольного приложения mailbird
настраиваемый выбор цвета внутри настольного приложения mailbird
Новый выбор цвета позволяет пользователям настраивать свою email-среду в соответствии с их личным стилем или корпоративным брендом.

Чертеж для дизайна

“Создание чего-то нового — это настоящее путешествие,” сказала Джалита. “Мне повезло иметь полную свободу действий в процессе проектирования.”

Это может быть как благословением, так и проклятием. Благословение, потому что вы ограничены только своим воображением и тем, что ваши руки могут выполнить. Но проклятие, потому что легко застрять в бесконечных возможностях и параличе выбора.

Однако Джалита быстро приняла первое и не испугалась второго, превращая любые потенциальные неопределенности в четко определенные задачи.

“Я предпочитаю начинать с мышлением 'небо — это предел', свободным от любых границ,” объяснила она. “Там рождаются те революционные видения. Без больших мечтаний с самого начала мы не можем достичь желаемого эффекта 'вау'.”

Но с самого начала она поняла, что силу этой свободы в дизайне нужно использовать ответственно. Несмотря на бесконечные возможности и искушение позволить своему воображению разгуляться, она знала, что не может отказаться от того, что пользователи Mailbird любят больше всего в приложении, только ради новизны.

Итак, с этим чистым листом, с чего она начала?

Сначала нужно было иметь фокус и направление — стратегический план и сдержанность, чтобы создать дизайн, который будет принят как новыми, так и давними пользователями.

“Многие бренды принимают цифровой подход в первую очередь,” сказала Джалита. “Они принимают упрощенный язык дизайна, который также адаптирован к различным потребностям, как недавняя трансформация бренда Warner Bros.”

Во-вторых, редизайны не всегда должны быть полными переделками. Драматические изменения в дизайне могут оттолкнуть давних пользователей. Иногда накопление мелких и тонких изменений интерфейсов может быть гораздо более продуктивным, чем один драматический визуальный скачок.

“Когда дело доходит до решений по дизайну, я балансирую между следованием трендам и сохранением основ,” сказала Джалита. “В сегодняшнем мире дизайна мы наблюдаем сдвиг к более мягким углам, чистым макетам, увеличенному вниманию к типографии и сильному акценту на кроссплатформенную функциональность и стиль.”

Наконец, Джалита подчеркнула важность интеграции данных в ее решения по редизайну.

“Это не всегда требует броских панелей инструментов или маркетинг-ориентированных впечатлений," объяснила Джалита. “Скорее, это о понимании, какие элементы наши клиенты используют ежедневно, помогая в принятии решений и приоритизации. Дизайн — это постоянно развивающаяся область с непрерывным пространством для улучшения. Эффективное использование данных помогает нам сосредоточиться на том, что действительно важно для наших пользователей.”

улучшенный дизайн Mailbird, включая навигационную панель и меню настроек
улучшенный дизайн Mailbird, включая навигационную панель и меню настроек
Улучшенное расстояние между элементами в окне написания, навигационной панели и меню настроек дает пользователям больше пространства для дыхания и менее замкнутое рабочее пространство.

Сотрудничество воплощает видение в жизнь

Чтобы сократить все свои дизайнерские возможности и сосредоточиться на жизнеспособных вариантах, Джалита выбрала совместный подход для анализа того, что уже хорошо работает, что устарело или неактуально, и что нуждается в улучшении.

“Все начинается с тщательного анализа того, что у нас уже есть в качестве дизайнерской основы,” сказала Джалита. “Мне нравятся неформальные и свободные беседы с коллегами и клиентами, где можно открыть маленькие жемчужины, которые формальные опросы часто упускают. Это настоящая находка.”

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

Работая в тесном сотрудничестве с Майклом Олсоном, CEO, CTO и соучредителем Mailbird, и Димасом Мохаммадом, ведущим фронтенд-разработчиком, они разработали стратегический план для реализации своего амбициозного проекта.

“Важно, чтобы все чувствовали уверенность в плане, прежде чем мы погрузимся в проект,” сказала Джалита. “Мы сосредоточились на областях, которые нужно приоритизировать, и сразу же адресовали шероховатости, которые необходимо было сгладить.”

Счастливая, что работает с командой, которая долгое время была частью путешествия Mailbird, Джалита находила идеи своих коллег неоценимыми. Они обладают глубоким пониманием потребностей пользователей Mailbird, основанном на многолетнем опыте.

“Мы начали с великого видения, а затем, плечом к плечу, отшлифовали его, итеративно работая над дизайном и разработкой — так, как это и должно быть. Это действительно совместное путешествие, которое воплотило наше видение в жизнь.”

многочисленные цветовые темы mailbird
многочисленные цветовые темы mailbird
20 свежих и тщательно разработанных цветовых тем Mailbird помогают пользователям вдохнуть новую жизнь в их почтовую среду.

Элегантная эффективность: союз формы и функции

Размышляя о том, как многие приложения имеют тенденцию сливаться и не отличаться, Джалита стремилась предотвратить, чтобы Mailbird стал жертвой такой же судьбы.

“Что отличает Mailbird, так это его дизайн и возможность настройки — как в форме, так и в функционале,” сказала Джалита. “Мы стремимся сделать его приложением, которое станет тем, чем вы хотите, чтобы оно было, чем-то, что будет развиваться с вами и адаптироваться к вашим потребностям и вкусам.”

Редизайн Mailbird 3.0 включает:

  • Оптимизированное пространство на экране
    Новый макет экрана был адаптирован для безупречной совместимости с последними размерами экранов, предоставляя пользователям погружающий опыт.
  • Эволюция шрифта
    Mailbird 3.0 использует стильный шрифт Inter, созданный шведским дизайнером Figma Расмусом Андерссоном. Он был разработан для улучшения читаемости, особенно на компьютерных экранах.
  • Дышащие отступы
    Дизайнерская команда тщательно переосмыслила отступы по всему приложению, создавая воздушную и просторную среду, которая улучшает концентрацию.
  • Трансформация иконок
    Иконки Mailbird были полностью переработаны, чтобы обеспечить безупречное слияние и создание четкой, яркой и современной иконографии.
  • Успокаивающая цветовая палитра
    Версия 3.0 предлагает 20 новых успокаивающих темных цветов. От глубокого сапфирового до морского зеленого и платинового, каждый оттенок был тщательно выбран, чтобы привнести изысканность и свежесть в почтовый опыт пользователей.
  • Мягкие цвета шрифтов
    Цвета системного шрифта были обновлены, чтобы помочь уменьшить усталость глаз.
  • Выразительная кастомизация
    Размер миниатюры фона был увеличен, что делает проще поиск идеального фона для создания нужного настроения.
  • Яркая персонализация папок
    48 новых цветов папок и меток Mailbird упрощает организацию и идентификацию сообщений.
  • Упрощенные вложенные папки
    Вложенные папки были переработаны для упрощения организации, обеспечивая возможность пользователю всегда находить нужное.
  • Улучшенные карточки электронной почты
    Элементы списка разговоров и карточек электронной почты были оптимизированы для создания бесшовного почтового опыта — от непрочитанных сообщений до обновленных иконок.
  • Стиль отправителя
    От аватаров до цветовых схем, визуальные элементы электронной почты Mailbird были переработаны, чтобы обеспечить легкую идентификацию сообщений и отправителей.
  • Элегантность вложений
    Обновленные иконки вложений и цветовые схемы делают файлы легко различимыми.
  • Легкое прокручивание
    Улучшенный дизайн полосы прокрутки обеспечивает стильный и интуитивно понятный опыт.
  • Свежие окна и уведомления
    Окно меню и уведомления Mailbird были переработаны, чтобы подчеркнуть важные обновления.
  • Улучшенное меню настроек
    Современное обновление меню настроек Mailbird предлагает более просторный дизайн, упрощая настройки электронной почты.
  • Оптимизированная навигация
    Новая адаптивная навигация оптимизирует как горизонтальные, так и вертикальные представления, независимо от размеров экрана или окна.
  • Переработанный горизонтальный вид
    Благодаря улучшенному UX и изменению расположения некоторых иконок, горизонтальный вид теперь предлагает еще более полную картину электронных сообщений.
  • Свежий процесс onboarding

    Процесс onboarding был обновлен, с новыми увлекательными иллюстрациями, чтобы провести пользователей через процесс настройки.

Mailbird несколько стилей шрифтов внутри приложения
Mailbird несколько стилей шрифтов внутри приложения
Mailbird 3.0 использует стильный шрифт Inter, созданный для добавления типографической изысканности и улучшения читаемости на компьютерных экранах.

Увлекательное будущее для Mailbird

Редизайн почтового клиента Mailbird 3.0 — это больше путешествие, чем цель. Это одиночный, но значимый шаг среди миллионов, которые были до него и миллионов, которые будут после.

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

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