Как-то у меня была задача переработать раздел про расширения и обновления, и предоставить наиболее удобный, понятный интерфейс. + Продумать сценарии установки, обновления, удаления и т. д.

Задача

В Altium Designer (декстоп, винда) есть раздел который называется Extensions & Updates. Как уже понятно из названия, этот раздел продукта содержит плагины (экстеншины/расширения) к самому продукту и позволяет их искать, ставить, настраивать, покупать, обновлять итд. Не так давно мы обновили интерфейс. Нам нужно привести раздел экстеншинов к общему виду и провести хорошую ревизию того что в нем есть.

Вот как выглядит текущая версия

Пояснения к ней
Таба Installed
Содержит список экстеншинов установленных пользователем. При нажатии на плитку с иконкой и заголовок выводится информация об этом экстеншине. Описание, как правило небольшое.

В этом разделе содержатся два типа экстеншинов:
1. System Extensions — это экстеншины которые, по сути, являются отдельными модулями Altium Designer. Они выпускаются самим Altium и позволяют обновлять эти модули без необходимости обновления всего приложения целиком.
2. Software Extensions — это плагины которые могут выпускаться сторонними компаниями и по сути являются дополнениями к существующему функционалу. Подобных экстеншинов примерно 80, на данный момент.

#

Таба Purchased
Содержит список приобретенных плагинов, но не обязательно установленных

#

Таба Updates
Содержит список установленных и доступных обновлений. При этом сейчас там есть все обновления, начиная от глобального обновления Altium Designer, до последнего экстеншина.

Вопросы

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

Стандартные вопросы обычного юзера:
• Где мне посмотреть все возможные расширения
• Как мне найти конкретное расширение
• Че такое Purchased, я вроде ничего не покупал. Ааа, тут лежат все расширения?
• Я не знаю, где искать, оно системной или дополнительное? Что значит Software?
• Зачем нужна таба Updates, если можно показывать обновления установленных расширений прямо в Installed.

Пытаюсь ответить на эти вопросы и рисую скетч нового флоу

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

Что юзеру важно знать про расширение?
• Как оно работает: описание, скринкаст, дока
• Кто разработчик
• Дата обновлений? Вдруг оно вообще старое и  никем уже не поддерживается нормально
• Может быть его рейтинг
• Прайсинг. Придется ли мне платить за него
• Как мне его установить, удалить, обновить

Что юзер ожидает увидеть в блоке расширения?
• Название
• Логотип
• Описание
• Дата / Версия/ Badge New Version
• Может быть есть рейтинг
• Что я могу сделать с этим расширением — установить/обновить или удалить — кнопки действия

После отрисовки скетч-флоу у меня возникли новые вопросы, которые влияют на него Иду к лиду за ответами
— Важно ли пользователю знать какое именно расширение он устанавливает: системное или софтверное? На первый взгляд разница между ними только в разработчике
— Системным расширениям больше доверия в плане совместимости и надежности. Можно сказать что разница в разработчике, да. Этот момент по-хорошему нужно уточнять с реальными пользователями, но таких данных не собрано

Доработка —> Гипотеза: отображение разработчика на карточке влияет на доверие к этому расширению. Добавляю название разработчика. Задумываюсь, а что еще может побудить пользователя к установке? Рейтинг приложения. Таким образом делаю вывод: пользователю не нужно знать системное расширение или софтверное, важнее кто разработал его и кто им уже пользуется.

— Существуют ли платные расширения?
— Да. В данный момент в секции extensions & updates они не представлены, но уже есть возможность их установить; в тестовом задании мы бы ожидали увидеть решение как экстеншены могут быть куплены, установлены, удалены и обновлены
Доработка —> 1)Надо добавить фильтр в каталог. 2) На предыдущем шаге я избавилась от раздела Purchased, оставив только Installed. Я хочу хранить купленные расширения (существует флоу отложенной установки) пользователя тоже в Инсталд, значит надо переименовать раздел Installed + Purchased = My Extensions, Store/All Extensions = Store

— Есть ли какая-то категоризация расширений? Например, это расширение N вот для такой-то тулзы
— Да, но сейчас она неявная, в приложении не обозначена (например есть экстеншены которые экспортируют форматы, есть связанные с симулициями и тд) В целом это открытый вопрос как пользователь поймёт какие расширения ему стоит установить.
Доработка —> Добавить фильтр по категориям. Гипотеза: Если у пользователя будет возможность фильтрации по категории, то время на поиск расширения сократится. Плюс фильтр по категориям поможет упорядочить наши расширения в каталоге, которые сейчас выводятся по алфавиту.

#

Решение

Получилось совместить табы Installed, Updates и Purchased в один — My Extensions, где обновления расширений показываются бейджем.

Появилась новая таба — Store, там теперь можно найти все расширения, отфильтровать их по категориям, платное/бесплатное. У расширений появился рейтинг, тег установлено/неустановлено. Фильтр по категориям сделан чипами (с механикой чекбоксов) — так категории нагляднее, можно выбрать несколько.

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

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

Страница расширения тоже стала больше отвечать гипотетическим вопросам пользователя. На ней теперь можно найти связанные ссылки — доку, faq — этот блок можно дополнять.
Для наглядности появилось окно со скринами, туда можно вставлять и картинки и скринкаст. Блок What’s News описывает новое в расширении, если обновления не было — блок просто скрывается.

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

Все пощупать можно в фигме https://www.figma.com/file/Y5yg1v1kQ2qqH2Ei1RWFQW/Extensions-%26-Updates?node-id=0%3A1