Post on 13-Jul-2015
Веб Дизайн
Лекция 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
Некоторые вопросы, которые желательно задать клиенту
• Зачем вам нужен Веб-сайт? Каковы кратковременные и перспективные бизнес задачи? Можно ли представить результаты некоторых из этих задач в
виде чисел? (количество посетителей, продаж, подписок и т. д.)
• Что бизнес намеревается инвестировать в Веб-сайт? Сколько денег? Кто будет работать над сайтом со стороны клиента? (без
участия клиента нормальная разработка невозможна.)
• Почему люди должны посещать сайт, каковы их цели? Изучена ли аудитория? Почему аудитория решит посетить сайт? Как она его найдет?
6
О ВАЖНОСТИ ПОЛЬЗОВАТЕЛЬСКОГО ОПЫТА
Почему потребитель выбирает определенные магазины, а в некоторые не ходит, даже если
они находятся рядом?
СПОСОБЫ ИЗМЕРЕНИЯ ПРЕДАННОСТИ ПОЛЬЗОВАТЕЛЯ
• Возврат инвестиций (ROI);
• Уровень конверсии;
• Количество брошенных корзин с покупками
The ROI of User Experience with Dr. Susan Weinschenk
http://www.youtube.com/watch?v=O94kYyzqvTc
11
УРОВЕНЬ КОНВЕРСИИ
• Какой процент пользователей переходит на следующий этап отношений ?
1. персональная учетная запись,
2. подписка на рассылку,
3. и т. п.
УРОВЕНЬ КОНВЕРСИИ
• Важность уровня конверсии:увеличение уровня конверсии на 0,1 % может привести к 10 % увеличению объемов продаж
Примеры бизнес целей
• Продажа — наиболее часто встречающаяся бизнес цель, однако
существуют и другие:
• Поддерживание удовлетворенности пользователей — часто дешевле,
чем получить новых;
• Открытие новых рынков — выход на международную торговлю;
• Уменьшение затрат на поддержку пользователей;
• Создание эффективного канала продаж вместо реальных офисов;
• Управление знаниями (Knowledge Management) — если одна
компания уже решила проблему, то другой компании нет смысла
тратить средства на ее решение;
• Тестирование новых продуктов и торговых марок.
15
Проблема увлеченного клиента
Что делать, если клиент увлечен некоей идеей, никак не связанной со
стратегией сайта?
1. Сфокусировать внимание клиента на пользовательских и бизнес целях,
убедиться в том, что он согласен с их формулировками;
2. Провести мозговую атаку с большим количеством разнообразных
предложений, чтобы клиент понял, что его идея не единственная на свете и
почувствовал себя ребенком во взрослом деле;
3. Провести дискуссию о том, какое из множества предложений стоит выбрать,
учитывая бизнес цели;
4. Сослаться на деньги — просчитать ожидаемый возврат от инвестиций,
вложенных в эту возможность;
5. Использовать волшебное слово “во второй фазе”, то есть, оставить это
обсуждение на некую вторую фазу проекта, даже если она и не планируется.
16
Влияние бизнес целей на дизайн
• Сравнение главных страниц сайтов-конкурентов — хорошее упражнение для выявления влияния бизнес целей на дизайн
17
Задание 4: Уточнение целей бизнеса
• Основываясь на примерах из слайда 9 определить возможные цели бизнеса —описать причины, по которым ваш сайт создается;
• Использовать три сайта из задания 2. Проанализировать на них цели бизнеса подписав на скриншотах области экрана и цели
24
Устройства, используемые для чтения почты
30
Source: Movable Ink US Consumer Device Preference Report: Q4 2013
Mobile vs Desktop
• Мобильные устройства правят миром; Мобильные телефоны опережают настольные
системы в просмотре веб;
• Люди владеют все большим разнообразием устройств; Приложения должны быть переносимыми; Сложно разрабатывать приложения для отдельных
платформ; Размер экранов сильно различается
Решение – Отзывчивые веб-сайты
31
Адаптивный веб дизайн
• Больше ориентированный на пользовательский опыт, чем на браузеры;
• Дизайнеры используют техники Progressive enhancement вместо graceful degradation;
• Mobile First! – Хороший пример практического подхода
33
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