Создаем эффективный сайт дизайн, юзабилити, контент

Август 29, 2022

Главная
Технология
Создаем эффективный сайт дизайн, юзабилити, контент

Содержание

2. Что такое сайт? Известно несколько определений Сайт (от англ. website: web — «паутина», «сеть» и site
3. Как создать сайт? 1. Подготовить контент, продумать структуру. 2. Поиск исполнителей: - выбирать лучше официальную компанию,
4. Три "богини" сайта: Дизайн, Навигация, Контент
5. Но кто же лучше? Между ними вечный спор: кто на сайте важнее, кому больше внимания, любви
6. Группы трафика 1. Случайный визитер. В наибольшей степени подвержены влиянию дизайна сайта. 2. Исследователи. Для успешного
7. Клиент уходит... 1. Трудно обнаружить контактную информацию. 2. Нужно пройти регистрацию. 3. Плохой поиск по сайту.
8. Основные правила юзабилити 1. Внимание пользователя сосредотачивается на лицах. 2. Поверните человека или товар лицом к
9. Основные понятия: Веб-дизайн (web design) — визуальное оформление веб-страниц сайта или его элементов, а также создание
10. Юзабилити-тестирование Зачем тестировать? Вы можете не знать, приносят ли ваши усилия хоть какую-нибудь пользу или, напротив,
11. Технологии тестирования Мобильное Удаленное Лабораторное
12. Что требуется для проведения 1. Выбор целевых пользователей. 2. Выполнение типичных для продукта задач. 3. Объективное
13. Как проходит тестирование Тестирование проходит при личном контакте и реальном наблюдении. Длительность - обычно 40 минут.
14. Инструменты тестирования: 1. Веб-камера 2. Микрофон 3. Комната респондента и комната наблюдателя. 4. Айтрекинговая камера -
17. Плохое юзабилити
21. Дизайн сайта Можно условно разделить на два больших и разных типа: 1. Информационный (сайты-визитки, корпоративные сайты,
22. Основные требования: 1. Соответствие дизайна поставленной цели. 2. Эстетика сайт должен быть приятным для просмотра 3.
24. Контент Основные требования: 1. Уникальность текстов. 2. Продающий грамотный текст 3. Seo-оптимизация. 4. Качественное фото 5.
25. Спасибо за внимание!
27. Скачать презентацию

Слайд 2

Что такое сайт?
Известно несколько определений
Сайт (от англ. website: web — «паутина», «сеть»

и site — «место», букв. «место в сети») 1) В компьютерной сети объединённая под одним адресом (доменным именем или IP-адресом) совокупность документов частного лица или организации. 2) Совокупность веб-страниц, объединённых общим корневым адресом и доступных в Интернете. 3) Совокупность web-страниц, объединенных по смыслу, навигационно и физически находящихся на одном сервере

Слайд 3

Как создать сайт?
1. Подготовить контент, продумать структуру.
2. Поиск исполнителей:
- выбирать лучше

официальную компанию, а не "студента";
-изучение предложений;
-портфолио;
-рекомендации клиентов;
-ценообразование.
3. Процесс создания сайта:
- контроль;
- доступы к хостингу, домену, сайту.

Слайд 4

Три "богини" сайта: Дизайн, Навигация, Контент

Слайд 5

Но кто же лучше?
Между ними вечный спор: кто на сайте важнее,

кому больше внимания, любви и бюджетных денег.
Основные правила оценки эффективности сайта и роли трех этих показателей:
Правило №1. Нельзя оценивать эффективность элементов сайта в отрыве от других факторов! И, прежде всего, от характера трафика.
Правило №2. Степень влияния Дизайна, Навигации и Контента на эффективность сайта зависят от принадлежности посетителя к одной из групп трафика

Слайд 6

Группы трафика
1. Случайный визитер.
В наибольшей степени
подвержены влиянию дизайна сайта.
2. Исследователи.
Для

успешного исследования
важны понятная и простая
навигация+ контент (качественное описание продукта).
3. Покупатели.
Важны выгодность торгового предложения
(цена, доставка), контент, дизайн.

Слайд 7

Клиент уходит...
1. Трудно обнаружить контактную информацию.
2. Нужно пройти регистрацию.
3. Плохой поиск по

сайту.
4. Для просмотра страниц
необходима установка дополнительного
программного обеспечения.
5. Страницы загружаются медленно.
6. Плохой язык.
7. Трудно найти выход.
8. Устаревшая информация.
9. Открываются новые окна.
10. Мертвые ссылки.
11. Чужая реклама на сайте
...

Слайд 8

Основные правила юзабилити
1. Внимание пользователя сосредотачивается на лицах.
2. Поверните человека или товар

лицом к тексту.
3. Посетители не прокручивают (самое главное в видимую зону!)
4. Синий - любимый цвет ссылок
5. Идеальное поле поиска - 27 символов
6. Свободное пространство улучшает восприятие.
7. Большинство пользователей игнорируют рекламу
8. Делайте формы регистрации короткими.

Слайд 9

Основные понятия:
Веб-дизайн (web design) — визуальное оформление веб-страниц сайта или его

элементов, а также создание графических рекламных материалов для размещения в Интернете.
Юзаби́лити (англ.usability — дословно «возможность использования», «способность быть использованным», «полезность» ) - понятие, обозначающее итоговый уровень удобности предмета для использования в заявленных целях.
Контент - наполнение сайта, образно и логически связанное с графическими элементами и системой навигации.

Слайд 10

Юзабилити-тестирование
Зачем тестировать?
Вы можете не знать, приносят ли ваши усилия хоть какую-нибудь

пользу или, напротив, еще больше затрудняет работу с продуктом.

Слайд 11

Технологии тестирования
Мобильное
Удаленное
Лабораторное

Слайд 12

Что требуется для проведения
1. Выбор целевых пользователей.
2. Выполнение типичных для продукта

задач.
3. Объективное отслеживание ошибок, измерение проблем.

Слайд 13

Как проходит тестирование
Тестирование проходит при личном контакте и реальном наблюдении.
Длительность -

обычно 40 минут.
Нельзя делать подсказки.
Фиксируется:
1. Речь модератора и респондента.
2. Выражение лица респондента (снимается на камеру).
3. Изображение экрана компьютера респондента.
4. Все события на компьютере (клики, переходы, клавиатура и т.п.)

Слайд 14

Инструменты тестирования:
1. Веб-камера
2. Микрофон
3. Комната респондента и комната наблюдателя.
4. Айтрекинговая камера

- ловит и фиксирует движения глаз пользователя с помощью инфракрасного луча. С помощью данной камеры создается "тепловая карта".

Слайд 15

Слайд 16

Слайд 17

Плохое юзабилити

Слайд 18

Слайд 19

Слайд 20

Слайд 21

Дизайн сайта
Можно условно разделить на два больших и разных типа:
1. Информационный

(сайты-визитки, корпоративные сайты, порталы и т.п.)
2. Имиджевый (промо-сайты)

Слайд 22

Основные требования:
1. Соответствие дизайна
поставленной цели.
2. Эстетика
сайт должен быть приятным для

просмотра
3. Удобный интерфейс
это уже вопросы юзабилити.
Только анализируя свой сайт, его посещаемость, пути по сайту клиента и т.п., вы можете постараться приблизится к идеалу!!!

Слайд 23

Слайд 24

Контент
Основные требования:
1. Уникальность текстов.
2. Продающий грамотный текст
3. Seo-оптимизация.
4. Качественное фото
5. Нет

логотипу на фото продукции.
6. Полноразмерные картинки.
7. Качественное видео.

Слайд 25

Создаем эффективный сайт дизайн, юзабилити, контент

Содержание

Что такое сайт?Известно несколько определенийСайт (от англ. website: web — «паутина», «сеть»

Как создать сайт?1. Подготовить контент, продумать структуру.2. Поиск исполнителей:- выбирать лучше

Три "богини" сайта: Дизайн, Навигация, Контент

Но кто же лучше?Между ними вечный спор: кто на сайте важнее,

Группы трафика1. Случайный визитер. В наибольшей степени подвержены влиянию дизайна сайта.2. Исследователи. Для

Клиент уходит...1. Трудно обнаружить контактную информацию.2. Нужно пройти регистрацию.3. Плохой поиск по

Основные правила юзабилити1. Внимание пользователя сосредотачивается на лицах.2. Поверните человека или товар

Основные понятия:Веб-дизайн (web design) — визуальное оформление веб-страниц сайта или его

Юзабилити-тестированиеЗачем тестировать?Вы можете не знать, приносят ли ваши усилия хоть какую-нибудь

Технологии тестированияМобильноеУдаленное Лабораторное

Что требуется для проведения1. Выбор целевых пользователей.2. Выполнение типичных для продукта

Как проходит тестированиеТестирование проходит при личном контакте и реальном наблюдении.Длительность -

Инструменты тестирования:1. Веб-камера2. Микрофон3. Комната респондента и комната наблюдателя.4. Айтрекинговая камера