Defa proektirovanie krutogoliki_22_11

1

2

ПРОЕКТИРОВАНИЕ

4

ЭТАПЫ ПРОЕКТИРОВАНИЯ

5

БРИФИНГ

6

ДЛЯ ЧЕГО? ДЛЯ КОГО?В КАКИХ

УСЛОВИЯХ?

Какие задачи клиента должен решить сайт?

Что измениться, когда изменится (появится) сайт?

Кто будет приходить на сайт?

Зачем они приходят на сайт?

Что ОНИ хотят получить от этого?

Какие есть альтернативы?

К чему привыкли пользователи?

Есть ли формальные ограничения?

ПЕРЕД ПРОЕКТИРОВАНИЕМ

7

ЭКСПРЕСС БРИФОВАНИЕ

ЦЕЛИ

9

10

НАПРИМЕР

11

ОСНОВНЫЕ ЦЕЛИ

12

13

ДЛЯ ЧЕГО? – ЦЕЛИ И ЗАДАЧИ. В ЧЕМ РАЗНИЦА?

АНАЛИЗ ТРЕБОВАНИЙ

14

15

Группа ЦА Потребности аудитории

Задачи бизнеса Требования к проекту

Ключевые показатели, Финансовые отчеты, Сводка о компании, Информация об отрасли и места компании в ней

Новости, Пресс-релизы, Медиа материалы (фото, видео), Подписка на рассылку

Виды продукции, Цены на продукцию, Контакты

Вакансии, Условия работы, Обучение и развитие, Социальное обеспечение, Отправить резюме

Ключевые факты, Финансовые показатели, География деятельности, Инвестиционные проекты, Брошюра о компании

Новости, Информация о компании, Подписка на рассылку, Библиотека материалов, Устойчивое развитие, Брошюра о компании

Производственный процесс, Качество продукции, Предприятия, Логистика

Кадровая политика, Социальный пакет, Преимущества, Развитие, Видео сотрудников, Контакты

1) Отчетность2) Ключевые показатели3) Презентации4) Раскрытие информации

1) Новости2) Фото и видеоматериалы 3) Подписка на рассылку4) Презентации компании

1) Описание продукции2) Стоимость3) Контакты для связи

1) Вакансии2) Преимущества работы3) Контакты

Инвесторы, акционеры

Журналисты

Потребители

Соискатели

Инвесторы, акционеры

Журналисты

Потребители

Соискатели

СПИСОК ТРЕБОВАНИЙ К ПРОЕКТУ

16

Раздел 1

Раздел 2

Раздел 3

Раздел 4

Раздел 5

Раздел 6

Раздел N

…

Ключевые разделы, верхний уровень

Второстепенные разделы

Менее приоритетные требования

Наиболее приоритетные требования

ПРОЕКТИРУЕМ ДЕРЕВО РАЗДЕЛОВ

17

ПОГРУЖЕНИЕ В ПРЕДМЕТНУЮ ОБЛАСТЬ

1818

СТРУКТУРА САЙТА

1919

РЕЗУЛЬТАТ

АУДИТОРИЯ

21

ДЛЯ КОГО?

Потребности конкретных людей

22

ДЛЯ КОГО?

23

НАПРИМЕР

24

УВЕЛИЧЕНИЕ КОНВЕРСИИ ПОСЕЩЕНИЙ САЙТА В ОБРАЩЕНИЯ В КОМПАНИЮ

• Подчеркнуть и разделить основные решения и виды деятельности компании ;

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

• Сформировать у потенциальных клиентов естественную потребность в контакте с компанией и предоставить им возможности для этого;

• Акцентировать экспертный подход компании к решению запросов клиентов;

• Подчеркнуть персональное отношение к клиентам.

ЦЕЛИ И ЗАДАЧИ

ОТРАЖЕНИЕ ПОЗИЦИОНИРОВАНИЯ КОМПАНИИ И ФОРМИРОВАНИЕ НОВОГО ОБРАЗА БРЕНДА

25

АУДИТОРИЯ

Малый и средний бизнесIT директора. Начальники

технических отделов

SOHOДиректор. Заместитель

директора

Застройщики, девелоперы, управляющие компании

26

ИССЛЕДУЕМ

27

ВЫЯСНЯЕМ

Я не хочу ничего решать!

Я хочу масштабный коллокейшн!

Я не хочу ничего решать!

Я хочу масштабный коллокейшн!

28

ФОРМУЛИРУЕМ

Мгновенно понять, занимается ли компания требуемым направлением

Быстро получить информацию о конкретной услуге

Оценить надежность и уровень услуги

29

Потребность клиента: быстро получить информацию по услуге.

Навигационное решение: один клик до описания услуги.

Уход от традиционной схемы «иерархическое дерево разделов».

Сайт как средство коммуникации с клиентомСайт как средство коммуникации с клиентом

ДЛЯ КОГО? – ЗАЧЕМ ВСЕ ЭТО КОНКРЕТНЫМ ЛЮДЯМ?

30

РЕШЕНИЕ

31

РЕШЕНИЕ

32

Ключевая аудитория – инвесторы, журналисты

32

АКЦЕНТ НА КЛЮЧЕВОЙ АУДИТОРИИ

33

Ключевая аудитория – инвесторы, журналисты

33


3434


Ключевая аудитория – покупатели

3535


Ключевая аудитория – покупатели

3636


Ключевая аудитория – инженеры, технологи, проектировщики

3737


Ключевая аудитория – инженеры, технологи, проектировщики

38

ТЕЛЕКОНТЕКСТ

ЦЕЛЬ: Привлечение внимания к переходу России на ЦЭТВ в 2015-м году

ЗАДАЧА: Формирование потока познавательного контента для поддержания диалога с ЦА

АУДИТОРИЯ: Две группы:1)Любознательные пользователи;2)Профессиональное сообщество.

39

СТАТЬЯ

Инкрементный поиск

Словарь

Персоны Технологии Продукты

Дикторы

Ведущие

Продюсеры

Телевизоры

Вышки

Камеры

Передачи

Каналы

Реклама

СТРУКТУРА РЕСУРСА

40

41

ЕДИНИЦА ИНФОРМАЦИИ

42

СПОСОБЫ ДОСТУПА К ИНФОРМАЦИИ

43

ГЛОБАЛЬНАЯ И ЛОКАЛЬНАЯ НАВИГАЦИЯ

44

хлебные крошкихлебные крошки

меню разделаменю раздела

главное менюглавное меню

ГЛОБАЛЬНАЯ И ЛОКАЛЬНАЯ НАВИГАЦИЯ

45

ГЛАВНАЯ СТРАНИЦА САЙТА

инвесторам, потребителям, партнерам

инвесторам и клиентам

46

КАРТА САЙТА И ИНДЕКС САЙТА

47

• по категориям (новости, продукты, …)• по форматам (PDF, JPG, …)• сортировка по дате

• по категориям (новости, продукты, …)• по форматам (PDF, JPG, …)• сортировка по дате

ПОИСК ПО САЙТУ

48

модель содержимого

логические связи между типами информации

КОНТЕКСТНАЯ НАВИГАЦИЯ

49

В ролях: Джонни Депп

КОНТЕКСТНАЯ НАВИГАЦИЯ

ОКРУЖЕНИЕ

51

СРЕДА ПРОЕКТА

52

КОНКУРЕНТНЫЙ АНАЛИЗ

53

– Формирование имиджа компании как лидера отрасли производства комплексных удобрений и апатитового концентрата

– Демонстрация основных преимуществ компании, позволяющая потенциальному инвестору быстро принять решение о вложении своих средств

– Разъяснение важной роли и перспектив производимого продукта в промышленности и сельском хозяйстве

– Создание удобного и технологичного инструментария для инвесторов, аналитиков, представителей СМИ и других посетителей сайта

НАПРИМЕР

ЦЕЛИ и ЗАДАЧИ

54

ВЗГЛЯД ВОКРУГ

55

Они клоны???

56

Аналитики – профиль ЦА

1. УЗКАЯ СПЕЦИАЛИЗАЦИЯ на отрасли или сегменте отрасли. Зачастую, аналитик занимается ограниченным числом компаний продолжительное время.

2. ОБШИРНЫЙ ОПЫТ и ГЛУБОКИЕ ЗНАНИЯ по предмету анализа. Аналитик почти никогда не нуждается в дополнительной информации по базовым реалиям отрасли – она либо уже у него есть, либо не имеет для него значения.

3. Приверженность более ТРАДИЦИОННЫМ МЕТОДАМ в своей профессиональной деятельности. Предпочтение отдается хорошо себя зарекомендовавшим, проверенным инструментам с обширным функционалом.

ЧЕРЕЗ ПРИЗМУ АУДИТОРИИ

57

Индивидуальность корпоративного сайта = набор сервисов и инструментов.

ЧЕРЕЗ ПРИЗМУ АУДИТОРИИ

58

ИНДИВИДУАЛЬНОСТЬ КОРПОРАТИВНОГО САЙТА

Контекст Контекст МатериалыМатериалы

ЦелиЦели

5959


Ключевая аудитория – инвесторы

6060


61

Но… все меняется!


Паттерны проектирования

62

Привлечение новых клиентов – увеличение конверсии посетителей сайта. Увеличение вероятности совершения

ими определенных действий – ожидаемый сценарий поведения

Улучшение «User experience». Увеличение удобства и функциональности сайтов для клиентов. Увеличение числа

обращений к сайту и ожидаемых действий

Формирование образа «Автомира», как современной компании. Закрепление через визуальный ряд и

функционал образа лидера рынка

МЕНЯЮЩАЯСЯ СРЕДА

Цели и задачи

63

Сложные элементы – статичная планировкаСложные элементы – статичная планировка

Ограничения неглубокой структуры

Ограничения неглубокой структуры

ПРИВЫЧНЫЕ РЕШЕНИЯ

64

ИЗМЕНЕНИЯ ВОКРУГ

65

РЕШЕНИЕ

66

РЕАЛИЗАЦИЯ

67

ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ

68

ПРОТОТИП СТРАНИЦЫ САЙТА

69

Сопутствующие блоки

Потребность пользователя

Обязательные блоки

ПРОТОТИП СТРАНИЦЫ САЙТА

70

ПРОТОТИП – ЗАДАНИЕ НА ДИЗАЙН

71

ПРОТОТИП – ЗАДАНИЕ НА ДИЗАЙН

72

НАЗНАЧЕНИЕ ПРОТОТИПА

73

ИНТЕРФЕЙС СЕРВИСА

74

ИНТЕРФЕЙС СЕРВИСА

75

ПРОЕКТИРОВАНИЕ ИТЕРФЕЙСА

76


77


78


79


80

СТРАТЕГИЯ ПРЕДСТАВЛЕНИЯКОНТЕНТА

81

Представление содержимого на сайте

СТРАТЕГИЯ КОНТЕНТА

82

Представление содержимого на сайте

СТРАТЕГИЯ КОНТЕНТА

83

ТЕХНИЧЕСКОЕ ПРОЕКТИРОВАНИЕ

84

детальная структура сайта

техническое задание

Как должно быть реализовано каждое требование на сайте?

ДЕТАЛИЗАЦИЯ ТРЕБОВАНИЙ К ПРОЕКТУ

85

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

НЕСКОЛЬКО РЕКОМЕНДАЦИЙ

86

ЭКСПРЕСС ПРОЕКТИРОВАНИЕ

87

ЕСТЬ ВОПРОСЫ? ДАВАЙТЕ ОБСУДИМ!

??

?

88

СПАСИБО ЗА ВНИМАНИЕ!

Documents

Defa proektirovanie krutogoliki_22_11