Микроанимация загрузки и прокрутки страницы
Якоб Нильсен
Основатель компании «Nielsen Norman Group», является также её руководителем. Компания создана им совместно с Дональдом Норманом, который до этого являлся вице-президентом «Apple Computer». Сам же Якоб Нильсен до 1998 года занимал должность ведущего инженера в компании «Sun Microsystems», где был специалистом по юзабилити. (Википедия)
Один из основных принципов юзабилити, сформулированный Якобом Нильсеном (Jakob Nielsen), говорит: держите пользователей в курсе того, что происходит.
Сделать это поможет микроанимация. Мы добавили два типа анимации:
1. загрузки страницы и индикатор загрузки с настраиваемым цветом, который подскажет пользователю: «все в порядке, страница загружается»;
2. индикатор прокрутки страницы, который скажет человеку на каком месте страницы он сейчас находится — в начале, середине или в конце.
1. загрузки страницы и индикатор загрузки с настраиваемым цветом, который подскажет пользователю: «все в порядке, страница загружается»;
2. индикатор прокрутки страницы, который скажет человеку на каком месте страницы он сейчас находится — в начале, середине или в конце.
1
Анимация и индикатор загрузки страницы
Чтобы добавить эту функцию, нужно на самый верх страницы добавить блок Т228, категория «Другое».
Пока нет анимации, страница загружается так:
Если добавить блок анимации загрузки страницы, появление контента станет более плавным:
Включим в настройках индикатор загрузки и зададим для него цвет:
Загрузка страницы с индикатором — вверху появилась бегущая полоска:
Индикатор не отображается в Safari, так как у этого браузера есть свой индикатор загрузки страницы.
2
Индикатор прокрутки страницы
Чтобы добавить эту функцию, нужно добавить блок Т333, категория «Другое». В настройках блока можно задать цвет и толщину линии индикатора.
