Слайд 2Основные вопросы
Философия. Зачем вам нужен сайт? Продавать или "для галочки"?
Эффективный с точки
![Основные вопросы Философия. Зачем вам нужен сайт? Продавать или "для галочки"? Эффективный](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-1.jpg)
зрения продаж сайт: критерии, компоненты
Что такое юзабилити?
Зачем юзабилити для сайта и бизнеса?
Как быстро и дешево протестировать юзабилити
Слайд 3Зачем компании сайт?
Продавать?
или
Для «галочки?
![Зачем компании сайт? Продавать? или Для «галочки?](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-2.jpg)
Слайд 4Зачем вам сайт? Философские вопросы…
Основной вопрос, который НАДО задать себе еще ДО
![Зачем вам сайт? Философские вопросы… Основной вопрос, который НАДО задать себе еще](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-3.jpg)
разработки сайта: «зачем нашей компании сайт?»
И второй вопрос: «какие цели мы преследуем, создавая
сайт?»
Без осознания первого и второго велик риск
ошибок
Слайд 5Зачем нашей компании сайт…
Генеральному директору нужен сайт
Чтобы был (ведь у конкурентов есть)
Так
![Зачем нашей компании сайт… Генеральному директору нужен сайт Чтобы был (ведь у](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-4.jpg)
модно (у всех есть сайты, а у нас нет)
Информирование и поддержка наших клиентов и партнеров
Продажи наших услуг через сайт
Слайд 6Какие цели…
Создать сайт и разместить на нем обращение генерального директора
Создать сайт, чтобы
![Какие цели… Создать сайт и разместить на нем обращение генерального директора Создать](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-5.jpg)
получать через интернет 100 звонков в день от наших потенциальных клиентов
Создать сайт «номер один» по туризму
Привлечь новых партнеров, обеспечить продажи через сайт
Создать сайт и продавать на нем рекламу
Слайд 7Что такое интернет-сайт для компании?
Интернет-сайт – основной бизнес-инструмент
компании
Каким должен быть сайт:
Удобным
![Что такое интернет-сайт для компании? Интернет-сайт – основной бизнес-инструмент компании Каким должен](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-6.jpg)
и понятным (юзабилити)
Контентным (максимум информации о товарах или услугах и самой компании)
Сделанным для клиента и на его языке
Цель сайта (коммерческого) – информировать и
продавать
Слайд 8Эффективный сайт
Критерии:
Много информации о товарах (услугах). Информация четко структурирована, легко воспринимается людьми
Понятная
![Эффективный сайт Критерии: Много информации о товарах (услугах). Информация четко структурирована, легко](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-7.jpg)
пользователю структура, легкая навигация
Функциональный дизайн. Графика присутствует, но ей не злоупотребляют
Четко выделенные контактные данные: телефоны, адрес, схема проезда
Сайт, содержащий ответы на все вопросы посетителя (потенциального покупателя)
Быстрая загрузка даже на медленном соединении (GPRS, модем)
Высокий уровень удобства пользования (usability) сайта
Слайд 11Сайт «для галочки»
Критерии:
Лишь несколько страниц контента
Сложная и запутанная структура
Злоупотребление графикой и анимацией,
![Сайт «для галочки» Критерии: Лишь несколько страниц контента Сложная и запутанная структура](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-10.jpg)
либо неопрятный дизайн
Контактные данные сразу не идентифицируются, нужно тратить время на их поиск
Большинство вопросов посетителя остается без ответа
Сайт долго грузится
Средний или низкий уровень юзабилити (удобства пользования) сайта
Сайт лишен здравого смысла, сделан «на коленке»
Слайд 15Юзабилити это…
Удобство использования чего-либо
Возможность использования
Эргономичность
Способность быть использованным
![Юзабилити это… Удобство использования чего-либо Возможность использования Эргономичность Способность быть использованным](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-14.jpg)
Слайд 16Точного перевода на русский нет!
Юзабилити = удобство
![Точного перевода на русский нет! Юзабилити = удобство](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-15.jpg)
Слайд 17Зачем нужно юзабилити?
Каждый потраченный на юзабилити
доллар возвращает от 10 до 100
![Зачем нужно юзабилити? Каждый потраченный на юзабилити доллар возвращает от 10 до](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-16.jpg)
долларов
прибыли или сэкономленных средств.
Слайд 18Позитивный вклад…
Разработка: Снижение расходов и уменьшение времени;
Продажи: Увеличение доходов;
Пользователи: Повышение эффективности, продуктивности
![Позитивный вклад… Разработка: Снижение расходов и уменьшение времени; Продажи: Увеличение доходов; Пользователи:](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-17.jpg)
и удовлетворенности;
Снижение затрат на внедрение (за счет сокращения обучения) и на поддержку пользователей.
Слайд 19Экономия при разработке!
Снижение затрат на разработку
Сокращение времени на разработку
Снижение расходов на
![Экономия при разработке! Снижение затрат на разработку Сокращение времени на разработку Снижение](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-18.jpg)
поддержку продукта
Сокращение затрат на переделку продукта
Слайд 20
Юзабилити = экономия
Сил
Нервов
Денег
Времени!
![Юзабилити = экономия Сил Нервов Денег Времени!](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-19.jpg)
Слайд 21Эффективный сайт с точки зрения продаж
Начинка…
Критерии…
Компоненты…
![Эффективный сайт с точки зрения продаж Начинка… Критерии… Компоненты…](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-20.jpg)
Слайд 22Компоненты продающего сайта
Информация: полная, адаптированная, отвечающая на вопросы клиента
Структура: понятная, удобная, легкая
Дизайн:
![Компоненты продающего сайта Информация: полная, адаптированная, отвечающая на вопросы клиента Структура: понятная,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-21.jpg)
функциональный, не раздражающий
Контакты компании: телефоны, адрес, схема проезда
Юзабилити: удобство, эргономичность
Быстрая скорость работы
Слайд 24Пример неадаптированного контента
![Пример неадаптированного контента](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-23.jpg)
Слайд 25Структура сайта
Принцип «3 кликов»
«Хлебные крошки»
Логичность структуры
Понятность для посетителя
Очень важно тестировать на этапе
![Структура сайта Принцип «3 кликов» «Хлебные крошки» Логичность структуры Понятность для посетителя](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-24.jpg)
разработки!
Слайд 27Дизайн продающего сайта
Функциональный дизайн
Ничего отвлекающего посетителя
Очень важно тестировать на этапе разработки!
![Дизайн продающего сайта Функциональный дизайн Ничего отвлекающего посетителя Очень важно тестировать на этапе разработки!](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-26.jpg)
Слайд 30Контактные данные
Должны быть видны посетителю (размещение вверху сайта)
Телефон должен быть с кодом
![Контактные данные Должны быть видны посетителю (размещение вверху сайта) Телефон должен быть](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-29.jpg)
города
Схема проезда должна быть понятна
Очень важно тестировать на вашей
аудитории!
Слайд 31
«Каменный век» юзабилити
Или как быстро и дешево протестировать Ваш сайт
![«Каменный век» юзабилити Или как быстро и дешево протестировать Ваш сайт](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-30.jpg)
Слайд 32Тестирование сайта
Необходимо тестировать все в процессе разработки,
ибо потом будет уже поздно…
Что
![Тестирование сайта Необходимо тестировать все в процессе разработки, ибо потом будет уже](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-31.jpg)
надо тестировать:
Тестирование дизайна (на пользователях)
Тестирование прототипа сайта (пользовательские тесты)
Тестирование нагрузок и безопасности сайта
Слайд 33Какие есть методы?
Тестирование «на бабушке»
Тестирование силами 1 эксперта
Тестирование из 5 пользователей
![Какие есть методы? Тестирование «на бабушке» Тестирование силами 1 эксперта Тестирование из 5 пользователей](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-32.jpg)
Слайд 34Их преимущества
Дешевле. Тест можно провести бесплатно или за небольшие деньги
Выявляется до 80%
![Их преимущества Дешевле. Тест можно провести бесплатно или за небольшие деньги Выявляется](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-33.jpg)
критических ошибок
Довольно быстро
Лучше, чем вообще без тестов ☺
Слайд 35Их недостатки
Менее точны, чем при использовании айтрекинга и спец оборудования
Не позволяют выявить
![Их недостатки Менее точны, чем при использовании айтрекинга и спец оборудования Не](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-34.jpg)
все недочеты по юзабилити сайта
Достаточно примитивны
Слайд 36
Но лучше тестировать ТАК, чем НИКАК ☺
95% сайтов не тестируют НИКАК!
![Но лучше тестировать ТАК, чем НИКАК ☺ 95% сайтов не тестируют НИКАК!](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-35.jpg)
Слайд 37Тестирование «на бабушке»
Берем неопытного пользователя сети (или нескольких)
Определяем цели и задачи
Сажаем за
![Тестирование «на бабушке» Берем неопытного пользователя сети (или нескольких) Определяем цели и](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-36.jpg)
компьютер
Смотрим, как ведет себя тестер, что говорит
Слайд 38Основной смысл теста…
Если неопытный пользователь справляется с
поставленными задачами, то у сайт
![Основной смысл теста… Если неопытный пользователь справляется с поставленными задачами, то у сайт хороший уровень Юзабилити.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-37.jpg)
хороший уровень
Юзабилити.
Слайд 39Тестирование силами эксперта
Для теста привлекается эксперт по юзабилити
Он анализирует сайт по ряду
![Тестирование силами эксперта Для теста привлекается эксперт по юзабилити Он анализирует сайт](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-38.jpg)
критериев
Пишет письменные рекомендации по исправлению ошибок
Может быть привлечено несколько экспертов!
Слайд 40Тест из 5 пользователей
Приглашается 5 пользователей
Они выполняют заранее продуманные действия (заказ товара,
![Тест из 5 пользователей Приглашается 5 пользователей Они выполняют заранее продуманные действия](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-39.jpg)
поиск товара итп)
В процессе выполнения действий идет фиксация того, что они делают и говорят (лучше на видеокамеру)
Затем информация анализируется и формулируются рекомендации по юзабилити
Слайд 43Делайте сайт для вашего клиента и «от клиента»
Юзабилити экономит ваши деньги.
Размещайте
![Делайте сайт для вашего клиента и «от клиента» Юзабилити экономит ваши деньги.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391957/slide-42.jpg)
максимум информации и ваших услугах
Тестируйте юзабилити – узнаете о сайте много нового.
Постоянно развивайте сайт, думая «от клиента»