Кейс: превращаем таблицу комбинаций в карточки
Продолжаю делиться своим реальным рабочим опытом и хочу рассказать о том, как я предложила команде использовать карточки вместо строк таблицы и что мне на это ответили.
Предпосылки
Итак, в исполнение NDA, делюсь сутью реального опыта, представляя его аналог из предметной области моего романа "Похорони меня на Земле". Главный герой этого романа - микробиолог с далёкой планеты, который для исполнения последней воли своей бабушки приехал в её родную деревню Шаньга - на планету Земля. Соответственно, именно микробиология станет центральной частью нашего примера.
Итак, мы разрабатываем веб-приложение Штамм-реестра. У нас в лаборатории имеется в общей сложности 10 штаммов бактерий. При этом мы отслеживаем версии линий селекции и протоколов культивирования. При этом "актуальной" версией может быть только одна - её наша лаборатория и использует в работе при создании очередной партии бактериального раствора. Если у нас, например, 3 линии селекции и 5 протоколов культивирования, то в таблице с данными о штаммах будет: 10 х 3 х 5 = 150 строк данных.
И в принципе, нашего руководителя лаборатории - Егора Синичкина - это вполне устраивает. Но мы всё же рискнули предложить ему другой вариант представления: карточки.
Почему именно карточки?
Во-первых, каждому из штаммов бактерий мы теперь сопоставляем всего лишь одну карточку. На карточке мы видим крупно код штамма, описание, а также информацию об актуальной версии линий селекции и протокола культивирования. Согласитесь - оперировать 10 карточками вместо 150 строк данных - гораздо удобнее!
А куда же делись все подробности?
Все подробности о линиях селекции и протоколах культивирования мы вынесли во всплывающую панель, которая появляется справа во всю высоту страницы. Здесь пользователь может выбрать протокол селекции в зависимости от линии селекции и установить эту комбинацию, как "активную".
А что сказала команда?
Фронтенд разработчик, рассмотрев оба варианта, сказал, что карточками - безусловно - гораздо лучше всё видно! Руководителю лаборатории тоже всё понравилось. Поэтому было решено реализовать именно такой подход.
Итак, мы рассмотрели реальный боевой кейс системного аналитика под прикрытием научно-фантастической предметной области романа "Похорони меня на Земле". Дайте знать в комментариях - применяли ли вы в своей практике преображение таблицы в другое представление!
· 17.08
Регулярно экспериментирую с полным UI и карточки действительно при правильном подходе удобнее бывают. Только скорее всего больше удобства заметно на моб.устройствахттипа планшета. Ну, и про остальные элементы забывать нельзя иначе один и карточки не вытянут. (((:
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
коммент удалён
· 17.08
О, возможно, что на мобильном устройстве выгода от использования карточек заметнее. Мне пока не довелось это проверить, т.к. в моей практике были только веб-приложения.
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён
· 17.08
Адаптивный дизайн наше всё. (:
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён
· 17.08
Однозначно! Спасибо, что делитесь своим видением, Игорь!
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён