SlideShare a Scribd company logo
Создаем эффективный сайт дизайн, юзабилити, контент
Что такое сайт? Известно несколько определений Сайт (от англ. website: web — «паутина», «сеть» и site — «место», букв. «место в сети») 1) В компьютерной сети объединённая под одним адресом (доменным именем или IP-адресом) совокупность документов частного лица или организации.2) Совокупность веб-страниц, объединённых общим корневым адресом и доступных в Интернете.3) Совокупность web-страниц, объединенных по смыслу, навигационно и физически находящихся на одном сервере
Как создать сайт? 1. Подготовить контент, продумать структуру. 2. Поиск исполнителей: - выбирать лучше официальную компанию, а не "студента"; -изучение предложений; -портфолио; -рекомендации клиентов; -ценообразование. 3. Процесс создания сайта: - контроль; - доступы к хостингу, домену, сайту.
Три "богини" сайта: Дизайн, Навигация, Контент
Но кто же лучше? Между ними вечный спор: кто на сайте важнее, кому больше внимания, любви и бюджетных денег.  Основные правила оценки эффективности сайта и роли трех этих показателей: Правило №1. Нельзя оценивать эффективность элементов сайта в отрыве от других факторов! И, прежде всего, от характера трафика.  Правило №2. Степень влияния Дизайна, Навигации и Контента на эффективность сайта зависят от принадлежности посетителя к одной из групп трафика
Группы трафика 1. Случайный визитер.   В наибольшей степени  подвержены влиянию дизайна сайта. 2. Исследователи.  Для успешного исследования важны понятная и простая  навигация+ контент (качественное описание продукта). 3. Покупатели.  Важны выгодность торгового предложения (цена, доставка), контент, дизайн.
Клиент уходит... 1. Трудно обнаружить контактную информацию. 2. Нужно пройти регистрацию. 3. Плохой поиск по сайту.  4. Для просмотра страниц       необходима установка дополнительного       программного обеспечения. 5. Страницы загружаются медленно.  6. Плохой язык.  7. Трудно найти выход. 8. Устаревшая информация.  9. Открываются новые окна. 10. Мертвые ссылки. 11. Чужая реклама на сайте ...
Основные правила юзабилити 1. Внимание пользователя сосредотачивается на лицах. 2. Поверните человека или товар лицом к тексту. 3. Посетители не прокручивают (самое главное в видимую зону!) 4. Синий - любимый цвет ссылок 5. Идеальное поле поиска - 27 символов 6. Свободное пространство улучшает восприятие. 7. Большинство пользователей игнорируют рекламу 8. Делайте формы регистрации короткими.
Основные понятия: Веб-дизайн (web design) — визуальное оформление веб-страниц сайта или его элементов, а также создание графических рекламных материалов для размещения в Интернете. Юзаби́лити (англ.usability — дословно «возможность использования», «способность быть использованным», «полезность» ) - понятие, обозначающее итоговый уровень удобности предмета для использования в заявленных целях. Контент - наполнение сайта, образно и логически связанное с графическими элементами и системой навигации.  
Юзабилити-тестирование Зачем тестировать? Вы можете не знать, приносят ли ваши усилия хоть какую-нибудь пользу или, напротив, еще больше затрудняет работу с продуктом.
Технологии тестирования Мобильное Удаленное  Лабораторное
Что требуется для проведения 1. Выбор целевых пользователей. 2. Выполнение типичных для продукта задач. 3. Объективное отслеживание ошибок, измерение проблем.
Как проходит тестирование Тестирование проходит при личном контакте и реальном наблюдении. Длительность - обычно 40 минут. Нельзя делать подсказки. Фиксируется: 1. Речь модератора и респондента. 2. Выражение лица респондента (снимается на камеру). 3. Изображение экрана компьютера респондента. 4. Все события на компьютере (клики, переходы, клавиатура и т.п.)
Инструменты тестирования: 1. Веб-камера 2. Микрофон 3. Комната респондента и комната наблюдателя. 4. Айтрекинговая камера - ловит и фиксирует движения глаз пользователя с помощью инфракрасного луча. С помощью данной камеры создается "тепловая карта".
Плохое юзабилити
Дизайн сайта Можно условно разделить на два больших и разных типа: 1. Информационный (сайты-визитки, корпоративные сайты, порталы и т.п.) 2. Имиджевый (промо-сайты)
Основные требования: 1. Соответствие дизайна      поставленной цели. 2. Эстетика       сайт должен быть приятным для просмотра 3. Удобный интерфейс      это уже вопросы юзабилити. Только анализируя свой сайт, его посещаемость, пути по сайту клиента и т.п., вы можете постараться приблизится к идеалу!!!
Контент Основные требования: 1. Уникальность текстов. 2. Продающий грамотный текст 3. Seo-оптимизация. 4. Качественное фото 5. Нет логотипу на фото продукции. 6. Полноразмерные картинки. 7. Качественное видео.
Спасибо  за внимание! 
Карелина Дарья "Smart Internet" "New Web" Со мной можно связаться: e-mail: karelinadarya@gmail.com тел.: (061) 701 16 96

More Related Content

Similar to Cоздание эффективного сайта

Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Oleg Karapuzov
 
Интерактивный сайт
Интерактивный сайтИнтерактивный сайт
Интерактивный сайтIRCIT
 
Аудит сайта Copterfield.com.ua
Аудит сайта Copterfield.com.uaАудит сайта Copterfield.com.ua
Аудит сайта Copterfield.com.uakostetskiy
 
Аудит Droid.dp.ua
Аудит Droid.dp.uaАудит Droid.dp.ua
Аудит Droid.dp.uakostetskiy
 
Аудит Shalunishka.top
Аудит Shalunishka.topАудит Shalunishka.top
Аудит Shalunishka.topkostetskiy
 
проектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазинапроектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазинаITMsupport
 
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...borovoystudio
 
проектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазинапроектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазинаТауруна
 
Продвижение отраслевого сайта. Практикум
Продвижение отраслевого сайта. ПрактикумПродвижение отраслевого сайта. Практикум
Продвижение отраслевого сайта. Практикумimba_ru
 
Интернет-реклама для оконного бизнеса (Санкт-Петербург)
Интернет-реклама для оконного бизнеса (Санкт-Петербург)Интернет-реклама для оконного бизнеса (Санкт-Петербург)
Интернет-реклама для оконного бизнеса (Санкт-Петербург)VEKA Rus
 
Предпроектная работа над сайтом
Предпроектная работа над сайтомПредпроектная работа над сайтом
Предпроектная работа над сайтомNimax
 
Юзабилити Сайта
Юзабилити СайтаЮзабилити Сайта
Юзабилити СайтаDmitry Satin
 
Юзабилити сайта
Юзабилити сайтаЮзабилити сайта
Юзабилити сайтаDmitry Satin
 
Юхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализацииЮхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализацииOmar Valiev
 
Социальная сеть для бизнеса
Социальная сеть для бизнесаСоциальная сеть для бизнеса
Социальная сеть для бизнесаMaxim Kunnik
 
Юзабилити аудит и сплит тестирование
Юзабилити аудит и сплит тестированиеЮзабилити аудит и сплит тестирование
Юзабилити аудит и сплит тестированиеЕвгений Храмов
 

Similar to Cоздание эффективного сайта (20)

Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?
 
Интерактивный сайт
Интерактивный сайтИнтерактивный сайт
Интерактивный сайт
 
Аудит сайта Copterfield.com.ua
Аудит сайта Copterfield.com.uaАудит сайта Copterfield.com.ua
Аудит сайта Copterfield.com.ua
 
Аудит сайта Matrimonio.kiev.ua
Аудит сайта Matrimonio.kiev.uaАудит сайта Matrimonio.kiev.ua
Аудит сайта Matrimonio.kiev.ua
 
Аудит Droid.dp.ua
Аудит Droid.dp.uaАудит Droid.dp.ua
Аудит Droid.dp.ua
 
Аудит Shalunishka.top
Аудит Shalunishka.topАудит Shalunishka.top
Аудит Shalunishka.top
 
проектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазинапроектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазина
 
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
 
Usability barcamp
Usability barcampUsability barcamp
Usability barcamp
 
проектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазинапроектирование, поддержка и контент интернет магазина
проектирование, поддержка и контент интернет магазина
 
Продвижение отраслевого сайта. Практикум
Продвижение отраслевого сайта. ПрактикумПродвижение отраслевого сайта. Практикум
Продвижение отраслевого сайта. Практикум
 
Интернет-реклама для оконного бизнеса (Санкт-Петербург)
Интернет-реклама для оконного бизнеса (Санкт-Петербург)Интернет-реклама для оконного бизнеса (Санкт-Петербург)
Интернет-реклама для оконного бизнеса (Санкт-Петербург)
 
Предпроектная работа над сайтом
Предпроектная работа над сайтомПредпроектная работа над сайтом
Предпроектная работа над сайтом
 
Юзабилити Сайта
Юзабилити СайтаЮзабилити Сайта
Юзабилити Сайта
 
Юзабилити сайта
Юзабилити сайтаЮзабилити сайта
Юзабилити сайта
 
Проектирование эффективных сайтов
Проектирование эффективных сайтовПроектирование эффективных сайтов
Проектирование эффективных сайтов
 
Юхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализацииЮхаранов Мурад - web-проекты от идеи/заказа до реализации
Юхаранов Мурад - web-проекты от идеи/заказа до реализации
 
Социальная сеть для бизнеса
Социальная сеть для бизнесаСоциальная сеть для бизнеса
Социальная сеть для бизнеса
 
Юзабилити аудит и сплит тестирование
Юзабилити аудит и сплит тестированиеЮзабилити аудит и сплит тестирование
Юзабилити аудит и сплит тестирование
 
Artery, company presentation
Artery, company presentationArtery, company presentation
Artery, company presentation
 

More from Darya Karelina

Client-centered therapy
Client-centered therapyClient-centered therapy
Client-centered therapyDarya Karelina
 
Как начать и не сорваться? Правильное питание и тренировки
Как начать и не сорваться? Правильное питание и тренировкиКак начать и не сорваться? Правильное питание и тренировки
Как начать и не сорваться? Правильное питание и тренировкиDarya Karelina
 
Где взять деньги на баркемп и как ими правильно распорядиться?
Где взять деньги на баркемп и как ими правильно распорядиться?Где взять деньги на баркемп и как ими правильно распорядиться?
Где взять деньги на баркемп и как ими правильно распорядиться?Darya Karelina
 
Урок 1 (Введение) из курса "Интернет" для старшеклассников
Урок 1 (Введение) из курса "Интернет" для старшеклассниковУрок 1 (Введение) из курса "Интернет" для старшеклассников
Урок 1 (Введение) из курса "Интернет" для старшеклассниковDarya Karelina
 
Personal branding (Персональный брендинг с помощью блога)
Personal branding (Персональный брендинг с помощью блога)Personal branding (Персональный брендинг с помощью блога)
Personal branding (Персональный брендинг с помощью блога)Darya Karelina
 
7 мифов о бизнесе в интернете
7 мифов о бизнесе в интернете7 мифов о бизнесе в интернете
7 мифов о бизнесе в интернетеDarya Karelina
 
Общественная организация и ее возможности
Общественная организация и ее возможностиОбщественная организация и ее возможности
Общественная организация и ее возможностиDarya Karelina
 
Возможности использование Твиттера общественными организациями
Возможности использование Твиттера общественными организациямиВозможности использование Твиттера общественными организациями
Возможности использование Твиттера общественными организациямиDarya Karelina
 
Поисковая оптимизация сайта: с чего начать
Поисковая оптимизация сайта:  с чего начатьПоисковая оптимизация сайта:  с чего начать
Поисковая оптимизация сайта: с чего начатьDarya Karelina
 
История поисковых машин
История поисковых машинИстория поисковых машин
История поисковых машинDarya Karelina
 
Маркетинговые возможности Twitter
Маркетинговые возможности TwitterМаркетинговые возможности Twitter
Маркетинговые возможности TwitterDarya Karelina
 
Домен и защита
 Домен и защита Домен и защита
Домен и защитаDarya Karelina
 
Adwards (контекстная реклама)
Adwards (контекстная реклама)Adwards (контекстная реклама)
Adwards (контекстная реклама)Darya Karelina
 
AdWords шаг за шагом
AdWords шаг за шагомAdWords шаг за шагом
AdWords шаг за шагомDarya Karelina
 
Инструменты оценки и анализа эффективности контекстной рекламы 1
Инструменты оценки и анализа эффективности контекстной рекламы 1Инструменты оценки и анализа эффективности контекстной рекламы 1
Инструменты оценки и анализа эффективности контекстной рекламы 1Darya Karelina
 
Интерфейс Бегун
Интерфейс БегунИнтерфейс Бегун
Интерфейс БегунDarya Karelina
 
Практические рекомендации
Практические рекомендацииПрактические рекомендации
Практические рекомендацииDarya Karelina
 

More from Darya Karelina (20)

Client-centered therapy
Client-centered therapyClient-centered therapy
Client-centered therapy
 
Как начать и не сорваться? Правильное питание и тренировки
Как начать и не сорваться? Правильное питание и тренировкиКак начать и не сорваться? Правильное питание и тренировки
Как начать и не сорваться? Правильное питание и тренировки
 
Где взять деньги на баркемп и как ими правильно распорядиться?
Где взять деньги на баркемп и как ими правильно распорядиться?Где взять деньги на баркемп и как ими правильно распорядиться?
Где взять деньги на баркемп и как ими правильно распорядиться?
 
Урок 1 (Введение) из курса "Интернет" для старшеклассников
Урок 1 (Введение) из курса "Интернет" для старшеклассниковУрок 1 (Введение) из курса "Интернет" для старшеклассников
Урок 1 (Введение) из курса "Интернет" для старшеклассников
 
Personal branding (Персональный брендинг с помощью блога)
Personal branding (Персональный брендинг с помощью блога)Personal branding (Персональный брендинг с помощью блога)
Personal branding (Персональный брендинг с помощью блога)
 
7 мифов о бизнесе в интернете
7 мифов о бизнесе в интернете7 мифов о бизнесе в интернете
7 мифов о бизнесе в интернете
 
Общественная организация и ее возможности
Общественная организация и ее возможностиОбщественная организация и ее возможности
Общественная организация и ее возможности
 
Возможности использование Твиттера общественными организациями
Возможности использование Твиттера общественными организациямиВозможности использование Твиттера общественными организациями
Возможности использование Твиттера общественными организациями
 
Поисковая оптимизация сайта: с чего начать
Поисковая оптимизация сайта:  с чего начатьПоисковая оптимизация сайта:  с чего начать
Поисковая оптимизация сайта: с чего начать
 
История поисковых машин
История поисковых машинИстория поисковых машин
История поисковых машин
 
Seo&Pps
Seo&PpsSeo&Pps
Seo&Pps
 
Seo Tools
Seo ToolsSeo Tools
Seo Tools
 
Маркетинговые возможности Twitter
Маркетинговые возможности TwitterМаркетинговые возможности Twitter
Маркетинговые возможности Twitter
 
Домен и защита
 Домен и защита Домен и защита
Домен и защита
 
Adwards (контекстная реклама)
Adwards (контекстная реклама)Adwards (контекстная реклама)
Adwards (контекстная реклама)
 
AdWords шаг за шагом
AdWords шаг за шагомAdWords шаг за шагом
AdWords шаг за шагом
 
Инструменты оценки и анализа эффективности контекстной рекламы 1
Инструменты оценки и анализа эффективности контекстной рекламы 1Инструменты оценки и анализа эффективности контекстной рекламы 1
Инструменты оценки и анализа эффективности контекстной рекламы 1
 
Интерфейс Бегун
Интерфейс БегунИнтерфейс Бегун
Интерфейс Бегун
 
Практические рекомендации
Практические рекомендацииПрактические рекомендации
Практические рекомендации
 
Бегун
БегунБегун
Бегун
 

Cоздание эффективного сайта

  • 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. Айтрекинговая камера - ловит и фиксирует движения глаз пользователя с помощью инфракрасного луча. С помощью данной камеры создается "тепловая карта".
  • 15.
  • 16.
  • 18.
  • 19.
  • 20.
  • 21. Дизайн сайта Можно условно разделить на два больших и разных типа: 1. Информационный (сайты-визитки, корпоративные сайты, порталы и т.п.) 2. Имиджевый (промо-сайты)
  • 22. Основные требования: 1. Соответствие дизайна      поставленной цели. 2. Эстетика       сайт должен быть приятным для просмотра 3. Удобный интерфейс      это уже вопросы юзабилити. Только анализируя свой сайт, его посещаемость, пути по сайту клиента и т.п., вы можете постараться приблизится к идеалу!!!
  • 23.
  • 24. Контент Основные требования: 1. Уникальность текстов. 2. Продающий грамотный текст 3. Seo-оптимизация. 4. Качественное фото 5. Нет логотипу на фото продукции. 6. Полноразмерные картинки. 7. Качественное видео.
  • 26. Карелина Дарья "Smart Internet" "New Web" Со мной можно связаться: e-mail: karelinadarya@gmail.com тел.: (061) 701 16 96