WEB-дизайн. Эргономика WEB-сайта

Сентябрь 7, 2022

Главная
Алгебра
WEB-дизайн. Эргономика WEB-сайта

Содержание

2. WEB-дизайн это процесс производства веб-сайтов, который включает техническую разработку, структурирование информации, визуальный (графический) дизайн и доставку
3. Web-страница документ, который можно открыть и посмотреть с помощью программы просмотра - браузера
4. Web-сайт совокупность Web-страниц, объединенных по смыслу и навигационно
5. Web-сервер компьютер, подключенный к сети, на котором хранятся Web-страницы и Web-сайты
6. HTML гипертекстовый язык разметки - это самый популярный язык разметки, на нем написаны 95% всех Web-страниц,
7. WML применяется для создания информационных ресурсов, предназначенных для владельцев сотовых телефонов
8. Web-редакторы Невизуальные редакторы предоставляют возможность быстрого ввода команд, подсветки синтаксиса, проверки правильности получившегося кода и ссылок
9. Web-редакторы Визуальные редакторы позволяют работать с самой Web -страницей "как она есть", в режиме WYSIWYG (What
10. Web-редакторы Гибридные редакторы. Имеют мощные средства визуального редактирования, одновременно предоставляя доступ к получившемуся HTML-коду
11. Основные задачи Уникальность Привлечение внимания Донесение определенной информации
12. Эргономика WEB-сайта Эргономика - (от греч. ergon работа + nomos закон) - научная дисциплина, изучающая трудовые
13. Эргономика в целом характеризуется двумя принципами: Комфорт во время использования, который состоит из уменьшения физической и
14. Определяющие критерии эргономичного сайта: ожидания пользователей: не все посетители ищут одинаковую информацию и не обязательно имеют
15. Правила Оптимальное значение времени ожидания пользователя — 2 секунды 20% пользователей, процессов, действий, товаров, услуг дают
20. КОНСТРУКТОРЫ САЙТОВ
21. система из набора инструментов, которая позволяет создавать сайты онлайн и администрировать их без каких-либо специализированных знаний.
22. Они просты в использовании. Всё делается пошагово и легко. Вам не придётся возиться со сложными кодами
23. Богатый набор дизайнерских шаблонов на любой вкус. Оперативная публикация страниц. Изменения отображаются сразу же после их
24. A5 - отличный выбор для новичка; Wix - наиболее популярный; Nethouse - простой и удобный; Umi
25. A5 Преимущества: Удобный редактор сайта; Возможность создания собственного уникального шаблона; Отзывчивая служба поддержки; Большое кол-во шаблонов
26. WIX К преимуществам относятся: более 1000разнообразных шаблонов; Возможность создания собственного уникального шаблона; Мощный редактор сайта; Поддержка
27. Недостатки: Недостаточно запоминающийся адрес страницы в бесплатной версии, имеет вид Вашwixлогин.wix.com/название сайта; Реклама в нижнем левом
28. Nethouse Преимущества: Готовый сайт можно привязать к своему домену; Неограниченное дисковое пространство; Нет навязчивой рекламы; Бесплатный
29. простой в освоении конструктор. Сайт или магазин можно создать примерно за 5-10 минут. К тому же,
30. Один из наиболее простых для новичков конструктор: удобный и понятный интерфейс, 5000 настраиваемых вариантов дизайна. К
31. SETUP Преимущества: Красивые и многочисленные шаблоны; Неплохая техподдержка. Недостатки: Ваш сайт полностью привязан к платформе Setup
32. Один из самых известных и старых сервисов в рунете, хотя с противоречивой репутацией. Подойдёт для создания
33. Преимущества: Большое количество шаблонов и настраиваемых модулей (форум, опросы, галереи, магазин, блог и т. д); Обилие
34. Fo.ru Данный сервис отлично подойдёт для создания сайта-визитки или блога. Он очень прост в использовании даже
35. Redham Качественный сервис, но полностью ориентирован на коммерческую выгоду - тестовый период бесплатного использования составляет 30
36. Большинство конструкторов сайтов бесплатны (расширение функционала потребует перехода на платный тариф), имеют более-менее удобный интерфейс, неплохой
38. Скачать презентацию

Слайд 2

WEB-дизайн
это процесс производства веб-сайтов, который включает техническую разработку, структурирование

информации, визуальный (графический) дизайн и доставку по сети.

Слайд 3

Web-страница
документ, который можно открыть и посмотреть с помощью программы просмотра -

браузера

Слайд 4

Web-сайт
совокупность Web-страниц, объединенных по смыслу и навигационно

Слайд 5

Web-сервер
компьютер, подключенный к сети, на котором хранятся Web-страницы и Web-сайты

Слайд 6

HTML
гипертекстовый язык разметки - это самый популярный язык разметки, на нем

написаны 95% всех Web-страниц, размещенных в Сети

расширенный язык разметки очень похож на язык HTML, но предназначен в основном для создания сайтов крупных информационных систем

XML

Слайд 7

WML
применяется для создания информационных ресурсов, предназначенных для владельцев сотовых телефонов

Слайд 8

Web-редакторы
Невизуальные редакторы предоставляют возможность быстрого ввода команд, подсветки синтаксиса, проверки правильности получившегося

кода и ссылок

Слайд 9

Web-редакторы
Визуальные редакторы позволяют работать с самой Web -страницей "как она есть", в

режиме WYSIWYG (What You See Is What You Get – То)

Слайд 10

Web-редакторы
Гибридные редакторы. Имеют мощные средства визуального редактирования, одновременно предоставляя доступ к

получившемуся HTML-коду

Слайд 11

Основные задачи
Уникальность
Привлечение внимания
Донесение определенной информации

Слайд 12

Эргономика WEB-сайта
Эргономика - (от греч. ergon работа + nomos закон) - научная дисциплина, изучающая трудовые процессы

с целью создания оптимальных условий труда, что способствует увеличению его производительности, а также обеспечивает необходимые удобства и сохраняет силы, здоровье и работоспособность человека

Слайд 13

Эргономика в целом характеризуется двумя принципами:
Комфорт во время использования, который состоит

из уменьшения физической и психологической усталости;
Безопасность, которая предполагает выбор подходящих решений для защиты пользователя.

Слайд 14

Определяющие критерии эргономичного сайта:
ожидания пользователей: не все посетители ищут одинаковую информацию

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

Слайд 15

Правила
Оптимальное значение времени ожидания пользователя — 2 секунды
20% пользователей, процессов, действий,

товаров, услуг дают владельцу сайта 80% прибыли
Основная мысль на любой странице раскрывается в начале. Необходимо наличие элемента навигации, представляющего собой путь по сайту от его «корня» до текущей страницы
Обязательны заметные точки начала (реализуют возможность всегда вернуться на предыдущие страницы).
Между главной страницей и второстепенными должно быть визуальное сходство
Требуются описание цели и назначения сайта.

Слайд 16

Слайд 17

Слайд 18

Слайд 19

Слайд 20

КОНСТРУКТОРЫ САЙТОВ

Слайд 21

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

их без каких-либо специализированных знаний. С её помощью Вы сможете выбрать тип будущего сайта (визитка, магазин и т. д.), готовый шаблон дизайна, цветовое оформление и модули, которые будут на нём отображаться.

Конструктор сайтов

Слайд 22

Они просты в использовании. Всё делается пошагово и легко. Вам не

придётся возиться со сложными кодами HTML и FTP.
Разделение дизайнерской и текстовой частей: макет хранится отдельно от текста. Захотите сменить дизайн – без проблем, несколько кликов и всё готово!
Наличие готовых шаблонов макетов, для создания которых вне конструктора требуется знание языка программирования HTML.
Лёгкость загрузки изображений. Картинки можно добавлять, не выходя из браузера и сразу размещать на страницах, создавать галереи либо делать их частью дизайна макета.

Преимущества конструктор сайтов

Слайд 23

Богатый набор дизайнерских шаблонов на любой вкус.
Оперативная публикация страниц. Изменения отображаются

сразу же после их внесения.
Надёжность – все файлы хранятся на сервере конструктора. Поэтому Вам не стоит беспокоиться о создании резервных копий данных или о возможности взлома - обо всём этом заботится персонал по обслуживанию серверов выбранного конструктора сайтов.
Кроме того, некоторые конструкторы (например, Wix, Nethouse) позволяют переносить готовый сайт на другой хостинг.

Преимущества конструктор сайтов

Слайд 24

A5 - отличный выбор для новичка;
Wix - наиболее популярный;
Nethouse - простой и удобный;
Umi - специализация интернет-магазины;
Setup -

удобный для новичка;
Fo.ru - неплохой вариант для сайта-визитки;
Ucoz - известный, но противоречивый вариант;
Redham - всего 30 дней бесплатно;

Виды конструкторов

Слайд 25

A5
Преимущества:
Удобный редактор сайта;
Возможность создания собственного уникального шаблона;
Отзывчивая служба поддержки;
Большое кол-во шаблонов

(около 300);
Несложный интерфейс плюс наличие качественных видео-уроков по его использованию.
Отличное соотношение цена/качество при переходе на платный пакет.
Недостатки:
Всего 25 Мб дискового пространства и возможность создания 5 страниц в бесплатной версии;
Из-за ограничений складывается впечатление, что от Вас только и ждут перехода на платный пакет;

Слайд 26

WIX
К преимуществам относятся:
более 1000разнообразных шаблонов;
Возможность создания собственного уникального шаблона;
Мощный редактор

сайта;
Поддержка функции Drag & Drop;
Очень гибкие и разнообразные настройки;
Сайты на Wix хорошо индексируются поисковыми системами;
Русифицированный, понятный интерфейс;
Возможность создания мобильной версии ресурса и страниц для социальной сети Facebook (имеется богатый выбор шаблонов);
отзывчивая техподдержка;
В разделе "Вакансии" можно найти работу опытному дизайнеру или программисту;
Достаточно выгодное соотношение цена/качество при переходе на платный пакет.
Возможность переноса сайта на свой хостинг, но при условии покупки Премиум-аккаунта.
Подарок новым пользователям в виде рекламы в Яндекс Директ при покупке Премиум-аккаунта;

Слайд 27

Недостатки:
Недостаточно запоминающийся адрес страницы в бесплатной версии, имеет вид Вашwixлогин.wix.com/название сайта;
Реклама

в нижнем левом углу, которую можно убрать, лишь оплатив платный пакет;

WIX

Слайд 28

Nethouse
Преимущества:
Готовый сайт можно привязать к своему домену;
Неограниченное дисковое пространство;
Нет навязчивой рекламы;
Бесплатный

доступ к основной части возможностей портала;
Удобный интерфейс, красивые шаблоны;
Возможность реализации системы приёма электронных платежей;
Интеграция с социальными сетями;
Подарок новым пользователям в виде рекламы в GoogleAdWords;
Возможность SEO-настройки страниц.
100р на счету для пробы платных услуг.
Приличная техподдержка.
Недостатки:
Нет возможности вставить HTML-код, баннеры;
Нет форума.

Слайд 29

простой в освоении конструктор. Сайт или магазин можно создать примерно за

5-10 минут. К тому же, есть возможность переноса на другой хостинг, хотя услуга и платная.

Umi

Преимущества:
Богатый функционал, много возможностей;
Интеграция с социальными сетями и возможность подключения комментариев;
Инструменты для интернет-магазинов (синхронизация каталога и заказов с 1С, создание категорий и характеристик товара, cинхронизация каталога и заказов с 1С ,синхронизация склада и цен, подключение платежных систем и пр.);
Поддержка Drag&Drop;
Недостатки:
Всего 100 Мб дискового пространства в бесплатном пакете.
Высокие цены выкупа.

Слайд 30

Один из наиболее простых для новичков конструктор: удобный и понятный интерфейс,

5000 настраиваемых вариантов дизайна. К тому же, в качестве бонуса портал предлагает бесплатный домен в зоне .ru и возможность продвижения по низкочастотным запросам, что позволит без дополнительных затрат привлечь посетителей на Ваш сайт.

SETUP

подойдёт для начинающих ввиду удобства и простоты. Для опытных он покажется слишком ограниченным. Хорош в качестве пробного варианта без расчёта на долгосрочную перспективу ввиду невозможности переноса содержимого сайта.

Слайд 31

SETUP
Преимущества:
Красивые и многочисленные шаблоны;
Неплохая техподдержка.
Недостатки:
Ваш сайт полностью привязан к платформе Setup

без возможности переноса на другой хостинг (в бесплатной версии);
Бесплатный домен трудно получить - необходимо заполнить 20 страниц сайта, после чего он будет на модерации с возможностью отклонения заявки;
Мало дискового пространства в бесплатной версии (100 Мб);
Невозможность индексации внешних ссылок поисковиками (в бесплатной версии).

Слайд 32

Один из самых известных и старых сервисов в рунете, хотя с

противоречивой репутацией. Подойдёт для создания практически любого сайта. По сравнению со многими другими конструкторами обладает более богатым функционалом, поэтому требует определённой степени осведомлённости для использования.

Ucoz

Слайд 33

Преимущества:
Большое количество шаблонов и настраиваемых модулей (форум, опросы, галереи, магазин, блог

и т. д);
Обилие возможностей и настроек;
Постепенно растущий объём дискового пространства по мере развития сайта (без дополнительной оплаты);
Хорошо индексируется поисковиками;
Доступен PHP (платно);
Возможен RSS импорт и экспорт;
Доступность техподдержки.
Недостатки:
Огромный рекламный баннер в правом верхнем углу, закрывающий четверть экрана, причём не всегда пристойного содержания;
Невозможность полного переноса сайта на другой хостинг;
Нельзя устанавливать на хостинг сторонние скрипты, можно использовать только штатные;
Иногда администрация банит сайты без возможности восстановления, обжалованию не подлежит;
Конструктор будет сложным для новичков;
Достаточно однообразные шаблоны.

UCOZ

Слайд 34

Fo.ru
Данный сервис отлично подойдёт для создания сайта-визитки или блога. Он очень

прост в использовании даже по сравнению с другими конструкторами. Идеально подходит для абсолютных новичков, которым не нужен большой функционал.

Преимущества:
Простейший интерфейс, удобный визуальный редактор;
Множество стильных шаблонов, состоящих из модулей, которые можно менять;
Нет навязчивой рекламы;
Наличие партнёрской программы;
Есть возможность публикации Интернет-магазина в формате приложений для iOS, Android, Facebook и Вконтакте;
Недостатки:
Слабая техподдержка, нередко не отвечают;
Мало возможностей для продвинутых пользователей, слабоватая панель администратора, в код залезть не получится;
Сайт нельзя регистрировать на биржах продажи ссылок;
Администрация всячески навязывает платные пакеты.

Слайд 35

Redham
Качественный сервис, но полностью ориентирован на коммерческую выгоду - тестовый период

бесплатного использования составляет 30 дней, дальше нужно платить

Преимущества
Простота;
Достаточный набор возможностей для создания функционального сайта;
Приветливую техподдержку.
Недостатки:
Все вышеуказанные преимущества бесплатны лишь 1 месяц, а дальше придётся платить.

Слайд 36

Большинство конструкторов сайтов бесплатны (расширение функционала потребует перехода на платный тариф),

имеют более-менее удобный интерфейс, неплохой набор шаблонов, акции и т. д. Конкуренция велика, поэтому каждый ресурс стремится привлечь как можно большее количество клиентов всеми доступными средствами.
Лучшие конструкторы сайтов дают возможность даже на бесплатном пакете сделать нечто более-менее приличное и продвигать сайт в Интернете. Из вышеописанных конструкторов хотелось бы обратить внимание на Wix, Nethouse, A5. Они несколько лучше выглядят на фоне конкурентов. Но выбор, конечно, за Вами!

И так…

WEB-дизайн. Эргономика WEB-сайта

Содержание

WEB-дизайн это процесс производства веб-сайтов, который включает техническую разработку, структурирование

Web-страница документ, который можно открыть и посмотреть с помощью программы просмотра -

Web-сайт совокупность Web-страниц, объединенных по смыслу и навигационно

Web-сервер компьютер, подключенный к сети, на котором хранятся Web-страницы и Web-сайты

HTML гипертекстовый язык разметки - это самый популярный язык разметки, на нем

WMLприменяется для создания информационных ресурсов, предназначенных для владельцев сотовых телефонов

Web-редакторыНевизуальные редакторы предоставляют возможность быстрого ввода команд, подсветки синтаксиса, проверки правильности получившегося

Web-редакторыВизуальные редакторы позволяют работать с самой Web -страницей "как она есть", в

Web-редакторыГибридные редакторы. Имеют мощные средства визуального редактирования, одновременно предоставляя доступ к

Основные задачи УникальностьПривлечение вниманияДонесение определенной информации

Эргономика WEB-сайта Эргономика - (от греч. ergon работа + nomos закон) - научная дисциплина, изучающая трудовые процессы

Эргономика в целом характеризуется двумя принципами:Комфорт во время использования, который состоит

Определяющие критерии эргономичного сайта:ожидания пользователей: не все посетители ищут одинаковую информацию

ПравилаОптимальное значение времени ожидания пользователя — 2 секунды20% пользователей, процессов, действий,