🗊Презентация WEB-дизайн. Эргономика WEB-сайта

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

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

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

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

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

HTML  гипертекстовый язык разметки - это самый популярный язык разметки, на нем написаны 95% всех Web-страниц, размещенных в Сети

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

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

Web-редакторы Визуальные редакторы позволяют работать с самой Web -страницей "как она есть", в режиме WYSIWYG (What You See Is What You Get – То)

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

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

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

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

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

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

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

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

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

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

Виды конструкторов A5 - отличный выбор для новичка; Wix - наиболее популярный; Nethouse - простой и удобный; Umi - специализация интернет-магазины; Setup - удобный для новичка; Fo.ru - неплохой вариант для сайта-визитки; Ucoz - известный, но противоречивый вариант; Redham - всего 30 дней бесплатно;

A5

WIX

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

Nethouse

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

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

SETUP

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

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

Fo.ru

Redham

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

Спасибо за внимание!!!!