Школа
Интерфейс

Как бы вы предложили переверстать таблицу, чтобы она стала более понятной?

Павел
16 апр 2019
👁 9186   🗩9
Интерфейс

Как бы вы предложили переверстать таблицу, чтобы она стала более понятной?

Павел
16 апр 2019
👁 9186   🗩9
Илья Бирман
Арт‑директор и соавтор курса «Пользовательский интерфейс и представление информации»
Полезно
 37
37
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Как‑то так:

Я просто убрал всякие бессмысленные приёмы типа рамочек, попыток равномерно «забить» этажи квартирами и необъяснимого ничем деления таблицы на двухколоночную и одноколоночную части. Это максимально просто!

Технический этаж никому не нужен, думаю, но я использовал его для выравнивания колонок по высоте. Ещё получилось удачно, что все двузначные этажи оказались в правой колонке.

Всё это лучше подписать около кнопок этажа, а не на отдельной табличке.

А, ещё было две 226‑х квартиры.

Полезно
 37
37
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментарии

Валентина Ковалева

Что, если номера квартир представить не перечислением, а интервалом: 200⁠—203? Плюсы: сокращается место и данные менее монотонно выглядят. К тому же, это не справочник, где ты хочешь узнать, какие есть номера квартир в этом доме. Ты подходишь к таблице, уже зная номер, и цель — уточнить этаж.

Убрать рамочки — это хорошо, мне было сложно уйти от уже существующего решения.

Павел

Остался вопрос, на мой взгляд нерешённый, — как быть с квартирой 218? Если я правильно понимаю, квартира занимает два этажа и вход располагается тоже на двух этажах. Как отметить этот момент в таблице? Растянуть квартиру или написать дважды?

Кажется, что если свернуть номера квартир в интервалы, то будет поаккуратнее:

Валентина, Пётр! Единственное достоинство исходного варианта — это то, что там перечислены все номера. У человека в голове номер квартиры, и заставлять его проделывать работу по сопоставлению этого номера диапазонам ни к чему.

Павел, вот я пришёл в гости к 218. Мне на какой этаж ехать? По исходной картинке это неизвестно, а с моей такого вопроса даже не возникает. Сколькиэтажная сама квартира — просто нерелевантная информация.

Возможно, стоит расположить нумерацию квартир сверху вниз, по направлению естественного чтения. Иначе при первом взгляде на таблицу невольно попадаешь на 9 этаж.

Павел

Илья, а что если подключить ментальные модели и в соответствии с ними составить таблицу. Допустим возьмем курьера, который принес пиццу. У него в заказе есть улица, дом и квартира, пусть это будет 218‑я, но нет этажа и подъезда. В начале он находит нужный подъезд по промежутку квартир 162⁠—233 и уже в голове этот промежуток откладывается. Затем он заходя в лифт, держит цифру 218 и видит таблицу, квартиры которой поделены по первой цифре квартир. В доме все квартиры делятся на два типа 1‑‑ и 2‑‑, на мой взгляд логично это сразу показать. Левая колонка из взгляда отлетает автоматически(~65% лишней информации убрано меньше чем за секунду), он начинает просматривать только правую, причем взгляд в данном случае двигается строго вертикально и когда вторая цифра в номере квартиры подобрана, он начинает искать третью и смотреть горизонтально (тут возможны скачки глазами на соседнюю строку). Сам этаж можно перенести вправо и это будет логичнее, но пострадает компоновка и визуальный внешний вид.

Поиск нужного этажа напоминает по ментальной модели подбор шифра на сейфе — сначала подбирается первая цифра, затем вторая и т. д. В вашей схеме приходится нарезать круги и спирали глазами, в поисках квартиры, в моей скорей всего тоже, но круг метания составляет 2‑3 строки максимум.

Буду рад советам и готов к обсуждению моего варианта.

Данные так и просятся в одну колонку. Судя по фотографии, нет причин сохранять близкий к квадратному формат. Лучше бы сразу делать вытянутую табличку, чтобы не возникало проблем с порядком чтения.

Дмитрий Добудько

Павел, табличка должна отвечать на вопрос: «На какую кнопку жать?» А в вашем варианте номер этажа — самая маленькая цифра. И направление нумерации сверху вниз нарушает естественное соответствие:— едете‑то вы наверх.

А вариант Ильи можно улучшить, выстроив табличку в одну колонку, если под это есть физическое место.

Илья Ильин

Жаль, нельзя заменить кнопки с этажами на кнопки с вводом номеров квартир. Кажется логичным в такой запутанной схеме с квартирами. Несколько людей зашли в лифт, набрали нужные им номера квартир — и добрались туда, куда хотели, не ориентируясь на вспомогательную избыточную информацию.

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы