Топ 10 ошибок в веб-дизайне

  1. 1. Плохой поиск
  2. 2. PDF-файлы для онлайн-чтения
  3. 3. Не меняя цвет посещенных ссылок
  4. 4. Не сканируемый текст
  5. 5. Фиксированный размер шрифта
  6. 6. Заголовки страниц с низкой видимостью в поисковых системах
  7. 7. Все, что выглядит как реклама
  8. 8. Нарушение правил дизайна
  9. 9. Открытие нового браузера Windows
  10. 10. Не отвечая на вопросы пользователей
  11. Другие Топ-10 Списки

Со времени моей первой попытки в 1996 году я составил множество топ-10 самых больших ошибок в веб-дизайне. Смотрите ссылки на все эти списки внизу этой статьи. В этой статье представлены основные моменты: самые худшие ошибки веб-дизайна. (Обновлено 2011 г.) Со времени моей первой попытки в 1996 году я составил множество топ-10 самых больших ошибок в веб-дизайне

1. Плохой поиск

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

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

Поиск - спасательный круг пользователя, когда навигация не удалась. Хотя иногда может помочь расширенный поиск, простой поиск обычно работает лучше всего и поиск должен быть представлен в виде простого поля, так как это то, что ищут пользователи.

2. PDF-файлы для онлайн-чтения

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

Хуже всего то, что PDF - это недифференцированный большой объем контента, по которому трудно ориентироваться.

PDF отлично подходит для печати и для распространения руководств и других больших документов, которые необходимо распечатать. Зарезервируйте его для этой цели и преобразуйте любую информацию, которую необходимо просмотреть или прочитать на экране, в реальные веб-страницы.

> Подробное обсуждение почему PDF плохо подходит для чтения в Интернете

3. Не меняя цвет посещенных ссылок

Хорошее понимание прошлой навигации поможет вам понять ваше текущее местоположение, поскольку оно является кульминацией вашего путешествия. Знание своего прошлого и настоящего местоположения, в свою очередь, облегчает решение, куда идти дальше. Ссылки являются ключевым фактором в этом процессе навигации. Пользователи могут исключать ссылки, которые оказались бесплодными в ходе их предыдущих посещений. И наоборот, они могут вернуться к ссылкам, которые они нашли полезными в прошлом.

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

Эти преимущества накапливаются только при одном важном допущении: пользователи могут различать посещенные и не посещенные ссылки, поскольку сайт показывает их разными цветами. Когда посещаемые ссылки не меняют цвет, пользователи проявляют большую навигационную дезориентацию при тестировании удобства использования и непреднамеренно повторно посещают одни и те же страницы.

> Последствия юзабилити изменения цвета ссылок
> Руководство по отображению ссылок >   Последствия юзабилити изменения цвета ссылок   >   Руководство по отображению ссылок

4. Не сканируемый текст

Стена текста смертельна для интерактивного опыта. Устрашающий. Скучный. Больно читать.

Написать для онлайн , не печатать. Чтобы привлечь пользователей к тексту и поддержать сканируемость, используйте хорошо документированные приемы:

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

> Eyetracking моделей чтения

5. Фиксированный размер шрифта

К сожалению, таблицы стилей CSS дают веб-сайтам возможность отключить кнопку «изменить размер шрифта» в веб-браузере и указать фиксированный размер шрифта. Приблизительно в 95% случаев этот фиксированный размер крошечный , что значительно снижает читабельность для большинства людей старше 40 лет.

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

6. Заголовки страниц с низкой видимостью в поисковых системах

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

Заголовок страницы содержится в теге HTML <title> и почти всегда используется в качестве кликабельного заголовка для списков на страницах результатов поисковой системы (SERP). Поисковые системы обычно показывают первые 66 символов или около того названия, так что это действительно микроконтент ,

Заголовки страниц также используются в качестве записи по умолчанию в Избранном, когда пользователи создают закладки для сайта. Для вашей домашней страницы, начните с названия компании, а затем краткое описание сайта. Не начинайте со слов, таких как «The» или «Welcome to», если вы не хотите алфавитизировать под буквой «T» или «W».

Для страниц, отличных от домашней, начните заголовок с нескольких наиболее важных слов, содержащих информацию, которые описывают особенности того, что пользователи найдут на этой странице. Поскольку заголовок страницы используется в качестве заголовка окна в браузере, он также используется в качестве метки для этого окна на панели задач в Windows, что означает, что опытные пользователи будут перемещаться между несколькими окнами под руководством первых одного или двух слов каждого Заголовок страницы. Если все заголовки ваших страниц начинаются с одних и тех же слов, вы значительно снизили удобство использования для пользователей с несколькими окнами.

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

7. Все, что выглядит как реклама

Избирательное внимание очень мощное, и пользователи Интернета перестали обращать внимание на любую рекламу, которая мешает их целенаправленной навигации. (Основным исключением является текстовые объявления в поисковых системах .)

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

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

  • баннерная слепота означает, что пользователи никогда не зацикливаются на чем-то, что выглядит как рекламный баннер из-за формы или позиции на странице
  • избегание анимации заставляет пользователей игнорировать области с мигающим или мигающим текстом или другими агрессивными анимациями
  • всплывающие чистки означают, что пользователи закрывают всплывающие окна до того, как они полностью рендерится; иногда с большой злобой (своего рода триумф «Возвращение в геогорода»).

8. Нарушение правил дизайна

Согласованность - это один из самых мощных принципов юзабилити: когда вещи всегда ведут себя одинаково, пользователям не нужно беспокоиться о том, что произойдет. Вместо этого они знают, что произойдет, основываясь на предыдущем опыте. Каждый раз, когда вы отпускаете яблоко над сэром Исааком Ньютоном, оно падает на его голову. Это хорошо

Чем больше ожидания пользователей окажутся правильными, тем больше они будут чувствовать себя в управлении системой и тем больше им понравится. И чем больше система нарушает ожидания пользователей, тем больше они будут чувствовать себя неуверенно. Ой, может быть, если я отпущу это яблоко, оно превратится в помидор и прыгнет на милю в небо.

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

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

9. Открытие нового браузера Windows

Открытие новых окон браузера подобно продавцу пылесосов, который начинает посещение, опустошая пепельницу на ковре клиента. Не загрязняйте мой экран больше окнами, спасибо (особенно, потому что у текущих операционных систем есть убогое управление окнами).

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

Ссылки, которые не ведут себя должным образом, подрывают понимание пользователями их собственной системы. Ссылка должна быть простой гипертекстовой ссылкой, которая заменяет текущую страницу новым контентом. Пользователи ненавидят необоснованные всплывающие окна. Когда они хотят, чтобы место назначения появилось на новой странице, они могут использовать команду своего браузера «открыть в новом окне» - при условии, конечно, что ссылка не является фрагментом кода, который мешает стандартному поведению браузера. Ссылки, которые не ведут себя должным образом, подрывают понимание пользователями их собственной системы

10. Не отвечая на вопросы пользователей

Пользователи очень целеустремленны в Интернете. Они посещают сайты, потому что хотят чего-то достичь - возможно, даже купить ваш продукт. Конечная неудача веб-сайта - не предоставить информацию, которую ищут пользователи.

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

Худшим примером не отвечая на вопросы пользователей является не указывайте цену продуктов и услуг. Ни один сайт электронной коммерции B2C не допустил бы этой ошибки, но в B2B где представлено большинство «корпоративных решений», чтобы вы не могли определить, подходят ли они для 100 человек или 100 000 человек. Цена - это самая конкретная часть информации, которую клиенты используют для понимания природы предложения, а отсутствие ее заставляет людей чувствовать себя потерянными и снижает их понимание продуктовой линейки. У нас есть часы видео пользователей, спрашивающих "Где цена?" вырывая их волосы.

Даже сайты B2C часто делают связанную ошибку, забывая о ценах в списках продуктов, таких как страницы категорий или же результаты поиска , Знание цены является ключевым в обеих ситуациях; это позволяет пользователям различать продукты и переходить к наиболее релевантным.

Другие Топ-10 Списки

Смотрите также: Юзабилити 101: Введение в юзабилити (статья) и UX Базовое обучение (дневной курс)

О школе
О школе

О школе

Школа была открыта в 1959г. Первые выпускники были выпущены в 1966 г. Учредителем является МНО РТ, Горисполком. Координаты школы: Республика Татарстан, 420012, г. Казань, ул. Муштари д.6.
История

История

Школа № 18 была создана в 1959 году, как первая школа в республике Татарстан с углублённым изучением английского языка. Реформирование школьного образования проводится в школе по
Похожие новости /   Комментарии

    Обновления сайта

    Здравствуйте. Сегодня наконец то мы обновили наш сайт. Теперь на сайте доступны библиотеки для чтения, Вы всегда можете задать вопрос администратору сайта. Получить консультацию на все интересующие вопросы. Ознакомится с новыми событиями и новостями. В дальнейшем сайт будет наполнятся свежими новостями и статьями.

    О школе

    Школа была открыта в 1959г. Первые выпускники были выпущены в 1966 г. Учредителем является МНО РТ, Горисполком. Координаты школы: Республика Татарстан, 420012, г. Казань, ул. Муштари д.6. Полное название- Средняя школа №18 с углублённым изучением английского языка Директор: Шевелёва Надия Магсутовна. Научный руководитель: Русинова Сазида Исмагиловна,

    История

    Школа № 18 была создана в 1959 году, как первая школа в республике Татарстан с углублённым изучением английского языка. Реформирование школьного образования проводится в школе по эволюционному пути, избегая резких преобразований, опасных в этой системе человеческой деятельности. С этой целью 7 лет школа работала в условиях экспериментальной площадки, где