Разгружаем интерфейс сайта
Сегодня я поделюсь с вами несколькими простыми приемами, которые можно использовать для упрощения интерфейса вашего сайта. Зачем вам это нужно? А вот зачем. Бытует ошибочное мнение, что чем сложнее и мудренее сайт, тем современнее, интереснее и привлекательнее он выглядит для посетителя. Возможно, другой веб-мастер и подивится вашей изобретательности и будет считать такой сайт произведением искусства, а вот обычный пользователь предпочитающий простоту и доступность, уйдет на сайт конкурентов, чтобы не тратить время на выяснение, что как работает. Это также может повлиять на размер вашей прибыли с сайта. Когда вы сотрудничаете с партнерскими программами, например Sunbucks.ru, количество посетителей, перешедших по вашим ссылкам на ресурсы партнерки, напрямую повлияет на процент вашего дохода. Так что, в ваших же интересах, чтобы на сайт поступало большое количество посетителей. И один из путей привлечения пользователей – это доступность и простота сайта.
1. Модальные окна
Модальные окна – это новый вид всплывающих окон. Отличие модального окна от всплывающего в том, что оно не появляется в новом окне, а расположено внутри текущего поверх всего контента. Такое окно зачастую используется, чтобы привлечь внимание пользователей, поэтому контент под ним становится темнее, чтобы пользователи обратили внимание на содержание модального окна.
Формы, настройки, входы и многое другое часто показаны в таких окнах. Это в первую очередь удобно для пользователей, так как экономит их время, и вам не приходится перенаправлять их на новую страницу, кроме того, нагрузка на сервер уменьшается, потому что ему в случае использования модальных окон нужно будет обрабатывать меньше запросов.
2. Кнопки при наведении
Если некоторые кнопки вашего приложения используются пользователями не так часто и не слишком важны, их можно спрятать.
Но не спрятать навсегда, а сделать их всплывающими, то есть, когда пользователь наводит курсор на определенную область, кнопка вновь появляется.
Благодаря таким всплывающим кнопкам интерфейс становится более простым, но в то же время функциональным.
3. Надписи внутри форм
Заполнение форм – это не самый интересный процесс для пользователя, а представьте, если эти формы еще большие и сложные, тут и запутаться просто. Поэтому если вы сделаете формы более простыми, вы сохраните время и нервы вашему пользователю. Как это можно сделать? Да очень просто. Перенесите текстовые обозначения, которые расположены под формой или рядом с ней непосредственно в ее текстовое поле. Так вы сэкономите место и уменьшите размер формы, что сделает ее более привлекательной. Минус в том, что, как только пользователь поставит курсор в текстовое поле, надпись исчезнет, и можно забыть, что было написано. Чтобы этого избежать, сделайте так, чтоб при клике на поле, надпись тускнела, а не исчезала, а вот когда пользователь начнет печатать, она исчезнет.
4. Иконки вместо текста.
Чтобы сделать дизайн интерфейса более простым, вы также можете избавиться от редко используемых и ненужных текстовых надписей. Но зачастую нельзя просто удалить текст, тогда замените его на иконку. Она более приятна пользователю, на ней проще сконцентрироваться, плюс, она занимает меньше места. Но к такому способу нужно подходить крайне осторожно, иначе вы можете сделать интерфейс непонятным для пользователя.
Если вы решили воспользоваться какой-то новой функцией, знайте, как только вы ее добавили, многие начнут ей пользоваться, и вам сложно будет ее убрать. Поэтому прежде, чем добавлять, убедитесь в ее необходимости.
Читайте также:
Статья отличная. спасибо!