При разработке сайта важна каждая мелочь, ведь порой пользователь может уйти со страницы, если, к примеру, цвета на ней будут его раздражать. Или кнопку придется искать очень долго. Или шрифт мелковат для него. Таких «Или» — сотни.
Чтобы ничего не упустить, веб-дизайнеры создают списки, по которым проверяют готовый эскиз. Сегодня рассмотрим подобный список.
Конечно, его нельзя назвать обязательным, это, скорее, некий шаблон. Для каждого сайта туда нужно добавлять отдельные пункты, но в целом список хорош тем, что не позволит оставить грубые ошибки.
- Кнопки на сайте должны быть подписаны глаголом в инфинитивной форме: «Искать», а не «Ищем». Креативщиков, конечно, полно, но основная масса людей привыкла к классическим формам.
- Если на сайте есть чекбоксы, то должен быть и чекбокс, отмечающий все и снимающий отметки со всех.
- Клик на кнопке должно быть можно выполнить в любом месте кнопки, а не по центру или в правом нижнем углу.
- При вводе значений сайт должен выдавать пользователю подсказки. Если ввод произошел некорректно, то нужно указать, что именно заполнено не так.
- Первая буква в названии пунктов меню должна быть заглавная.
- Люди привыкли видеть логотип компании в верхнем левом углу, не разочаровывайте их. Логотип должен быть кликабельным и вести на главную страницу.
- Даже на сайте-визитке компании должен быть поиск по сайту, если количество страниц больше 3-5.
- Гиперсссылки необходимо подчеркивать или выделять цветом.
- Дизайн страниц должен быть выдержан в одном стиле. Пользователь просто не поймет, если одна страница у Вас будет такая, а вторая — другая.
- Если Вы используете тени для объектов, то важно учитывать ее направление. Одной из распространенных ошибок являются разные направленности теней от объектов, это сбивает с толку.
- Наиболее важные данные следует располагать на сайте вверху, чтобы пользователь смог увидеть их, а уже потом — все остальное.
- Цвета у пройденных и непройденных гиперссылок должны различаться, это закон Интернета.
- Важно также проверить, корректно ли отображается сайт на различных мониторах и различных браузерах.
Вроде бы из основного ничего не упущено. Пишите в комментариях ваши мнения!
3 комментария(ев) к "Список проверки интерфейса веб-сайта"
для 13 пункта подойдет сервис browsershots.org как раз проверяет отображение сайта в разных браузерах, при разном расширении и т.д. ...
Полезные советы, но многие и 10% от этого не делает. Особо бесит, когда логотип НЕ кликабельный, а ссылку на главную страницу ищешь уже оооочень долго...
[...] Постовой. Для всех разработчиков полезным будет список проверки интерфейса веб-сайта. Интересный сайт для те, кто работает на рынке forex – [...]
Добавить комментарии