Please enable JavaScript.
Coggle requires JavaScript to display documents.
USABILITY Веб-сайта - Coggle Diagram
USABILITY Веб-сайта
Основные принципы эффективного веб-сайта
:check:
Управляйте пользовательским вниманием.
Чем меньше пользователь тратит времени на понимание того, какие элементы за что отвечают, тем более дружелюбным кажется ему веб-ресурс.
:check:
Добивайтесь понимания в композиции.
:check:
Не испытывайте терпение посетителя.
Веб-ресурс должен содержать минимум отвлекающих элементов.
:check:
Стремитесь к простоте.
Постоянное стремление к дизайнерской простоте — очень сложная задача.
:check:
Не заставляйте посетителей думать.
Веб-ресурс должен быть максимально понятен для пользователя. Задача разработчика заключается в том, чтобы сделать сайт интуитивно понятным.
:check:
Используйте эффективно текст.
:star: выделение важной информации с помощью жирного шрифта
:star:использование большого шрифта для заголовков записей
:star: разбивание текста на логические абзацы
:star:использование изображений и иллюстраций
:star:использование четкой структуры статьи (заголовки, подзаголовки, списки и т.д.)
:check:
Не забывайте о традициях.
Использование традиционных цветов и блоков на сайте не означает, что сайт станет скучным и незапоминающимся.
:check:
Тестируйте всегда и постоянно.
Тестирование удобства и понятности дизайна и структуры сайта — очень важный элемент в развитии нового проекта. Есть очень хорошая поговорка Стива Круга: «Тестирование с одним пользователем в сто раз лучше, чем тестирование без пользователей вообще».
Принципы и правила USABILITY Сайта
Принцип 5.
Качественный текст и его оформление.
Самое главное правило — чем короче текст, тем лучше.
Принцип 6.
Внутренний поиск.
Поиск по сайту — одна из важных опций, готовая помочь пользователю в тех случаях, когда навигация по сайту или контент не выполнили поставленных пользователем задач и не привели к необходимому результату.
Принцип 4.
Свободное пространство.
В интерфейсе веб-ресурса не следует размещать информацию, которая не нужна пользователю или может понадобиться ему в редких случаях.
Принцип 7.
Скорость загрузки.
Скорость загрузки веб-ресурса является одним из важных факторов при поиске информации пользователями, которые хотят получить необходимую им информацию максимально быстро, а не ждать, пока загрузится страница.
Принцип 3.
Правильное оформление шапки сайта.
Именно на верхней части веб-ресурса пользователи чаще и дольше задерживают свое внимание.
Правило двух секунд.
Чем меньше пользователь ждет отклика веб-ресурса, тем больше вероятность того, что он не откажется от использования этого продукта.
Принцип 2.
Отсутствие ошибок.
Сайт должен работать корректно, поэтому даже спроектированный по всем правилам интерфейс стоит протестировать.
Правило трех кликов.
Одно из самых известных правил юзабилити сайта — правило трех кликов звучит так: пользователь должен найти всю необходимую ему информацию за три клика мышью.
Принцип 1.
Навигация.
Основа юзабилити веб-ресурса — это удобная и понятная навигация.
Этапы разработки дизайн-концепции сайта
:question:
Создание презентации.
После согласования с клиентом макета сайта следующим этапом является создание презентации выбранной дизайн-концепции.
:question:
Наполнение контентом.
Дизайн сайта должен нравиться целевой аудитории, на которую он ориентирован в первую очередь, а не только делать акцент на моментах наиболее важных по мнению заказчика.
:question:
Структура сайта.
Прежде всего следует разбить на смысловые блоки всю информацию, необходимую для отображения на сайте.
:question:
Простое управление и навигация по сайту.
Управление и навигация по сайту отвечают за функциональность веб-ресурса.
:question:
Банк идей и коллекция примеров.
Разработка дизайн-концепции начинается с понимания того, что хочет клиент и на что способны профессионалы.
:question:
Пошаговый контроль.
Исходя из дизайн-концепции сайта, необходим пошаговый контроль состояния проекта в соответствии с поставленными целями и задачами.
Прототипирование и Методы прототипирования
Прототип
— схематичный макет страницы или страниц сайта с изображенными на нем всеми элементами дизайна.
Прототипирование
— процесс быстрого создания сайта с целью формирования базовой структуры и анализа его будущего дизайна.
Медоты прототипирования.
Бумажное прототипирование.
Прототипирование при помощи специальных программ
Прототипирование при помощи графических программ
Инструменты для USABILITY Тестирования
:warning:
Способы самостоятельного определения юзабилити сайта.
Осуществляется при помощи различных инструментов в рунете.
:warning:
Тестирование изображений.
Изображения должны привлекать внимание пользователей, вызывать правильные эмоции и побуждать к правильным действиям.