Как сделать крутой дизайн сайта?

Transcript

1. Создаем эффективный сайт дизайн, юзабилити, контент
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. Айтрекинговая камера - ловит и фиксирует движения глаз пользователя с помощью инфракрасного луча. С помощью данной камеры создается "тепловая карта".
17. Плохое юзабилити
21. Дизайн сайта Можно условно разделить на два больших и разных типа: 1. Информационный (сайты-визитки, корпоративные сайты, порталы и т.п.) 2. Имиджевый (промо-сайты)
22. Основные требования: 1. Соответствие дизайна поставленной цели. 2. Эстетика сайт должен быть приятным для просмотра 3. Удобный интерфейс это уже вопросы юзабилити. Только анализируя свой сайт, его посещаемость, пути по сайту клиента и т.п., вы можете постараться приблизится к идеалу!!!
24. Контент Основные требования: 1. Уникальность текстов. 2. Продающий грамотный текст 3. Seo-оптимизация. 4. Качественное фото 5. Нет логотипу на фото продукции. 6. Полноразмерные картинки. 7. Качественное видео.
25. Спасибо за внимание!
26. Дмитрий Пушиненко "Smart Internet" "New Web" Найти мои подборки книг и материалу для изучения можно по ссылке: https://privnote.com/r7amUYcd