Комментарии 9
Пункт 3 я не понял, по-моему стало хуже. Было одинаковое расстояние между элементами, а стало хаотичное.
Теперь они расположены равномерно в блоке, независимо от размера текста. В данном случае разное расстояние между самими иконками неважно.
Гораздо интереснее, когда таким подходом пользуются при проектировании меню, которое динамически меняется. Стоит менеджеру вписать что-то длинное в пункт меню и весь стайлгайд идёт лесом потому, что меню - это просто полоска с текстовыми пунктами и они туда перестают влазить. Естественно, это всё вскрылось в пятницу вечером. Пришлось делать пункты шириной текст + отступы по 8px по сторонам. С тех пор так там всё и работает....
Используй выравнивание по левому краю – это повысит читабельность
Как это "использовать", если выравнивание по левому краю — это поведение текста по-умолчанию?
Почему выравнивание по левому краю повышает читабельность? В книгах (качественных!) выравнивание по ширине. И гифенация (расстановка мягких переносов). Разве читабельность в книгах от этого страдает?
UPD: не сразу увидел, что пункт относится к заголовкам. Когда это осознал, облился по́том. Простите.
Здесь говорится не о текстовом блоке, а о тексте внутри блока. Если мы расставим значение text align – center глаза читателя быстро устанут, выявить нужную информацию также не легко.
Поэтому если использовать выравнивание по центру самого текста (внутри блока) то лучше это сделать в блоках, где количество строк не превысят 2 строк
Закон Миллера в девятом пункте не применим.
https://bureau.ru/bb/soviet/20160628/
В пункте 12 название про количество строк, а содержание про количество символов в строке. Последнее предложение странно звучит. Что значит «людям нравятся тексты <...> до 100 символов»? Ваша любимая книга явно содержит больше 100 символов.
Отдельно занудное замечание: символ ± есть во многих шрифтах и если он ставится, то нужно указать диапазон изменения значения, иначе это не имеет смысла. В законе Миллера это ±2.
В 12 пункте говорится о том что, не только строки имеют значение но и символы. Допустим проектируя текстовый блок легко можно задать ему ограничение в 700 рх, но напечатать 13 размером шрифта или 48. Поэтому обращать внимание нужно и на кол строк – который строят твой текстовый контейнер и так же на кол символов.
Замечу что здесь говорится про веб-проектирование, я не охватываю верстку книг. Действительно в книгах можно заметить 100 символов, но это книга вы изначально пришли к ней чтобы погрузиться. С сайтами не так, пользователь не хочет тратить время на долгое чтение, в основном он ищет нужную для себя информацию и идет дальше.
И да мы должны понимать где будет размещен наш текст, на рекламной плашке – где лучше применить 50-70 символов, или в статье где можно применить 100 символов.
Закон Миллера. Если информация важная – то ее не стоит прятать, а нужно глубоко подумать как не затруднять к ней доступ. В моем примере показано что пользователь выбирает город – это список признаков, которых не нужно запоминать, ты задал его один раз и ушел. В вашем примере в статье говорится о раскрывающимся меню Офиса-2000 года, где спрятались основные функции программы – так делать плохо.
Большое спасибо за рассказ про символ ?
п. 3. С одной стороны фиксированная ширина хорошо, с другой - пространства вокруг узкого элемента чрезмерно много - он выделяется как остров. Не просто так большинство шрифтов у нас немоноширные.
п. 5. Если по бизнес-процессу необходимо заполнения конкретных полей, то их и не уберешь. Другое дело, что не стоит плодить ненужное на конкретном шаге.
п. 8. Отметка флагов штука такая, плохая в любой реализации. Визуально сложно выявить что отмечено, особенно среди множества элементов. Выбор "тегов" возможно был удобней - по клику в поле ввода отображаем дропдаун, в нем список опций. Выбранные опции попадают в виде чипсов в поле ввода. Чипсы можно удалить по крестику. Так мы и видим, что выбрано, и не захламляем взгляд неактивными опциями.
п. 14. Ну да. Я серфю по интернету, кликая мышкой, а тут на тебе горячие клавиши. Имхо, это должно быть опцией, а не основным поведением.
Очень благодарен вам за столь замечательный чек лист, спасибо!
14 Важных UI/UX типсов для твоего дизайна