РЭДЛАЙН
Лучшие решения для Вас и Вашего бизнеса!
На нашем сайте вы можете получить информацию о веб-разработке, обслуживании и продвижении сайта. Интернет-маркетинге. SEO (поисковой оптимизации). Контекстной и медийной рекламе в Интернете. SMM. Регистрации доменов и хостинговых услугах. И современном дизайне сайтов. Вообщем того что касается веб-разработки, а также много другой полезной информации из мира интернета, бизнеса и интернет-технологий...
Создаем доступные и современные сайты, которые работают! Обслуживаем и эффективно продвигаем интернет-проекты с 2006 года!
Главная Юзабилити Когда плохой дизайн становится стандартом


Когда плохой дизайн становится стандартом

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

  • Если 90% и более процентов этих сайтов оформили этот элемент одинаково, значит это оформление стало стандартом де-факто, и вы обязаны подчиниться этому стандарту.
  • Если 60-90% процентов этих сайтов оформили этот элемент одинаково, тогда это оформление является очень популярным и вам следует ему подчиниться, если только ваше альтернативное оформление не увеличивает удобство пользования элементом как минимум на 50%.
  • Если менее 60% этих сайтов оформили этот элемент одинаково, это значит, что пока не выработан доминирующий стандарт, и вы свободны придумывать свое собственное оформление. Но даже в этом случае, если существуют варианты, каждый из которых используется как минимум на 20% крупных сайтов, вам следует ограничить свою фантазию и выбрать одно из уже знакомых пользователям оформлений, если только ваше альтернативное оформление элемента не увеличивает удобство пользования как минимум на 25%, по сравнению с самым лучшим существующим вариантом.

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

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

Организация информации и реализация задач: стандартов нет

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

Некоторые аспекты информационной архитектуры уже стали принимать очертания общепринятых правил: большинство корпоративных сайтов непременно имеют разделы "Продукты/Products" и "О компании/About Company". Более того, раздел "О компании " как правило содержит информацию для инвесторов и посетителей, ищущих работу, а также общую информацию об истории компании и ее руководстве. Адреса офисов компании и карты проезда к ним также располагают в разделе "О компании", но это не считается пока устоявшимся правилом, так как, например, многие сайты используют другую информационную архитектуру и помещают эти данные в особый раздел "Контакты". Так как пользователи часто ожидают найти адрес компании в разделе "О компании", веб-сайтам, поместившие эти данные в другой раздел, следует сделать перекрестную ссылку с раздела "О компании" на раздел "Контакты".

Примеры устоявшихся правил дизайна

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

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

  • Синий текст в Web означает "щелкай здесь", поэтому оставляя непосещенные ссылки синими, вы не ставите перед пользователем никаких сомнений в том, что куда они могут пойти дальше. Гораздо больше времени экономится из-за того, что посетители быстро догадываются, куда они могут пойти со страницы, чем теряется из-за того, что несколько слов на странице оформлены цветом, замедляющим чтение на несколько миллисекунд
  • Что еще более важно, это отличие непосещенных ссылок (синий цвет) и посещенных (лиловый). Это отличие помогает посетителям понять структуру веб-сайта и не потеряться в путешествии по нему. На сайтах, где цвета ссылок изменены, мы часто наблюдаем, как посетители возвращаются на одну и ту же страницу снова и снова только потому, что они не понимают по цвету ссылки, что уже были на этой странице. Эта дополнительная путаница, замедленная навигация по сайту, снижение вероятности, что пользователи смогут найти нужную страницу - все это вы получаете взамен того, что просто поменяете традиционные цвета ссылок.

Закладки для разделов

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

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

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

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

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

Левая полоса навигации

Первым "Желтую Лихорадку" в веб-дизайне подхватил веб-сайт CNET (где-то в 1996 году), и с тех пор эта болезнь заразила такое количество сайтов, что превратилась практически в незыблемое правило: у каждого сайта теперь вдоль левого края страницы тянется сверху вниз цветная полоска, на которой располагаются главные ссылки навигации.

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

Самое интересное, что сам сайт CNET оправился от Желтой Лихорадки в 1999 году, и теперь использует дизайн, в котором ссылки навигации сконцентрированы вверху страницы. Благодаря этому все оставшееся пространство на экране отдано под материалы сайта. Их новый дизайн мне нравится гораздо больше.

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

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

  • Закон Фиттса гласит, что чем меньше приходится двигать мышкой, тем лучше: щелкнуть получается гораздо быстрее, если между целью и текущим положением мыши короткое расстояние. Таким образом, располагая линейку навигации рядом с линейкой прокрутки вы убережете пользователя от метания по экрану из стороны в сторону между двумя наиболее используемыми областями.
  • Когда перед пользователем возникает новая страница , он всегда смотрит сначала на содержимое страницы, поэтому лучше всего было бы, если бы контент начинался с левого края окна (это привычно для тех, кто привык читать слева направо). После того, как пользователь покончит с контентом, его взгляд естественным образом переместится вправо, чтобы решить, куда следует идти дальше. И наоборот, если слева на странице будет полоса навигации, пользователю требуется перескочить через нее взглядом, прежде чем он начнет просматривать контент страницы.

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

Ссылки-цепочки

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

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

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

Если какой-либо из этих символов получит наибольшую популярность хотя бы на 60% сайтов, тогда я порекомендую и вам его использовать. Сегодня же, я бы сказал, что все символы хороши - ":", ">". "/" и стрелки. Но только не пытайтесь придумать еще какой-нибудь другой символ. Например, символом "вертикальная черта" ("|") принято обозначать два равных варианта выбора, и он не может использоваться для обозначения перемещения.

Якоб Нильсен

Когда плохой дизайн становится стандартом | | 2011-04-03 11:00:31 | | Статьи про Юзабилити | | Создавать сайты сейчас стало проще: если вы не знаете, как вам оформить определенный элемент дизайна страницы, все что вам нужно сделать, это зайти на двадцать наиболее посещаемых сайтов в Интернете | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Дайджест новых статей по интернет-маркетингу на ваш email
Подписаться

Продающие сайты "под ключ"!

Наши сайты зарабытывают вам деньги. Landing-page. Эффективные продающие сайты точно в срок и под ключ! Всего от 14700 рублей
Подробнее...

Интернет-магазины и каталоги "под ключ"!

Эффективные и удобные инструменты торговли (электронной торговли) "под ключ". Продают, даже когда вы спите! Всего от 33800 рублей
Подробнее...

Комплексный интернет-маркетинг и продвижение сайтов

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

Реклама в Yandex и Google

Контекстная реклама нацелена лишь на тех пользователей, которые непосредственно заинтересованы в рекламе Ваших услуг или товаров. Всего от 8000 рублей в месяц
Подробнее...

Social media marketing (SMM) — продвижение в социальных медиа

Реклама в Однокласcниках и на Mail.ru Создание, ведение и раскрутка групп и реклама ВКонтакте и Facebook. Всего от 8000 рублей в месяц
Подробнее...

Приглашаем к сотрудничеству рекламные агентства и веб-студии!

Внимание Акция! Приглашаем к сотрудничеству рекламные агентства и различные веб-студии России! Индивидуальные и взаимовыгодные условия сотрудничества.
Подробнее...

Ускоренная разработка любого сайта от 5 дней!

Внимание Акция! Ускоренная разработка любого сайта! Ваш сайт будет готов за 5-10 дней. Вы можете заказать разработку любого сайта "под ключ" за 5-10 рабочих дней, с доплатой всего 30% от его стоимости!
Подробнее...

Ждем новых друзей!

Внимание Акция! Ждем новых друзей! Скидка 10% на услуги по созданию и(или) обслуживанию вашего сайта при переходе к нам от другого разработчика.
Подробнее...

Приведи друга и получи скидку!

Внимание Акция! Приведи друга и получи скидку! Скидка 10% на услуги по созданию и(или) обслуживанию вашего сайта, если клиент заказавший наши услуги, пришел по Вашей рекомендации.
Подробнее...

1 2 3 4 5 6 7 8 9

Новые статьи и публикации


Услуги интернет компании Редлайн

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

Лабрюйер Жан де (1645-1696) - французский писатель, мастер афористической публицистики

Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!

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

Заявка
Позвоните или оставьте заявку на сайте.


Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!


Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.


Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.


Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.

Остались еще вопросы? Просто позвоните и задайте их специалистам
с 2:30 до 11:30 по Мск, звонок бесплатный
Или напишите нам в WhatsApp
с 9:30 до 18:30 по Хабаровску
Или напишите нам в WhatsApp
Веб-студия и агентство комплексного интернет-маркетинга «РЭДЛАЙН» © 2006 - 2024

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

Оставьте заявку / Задайте вопрос

Нажимая на кнопку ОТПРАВИТЬ, я даю согласие на обработку персональных данных
×

Заказать услугу

Нажимая на кнопку ОТПРАВИТЬ, я даю согласие на обработку персональных данных
×

Обратный звонок

Нажимая на кнопку ОТПРАВИТЬ, я даю согласие на обработку персональных данных
×

Подписка на дайджест новостей

Нажимая на кнопку ОТПРАВИТЬ, я даю согласие на обработку персональных данных
×

Заказать услуги со скидкой \ Бесплатная консультация







КАКИЕ УСЛУГИ ВАС ИНТЕРЕСУЮТ?

КАКИЕ ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ ПОТРЕБУЮТСЯ?

Нажимая на кнопку ОТПРАВИТЬ, я даю согласие на обработку персональных данных
×

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

Что нужно сделать, чтобы заказать создание сайта у нас?

Ну для начала вам нужно представлять (хотя бы в общих чертах), что вы хотите получить от сайта и возможно каким вы хотите его видеть. А дальше все просто. Позвоните нам или оставьте заявку нашим менеджерам, чтобы они связались с Вами, проконсультировали и помогли определиться с подходящим именно Вам сайтом по цене, сроку, дизайну или функционалу. Если вы все ещё не уверены, какой сайт вам нужен, просто обратитесь к нам! Мы вместе проанализируем вашу ситуацию и определим максимально эффективный для вас вариант.

Быстрый заказ \ Консультация

Для всех тарифных планов на создание и размещение сайтов включено:

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

Комплексная раскрутка работает в рамках стратегии развития вашего бизнеса в сети и направлена

Быстрый заказ \ Консультация

ЭФФЕКТИВНОЕ СОПРОВОЖДЕНИЕ (ПОДДЕРЖКА, ОБСЛУЖИВАНИЕ) САЙТОВ

Полный комплекс услуг по сопровождению сайтаМы оказываем полный комплекс услуг по сопровождению сайта: информационному и техническому обслуживанию и развитию Интернет сайтов.

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

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

Быстрый заказ \ Консультация

Редизайн сайта и Адаптивный веб дизайн

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

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

Адаптивный дизайн сайтов и веб-приложений

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

На сегодняшний день адаптивный дизайн является стандартным подходом при разработке новых сайтов (или веб-приложений) и в идеале ваш сайт должен смотреться и функционировать так, как вы задумывали, на всём разнообразии устройств.

Быстрый заказ \ Консультация

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

Реклама в поисковых системах Яндекс и Google. Профессиональная настройка рекламы и отслеживание эффективности!

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

Быстрый заказ \ Консультация

Скидка

1500 руб.
Заинтересовались услугами создания, обслуживания или продвижения вашей компании в Интернете?!
Получите 1500 руб.
за он-лайн заявку
Предложение ограничено.

После получения заявки с Вами свяжутся наши специалисты и уточнят все детали по интересующей вас услуге.
«Нажимая на кнопку "Получить скидку", я даю согласие на обработку персональных данных»
×
Получите 1500 рублей!
×
×