Slon & UsabilityNerd
Slon Slon
Нам нужен интерфейс для ремонтников, чтобы они могли сразу видеть состояние оборудования — чтобы никто не ошибся в предупреждении и не подверг себя опасности. Если всё будет понятно и иконки на своих местах, мы сможем полагаться на них, когда что-то пойдёт не так. Понимаешь, как аккуратно сложенные вещи на полке – никто не сломает систему.
UsabilityNerd UsabilityNerd
Понял, сделаем этот экран как настоящий ящик инструментов – полный и без пропусков. Во-первых, каждому значку отводим сетку 48 на 48 пикселей, всё по центру, с отступом 12 пикселей от краев. Так выйдет аккуратно, но не тесно. Во-вторых, цветовая кодировка – единственный способ не заставить людей смотреть на зелёный значок и думать, что это опасность. Используем однотонную палитру: красный – для критических ситуаций, оранжевый – для предупреждений, зелёный – для нормальных, все с насыщенностью 60%, чтобы было видно даже на солнце. В-третьих, группируем по функциям: отопление и кондиционирование – слева, электричество – справа, с лёгкой серой разделительной линией, чтобы глазам не пришлось искать. И в-четвёртых, добавим небольшую подсказку, которая появится при нажатии, с датой последнего обслуживания, чтобы люди понимали, свежая ли у них проблема или старая. Вот такая "идеальная" картинка – чтобы никто случайно не наступил на мину.