02. web design
TRANSCRIPT
Веб Дизайн
Лекция 1, Стратегия Бизнеса,
Vladimir Tomberg, PhD
Эстонский Университет Прикладных Наук
по Предпринимательству Майнор
Декабрь 2014
Pic
ture
sourc
e:
htt
p:/
/userc
ente
redconte
nt.
com
Стратегия сайта
• Стратегия состоит из комбинации целейпользователей и целей бизнеса, а также того, как планируется их достигать;
• Цели пользователя — это причины, по которым пользователь приходит на Веб-сайт, а цели бизнеса — это причины, по которым сайт создается;
• Определение этих двух групп целей и того, как они взаимодействуют, является первой задачей информационного архитектора
2
Цели пользователя и цели бизнеса
3Source: http://www.slideshare.net/kulakov/ss-40115208
Когда говорить о стратегии бизнеса
• О стратегии обычно умалчивают на начальных стадиях проектов. Гораздо больше внимания уделяется более ощутимым моментам в разработке Веб, типа визуального дизайна и технологий;
• Если клиент перевозбужден от перспектив, связанных с визуальными элементами (цветá, Flashанимация) или с перспективными технологиями (.NET, XML) до обсуждения стратегии, то необходимо отвлечь его внимание. Разговор о стратегии на первом этапе является критичным для проекта в целом.
4
Цели бизнеса — работа с клиентом
5
Некоторые вопросы, которые желательно задать клиенту
• Зачем вам нужен Веб-сайт? Каковы кратковременные и перспективные бизнес задачи? Можно ли представить результаты некоторых из этих задач в
виде чисел? (количество посетителей, продаж, подписок и т. д.)
• Что бизнес намеревается инвестировать в Веб-сайт? Сколько денег? Кто будет работать над сайтом со стороны клиента? (без
участия клиента нормальная разработка невозможна.)
• Почему люди должны посещать сайт, каковы их цели? Изучена ли аудитория? Почему аудитория решит посетить сайт? Как она его найдет?
6
О ВАЖНОСТИ ПОЛЬЗОВАТЕЛЬСКОГО ОПЫТА
Преданность клиентов
О ВАЖНОСТИ ПОЛЬЗОВАТЕЛЬСКОГО ОПЫТА
ЕДИНСТВЕННЫЙ МАГАЗИН В
ДЕРЕВНЕVS
ИЗОБИЛИЕ МАГАЗИНОВ В
ГОРОДЕ
О ВАЖНОСТИ ПОЛЬЗОВАТЕЛЬСКОГО ОПЫТА
Почему потребитель выбирает определенные магазины, а в некоторые не ходит, даже если
они находятся рядом?
СПОСОБЫ ИЗМЕРЕНИЯ ПРЕДАННОСТИ ПОЛЬЗОВАТЕЛЯ
• Возврат инвестиций (ROI);
• Уровень конверсии;
• Количество брошенных корзин с покупками
The ROI of User Experience with Dr. Susan Weinschenk
http://www.youtube.com/watch?v=O94kYyzqvTc
11
УРОВЕНЬ КОНВЕРСИИ
• Какой процент пользователей переходит на следующий этап отношений ?
1. персональная учетная запись,
2. подписка на рассылку,
3. и т. п.
УРОВЕНЬ КОНВЕРСИИ
• Важность уровня конверсии:увеличение уровня конверсии на 0,1 % может привести к 10 % увеличению объемов продаж
УРОВЕНЬ КОНВЕРСИИ
3 подписавшихся на рассылку
из 36 посетителей
=
уровень конверсии 8,33 %
Примеры бизнес целей
• Продажа — наиболее часто встречающаяся бизнес цель, однако
существуют и другие:
• Поддерживание удовлетворенности пользователей — часто дешевле,
чем получить новых;
• Открытие новых рынков — выход на международную торговлю;
• Уменьшение затрат на поддержку пользователей;
• Создание эффективного канала продаж вместо реальных офисов;
• Управление знаниями (Knowledge Management) — если одна
компания уже решила проблему, то другой компании нет смысла
тратить средства на ее решение;
• Тестирование новых продуктов и торговых марок.
15
Проблема увлеченного клиента
Что делать, если клиент увлечен некоей идеей, никак не связанной со
стратегией сайта?
1. Сфокусировать внимание клиента на пользовательских и бизнес целях,
убедиться в том, что он согласен с их формулировками;
2. Провести мозговую атаку с большим количеством разнообразных
предложений, чтобы клиент понял, что его идея не единственная на свете и
почувствовал себя ребенком во взрослом деле;
3. Провести дискуссию о том, какое из множества предложений стоит выбрать,
учитывая бизнес цели;
4. Сослаться на деньги — просчитать ожидаемый возврат от инвестиций,
вложенных в эту возможность;
5. Использовать волшебное слово “во второй фазе”, то есть, оставить это
обсуждение на некую вторую фазу проекта, даже если она и не планируется.
16
Влияние бизнес целей на дизайн
• Сравнение главных страниц сайтов-конкурентов — хорошее упражнение для выявления влияния бизнес целей на дизайн
17
AmericanAirlines, aa.com
18
AmericanAirlines, aa.com
19
Continental Airlines, continental.com
20
Continental Airlines, continental.com
21
Northwest Airlines, nwa.com
22
Northwest Airlines, nwa.com
23
Задание 4: Уточнение целей бизнеса
• Основываясь на примерах из слайда 9 определить возможные цели бизнеса —описать причины, по которым ваш сайт создается;
• Использовать три сайта из задания 2. Проанализировать на них цели бизнеса подписав на скриншотах области экрана и цели
24
Как бизнес цели влияют на дизайн сайта?
25
• Проследим развитие сайтов во времени на двух примерах
The University of Vermont 1996
26
The University of Vermont 2003
27
The University of Vermont 2014
28
University of Vermont 2014Responsive Web Design
29
Устройства, используемые для чтения почты
30
Source: Movable Ink US Consumer Device Preference Report: Q4 2013
Mobile vs Desktop
• Мобильные устройства правят миром; Мобильные телефоны опережают настольные
системы в просмотре веб;
• Люди владеют все большим разнообразием устройств; Приложения должны быть переносимыми; Сложно разрабатывать приложения для отдельных
платформ; Размер экранов сильно различается
Решение – Отзывчивые веб-сайты
31
Responsive Web Design
32
Адаптивный веб дизайн
• Больше ориентированный на пользовательский опыт, чем на браузеры;
• Дизайнеры используют техники Progressive enhancement вместо graceful degradation;
• Mobile First! – Хороший пример практического подхода
33
Другой пример: swiss.com 2001
35
swiss.com 2004
36
swiss.com 2008
37
swiss.com 2014
38
swiss.com 2014Storytelling + Landing page
39http://www.world-of-swiss.com
Целевая (посадочная) страница(англ. landing page)
• Целевая страница — веб-страница, содержащая информацию об услуге или товаре, переход на которую осуществляется по ссылке из рекламного объявления;
• Используется для усиления эффективности рекламы, увеличения аудитории;
• Целевая страница обычно содержит информацию о товаре или услуге;
• Переход на целевые страницы часто осуществляется из социальных медиа, email-рассылок и рекламных кампаний в поисковых системах;
• Главной задачей таких страниц является конвертация посетителя в покупателя или клиента компании, побуждение к целевому действию;
• Анализ действий пользователей на целевой странице позволяет маркетологам определить успешность рекламы.
40
42http://www.shkondin.ru
Как делать посадочные страницы?
• СОЗДАНИЕ ПОСАДОЧНОЙ СТРАНИЦЫ С ВЫСОКОЙ КОНВЕРСИЕЙ
• Landing page, которая работает
• УСПЕШНЫЕ ПОСАДОЧНЫЕ СТРАНИЦЫ. ТЕОРИЯ И ПРАКТИКА
• Примеры трёх посадочных страниц с высокой конверсией
43
Задание 5: Создание посадочной страницы
• Разработать и создать посадочную страницу для своего сайта, которая отвечала бы одной конкретной цели бизнеса:
1. Придумать идею;2. Набросать эскиз;3. Подобрать подходящие тексты и изображения;4. Не беспокоиться о качестве материалов – главное
показать, как вы справитесь с целью;• Использовать для создания страницы Wix.com или
любой другой простой конструктор сайтов;• Опубликовать в своем блоге ссылку на посадочную
страницу
45
