Веб-юзабилити презентация

Содержание

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

Слайд 1Веб-юзабилити
или как добиться качественного результата?

Слайд 2http://usable.ru
Методика создания сайта с высокими параметрами usability-свойств

Подход к созданию сайта, как

к процессу

Учет web-usability на всех этапах проекта

Внимание к мелочам

Слайд 3http://usable.ru
Основные этапы проекта
Определение целей и задач web-проекта
Определение ресурсов и планирование
Выбор платформ,

технологий  и инструментария
Формирование концепции сайта
Проектирование сайта и постановка задачи на разработку
Критерии оценки результата
Развитие и оптимизация созданного сайта

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

Слайд 5http://usable.ru
Web-Usability: критерии оценки

Доступность

Целостность

Логичность

Слайд 6http://usable.ru
Определение целей и задач проекта

«Кто не знает, куда направляется, очень удивится,

попав не туда»
Марк Твен

Слайд 7http://usable.ru
Анализ сегментов ЦА

Как помочь пользователю сайта решить его задачу?

Как решить задачи

стоящие перед сайтом?

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

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

Слайд 10http://usable.ru
Выявление инфобитов
Представитель сегмента: кто он,  какой он. Принимает или готовит решение?
Интересы

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

Слайд 11http://usable.ru
Анализ существующих на рынке решений

Поиск и анализ сайтов схожей тематики
Анализ применяемых

подходов популярными сайтами
Определение востребованных, но не представленных на рынке решений

Слайд 12http://usable.ru
http://www.archive.org

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

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

Слайд 15http://usable.ru
Структура материалов и сервисов
Принцип подобия

Группировка инфобитов на основе анализа ЦА

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

заказчик-исполнитель
Построение взаимодействия специалистов-исполнителей

Слайд 17http://usable.ru
Пиковые нагрузки

Слайд 18http://usable.ru
Avtodom.ru: форум

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

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

Слайд 21http://usable.ru
Lib.ru

Слайд 22http://usable.ru
Voodooarts.narod.ru

Слайд 23http://usable.ru
Выбор платформ, технологий и инструментария

Доступность для пользователей
Отчуждаемость
Стоимость разработки и внедрения
Стоимость поддержки

и развития

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

Слайд 25http://usable.ru
HTML-версия

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

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

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

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

Слайд 29http://usable.ru
Проектирование: пример подхода

Входная страница сайта:
О чем сайт?
Где вы?
Живы ли?

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

Слайд 31http://usable.ru
Lenta.ru: пример поиска, 2003

Слайд 32http://usable.ru
Lenta.ru: пример поиска, 2008

Слайд 33http://usable.ru
www.ru: страница 404

Слайд 34http://usable.ru
Yandex.ru: страница 404

Слайд 35http://usable.ru
Ozon.ru: покупка

Слайд 36http://usable.ru
Ozon.ru: покупка

Слайд 37http://usable.ru
Ozon.ru: покупка

Слайд 38http://usable.ru
Ozon.ru: покупка

Слайд 39http://usable.ru
Ozon.ru: авторизация

Слайд 40http://usable.ru
Tnd.ru: авторизация

Слайд 41http://usable.ru
Результат работы над проектом
Постановка задачи на разработку: интерфейсы и алгоритмы
Задача на

дизайн, оформление
Задача копирайтеру
Рекомендации контент-менеджеру
Рекомендации тех.писателю
Бюджет и сроки


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

Слайд 43http://usable.ru
Оценка результата

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


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

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

Организация доступа к страницам сайта

Отображение документов и

средств доступа

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

Ошибка – критично – желательно

Легко – средне – сложно

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

Слайд 48http://usable.ru
Развитие и оптимизация созданного сайта

Статистика
Обратная связь
Оптимизация

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

24%.

Слайд 50http://usable.ru
Bitrix-статистика
Продукт позволяет:
выделить из аудитории сайта посетителей, пришедших на сайт в результате

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

Слайд 51http://usable.ru
Обратная связь

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

думают по-разному.

Если ты думаешь за всех, ты опять ошибаешься. У каждого свои заботы.

Думай по-своему и за себя, но помни – не думая о других, ты прежде всего не думаешь о себе.

Слайд 53http://usable.ru
Семинары учебно-консультационного центра «Группы Махаон»

Управление проектом по созданию сайта
Web-Usability
Семинары по CMS 1C-Битрикс


http://www.usable.ru/

Слайд 54http://usable.ru
Удалов Андрей

C удовольствием отвечу на ваши вопросы.

morua@usable.ru
(495) 725 79 80

Похожие презентации

Шаблон для тестів 251
Технологический процесс обработки и сборки рукавов в изделиях пальтово-костюмного ассортимента 589
Мутанты, аномалии и локации игры S.T.A.L.K.E.R 490
От първи до четвърти клас 174
Ветеринарная диетология 245
Интернет и Бизнес как любовная история с проблемами взаимной пенетрации 189

Обратная связь

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

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

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

Для правообладателей

Яндекс.Метрика