О компании
Altium Designer — это САПР радиоэлектронных средств (система автоматизированного проектирования). если чуть подробнее, то — это система, в которой строят проекты электронных средств на уровне схемы или программного кода. Потом после проектировки информация передаётся проектировщику ПЛИС (Программируемая логическая интегральная схема) или проектировщику печатной платы.
Крутость программы в том, что изменения в разработке на уровне платы могут мгновенно быть переданы на уровень ПЛИС или схемы и так же обратно.
Вот что сами они о себе говорят:
Altium Designer — программное решение для разработки печатных плат
Задание на hh
На hh появилось тестовое задание от этой компании, со следующим содержанием:
Таба Installed
Содержит список экстеншинов установленных пользователем. При нажатии на плитку с иконкой и заголовок выводится информация об этом экстеншине. Описание, как правило небольшое, и выглядит примерно так, как на представленном интерфейсе. Но возможны варианты с большим количеством текста и даже скриншотов.
В этом разделе содержатся два типа экстеншинов:
- System Extensions — это экстеншины которые, по сути, являются отдельными модулями Altium Designer. Они выпускаются самим Altium и позволяют обновлять эти модули без необходимости обновления всего приложения целиком. Системных экстеншинов порядка 5 на данный момент.
- Software Extensions — это плагины которые могут выпускаться сторонними компаниями и по сути являются дополнениями к существующему функционалу. Подобных экстеншинов примерно 80, на данный момент.
Две другие табы
Purchased — содержит список приобретенных плагинов, но не обязательно установленных. (Но мне тут логика не очень нравится, так как непонятно что делать с бесплатными плагинами)
Installed — Содержит список установленных и доступных обновлений. При этом сейчас там есть все обновления, начиная от глобального обновления Altium Designer, до последнего экстеншина.
Задача
Ваша задача сводится к тому чтобы переработать то, что есть на этом экране и предоставить наиболее удобный и понятный интерфейс. Продумать сценарии установки, обновления, удаления и т.д.
Мои рассуждения, цели
Первое что мне бросилось в глаза — нет целостности интерфейса. Я о том, что вся программа выполненная в серых оттенках, только рабочие зоны, имеют другие цвета. Тут же раздел экстеншинов, это не рабочая зона.
- Поэтому первое, что я хотел сделать, это привести весь интерфейс к общему знаменателю (к общему стилю).
- Второе — упростить интерфейс, путём убирания множества пространств под табами.
Основные моменты переделанного интерфейса
Я предположил, что верхняя панель с информацией полезна для пользователя и убирать ее не стоит. Поэтому в неизменном виде я просто перенес ее повыше, сразу после табов.
Область для экстеншенов я поделил на две части. Слева список экстеншенов, справа область для описания экстеншенов.
Строка экстеншена показывает:
- Изображение
- Цену (платный или бесплатный экстеншен)
- Состояние обновления (если новая версия не установлена, то появляется кнопка «Update»). Если экстеншен не приобретен, то отображается кнопка «Purchase»
Поле для описания я сделал большим, чтобы можно было поместить емкое пояснение экстеншена со скриншотами. А нижняя часть этого поля выделена под кнопку удаления или установления
Общий вид интерфейса в различных состояниях
Было-стало
