Топ 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 Базовое обучение (дневной курс)

Похожие

Как PR-компании редактируют Википедию
... нее исследование Мегапанели показывает, что 9,7 миллиона поляков ежемесячно используют Википедию. Это дает сайту 9-е место в списке самых популярных в польской сети, тем не менее, он использует 700 тысяч. пользователи меньше года назад. [Рис. BLOOMBERG] В поисках информации о человеке, компании, компании и неизбежно вы попадаете - или в самом начале - в Википедию, популярную бесплатную энциклопедию, которая основана на принципе редактирования статей пользователями Интернета.
Windows 10 Октябрь 2018 Обновление: как проверить, были ли потеряны данные?
Обновление Windows 10 за октябрь 2018 - это обновление, которое оказалось неудачным. Некоторые пользователи потеряли свои личные данные после установки. Microsoft отозвала обновление. Если вам интересно, как проверить, удалили ли ваши данные обновление Windows 10 за октябрь 2018 года, то все в порядке. Файлы должны быть в состоянии быть восстановленными. Windows 10 Октябрь 2018 Обновление Премьера
Понять права на понижение версии Microsoft Windows и понизить версию Windows 8, 8.1 и 10
Эта статья содержит информацию о правах на понижение Microsoft Windows и объясняет, как понизить версию Windows 8, 8.1 и 10 на ПК Dell. Содержание: Что такое права на понижение? Понимание прав на понижение версии Microsoft Windows даунгрейда руководства Что такое права на понижение? Права на понижение -
Не все внешние жесткие диски будут работать правильно при подключении к USB-порту телевизора
Если вы рассматривали возможность покупки нового внешнего жесткого диска для подключения к USB-порту вашего телевизора для воспроизведения мультимедиа, вы можете пересмотреть этот вопрос. Независимо от их размера, многие новые внешние жесткие диски и SSD-накопители обычно также используют формат разделения, называемый GPT (таблица разделов GUID). GPT позволяет использовать всю емкость диска в компьютерной системе. Однако этот же формат разделения может не распознаваться вашим телевизором.
Как использовать Kaspersky с новыми версиями Google Chrome
... все возможное, чтобы защитить пользователей и предложить им лучшие решения в области безопасности. То же самое касается Google, который недавно объявил, что браузер Chrome теперь будет работать с расширениями только из официального Интернет-магазина Chrome. Согласно статье (http://blog.chromium.org/2013/11/protecting-windows-users-from-malicious.html), которую Google разместил в своем блоге в прошлом году, это решение направлено на защиту пользователей от уязвимых вредоносные и раздражающие
Как остановить большинство атак на сайт за 5 минут
... не заплатлю, и что атака будет увеличиваться, пока они не получат то, что хотят. Атака вашего сайта - одна из самых неприятных вещей, которые могут случиться с владельцем бизнеса. Веб-хосты не всегда легко доступны, и если / когда вы наконец-то завладеете кем-то, шансы невелики, что они высококвалифицированный техник, который действительно может помочь вам диагностировать проблему. Конечно, создание билета поддержки - ваша лучшая долгосрочная ставка, и она должна быть
Chromecast - потоковое видео с ПК на телевизор никогда не было проще - Spider's Web
... правильно, потому что три перечисленных шага - это все, что вам нужно сделать, чтобы активировать Chromecast.
4 простых способа настроить общее диалоговое окно в Windows XP
Реклама Юморист Энди Руни однажды сказал: «Компьютеры облегчают выполнение многих вещей, но большинство вещей, которые они облегчают, делать не нужно». Возможно, он был ранним сторонником простоты. Мир сделал шаг вперед,
Виртуальный WiFi в Windows 7
Виртуальный WiFi в Windows 7. Сейчас сложно представить, как можно обойтись без использования беспроводных сетей в аэропортах, гостиницах, на выставках и даже дома. Создание беспроводной сети сделало существенный вклад в индустрию и изменило сам подход к использованию персонального компьютера. А в этой статье описана технология
В Дании изобретатель затопленного подводной лодки рассказал, как погибла журналистка
... водной лодки «Наутилус» Петер Мадсен назвал причиной смерти шведской журналистки Ким Валле случайный удар о люк. Об этом сообщает общественное со ссылкой на The Copenhagen Post.
Как проверить интернет-соединение вашего компьютера с помощью теста Ping SUPPORTrix
... нет-протокола) и для измерения времени прохождения сигнала в обоих направлениях от хоста к компьютеру назначения. Пинг-тест определяет, может ли компьютер взаимодействовать с другими компьютерами по сети. Это также поможет вам определить задержку соединения (задержку) между двумя компьютерами. Ping-тест полезен при устранении проблем с подключением в любой сети. Он также может быть использован для измерения задержки или задержки с онлайн-игровыми сервисами или другими интернет-серверами.

Комментарии

Что еще о загрузке?
Что еще о загрузке? Да, есть такая живая вещь, которую создал adrian15, так что некоторые ноутбуки hp, которые поставляются с установками live-build, не путают загрузку Rescatux. Предполагается, что это новый стандарт для живых компакт-дисков, но согласно тому, что он сказал мне, не многие дистрибутивы готовы принять его. Это UUID для живых CD, которые он сказал мне. Он должен облегчить работу Yumi, Rufus, Easy2Boot и аналогичных инструментов, если он сочетается с loopback.cfg, по его
Как мне восстановить содержимое такого файла, когда мы не можем открыть его в Outlook?
Как мне восстановить содержимое такого файла, когда мы не можем открыть его в Outlook? Может случиться, что весь наш профиль будет поврежден, и мы не сможем нормально открыть его в Outlook. Это не означает, однако, что все содержимое файла PST подходит
Следует отметить, что Google TensorFlow Что такое Google TensorFlow?
Как мне восстановить содержимое такого файла, когда мы не можем открыть его в Outlook? Может случиться, что весь наш профиль будет поврежден, и мы не сможем нормально открыть его в Outlook. Это не означает, однако, что все содержимое файла PST подходит
Как решить YouTube не будет загружать MP4?
Как решить YouTube не будет загружать MP4? Чтобы решить, не может загрузить MP4 на YouTube, одним из рекомендуемых решений является преобразование MP4 в формат, совместимый с YouTube, такой как FLV, MP4 и т. Д. В этом отрывке мы хотели бы порекомендовать идеальный конвертер MP4 в YouTube под названием iDealshare VideoGo, с помощью которого вы можете легко конвертировать MP4 с различными кодеками в YouTube с поддержкой MP4 или просто конвертировать MP4 в YouTube с поддержкой FLV.
Сохранить как есть?
Сохранить как есть? Обновить? Убийство? Перенаправление? Canonical? Noindex? Запретить & noindex? Объединить и перенаправить? Выполнение анализа конкурентного разрыва Делать анализ конкурентных разрывов Это также похоже на аудит контента, но теперь вы также отслеживаете в своей электронной таблице столбец типа
Некоторые из более неясных персонажей также могут отображаться как?
Некоторые из более неясных персонажей также могут отображаться как? или пустой или маленький ящик. В старых браузерах даже довольно распространенные неанглийские символы могут отображаться в виде блоков. Старые браузеры могут также вести себя по-разному для некоторых из вышеперечисленных проблем, показывая? и пустые коробки чаще. Базы данных Приведенное выше обсуждение позволило избежать среднего этапа процесса - сохранения данных в базе данных. Базы данных,
Вы хотите изучать йогу должным образом и шаг за шагом получить все важные упражнения и техники йоги?
Вы хотите изучать йогу должным образом и шаг за шагом получить все важные упражнения и техники йоги? Тогда взгляните на наш Базовый курс "ЙОГАБАЗИКА 10 часов йоги для начинающих" на Amazon на. 5. Типичные ошибки в йоге приветствие солнцу и как ее избежать Ошибки в Приветствии Йоги и Солнца возникают главным образом из-за: Незнание деталей выравнивания
Как можно вызвать кабель локальной сети?
Как можно вызвать кабель локальной сети? Кабель локальной сети известен как сетевой кабель и часто упоминается как кабель Ethernet. Поэтому, если вы покупаете кабель Ethernet, вы всегда получаете кабель локальной сети. Два кабеля идентичны и используются для установления сетевого соединения
Как в полной мере использовать потенциал сайтов?
Как в полной мере использовать потенциал сайтов? Заказать тот, который имеет CMS. Что такое CMS? CMS (Система управления контентом) является системой управления контентом. Это позволяет редактировать контент на сайте, добавлять / удалять записи или загружать фотографии в галерею без знания языков программирования. В случае расширенных веб-сайтов CMS позволяет выполнять более сложные
Как можно?
Как можно? Справжны ценители выбирают скрижали (папирус, пергамент) ». И этот спор можно продолжать без конца, зануруючись все дальше в палеолитну глубину. Допустим, ты решил все же купить книги на английском в печатном виде. Печатные издания на английском языке: где купить? Если ты действительно ярый
Но вы, вероятно, задаетесь вопросом, исчезли ли ваши данные на ваших компьютерах после установки Windows 10 Октябрь 2018 Обновление?
Но вы, вероятно, задаетесь вопросом, исчезли ли ваши данные на ваших компьютерах после установки Windows 10 Октябрь 2018 Обновление? Голос в этом вопросе взял Дон Саркар, глава секретной программы тестирования окон. В двух твитах она дала, что делать. Вы можете легко проверить, относится ли проблема отсутствующих файлов к вам.

Windows 10 Октябрь 2018 Обновление: как проверить, были ли потеряны данные?
Содержание: Что такое права на понижение?
Понимание прав на понижение версии Microsoft Windows даунгрейда руководства Что такое права на понижение?
Что еще о загрузке?
Как мне восстановить содержимое такого файла, когда мы не можем открыть его в Outlook?
Как мне восстановить содержимое такого файла, когда мы не можем открыть его в Outlook?
Как решить YouTube не будет загружать MP4?
Сохранить как есть?
Сохранить как есть?
Обновить?
О школе
О школе

О школе

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

История

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

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

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

    О школе

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

    История

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