Одним из последних изменений на платформе iOS и Веб-портале Mercaux стало переосмысление дизайна. Обновление пользовательского опыта и интерфейса совершенно неудивительно, ведь мы всегда стремились к интуитивному, логичному восприятию всей линейки продуктов.

Прежде чем углубиться в изменения UX/UI, давайте познакомимся. Меня зовут Марина Макоева, и я являюсь ведущим дизайнером интерфейса в Mercaux. Я занимаюсь дизайном уже 13 лет, и последние 5 лет посвятила именно UX/UI разработке. Я рада, что пару месяцев назад появилась возможность воплотить новые идеи и создать свежий образ для наших продуктов.

Почему же мы сделали это?

На самом деле, стоит отметить три главные идеи, которые подтолкнули нас к обновлению UX/UI интерфейса в последнем релизе от Mercaux:

1.   Простота и интуитивность в обращении

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

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

2.   Новый взгляд на интерфейс

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

До создания этой Библиотеки Компонентов, все продукты Mercaux выглядели слегка разнообразно. Неудивительно, ведь их контекст, время создания и развития сильно разнились. Однако теперь мы с уверенностью можем сказать о том, что их структура стала единой. Основываясь на уже заложенном фундаменте, последующие изменения станут еще проще и органичнее. Что это значит? Все очень просто - как только в приложении появится новая функция, мы сразу же сможем внедрить её на все устройства с любыми операционными системами - от Android до iOS. 

3.     Визуальное соответствие

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

Как эти изменения повлияют на пользователей? 

От теории мы плавно переходим к практике. Что же все это значит для наших клиентов? 

Самым заметным изменением станет структура нового Веб-Портала. Мы полностью её изменили, сосредоточив все внимание пользователя на панели Меню в верхней части экрана - отделах Конента, Операций и Аналитики. Теперь внутри каждого из них выделяются подразделы, а панель персональных настроек и параметров администратора теперь находятся в правой части экрана под соответствующими иконками. 

Обновленный вид портала

Новый раздел аналитики на Веб-Портале

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

Упрощенные страницы каталога и продукта на iPhone

Обратимся к другому примеру пользовательского интерфейса - работе с корзинами на платформах iPhone и iPad. Приложение Mercaux предлагает целых 4 (!) вида корзин: внутри магазина, онлайн, запросы со склада, бронирование товаров. Теперь управлять конкретной корзиной стало гораздо легче и удобнее. 

Примеры навигации в корзинах:

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