Веб-юзабилити или как повысить продажи?. Методика создания сайта с высокими параметрами usability-свойств Подход к созданию сайта, как. - презентация

1 Веб-юзабилити или как повысить продажи?

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

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

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

5 Web-Usability: критерии оценки Доступность Целостность Логичность

6 Определение целей и задач проекта «Кто не знает, куда направляется, очень удивится, попав не туда» Марк Твен

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

8 Возможные задачи Поддержка продаж Продажа товаров Продажа услуг Развитие партнерских отношений

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

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

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

12

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

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

15 Структура материалов и сервисов Принцип подобия Группировка инфобитов на основе анализа ЦА

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

17 Пиковые нагрузки

18 Avtodom.ru: форум

19 Построение взаимодействия Постановка задачи Построение взаимодействия Производство работ ИсполнительЗаказчик

20 Разделение ролей Отдел проектирования Юзабилити специалист ПрограммистДизайнер Маркетинг САЙТ

21 Lib.ru

22 Voodooarts.narod.ru

23 Разделение ролей Отдел разработки интерфейсов Юзабилити специалист ПрограммистДизайнер Маркетинг САЙТ

24 Pilot.ru: пример несложной «выборки»

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

26 Пример использования FLASH

27 HTML-версия

28 1С-Bitrix: управление сайтом

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

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

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

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

33 Lenta.ru: пример поиска, 2003

34 Lenta.ru: пример поиска, 2008

35 Пример формы подписки на новости (cic.ru)

36 страница 404

37 Yandex.ru: страница 404

38 Bmw.avtodom.ru: пример hotlinkов

39 Ozon.ru: покупка

40 Ozon.ru: покупка

41 Ozon.ru: покупка

42 Ozon.ru: покупка

43 Ozon.ru: авторизация

44 Tnd.ru: авторизация

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

46 Дизайн (визуализация) Существующие нормы Опыт полиграфии Особенности среды Масштабируемость Дизайн - инструмент визуализации информации Индивидуальный/поточный подходы

47 Пример «идивидуального» подхода (interoptika.com)

48 Пример «поточного» подхода ( history.machaon.ru)

49 Web 2.0 WEB мифы и реальность WEB 2.0 – технология WEB тенденции WEB usability = WEB 3.0

50 Крайности функциональности

51 Лаз в двери для кошки

52 Лаз в двери для кошки с котятами

53 Поиск для «котят»

54 Как удобней?

55 «Азы» навигации

56 «Подчеркивать ссылки всегда» – правильно?

57 Да нет наверно

58 Google Reader: Mark as read

59 Divная и classная верстка …как пример борьбы с ветряными мельницами Кадры фреймы блоки пользователи решают всё!

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

61 Пример-демонстрация разницы подходов к оценке

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

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

64 Экспертиза: пример подхода

65 Развитие и оптимизация созданного сайта Статистика Обратная связь Оптимизация

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

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

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

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

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

71 Удалов Андрей C удовольствием отвечу на ваши вопросы. (495)