Поиск

Статьи » Web-дизайн10 критичных юзабилити ошибок, которые нужно избегать!

Написал: Alex V, 20 сентября 2011 | Мнений 0 | Просмотров: 2648
Рейтинг: 
Не нравится ( - ) +1 Нравится ( + )
10 критичных юзабилити ошибок, которые нужно избегать!На стадии дизайна и разработки мы должны учитывать прописные истины и основные концепции для улучшения юзабилити сайта. В этой статье описываются классические, но непростительные ошибки в области веб-дизайна и способы их решения.

Преступление #1: В формах метки не связаны с полями ввода

10 критичных юзабилити ошибок, которые нужно избегать!


Использование атрибута «for» позволит пользователям кликать по метке, для выбора соответствующего поля формы. Это особенно важно для чекбоксов и радиокнопок — увеличить область клика.

Преступление #2: Логотип не ведёт на главную страницу

10 критичных юзабилити ошибок, которые нужно избегать!


Создание такой ссылки является хорошим тоном, ведь большинство пользователей ожидают перехода в корень сайта при клике на логотип.

Преступление #3: Не помечены посещённые ссылки

10 критичных юзабилити ошибок, которые нужно избегать!


Об этом забывают очень часто, но посетителям нужно знать по каким ссылкам они уже кликали.

Преступление #4: Не подсвечено в форме активное поле

10 критичных юзабилити ошибок, которые нужно избегать!


Используйте псевдо-класс “:focus” для добавления к полям ввода рамки или смены фона.

Преступление #5: Изображения без описания

10 критичных юзабилити ошибок, которые нужно избегать!


В атрибуте «alt» укажите описание изображения. А если картинка носит оформительно-декоративный характер, то оставьте его пустым (но не удаляйте!). Если же это кнопка-ссылка, то укажите в описании куда она ведёт.

Преступление #6: Фоновые изображения без фонового цвета

10 критичных юзабилити ошибок, которые нужно избегать!


Если у пользователя будут отключены картинки, то текст может стать нечитаемым. Используйте схожий с картинкой фоновый цвет.

Преступление #7: Использование длинных скучных абзацев текста

10 критичных юзабилити ошибок, которые нужно избегать!


Нет ничего хуже, чем монотонный и непрерывный текст. Вставляйте в контент картинки, заголовки и отступы для боле комфортного чтения.

Преступление #8: Подчёркивание того, что не является ссылкой

10 критичных юзабилити ошибок, которые нужно избегать!


Не подчёркивайте текст где ни попадя! Пользователи привыкли видеть в таком стиле ссылки — не сбивайте их с толку. Лучше оформите необходимые слова курсивом или жирным.

Преступление #9: Призывать посетителей «кликнуть здесь»

10 критичных юзабилити ошибок, которые нужно избегать!


Использование слов «перейти по ссылке», «кликните здесь» и прочих подобных «шедевров» недопустимо. Т.к. заставляет посетителя вчитываться в предложение для понимания того, куда же ведёт ссылка. Вместо этого в тексте ссылки используйте её описание.

Преступление #10: Выравнивать текст по ширине

10 критичных юзабилити ошибок, которые нужно избегать!


Старайтесь не использовать «text-align: justify». Текст может красиво выглядеть, но на самом деле становится трудночитаемым (особенно для людей с ограниченными возможностями) из-за разного расстояния между словами.

Советуем обратить внимание на похожие новости

10 способов сделать юзабилити сайта лучше! 10 способов сделать юзабилити сайта лучше!
Любой человек согласится, что практичность является важным аспектом веб-дизайна. Работаете ли вы над портфолио веб-сайта, интернет-магазином или веб-приложением, сделать свои страницы более легким и приятным для посетителей является ключевым фактором. Многие исследования были проведены на протяжении ... Читать

Ошибка, которая может убить Ваш сайт
Что главное на Вашем сайте? Дизайн? Навигация? Картинки? Вероятно, всё это важно, но если Ваш сайт - не картинная галерея, то самым главным на нём всё же является текст. В этом легко убедиться. Вы можете убрать со страниц все картинки, и сайт, скорее всего, останется жизнеспособен, хотя и потеряет ... Читать

10 советов по созданию рекламных баннеров
Предприниматели часто обращаются ко мне с вопросом о том, как создать эффективно работающий рекламный баннер. Чтобы ответить на него широкой общественности, я решил написать эту статью, объединив в ней 10 лучших на мой взгляд приемов делового дизайна.


Комментарии пользователей
Для того чтобы оставить комментарий нужно залогиниться

Добавить комментарий

Ваше Имя:
Ваш E-Mail:
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код:

Френдзона


Видео материалы



Как сортировать много email информации?!...
Наверное каждому человеку который работает в сети интернет, приходит достаточно много лишн...

4 модели высокоприбыльного онлайн-бизнеса...
Меня постоянно одолевают вопросами: \"Какую модель онлайн-бизнеса мне стоит выбрать? Может...

Как избавиться от каши в голове / Урок 4...
Видеоурок # 4. Синхронизация Google календаря с программой SunbirdВ четвертом уроке мы с ...

Как избавиться от каши в голове / Урок 3...
Видеоурок # 3. Доступ к календарю с мобильникаВ третьем уроке мы с вами узнаем как можно ...

Как избавиться от каши в голове / Урок 2...
Видеоурок # 2. Работа с Google календаремКак понятно из названия, во втором видео мы с вам...

Как избавиться от каши в голове / Урок 1...
Видеоурок # 1. Простой рецепт \"свежей\" головыВ первом видеоуроке мы с вами познакомимся....

Конкуренция в интернет-бизнесе: достойная...
Видео-подкаст о том, почему волнение о конкуренции это полный идиотизм....

Формула Толстокожести Или Как Себя Вести,...
Успех в интернет-бизнесе имеет побочный эффект. Он может кому-то не понравится… Вы мо...

ВИДЕО: Секреты e-mail маркетинга прямиком...
Факт! Если бы моя мама вела свой интернет-бизнес, в e-mail копирайтинге она бы переплюнула...


Информация

Нам часто пишут и задают один и тот же вопрос, "Работа в сети это реально?" или "С чего начать свой заработок в сети?"... Уважаемые! Для этого и был создан этот сайт, пожалуйста пользуйтесь поиском и читайте заметки и статьи. Советую начать с раздела "Работа в интернете", там находиться больше +250 статей и больше +500 способов заработка в интернете. С какого начать? Где больше денег? Это уже решать Вам! Работайте там - где Вам интересно работать и тогда у Вас все получиться. А если, что-то не понятно комменируйте статьи и мы ответим на ваши вопросы! Удачного начала!


Это интересно


Новое


Опрос

Оцените Дизайн Сайта

Лучше Всех
Отлично
Очень Хорошо
Хорошо
Так себе
Даже незнаю


Топ комментов

Alex V
Работа и труд, все перетрут!
ICQ: 206983285
комментариев: 83

Mhz-Serge
Жизнь - это хорошо сделанное 3D
ICQ: 318057
комментариев: 29

rombel
Все будет хорошо
ICQ: 393549222
комментариев: 13

Alem

ICQ: 444688221
комментариев: 5

Yury_md

ICQ:
комментариев: 4