Понравилась презентация – покажи это...
Слайд 0
Веб-юзабилити
или как добиться качественного результата?
Слайд 1
http://usable.ru
Методика создания сайта с высокими параметрами usability-свойств
Подход к созданию сайта, как к процессу
Учет web-usability на всех этапах проекта
Внимание к мелочам
Слайд 2
http://usable.ru
Основные этапы проекта
Определение целей и задач web-проекта
Определение ресурсов и планирование
Выбор платформ, технологий и инструментария
Формирование концепции сайта
Проектирование сайта и постановка задачи на разработку
Критерии оценки результата
Развитие и оптимизация созданного сайта
Слайд 3
http://usable.ru
Web-Usability: спектр решаемых задач
Доступность информации
Функциональность
Учет эстетических норм
=
Комфортность среды
Слайд 4
http://usable.ru
Web-Usability: критерии оценки
Доступность
Целостность
Логичность
Слайд 5
http://usable.ru
Определение целей и задач проекта
«Кто не знает, куда направляется, очень удивится, попав не туда»
Марк Твен
Слайд 6
http://usable.ru
Анализ сегментов ЦА
Как помочь пользователю сайта решить его задачу?
Как решить задачи стоящие перед сайтом?
Слайд 7
http://usable.ru
Возможные задачи
Поддержка продаж
Продажа товаров
Продажа услуг
Развитие партнерских отношений
Слайд 8
http://usable.ru
Возможные группы пользователей
Потенциальные покупатели
Постоянные покупатели
Партнеры
Сотрудники компании
Представители СМИ
Конкуренты
Слайд 9
http://usable.ru
Выявление инфобитов
Представитель сегмента: кто он, какой он. Принимает или готовит решение?
Интересы представителя в формате решаемых задач. Т.е., например, интерес к репутации компании, а не к тексту «отзывы».
Предположения, как представитель может реализовать свой интерес. (А вот здесь можно и про отзывы написать.)
Интересы компании в отношении представителя в формате решаемых задач: продать, запомниться, мотивировать позвонить и т.д.
Предположения, как реализовать интересы компании. Например, расположить номер телефона в верхней части страницы.
Слайд 10
http://usable.ru
Анализ существующих на рынке решений
Поиск и анализ сайтов схожей тематики
Анализ применяемых подходов популярными сайтами
Определение востребованных, но не представленных на рынке решений
Слайд 11
http://usable.ru
http://www.archive.org
Слайд 12
http://usable.ru
Sun.com [июнь 2002г] (пример ассоциативной рубрикации)
Слайд 13
http://usable.ru
Sun.com [сентябрь, 2003г] (пример ассоциативной рубрикации)
Слайд 14
http://usable.ru
Структура материалов и сервисов
Принцип подобия
Группировка инфобитов на основе анализа ЦА
Слайд 15
http://usable.ru
Определение ресурсов и планирование
Анализ технических требований
Планирование поддержки и развития сайта
Построение взаимодействия заказчик-исполнитель
Построение взаимодействия специалистов-исполнителей
Слайд 16
http://usable.ru
Пиковые нагрузки
Слайд 17
http://usable.ru
Avtodom.ru: форум
Слайд 18
http://usable.ru
Построение взаимодействия
Слайд 19
http://usable.ru
Разделение ролей
Слайд 20
http://usable.ru
Lib.ru
Слайд 21
http://usable.ru
Voodooarts.narod.ru
Слайд 22
http://usable.ru
Выбор платформ, технологий и инструментария
Доступность для пользователей
Отчуждаемость
Стоимость разработки и внедрения
Стоимость поддержки и развития
Слайд 23
http://usable.ru
Пример использования FLASH
Слайд 24
http://usable.ru
HTML-версия
Слайд 25
http://usable.ru
1С-Bitrix: управление сайтом
Слайд 26
http://usable.ru
Основные преимущества
Комплексное решение
Безопасность
Многосайтовость
Технология обновлений SiteUpdate
Документация, исходные тексты
Поддержка
Слайд 27
http://usable.ru
Результат работы над концепцией сайта
Предложение по информационному наполнению и функциональности
Построение организационного взаимодействия
Предложение по использованию технологий
Рекомендации по выбору инструментария и техническому оснащению
Бюджет и сроки
Слайд 28
http://usable.ru
Проектирование: пример подхода
Входная страница сайта:
О чем сайт?
Где вы?
Живы ли?
Слайд 29
http://usable.ru
Проектирование: пример подхода
Магазин
Как купить?
Как оплатить?
Как получить?
Слайд 30
http://usable.ru
Lenta.ru: пример поиска, 2003
Слайд 31
http://usable.ru
Lenta.ru: пример поиска, 2008
Слайд 32
http://usable.ru
www.ru: страница 404
Слайд 33
http://usable.ru
Yandex.ru: страница 404
Слайд 34
http://usable.ru
Ozon.ru: покупка
Слайд 35
http://usable.ru
Ozon.ru: покупка
Слайд 36
http://usable.ru
Ozon.ru: покупка
Слайд 37
http://usable.ru
Ozon.ru: покупка
Слайд 38
http://usable.ru
Ozon.ru: авторизация
Слайд 39
http://usable.ru
Tnd.ru: авторизация
Слайд 40
http://usable.ru
Результат работы над проектом
Постановка задачи на разработку: интерфейсы и алгоритмы
Задача на дизайн, оформление
Задача копирайтеру
Рекомендации контент-менеджеру
Рекомендации тех.писателю
Бюджет и сроки
Слайд 41
http://usable.ru
Дизайн (визуализация)
Существующие нормы
Опыт полиграфии
Особенности среды
Масштабируемость
Дизайн - инструмент визуализации информации
Слайд 42
http://usable.ru
Оценка результата
Функциональное тестирование
Соответствие поставленным задачам
Usability-тестирование
Оценка сайта с точки зрения пользователя
Usability-экспертиза
Слайд 43
http://usable.ru
Пример-демонстрация разницы подходов к оценке
Слайд 44
http://usable.ru
Экспертиза: пример подхода
Организация документов сайта
Организация доступа к страницам сайта
Отображение документов и средств доступа
Слайд 45
http://usable.ru
Экспертиза: пример подхода
Ошибка – критично – желательно
Легко – средне – сложно
Слайд 46
http://usable.ru
Экспертиза: пример подхода
Слайд 47
http://usable.ru
Развитие и оптимизация созданного сайта
Статистика
Обратная связь
Оптимизация
Слайд 48
http://usable.ru
Baikal-media.com: ссылки под статьей, как результат анализа точек выхода. 87% vs 24%.
Слайд 49
http://usable.ru
Bitrix-статистика
Продукт позволяет:
выделить из аудитории сайта посетителей, пришедших на сайт в результате конкретной рекламной кампании
сделать вывод об эффективности расходования денег в каждом конкретном канале рекламы
определить, правильно ли выбрано место и время для проведения рекламной кампании
использовать собранные данные, чтобы определить наиболее эффективный инструмент рекламной кампании
Слайд 50
http://usable.ru
Обратная связь
Слайд 51
http://usable.ru
Сунь-цзы, гуру юзабилити
Если ты думаешь как все, ты уже ошибаешься. Все думают по-разному.
Если ты думаешь за всех, ты опять ошибаешься. У каждого свои заботы.
Думай по-своему и за себя, но помни – не думая о других, ты прежде всего не думаешь о себе.
Слайд 52
http://usable.ru
Семинары учебно-консультационногоцентра «Группы Махаон»
Управление проектом по созданию сайта
Web-Usability
Семинары по CMS 1C-Битрикс
http://www.usable.ru/
Слайд 53
http://usable.ru
Удалов Андрей
C удовольствием отвечу на ваши вопросы.
morua@usable.ru
(495) 725 79 80