x
 
Владимир Варнавский
16 февраля 2021
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:
  1. Как выровнять текст и стрелочку по вертикали? Прижать к верху или к низу? Если к верху, то у однострочных заголовков будет очень большое расстояние между заголовком и началом таблицы. Если к низу, то текст смотрится неестественно.

  2. Как выровнять стрелочку по горизонтали? float: right прижимает стрелку к соседней справа колонке и нарушается теория близости. float: left, вроде, более-менее.


Заго­ловки нужно поста­раться сокра­тить и уме­стить в одну строку. Но если никак не полу­ча­ется, вырав­ни­вать надо по верху.

Стре­лочка в таб­лице — это взрыв мозга. У вас напи­сано «Тип уда­лён­ного под­клю­че­ния ↑», но на самом деле он не сверху, а снизу. И дан­ные все­гда снизу, куда бы не ука­зы­вала стре­лочка. Чело­веку при­хо­дится про­де­лы­вать очень слож­ную работу в голове, чтобы понять, что здесь стрелка исполь­зу­ется не так, как во всех осталь­ных слу­чаях в мире (не ука­зы­вает направ­ле­ние), а иначе: явля­ется сим­во­лом роста или паде­ния. Но и после этого тяжело: что такое рост типов уда­лён­ного подключения?

Часто сор­ти­ро­вать в обе сто­роны нет ника­кого смысла: зачем мне по‑алфа­виту, но вверх ногами? Так что доста­точно про­сто дать выбрать поле для сор­ти­ровки, как‑нибудь под­све­тить его:

Жела­ние объ­еди­нить выбор сор­ти­ровки с шап­кой таб­лицы понятно, но ино­гда лучше понять, какие вари­анты сор­ти­ровки дей­стви­тельно полезны, выне­сти их в отдель­ный эле­мент и хорошо подписать:

Если при этом есть сор­ти­ровка по одному пара­метру, но в раз­ные сто­роны, её тоже можно под­пи­сать понят­ными словами:

Прям вот срав­ните фор­му­ли­ровку «Сна­чала самые нагру­жен­ные» с фор­му­ли­ров­кой «Нагрузка ↑».

Понятно, что бывают очень спе­ци­фи­че­ские интер­фейсы, где дан­ные могут быть любыми и нужен уни­вер­саль­ный спо­соб сор­ти­ровки по чему угодно как угодно. Тогда я бы про­сто попы­тался как‑нибудь встро­ить стре­лочку в линейку, чтобы она не вли­яла на вёрстку таблицы:

Она нужна только для того, чтобы хоть что‑то меня­лось при клике на уже выбран­ное поле, то есть для обрат­ной связи. Реаль­ное пони­ма­ние того, какая сей­час сор­ти­ровка, будут давать сами дан­ные. Вижу не то, что хочу уви­деть — жму ещё раз.

Интерфейс и информация — дисциплина Школы дизайнеров. Набор открыт. Чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место.
 

Поделиться
Отправить

Комментарии

Vasya Petrov
16 февраля 2021

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

2 4 8 5




Недавно всплыло

9 Аврал сразу в двух проектах 1 Тотальное упрощение текста 3 Насколько правильным будет делать цвет ошибок почти таким же, как цвет кнопок? 2