This media is not supported in your browser
VIEW IN TELEGRAM
Кнопка входа в интернет-банк, которая при ховере распадается на две подкнопки-уточнялки: вход для частных лиц или корпоративных.
Такой ход нарушает ожидания: ты уже навел курсор и пытаешься кликнуть, как в последний момент значение кнопки меняется, и внезапно на результат нажатия влияет, в правую или левую часть изначальной кнопки ты целился.
Если ты расторопный, то успеешь остановиться в последний момент и выбрать нужную подкнопку. Если менее расторопный, то заметишь раздвоение кнопки уже во время или после нажатия, и, матерясь, пойдешь обратно на главную страницу кликнуть правильно. А кто-то даже не заметит раздвоения и не поймет, почему при нажатии на кнопку «интернет-банк» он попал в какой-то корпоративный интерфейс.
Это подстава, не надо так. Если так хочется разделения в выпадайке, то пускай она выпадет ниже изначальной кнопки, а не вместо неё. А еще лучше сразу эти два входа разместить рядом. А еще лучше сделать единый вход для всех видов пользователей.
Такой ход нарушает ожидания: ты уже навел курсор и пытаешься кликнуть, как в последний момент значение кнопки меняется, и внезапно на результат нажатия влияет, в правую или левую часть изначальной кнопки ты целился.
Если ты расторопный, то успеешь остановиться в последний момент и выбрать нужную подкнопку. Если менее расторопный, то заметишь раздвоение кнопки уже во время или после нажатия, и, матерясь, пойдешь обратно на главную страницу кликнуть правильно. А кто-то даже не заметит раздвоения и не поймет, почему при нажатии на кнопку «интернет-банк» он попал в какой-то корпоративный интерфейс.
Это подстава, не надо так. Если так хочется разделения в выпадайке, то пускай она выпадет ниже изначальной кнопки, а не вместо неё. А еще лучше сразу эти два входа разместить рядом. А еще лучше сделать единый вход для всех видов пользователей.
У эпла есть приложение для ведения заметок, и в нем есть возможность вставлять чекбоксы для создания какого-то подобия списка дел.
А еще у них есть отдельное приложение для списка дел.
И каким-то образом это специальное приложение ведения туду-листов справляется со своими прямыми обязанностями хуже, чем заметки, у которых это лишь какой-то побочный функционал.
Два примера:
А еще у них есть отдельное приложение для списка дел.
И каким-то образом это специальное приложение ведения туду-листов справляется со своими прямыми обязанностями хуже, чем заметки, у которых это лишь какой-то побочный функционал.
Два примера:
Вот вы напечатали или скопировали откуда-то перечень и хотите превратить каждый элемент в пункт списка.
В заметках реализовано поведение, стандартное, кажется, для всех списков в мире: перенос строки разбивает в месте текстового курсора элемент списка на два элемента.
Но в Специальном Приложении Для Ведения Списков это не работает: перенос строки ведет лишь к созданию нового пустого элемента. Чтобы разбить перечень на пункты, придется заморочиться с конвейером выделить — вырезать — создать пункт — вставить.
В заметках реализовано поведение, стандартное, кажется, для всех списков в мире: перенос строки разбивает в месте текстового курсора элемент списка на два элемента.
Но в Специальном Приложении Для Ведения Списков это не работает: перенос строки ведет лишь к созданию нового пустого элемента. Чтобы разбить перечень на пункты, придется заморочиться с конвейером выделить — вырезать — создать пункт — вставить.
Или вот управление вложенностью. В Заметках для этого можно двигать пункт списка прям пальцем вправо-влево.
В Специальном Приложении Для Ведения Списков сделать пункт вложенным сдвигом вправо еще получится, но вот чтобы вернуть его обратно налево, понадобится тянуть его снова направо!
И, конечно, Специальное Приложение Для Ведения Списков слишком специализированное, чтобы допускать больше одного уровня вложенности элементов списка. У Заметок почему-то с этим проблем нет — можно соорудить хоть десять уровней вложенности.
В Специальном Приложении Для Ведения Списков сделать пункт вложенным сдвигом вправо еще получится, но вот чтобы вернуть его обратно налево, понадобится тянуть его снова направо!
И, конечно, Специальное Приложение Для Ведения Списков слишком специализированное, чтобы допускать больше одного уровня вложенности элементов списка. У Заметок почему-то с этим проблем нет — можно соорудить хоть десять уровней вложенности.
И это касается множества всяких мелочей вроде горячих клавиш, которые где-нибудь в Dynalist настолько естественны, будто считывают намерения напрямую с мозга, а в Специальном Приложении Для Ведения Списков всё как-то со скрипом, с третьей-четвертой догадки.
Кажется, будто команда создания приложения сама не пользуется своим детищем и вообще делала его в качестве наказания, обязательных работ за какое-нибудь нарушение КоАП. Как говорится, You Had One Job.
Кажется, будто команда создания приложения сама не пользуется своим детищем и вообще делала его в качестве наказания, обязательных работ за какое-нибудь нарушение КоАП. Как говорится, You Had One Job.
Способы повышения контраста и видимости объектов на фоне всем хорошо известны: добавить объекту обводку или свечение/тень — и готово!
Объект стал более заметным, ведь теперь на его границе цвет объекта и цвет фона отличаются сильнее (потому что цвет фона был локально подправлен эффектом). Это как накинуть «шарпа» фотографии.
Очевидная и общеизвестная вещь.
Объект стал более заметным, ведь теперь на его границе цвет объекта и цвет фона отличаются сильнее (потому что цвет фона был локально подправлен эффектом). Это как накинуть «шарпа» фотографии.
Очевидная и общеизвестная вещь.
Но менее очевидная вещь — граница применения этих эффектов.
Они нормально работают, когда объект крупный. А вот на тонких, линейных объектах эти эффекты не работают. Точнее, работаю даже в обратную сторону: вместо того, чтобы оттенять линию и делать ее более контрастной к фону, обводка/тень смешиваются с ней, и получившийся усредненный цвет линии с эффектом оказывается еще ближе к цвету фона. Контраст падает, такая линия становится еще менее различимой.
Работоспособность эффектов зависит не только от относительных размеров линии и обводки/тени, но и от масштаба. На крупном масштабе эффекты работают (хотя потребность в них при таком размере сомнительна), при отзуме же самой различимой оказывается линия без каких-либо эффектов.
Они нормально работают, когда объект крупный. А вот на тонких, линейных объектах эти эффекты не работают. Точнее, работаю даже в обратную сторону: вместо того, чтобы оттенять линию и делать ее более контрастной к фону, обводка/тень смешиваются с ней, и получившийся усредненный цвет линии с эффектом оказывается еще ближе к цвету фона. Контраст падает, такая линия становится еще менее различимой.
Работоспособность эффектов зависит не только от относительных размеров линии и обводки/тени, но и от масштаба. На крупном масштабе эффекты работают (хотя потребность в них при таком размере сомнительна), при отзуме же самой различимой оказывается линия без каких-либо эффектов.
То же самое касается и надписей. Когда они относительно крупные, буквы действуют как площадные объекты, тени/обводки кое-как работают.
При мелком кегле буквы уже как тонкие линейные объекты, и неаккуратно подобранная тень/обводка делают надпись менее заметной (можно прищуриться, чтобы сильнее увидеть разницу, какая подпись остается заметной, а какая растворяется в фоне).
При мелком кегле буквы уже как тонкие линейные объекты, и неаккуратно подобранная тень/обводка делают надпись менее заметной (можно прищуриться, чтобы сильнее увидеть разницу, какая подпись остается заметной, а какая растворяется в фоне).
Чтобы эффекты сработали в мелких кеглях, надо превратить обводку или тень в полноценный фон подписи, а значит значительно увеличить их толщину (вероятно, скомпенсировав это большей прозрачностью).
Собственно, в недавнем редизайне Карт это и было сделано.
(конечно, еще лучше было бы с эффектом размытия фона, но это уже другая история)
(конечно, еще лучше было бы с эффектом размытия фона, но это уже другая история)
Часто при визуализации статистики приходится сталкиваться с сильно различающимися размерами выборки.
Например, у одного товара рейтинг 5.0 против 4.7 у другого, но первый основан на пяти отзывах, а второй — на трех тысячах. Или спортсмен показал выдающиеся показатели меткости и полезности, но сыграл только в трех играх сезона, поэтому в статистике несправедливо его сравнивать с игроком, отыгравшим полсотни матчей. Это важная деталь, влияющая на корректное восприятие информации.
Статистики придумали для таких случаев всякие доверительные интервалы, но они будто бы не ушли из научной среды в народную повседневность, поэтому в интернет-магазинах проблему достоверности статистики обычно решают простым уточнением объема выборки: «рейтинг 4.9 на основе 115 отзывов». В спортивной статистике же часто вводят какой-то порог, отсекающий статистические аномалии на небольшой выборке, например, оставляют только тех спортсменов, кто поучаствовал минимум в 50% матчей.
Например, у одного товара рейтинг 5.0 против 4.7 у другого, но первый основан на пяти отзывах, а второй — на трех тысячах. Или спортсмен показал выдающиеся показатели меткости и полезности, но сыграл только в трех играх сезона, поэтому в статистике несправедливо его сравнивать с игроком, отыгравшим полсотни матчей. Это важная деталь, влияющая на корректное восприятие информации.
Статистики придумали для таких случаев всякие доверительные интервалы, но они будто бы не ушли из научной среды в народную повседневность, поэтому в интернет-магазинах проблему достоверности статистики обычно решают простым уточнением объема выборки: «рейтинг 4.9 на основе 115 отзывов». В спортивной статистике же часто вводят какой-то порог, отсекающий статистические аномалии на небольшой выборке, например, оставляют только тех спортсменов, кто поучаствовал минимум в 50% матчей.
В 2011 году я придумал объем выборки визуализировать четкостью графики: чем меньше данных, тем более размытая картинка. Так она дает только какое-то общее представление, по мере добавления данных она становится более четкой.
На картинке изображена статистика трех игроков: исходы матчей, в которых они приняли участие (победы, ничьи, поражения). В центральной части диаграмм для сравнения расположена четкая статистика команды во всех матчах, а снаружи — только в тех матчах, где играл данный игрок.
Видно, что у первого игрока со статистикой всё хорошо, но и сыграл он совсем мало, поэтому прямо сравнивать с другими игроками его не совсем корректно. И, как мне кажется, считывается это довольно естественно без ментальных усилий и вычислений, хотя подсказка при первой встрече с таким приемом не помешала бы.
На картинке изображена статистика трех игроков: исходы матчей, в которых они приняли участие (победы, ничьи, поражения). В центральной части диаграмм для сравнения расположена четкая статистика команды во всех матчах, а снаружи — только в тех матчах, где играл данный игрок.
Видно, что у первого игрока со статистикой всё хорошо, но и сыграл он совсем мало, поэтому прямо сравнивать с другими игроками его не совсем корректно. И, как мне кажется, считывается это довольно естественно без ментальных усилий и вычислений, хотя подсказка при первой встрече с таким приемом не помешала бы.