2 заметки с тегом

интерфейс

Вопрос-ответ: о работе со сложными системами

Анонимно:

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

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

В работе над сложными системами я придерживаюсь второго пути: начинаю с относительно небольшой, но важной задачи, досконально разбираюсь в ней, предлагаю решение и довожу его до внедрения. Один хороший интерфейс в системе — это уже польза, а в качестве бонуса я получаю близкое знакомство с частью системы и плюс в репутацию. Чем больше таких готовых фрагментов, тем более полная картина складывается в голове, тем более сложные и комплексные задачи я готова решать. Ничего страшного, если после «вскрытия» очередного пласта какие-то из ранних решений придётся пересмотреть, к тому времени они уже принесут пользу.

Я всегда ставлю задачу самостоятельно. Обсуждаю проект с ответственными лицами, разбираюсь, задаю вопросы, после чего формулирую задачу своими словами в 2-3-4 абзаца текста. В «Нет-крекере» я периодически сталкивалась с длинными ТЗ, но мне всегда удавалось договориться о живом обсуждении и ни разу не пришлось тратить время на изучение многостраничной документации.

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

Резюме
Не пытайтесь объять необъятное, начните с быстрых побед. Ставьте задачу сами, избегайте формальных ТЗ. Сохраняйте фокус, работайте над одной задачей в один момент времени. Фиксируйте результаты для быстрого доступа в будущем. Постепенно собирайте «большую картину» из качественно проработанных фрагментов.

Подробный рассказ о моём опыте работы со сложными системами в «Нет-крекере», 2011 год:

Присылайте вопросы на почту data@datalaboratory.ru — о визуализации данных и не только.

Вопрос-ответ: «Что улучшить в предложенной схеме?»

Спрашивает Денис Балуев:

Мы разрабатываем систему управления производством. Это «облачная» система в браузере, но интерфейс у нее более-менее привычный менеджеру, работающему с 1С, Word или Outlook: документы, строки, кнопки. Проблема возникла, когда нас попросили дать рабочим цеха возможность создавать и утверждать производственные приказы. Мы пытались улучшить традиционный табличный интерфейс, чтобы им можно было пользоваться на планшетах в цехе, но получалось плохо. Тогда мы вспомнили об идеях Брета Виктора, в частности, его концепции «реактивных документов».

Вместо громоздкого списка документов-приказов мы стали рисовать на экране планшета мнемосхемы с рецептами, количество изменяется перетаскиванием вправо-влево. При этом видно, как изменяются остатки компонентов при производстве. Идея оказалась богатой: таким образом оказалось удобно, например, контролировать допустимые остатки компонентов на складе (пример с остатками заложен в рецепт «Велосипед»).

К сожалению, у нас в штате нет дизайнера или специалиста по интерфейсам. Скажите, что в предложенной схеме можно улучшить?

Денис, идея отличная! Интерфейсу не достаёт наглядности и логики «изложения», но это легко исправить. Начните с заголовка, который объясняет назначение экрана. Название продукта управляет списком ингредиентов, включите его в заголовок. Подчёркнутые цифры — компактное решение, но не слишком наглядное. В вашем случае можно смело развернуть их в ползунки, которые покажут соотношение задействованных на производстве деталей и остатков:

Блок «Итого» закрепите у нижней границы экрана, чтобы он всегда был на виду и под рукой.

Подчёркнутые ссылки отлично встраиваются в текст. В интерфейсах используйте более привычные и информативные элементы управления.

Присылайте вопросы о визуализации данных, организации времени, рабочем процессе, спорте и путешествиях на почту: mail@infotanka.ru. Ответы публикуются по понедельникам.