+7 (912) 21 99 569Что такое юзабилити
Прежде всего, необходимо уточнить, что такое юзабилити. Безусловно, все слышали об этом и наверняка знают, но понятие это достаточно широкое и лучше сразу договориться, о чем конкретно эта статья. Она о том, как разработать не только красивый, но и удобный сайт, простой и интуитивно понятный пользователям.
Прежде чем попасть на ваш веб-сайт среднестатистический пользователь уже успеет посетить большое число количество веб-сайтов. У него к этому времени уже вырабатывается шаблон, как сайт должен выглядеть и функционировать. Как только загрузится главная электронная страница, пользователь решит остаться ему либо нет на вашем веб-ресурсе, и если вдруг ему что-либо покажется непонятным либо сложным, он покинет сайт. Как раз поэтому веб-сайт (и главное домашняя страница) должен удовлетворять главным условиям дизайна. Дизайнерские соглашения не значат, что все веб-сайты и их домашние страницы должны одинаково выглядеть. Нельзя сказать, что все журналы одинаковы, но они тоже подчиняются разным соглашениям (размер шрифта заголовка крупнее, чем у основного текста, расположение номеров страницы, вначале находится содержание и прочее). Подобные соглашения разрабатываются, чтоб воспринимать информацию человеку было проще.
Не подумайте, что приведенные ниже советы являются плодом моего воображения. Данные советы я запомнила и для себя отметила после прочтения книг Якоба Нильсена (авторитет и опыт которого, думается, мало кто станет оспаривать).
Вообразите, что вы пришли в магазин, однако не в силах понять, что там такое продается. Нелепо? Безусловно, но мне встречалось много сайтов, назначение и суть которых остались загадкой для меня, во всяком случае, первые минуты, пока я не изучала несколько страниц данного веб-сайта. Но станут ли ваши потенциальные потребители блуждать по веб-сайту, пытаясь найти истину либо сразу пойдут к конкурентам? В общем, вот необходимые советы:
- Выделить ключевые задачи веб-сайта, чтоб пользователь сразу понимал с чего начинать.
- Если есть рекламный лозунг, он обязательно должен отражать суть работы компании.
- Логотип и название компании должны быть подходящего размера и располагаться на заметном месте (это обычно левый верхний угол)
При попадании на веб-сайт и желании купить какие-либо услуги/товары, вам любопытно кто их предоставляет, и не потратите ли вы даром свои деньги. Безусловно, в связи с этим необходимо корректно подать информацию о фирме.
- Не размещать на общедоступном электронном сайте сведения, предназначенную лишь сотрудникам фирмы, это может спровоцировать неразбериху.
- Добавить к домашней странице ссылку на подраздел «Контакты», а если нужно, то можно разместить телефон, адрес и e-mail непосредственно на домашней странице.
- Добавить к домашней странице ссылку на подраздел «О нас», где содержались бы сведения о фирмы и ссылки на подробную информацию.
- Если есть механизм «обратной связи», объясните клиентам, кто конкретно будет читать их послания.
Условия подачи сведений:
- Употребляйте реже те слова, которые набраны только прописными буквами, поскольку это делает восприятие трудным.
- Избегайте чрезмерности (если выделять все, это все равно как не выделять ничего)
- Подбирая слова, ориентируйтесь на язык клиентов
- Не применяйте в качестве наименований разделов либо каких-либо блоков рекламные лозунги либо слишком заумные фразы, так как это затрудняет понимание.
- До того, как употреблять аббревиатуру, не встречавшуюся ранее в тексте, необходимо ее расшифровать.
- При формулировке задания для клиентов, пользуйтесь только повелительным наклонением («Введите название улицы» и прочее)
- Не употребляйте восклицательные знаки.
Как оформлять ссылки:
- Избегайте слова «ссылка» в названии ссылок. Дабы показать, что данная фраза либо слово является ссылкой, всего лишь выделите или подчеркните его.
- Наименования ссылок должны различаться друг от друга, а также быть понятными.
- В случае если функция ссылки заключается в загрузке какого-либо приложения, то есть отличается от стандартной, необходимо об этом говорить.
- Цвета непросмотренных и просмотренных ссылок должны различаться.
Условия навигации:
- Систематизируйте элементы области навигации (похожие элементы должны всегда располагаться рядом)
- Основная панель навигации должна располагаться в заметном месте веб-страницы, предпочтительно рядом с главной ее частью.
- Пиктограммы, обозначающие элементы навигации, допустимо использовать, лишь если они однозначно понятны пользователям на интуитивном уровне.
- Если существует корзина для покупок, ссылка на нее должна находиться на домашней веб-странице.
Поиск по веб-сайту:
- Расположите кнопку «Найти», а не «Вперед» либо тому подобное рядом с полем ввода, поскольку тогда не придется озаглавливать данную область веб-сайта как поиск.
- Поиск должен по умолчанию охватывать весь веб-сайт.
- Поля ввода обязаны быть довольно длинными (25-30 символов).
- Не стоит включать в поисковую систему по веб-сайту функцию поиска сведений по всему Инернету.
Присутствие на веб-сайте дополнительных ссылок:
- Не стоить выставлять на веб-сайт службы, повторяющие стандартизированные функции обозревателя (создание закладки, выбор стартовой страницы)
- Домашняя страница должна предоставлять доступ к самым главным функциям веб-сайта.
Наполнение музыкой, графикой и анимацией.
Под графические изображения рекомендуется отводить 5 -15 процентов общей площади домашней страницы. Нежелательно применять музыку, однако если она есть, то необходимо предусмотреть возможность ее отключить. Такая же ситуация с анимационной заставкой к веб-сайту: если таковая есть, необходимо предусмотреть возможность ее пропустить.
- Подписывайте фотографии и рисунки, если понять их смысл из содержания статьи, к которой они относятся, трудно.
- Графика должна отражать реальный контекст веб-сайта, а не просто быть его украшением.
- Картинки необходимо отредактировать под размером экрана.
- Никогда не анимируйте основные элементы веб-страницы (лозунг, логотип, основной заголовок) и не применяйте анимацию лишь для того, чтоб привлечь внимание к какому-то элементу домашней страницы.
- Не употребляйте «водяных знаков» (блеклое фоновое изображение, сверху которого идет текст)
Время загрузки.
Если домашняя страница долго загружается, пользователи делают логичный вывод, что весь ресурс настолько же медленный, и вероятность того, что больше эти пользователи к вам не возвратятся, высока. Рекомендуемая скорость загрузки электронной страницы составляет 10 секунд (если скорость соединения средняя).
Ширина электронной страницы.
Самое общераспространенное разрешение монитора cегодня 1024 на 768 пикселей при оптимальной ширине веб-страницы около 990 пикселей. Совершенно нежелательно использование прокрутки вбок.
Структура электронной страницы.
Лучше применять гибкую структуру веб-страницы, которая приспосабливается под конкретные размеры окна обозревателя автоматически.
Длина домашней страницы.
Совсем не обязательно пытаться «запихнуть все содержимое в самый первый «экран» веб-страницы – довольно, чтоб там располагались ее самые важные элементы. Когда длина не превышает трех полных экранов, это оптимально.
Фреймы.
Использование фреймов совершенно нежелательно, так как они отрицательно влияют на результативность работы с веб-страницей.
Навигация.
Есть четыре разнообразных схем навигации, лидера среди которых не существует, и которые очень распространены:
- вкладки
- ссылки по верху веб-страницы
- левая панель навигации
- список категорий посредине веб-страницы
Сегодня очень распространена нижняя строка навигации, однако пока нет строгого соглашения, что в нее включать. Есть сайты, на которых нижняя строка навигации дублирует главных разделы веб-сайта, есть те, на которых она содержит примечания и специальные ссылки. Не нужно делать число ссылок в нижней части веб-страницы большим, будет лучше ограничиться 7 ссылками, дабы они могли вместиться в одну строку.
Читайте так же:
- Определение влияния дизайна веб-сайта на силу бренда
- Эффективное расположение графических и текстовых элементов на экране
- Секреты веб-графики
Комментарии:
Комментарии:
Ответ #2: Fri August 05, 2011, 03:54:21
Оставить комментарий:
- Обязательны для заполнения*
Ответ #1: Thu August 04, 2011, 07:26:24