Веб-юзабилити

http://usable.ru
Методика создания сайта с высокими параметрами usability-свойств
Подход к созданию сайта, как к процессу
Учет web-usability на всех этапах проекта
Внимание к мелочам

http://usable.ru
Основные этапы проекта
Определение целей и задач web-проекта
Определение ресурсов и планирование
Выбор платформ, технологий и инструментария
Формирование концепции сайта
Проектирование сайта и постановка задачи на разработку
Критерии оценки результата
Развитие и оптимизация созданного сайта

http://usable.ru
Web-Usability: спектр решаемых задач
Доступность информации
Функциональность
Учет эстетических норм
=
Комфортность среды

http://usable.ru
Web-Usability: критерии оценки
Доступность
Целостность
Логичность

http://usable.ru
Определение целей и задач проекта
«Кто не знает, куда направляется, очень удивится, попав не туда»
Марк Твен

http://usable.ru
Анализ сегментов ЦА
Как помочь пользователю сайта решить его задачу?
Как решить задачи стоящие перед сайтом?

http://usable.ru
Возможные задачи
Поддержка продаж
Продажа товаров
Продажа услуг
Развитие партнерских отношений

http://usable.ru
Возможные группы пользователей
Потенциальные покупатели
Постоянные покупатели
Партнеры
Сотрудники компании
Представители СМИ
Конкуренты

http://usable.ru
Выявление инфобитов
Представитель сегмента: кто он, какой он. Принимает или готовит решение?
Интересы представителя в формате решаемых задач. Т.е., например, интерес к репутации компании, а не к тексту «отзывы».
Предположения, как представитель может реализовать свой интерес. (А вот здесь можно и про отзывы написать.)
Интересы компании в отношении представителя в формате решаемых задач: продать, запомниться, мотивировать позвонить и т.д.
Предположения, как реализовать интересы компании. Например, расположить номер телефона в верхней части страницы.

http://usable.ru
Анализ существующих на рынке решений
Поиск и анализ сайтов схожей тематики
Анализ применяемых подходов популярными сайтами
Определение востребованных, но не представленных на рынке решений

http://usable.ru
http://www.archive.org

http://usable.ru
Sun.com [июнь 2002г] (пример ассоциативной рубрикации)

http://usable.ru
Sun.com [сентябрь, 2003г] (пример ассоциативной рубрикации)

http://usable.ru
Структура материалов и сервисов
Принцип подобия
Группировка инфобитов на основе
анализа ЦА

http://usable.ru
Определение ресурсов и планирование
Анализ технических требований
Планирование поддержки и развития сайта
Построение взаимодействия заказчик-исполнитель
Построение взаимодействия специалистов-исполнителей

http://usable.ru
Пиковые нагрузки

http://usable.ru
Avtodom.ru: форум

http://usable.ru
Построение взаимодействия

http://usable.ru
Разделение ролей

http://usable.ru
Lib.ru

http://usable.ru
Voodooarts.narod.ru

http://usable.ru
Выбор платформ, технологий и инструментария
Доступность для пользователей
Отчуждаемость
Стоимость разработки и внедрения
Стоимость поддержки и развития

http://usable.ru
Пример использования FLASH

http://usable.ru
HTML-версия

http://usable.ru
1С-Bitrix: управление сайтом

http://usable.ru
Основные преимущества
Комплексное решение
Безопасность
Многосайтовость
Технология обновлений SiteUpdate
Документация, исходные тексты
Поддержка

http://usable.ru
Результат работы над концепцией сайта
Предложение по информационному наполнению и функциональности
Построение организационного взаимодействия
Предложение по использованию технологий
Рекомендации по выбору инструментария и техническому оснащению
Бюджет и сроки

http://usable.ru
Проектирование: пример подхода
Входная страница сайта:
О чем сайт?
Где вы?
Живы ли?

http://usable.ru
Проектирование: пример подхода
Магазин
Как купить?
Как оплатить?
Как получить?

http://usable.ru
Lenta.ru: пример поиска, 2003

http://usable.ru
Lenta.ru: пример поиска, 2008

http://usable.ru
www.ru: страница 404

http://usable.ru
Yandex.ru: страница 404

http://usable.ru
Ozon.ru: покупка

http://usable.ru
Ozon.ru: покупка

http://usable.ru
Ozon.ru: покупка

http://usable.ru
Ozon.ru: покупка

http://usable.ru
Ozon.ru: авторизация

http://usable.ru
Tnd.ru: авторизация

http://usable.ru
Результат работы над проектом
Постановка задачи на разработку: интерфейсы и алгоритмы
Задача на дизайн, оформление
Задача копирайтеру
Рекомендации контент-менеджеру
Рекомендации тех.писателю
Бюджет и сроки

http://usable.ru
Дизайн (визуализация)
Существующие нормы
Опыт полиграфии
Особенности среды
Масштабируемость
Дизайн - инструмент визуализации информации

http://usable.ru
Оценка результата
Функциональное тестирование
Соответствие поставленным задачам
Usability-тестирование
Оценка сайта с точки зрения пользователя
Usability-экспертиза

http://usable.ru
Пример-демонстрация разницы подходов к оценке

http://usable.ru
Экспертиза: пример подхода
Организация документов сайта
Организация доступа к страницам сайта
Отображение документов и средств доступа

http://usable.ru
Экспертиза: пример подхода
Ошибка – критично – желательно
Легко – средне – сложно

http://usable.ru
Экспертиза: пример подхода

http://usable.ru
Развитие и оптимизация созданного сайта
Статистика
Обратная связь
Оптимизация

http://usable.ru
Baikal-media.com: ссылки под статьей, как результат анализа точек выхода. 87% vs 24%.

http://usable.ru
Bitrix-статистика
Продукт позволяет:
выделить из аудитории сайта посетителей, пришедших на сайт в результате конкретной рекламной кампании
сделать вывод об эффективности расходования денег в каждом конкретном канале рекламы
определить, правильно ли выбрано место и время для проведения рекламной кампании
использовать собранные данные, чтобы определить наиболее эффективный инструмент рекламной кампании

http://usable.ru
Обратная связь

http://usable.ru
Сунь-цзы, гуру юзабилити
Если ты думаешь как все, ты уже ошибаешься. Все думают по-разному.
Если ты думаешь за всех, ты опять ошибаешься. У каждого свои заботы.
Думай по-своему и за себя, но помни –
не думая о других, ты прежде всего не думаешь о себе.

http://usable.ru
Семинары учебно-консультационного
центра «Группы Махаон»
Управление проектом по созданию сайта
Web-Usability
Семинары по CMS 1C-Битрикс
http://www.usable.ru/