Илья Бирман |
Напомню, мы говорим о том, как уменьшить шум. В прошлом совете обсудили приёмы УВЛ и вынесение за скобку. Вот ещё один. Соединить информационные функцииКогда скорости интернета стало хватать, на сайтах появились Некоторые из них поддерживали плейлисты. Мы делали встраиваемый плеер для Веборамы, и посмотрели на эти виджеты критически. Обязательно нужны название песни и кнопка «Плей»: Ещё нужна ссылка на саму Вебораму, ведь смысл — в получении трафика с сайтов пользователей. Сделаем ссылкой название песни: |
Хочется Во время подгрузки линия становится волнистой: Благодаря такой компактности у нашего виджета появилось новое качество: его можно вставлять прямо в текст: Чтобы получился плейлист, можно просто разместить плееры разных песен в несколько строк. А громкость и так есть на компьютере. Технически плеер был реализован как скрипт, который дополнял описанной функциональностью любую ссылку, ведующую на песню на Вебораме. Поэтому если у пользователя не работали скрипты или не было Флеша, то текст оставался текстом со ссылкой: Всегда стоит подумать, как наделить новой функцией существующий элемент, а не вводить новый. В почте Айфона есть функция «вип». Пользователь выбирает корреспондентов, письма от которых для него особенно важны, и они отображаются со звёздочкой. А ещё у писем бывает отметка непрочитанности — привычный синий шарик. У непрочитанных На Маке кнопка закрытия окна сигнализирует о несохранённости документа точкой внутри: Точка выглядит как препятствие внутри кнопки, и действительно, если нажмёшь, окно не закроется, а система спросит, не сохранить ли документ. |
Э. Тафти. Представление информации. Глава 7: Многофункциональные графические элементы |
В браузере Сафари были совмещены прогрессбар и адресная строка: |
Индикатор включённости и подсветка чайника — это одно и то же: |
Принцип работает и за пределами пользовательского интерфейса: |
Екатеринбург |
Челябинск |
Навигация в «Дримхаусе» |
Вход в «Коворкафе» |
После уменьшения шума дизайн следует перепроверить взглядом новичка. Если важный элемент потерялся, оставшись в предыдущем экране, его нужно вернуть. |