Дизайн
<<  История дизайна, науки и техники Дизайн в Интернет  >>
Дизайн в Интернет
Дизайн в Интернет
Подход
Подход
Близкие области
Близкие области
Дизайн в Интернет
Дизайн в Интернет
Этап проектирования
Этап проектирования
Дизайн страницы Общее
Дизайн страницы Общее
Дизайн страницы
Дизайн страницы
Дизайн страницы Разрешение и размеры
Дизайн страницы Разрешение и размеры
Дизайн страницы Информация и обрамление
Дизайн страницы Информация и обрамление
Дизайн страницы Быстрота загрузки
Дизайн страницы Быстрота загрузки
Дизайн страницы Быстрота загрузки
Дизайн страницы Быстрота загрузки
Дизайн страницы Ссылки
Дизайн страницы Ссылки
Дизайн страницы Фреймы
Дизайн страницы Фреймы
Дизайн в Интернет
Дизайн в Интернет
Информационное наполнение Авторские права и копирование
Информационное наполнение Авторские права и копирование
Информационное наполнение Создание текста
Информационное наполнение Создание текста
Информационное наполнение Стиль беглого ознакомления
Информационное наполнение Стиль беглого ознакомления
Информационное наполнение Четкость формулировок
Информационное наполнение Четкость формулировок
Информационное наполнение Распределение информации по веб-страницам
Информационное наполнение Распределение информации по веб-страницам
Информационное наполнение Удобочитаемость
Информационное наполнение Удобочитаемость
Информационное наполнение Мультимедиа
Информационное наполнение Мультимедиа
Навигация
Навигация

Презентация: «Дизайн в Интернет». Автор: . Файл: «Дизайн в Интернет.PPT». Размер zip-архива: 146 КБ.

Дизайн в Интернет

содержание презентации «Дизайн в Интернет.PPT»
СлайдТекст
1 Дизайн в Интернет

Дизайн в Интернет

Интернет бизнес технологии

Вводный

2 Подход

Подход

Важно учесть: Удобство пользования; Представление информации; Технологические особенности; Художественное решение;

3 Близкие области

Близкие области

Дизайн журналов, газет (цветовые решение, информационное представление) Автомобильный дизайн (удобство использования, требования скорости работы)

4 Дизайн в Интернет

Дизайн в Интернет

Интернет бизнес технологии

Вводный Удобство использования Usability

5 Этап проектирования

Этап проектирования

Цель проекта Целевая аудитория проекта Требования к проекту: к информационному наполнению к функциям к представлению информации к внешнему виду.

6 Дизайн страницы Общее

Дизайн страницы Общее

Общий принцип дизайна страниц – принцип Оккама. Просматриваем элементы дизайна и по очереди удаляем их. Если дизайн без этого элемента не нарушился – значит можно обойтись без него. Пустое место вредно. Его можно заполнить полезной информацией. Пустое место полезно. Оно позволяет отделить блоки информации, дизайна друг от друга Навигация должна занимать не более 20 % от площади экрана.

7 Дизайн страницы

Дизайн страницы

Общий принцип дизайна страниц – принцип Оккама. Просматриваем элементы дизайна и по очереди удаляем их. Если дизайн без этого элемента не нарушился – значит можно обойтись без него. Пустое место вредно. Его можно заполнить полезной информацией. Пустое место полезно. Оно позволяет отделить блоки информации, дизайна друг от друга Навигация должна занимать не более 20 % от площади экрана.

8 Дизайн страницы Разрешение и размеры

Дизайн страницы Разрешение и размеры

Вы НЕ ЗНАЕТЕ, как и с помощью чего пользователь будет просматривать ваши страницы; Значит, дизайн не должен зависеть ни от разрешения экрана, ни от размера монитора. Главное здесь - всегда использовать в таблицах, фреймах, шрифтах относительные размеры; Учитывайте разрешения в графических элементах. Они должны быть читабельны и на высоком и на низком разрешении

9 Дизайн страницы Информация и обрамление

Дизайн страницы Информация и обрамление

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

10 Дизайн страницы Быстрота загрузки

Дизайн страницы Быстрота загрузки

Быстрая загрузка – основной критерий дизайна страницы. Сколько ждать? (Robert B. Miller, Fall Joint computer conference, 1968): менее 10 с – предел удержания внимания пользователя. Максимальный предел – 20 с. (правило 20 секунд)

11 Дизайн страницы Быстрота загрузки

Дизайн страницы Быстрота загрузки

Времени загрузки менее 10 с соответствует размер файла менее 35 Кб Предсказуемое время загрузки (если размер файла более 50 Кб) Консервативное использование графики. Удалите графику – увеличится трафик Дайте пользователю информацию сразу; Данные вверху страницы должны иметь смысл Изображения должны подписываться

12 Дизайн страницы Ссылки

Дизайн страницы Ссылки

Ссылки бывают: Структурные (навигационные); ассоциативные (поясняющие); списки «смотри также»; Забудьте фразу «щелкните здесь»!!!, Подчеркивайте информационно – значимые слова; Ссылки не должны быть длиннее 4 слов; Дайте достаточно информации для выбора ссылки; Сохраните расцветку посещенных и непосещенных ссылок.

13 Дизайн страницы Фреймы

Дизайн страницы Фреймы

Это плохо. Фреймы нарушают концепцию уникальности адреса URL Фреймы всегда занимают какое-то место, независимо от размера окна. Поисковые системы с трудом понимают фреймы Фреймы допустимы: для навигации внутри страницы (большие списки).

14 Дизайн в Интернет

Дизайн в Интернет

Интернет бизнес технологии

Разработка информационного наполнения

15 Информационное наполнение Авторские права и копирование

Информационное наполнение Авторские права и копирование

Брать или не брать? Старайтесь написать текст самостоятельно; Плагиат («клонирование» - А. Лебедев) «Fair using» («Честное использование») Постарайтесь найти автора и спросить у него разрешения. (даже если нет знака (с)). Не злоупотребляйте использованием авторского материала. Пародия, ирония; Формат (новостной, электронный магазин) - Глупо утвердать, что «Известия» - плагиат с «Правды»

16 Информационное наполнение Создание текста

Информационное наполнение Создание текста

Лаконичность. На страницах должно размещаться не более 50% того текста, что может быть использован для печатного издания Т.к. скорость чтения текста с экрана на 25% медленнее, чем с бумаги; Удобство для беглого ознакомления. Используйте короткие абзацы, маркированные списки; Небольшая длина страниц. Информацию большого объема нужно разбивать на несколько страниц, связанных гиперссылками; Нужен редактор. Кто-то должен отвечать за качество информационного наполнения сайта.

17 Информационное наполнение Стиль беглого ознакомления

Информационное наполнение Стиль беглого ознакомления

Пользователи Интернета очень ценят свое время и не любят копаться в содержимом страницы; До 80% пользователей «читают по диагонали», по ключевым словам, заголовкам и т.д. Почему? Структурируйте статьи с использованием подзаголовков 2-го и 3-го уровня. Заголовки должны быть максимально информативными. Ставьте информацию на первое место. Не поддавайтесь на броские формулировки

18 Информационное наполнение Четкость формулировок

Информационное наполнение Четкость формулировок

Используйте принцип «перевернутой пирамиды»:

Общедоступная информация, «выжимки»

homepage

Ссылки

Более детализованная информация (для заинтересовавшихся)

Раздел

Ссылки

Подраздел

Детальная, специализированная Информация (для специалистов)

19 Информационное наполнение Распределение информации по веб-страницам

Информационное наполнение Распределение информации по веб-страницам

Распределение должно вестись не линейно (по длине страниц), а по логической структуре текста; Пользователь должен сам выбирать, что ему нужно загрузить; При проектировании структуры ориентируйтесь на цели сайта и аудиторию посетителей; Снова используйте принцип «перевернутой пирамиды»: сначала дайте лаконичную резюмирующую информацию; подробные описания вынесите на вторичные страницы ; На вторичные страницы ходят только заинтересованные пользователи (ок. 10%);

20 Информационное наполнение Удобочитаемость

Информационное наполнение Удобочитаемость

Если пользователь не в состоянии прочитать текст, все остальное бессмысленно; Контраст текста и фона; Однотонный фон. Фоновые изображения затрудняют чтение; Основной текст должен иметь достаточно крупный шрифт. Естественно, в разумных пределах Текст должен быть статичным. Анимированный текст воспринимается очень тяжело; Английский текст выравнивается влево, русский – по ширине (justify). Центрирование и отбивка вправо – для выделения текста.

21 Информационное наполнение Мультимедиа

Информационное наполнение Мультимедиа

Мультимедиа – отличное средство презентации Помните про «время ответа системы». Сделайте его предсказуемым; Используйте новые мультимедийные технологии консервативно. Дайте возможность предварительного просмотра и и аннотации без загрузки всей презентации; Дайте выбор: Создайте галерею в HTML, иллюстрирующую мультимедиа презентацию. Еще раз удивитесь консерватизму большинства пользователей.

22 Навигация

Навигация

Навигация должна быть на каждой странице сайта Польза и вред метафоры. Метафора не всегда понимается однозначно Три вопроса к навигации Где я сейчас нахожусь (на каком сайта и на какой странице сайта)? Где я уже был? Оставляйте стандартные цывета посещенных ссылок Куда я могу пойти ? Навигация должна занимать не более 20 % от площади экрана. Все уровни навигации желательно отображать на сайте

«Дизайн в Интернет»
http://900igr.net/prezentacija/mkhk/dizajn-v-internet-151078.html
cсылка на страницу
Урок

МХК

58 тем
Слайды
900igr.net > Презентации по МХК > Дизайн > Дизайн в Интернет