Системы проектирования для меняющихся ландшафтов и пользователей

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

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

Вот краткий обзор, чтобы отпраздновать наше путешествие:

Проектирование многоуровневой системы: несистемный дизайн

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

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

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

Это то, что мы называем « несистемой» — гибкий набор правил, которые являются универсальными, масштабируемыми и гибкими, чтобы идти в ногу с новым поведением и опытом пользователей

. Компоненты интерфейса), цветовые темы и даже шаблоны UX, сохраняя при этом суть нашей системы дизайна в ее основе на постоянно растущем холсте.

Переход на гибрид : темный или светлый режимы

Темный — это премиум, светлый — чистый — тогда почему бы не использовать и то, и другое?

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

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

Это заставило нас создать тему, которая была бы не только темной и не только светлой, но и гибридной.

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

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

Получение правильной технологии : Flutter с токенами

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

Наша команда архитекторов проложила путь, используя надежную и масштабируемую структуру; Флаттер. Известный своей гибкостью на разных платформах с единой кодовой базой, мы были рады создать систему дизайна на основе M3 с помощью Flutter, что позволило нам создать красивое приложение, скомпилированное в собственном коде, в сжатые сроки.

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

Визуальные диалекты: рассказывание историй с помощью иллюстраций и анимации

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

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

Верхушка айсберга: так много сделано, и еще больше предстоит сделать.

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

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