Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

02. web design

424 visualizaciones

Publicado el

Web Design course in Estonian Entrepreneurship University Mainor, October 2015

Publicado en: Diseño
  • Sé el primero en comentar

02. web design

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

×