Для чего создаются web-сайты? 1. Имидж 2. Оперативность и актуальность 3. Реклама 4. Информативность 5. Эффективность работы.

Презентация:



Advertisements
Похожие презентации
ПРОЕКТИРОВАНИЕ И СОЗДАНИЕ WEB-САЙТОВ Часть 2. Отличия интернет-публикаций от традиционных Современный сайт это сложный комплекс, в котором интегрируются:
Advertisements

«Эргономика и дизайн Web-сайта» Занятие 4. Топология сайта Интуитивно-понятная структура: Древовидная Линейно-последовательная Гибридная Отсутствие перекрестных.
Как оценить качество веб-ресурса? г.Усть-Каменогорск 2006 год Б.Шагиева,
Рекомендации по созданию, наполнению и сопровождению сайтов учреждений образования.
Технические: Дизайн Удобство навигации Используемые средства для повышения эффективности взаимодействия с пользователем Четкая структура Характеристики.
Как удобство сайта влияет на продажи? Удобство для покупателя - залог вашего успеха 22 марта 2011 г. Рустам Батталов, Директор по развитию Бизнеса.
С АЙТ ОБРАЗОВАТЕЛЬНОГО УЧРЕЖДЕНИЯ. Н ОРМАТИВНЫЕ ДОКУМЕНТЫ ДЛЯ ОРГАНИЗАЦИИ WEB - САЙТА ОУ Федеральный закон Российской Федерации от 8 мая 2010 г. N 83-ФЗ.
Функциональный дизайн сайтов Тема 22. Теория. Признаки пригодности сайтов Польза (utility) – может ли сайт решить задачи пользователя; Практичность (usability)
Подготовка сайта Выбор вида Выбор стиля Разработка содержания.
Основные объекты Web-страниц Текст Графика Дизайн Таблицы.
Современный интернет сайт Водичева Е.В., методист ЛММЦ Тел:
Как сделать свой сайт лучше? Принципы юзабилити веб-интерфейсов в примерах Олеся Чумаченко системный аналитик
Тема: Проектирование сайта. (2 учебных часа) Тип учебного занятия: Урок-путешествие по сети в технологии Web-квест. Цели: сформировать творческий подход,
Докладчик: Бульёнов А. В., аспирант Научный руководитель: Шалыто А. А., д. т. н., профессор, зав. кафедрой КТ Методы автоматного программирования в разработке.
Юзабилити сайта: как улучшить конверсию Евгения Чернявская CSN-Софт.
Основы WEB-дизайна. Что такое Web-дизайн? Содержимое. Сюда входят форма и организация содержимого сайта. Зрительные образы. Это относится к компоновке.
Докладчик: Денис Ванеев SEM-SEO.ru - Поисковая оптимизация сайтов.
Рысаева Лиана и Сальманова Диана Ученицы 10 А класса.
Салон красоты Особенности и секреты поискового продвижения.
Дерево знаний Дерево знаний о Сингапуре. Определение Дерево или карта знаний – это иерархическая информационная структура, связывающая элементы рассматриваемой.
Транксрипт:

Для чего создаются web-сайты? 1. Имидж 2. Оперативность и актуальность 3. Реклама 4. Информативность 5. Эффективность работы

Основные типы сайтов: 1. В иртуальный буклет с фотографиями 2. Информационное представительство 3. Виртуальный офис – 24 часа на боевом посту

Первые шаги создания сайта 1. Продумывание Концепции сайта 2. Подготовка текстов 3. Структурирование информации

Концепция web-сайта 1. С какой целью Вы создаете сайт? 2. Для какого Вы создаете сайт? 3. Что Вы хотите сказать? 4. В каком стиле излагать информацию?

Причины, влияющие на популярность сайта: 1. Контент (содержание сайта) 2. Стиль сайта 3. Ясность и логическая структура информации 4. Графический дизайн 5. Техническая реализация сайта 6. Раскрутка сайта 7. Скорость загрузки страниц 8. Отсутствие орфографических ошибок

Стиль сайта или стильно это: 1. Когда каждая страница имеет ярко выраженную принадлежность ко всему сайту 2. Когда легко ориентироваться в структуре сайта, и поиск информации не сопряжен с опасностью заблудиться и потерять время

В создании стиля участвуют следующие элементы дизайна: 1. Цветовая схема web-сайта 2. Графическое оформление 3. Навигация 4. Информационная структура сайта 5. Оформление текстов на странице Стремитесь всегда быть последовательным, но оригинальным!

Инфраструктура сайта- это информационные потоки внутри сайта и отношения связи между отдельными страницами и элементами, то есть своего рода «карта путей», по которым посетитель сможет передвигаться внутри сайта. А реализацией инфраструктуры в дизайне и будут являться информационная структура и система навигации.

Дизайн страниц сайта Заголовок сайта Заголовок страницы Элементы навигации Переход на главную страницу сайта Возможность обратной связи

Пять шагов в разработке дизайна страниц: 1. Создайте ясную визуальную иерархию на каждой странице 2. Используйте обычаи и условности 3. Разбейте страницы на четко разделенные области 4. Покажите ясно то, по чему можно щелкать мышью 5. Уменьшите визуальный шум

Навигация Навигация (navigatio, от navigo – плыву на судне) – это наука о способах выбора пути, методах определения места и перемещения в пространстве с учетом решаемых задач и влияния внешней среды. Навигация на web-сайте – это совокупность элементов дизайна, служащая для перемещения и определения текущего положения на сайте.

Система навигации на сайте должна помочь пользователю ответить на три вопроса: 1. Где я нахожусь? 2. Где я уже был? 3. Куда могу пойти?

Типы ссылок: Встроенные ссылки – традиционный подчеркнутый текст, указывающий, что по вопросу, обсуждаемому в данном месте, есть дополнительная информация.

Типы ссылок: Структурные ссылки (тесно связанные с навигационным меню сайта) – это ссылки, которые указывают на другие уровни структуры сайта. (Переход на уровень вверх или вниз).

Типы ссылок: Ассоциативные ссылки– это ссылки, связанные с содержанием текущей страницы по смыслу.

10 качеств эффективной навигации: 1. Легко воспринимается 2. Остается последовательной 3. Реагирует на действия пользователя 4. Появляется в контексте 5. Предлагает альтернативы 6. Экономит время и действия 7. Несет ясные визуальные послания 8. Использует понятные категории 9. Соответствует предназначению сайта 10. Поддерживает цели и поведение пользователя

Пример структуры сайта Главная страница Страница 1 Страница 1.1. Страница 1.2. Страница 2 Страница 2.1. Страница 2.2. Страница Страница Страница Страница Страница Страница