Size: a a a

Канал Ильи Бирмана

2018 February 12
Канал Ильи Бирмана
Из старого, про оптимальный вертикальный масштаб графика

График слева слишком растянут по вертикали, его надо сжать в три раза, и тогда получится нормальный, как справа.

Тафти рекомендует подбирать вертикальный масштаб так, чтобы в среднем угол наклона графика к горизонту был примерно равен 45°.

Когда я показываю это на курсе, иногда звучит кажущееся логичным возражение, что, сжимая график по вертикали, мы теряем данные, снижаем разрешение.

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

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

Правый график эффективно использует диапазон возможных углов: в нём есть и пологие участки, и резкие перепады. Хоть его разрешение по вертикали и ниже, зато выше разрешение в углах наклона, которое и требуется от хорошего графика.
источник
Канал Ильи Бирмана
Вспомнил про эту штуку, потому что на неё сослался Михаил Озорнин в своей заметке про другую штуку:
http://mikeozornin.ru/blog/all/time-series-scale/
источник
Канал Ильи Бирмана
источник
Канал Ильи Бирмана
Пользуясь случаем, напомню, что ещё открыта запись на февральский (24—28) московский курс об интерфейсе и представлении информации:
https://bureau.ru/educenter/ui/

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

Вот какой-то случайный отзыв:
источник
Канал Ильи Бирмана
источник
Канал Ильи Бирмана
Иконка туалета в местном сёрф-клубе
источник
Канал Ильи Бирмана
Дизайнер Илья Харитонов, уже знакомый моим читателям, кое-что для меня сверстал и сделал себе логотип:
источник
Канал Ильи Бирмана
источник
Канал Ильи Бирмана
Красная капсула выглядит так, будто плавно ездит по шахте. Нужно расскруглить ей правые скругления, и тогда всё это станет переключалкой
источник
2018 February 13
Канал Ильи Бирмана
Оказывается, фавыконка нового Зерулса случайно была на белом фоне. Если у вас есть картинка на белом фоне, и его надо сделать прозрачным, при этом сохранив весь антиалиасинг (пиксели промежуточных цветов по краям контура), то это делается вот так. На самом деле вдвое быстрее, но я тут ещё комментирую:
источник
Канал Ильи Бирмана
источник
Канал Ильи Бирмана
Зерулс переехал на ХТТПС:
https://ilyabirman.ru/meanwhile/all/therules-https/
источник
Канал Ильи Бирмана
источник
Канал Ильи Бирмана
Переслано от Nikita
@ilyabirman, а можешь пояснить, как ты белый фон через маску вырезаешь? Там какие-то хоткеи юзаешь, я не смог разобраться.
источник
Канал Ильи Бирмана
Оставьте почту, чтобы узнать, когда выйдет электронная книга Владимира Колпакова «Фотосъёмка автомобилей»: https://bureau.ru/projects/book-carphoto/
источник
Канал Ильи Бирмана
Добавил везде на своём сайте этажик с участниками моих проектов:
https://ilyabirman.ru/meanwhile/all/team-added/

Спасибо вам!
источник
Канал Ильи Бирмана
Давайте поговорим об анимации. Анимация в интерфейсе не должна быть навязчивой. Масштабная анимация подойдёт для шоу, но не для того, что ты делаешь сто раз в день. Вот, например, Мак переключает рабочие столы, сдвигая одним другой прямо перед тобой. Это перебор:
источник
Канал Ильи Бирмана
источник
Канал Ильи Бирмана
По крайней мере, у него хватает ума не показывать все промежуточные рабочие столы, если их там несколько между.

Но по-нормальному надо было делать вот так:
источник
Канал Ильи Бирмана
источник