Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ИнформДизайнЛИТЕРАТУРА / Информационный дизайн [краткий конспект].pdf
Скачиваний:
136
Добавлен:
15.03.2015
Размер:
2.36 Mб
Скачать

САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ

им. проф. М.А.БОНЧ-БРУЕВИЧА

__________________________________________________________

Л.С.Кисленко

ИНФОРМАЦИОННЫЙ ДИЗАЙН

Краткий конспект лекций

Санкт-Петербург

2011

Общие понятия

Beб-сайт

Web -сайт (от англ. web — «паутина», «сеть» и site — «место», букв. «место в сети») —в компьютерной сети объединённая под одним адресом (доменным именем или IP-адресом) совокупность документов частного лица или организации.

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

Все веб-сайты в совокупности составляют Всемирную паутину

Зачем нужен интернет-сайт?

Сайт может быть нужным и полезным практически в любой сфере бизнеса.

Доходы от сайта могут быть:

прямыми (например, продажа через Интернет),

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

Основные функции

1.Имиджевая: повышение имиджа компании, свидетельствует о том, что компания идет в ногу со временем и техническим прогрессом.

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

3.Рекламна: самая дешевая реклама, которая привлекает огромную аудиторию и приносит максимальную пользу.

4.Коммерческая: привлечение новых покупателей и клиентов, автоматизация торговли через Интернет, рынок интернет маркетинга активно растет, за ним будущее.

Преимущества

1.Глобальность: аудитория Интернет огромна и постоянно увеличивается,

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

3.Доступность: сайт доступен 24 часа в сутки, 7 дней в неделю, 365 дней в году всему миру, не требует зарплаты, выходных или отпусков

4.Интерактивность: сайт может являться виртуальным секретариатом, справочной, консультативным центром компании

5.Престижность: визитная карточка с адресами электронной почты и сайта компании сообщит партнерам и потенциальным клиентам о перспективности бизнеса, стремлении расти и использовать современные технологии

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

7.Эффективность: согласно исследованиям, российская аудитория Интернета прирастает в среднем на 15-20% в год. Пользователи сети Интернет — это, в основном, люди молодого и среднего возраста, имеющие высокий доход — самая активная и платежеспособная часть населения

Для кого создается сайт?

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

Эффективность

Эффективность определяется способностью:

Привлечение (борьба с безразличием)

Концентрация (борьба с отвлечением);

Действие (призыв к действию).

Варианты повышения эффективности:

помочь людям работать быстрее;

помочь им реже ошибаться.

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

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

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

 

5 уровней:

 

1.

Уровень поверхности;

 

2.

Уровень компоновки;

 

3.

Уровень структуры

 

4.

Уровень набора возможностей

Рис.1. Уровни разработки сайта

5.

Уровень стратегии

1. Уровень поверхности

Рис.2. Веб-сайт школы декоративно-прикладных искусств и дизайна

2. Уровень компоновки

Рис.3. Макет вВеб-сайта школы декоративно-прикладных искусств и дизайна

3. Уровень структуры

Рис.4. Структура веб-сайта школы декоративно-прикладных искусств и дизайна

4. Уровень возможностей

 

 

Табл. 1. Информационные блоки сайта

 

 

О школе

Страница входа на сайт, рассказывает пользователю общую

 

информацию о школе, курсах, преподавателях и их

 

квалификации, а также о месте проведения занятий.

 

 

 

 

 

Курсы

Самый большой раздел сайта, содержащий всю информацию о

 

читаемых курсах. Включает в себя три подраздела:

 

графический дизайн;

 

декоративно-прикладное искусство;

 

курсы для детей.

 

 

 

 

 

 

Поступающим

Раздел предоставляет структурированную информацию для

 

поступающих в школу, а также для тех посетителей, кто ещё

 

выбирает место обучения.

 

 

 

 

 

 

Слушателям

Раздел, предназначенный для обучающихся на курсах. Несет

 

вспомогательную функцию.

 

 

 

 

 

Контакты

Информация о расположении школы и контакты для связи с её

 

представителями.

 

 

 

 

 

 

Табл. 2. Технологии и инструменты

 

 

HTML

 

 

 

 

Технологии

 

CSS

 

 

PHP

 

 

 

 

 

 

JAVA

 

 

 

 

 

 

Инструменты

 

Adobe Photoshop

 

 

 

 

Notepad++

 

 

 

 

 

 

 

 

 

 

 

 

 

 

5. Уровень стратегии

Цели сайта:

информация о школе;

реклама предоставляемых услуг;

привлечение новых клиентов;

повышение имиджа школы.

Критерии разработки:

простота навигации;

яркий дизайн;

высокая скорость загрузки;

семантика программируемого html кода

Информационный дизайн

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

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

Основная задача– помочь в разработке эффективного, удобного в использовании, понятного и интересного пользователям сайта.

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

Информационный архитектор – отвечает за размещение, структуру , юзабилити, соответствующим образом преобразует контент и бизнес-цели в функциональные и визуальные схемы и решения:

получает от заказчика нужную информацию

перерабатывает и организует полученную информацию (списки, схемы,

таблицы)

передает обработанную информацию дизайнерам, верстальщикам, программистам и т.д.

Результаты работы информационного архитектора

Списки:

Цели сайта:

Представить информацию о компании

Прямые продажи через сайт

Перенести часть бизнес-процессов в интернет

Продвижение продукта или бренда

Список страниц/разделов:

главная

наши адреса

вакансии

каталог

сервисное обслуживание

Типовые страницы:

главная

страница 2-го уровня

страница 3-го уровня

Схемы

Рис.5. Информационная архитектура сайта

Каркасы

Рис.6. Макет сайта

Юзабилити

Официальное определение.

Юзабилити - (англ. Usability -«возможность использования», «способность быть использованным», «полезность ») - это степень эффективности,

продуктивности и удовлетворенности, с которыми продукт может быть использован для достижения определенных целей определенными пользователями при определенном контексте использования. «the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use»).

Международный стандарт ISO DIS 9241-11

Проще говоря, юзабилити — это мера «дружелюбности» сайта, интерфейса программы.

Основные цели:

облегчить жизнь пользователю (эффективная коммуникация)

облегчить жизнь владельцу (упростить обновление сайта)

Принципы:

определение целей сайта, его деловых сверхзадач;

ориентированность на целевую аудиторию сайта,

определение запросов целевой аудитории сайта;

анализ деятельности конкурентов;

непротиворечивость структуры сайта, контекста и навигации

Составляющие юзабилити

Качественные:

простота обучения (learnability);

эффективность использования;

запоминаемость (memorability);

количество и серьезность ошибок;

субъективное удовлетворение.

Количественные:

полезность сайта;

функциональность;

простота использования;

читабельность (readability)

Выгоды юзабилити:

Для пользователей:

уменьшается время, необходимое для изучения системы;

снижается количество пользовательских ошибок;

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

у пользователей появляется доверие к системе и они начинают использовать ее с большей уверенностью.

Для заказчика:

вырастает число продаж, регистраций;

уменьшается нагрузка на службу поддержки;

вырастает число пользователей, способных успешно решить задачу;

повышается частота посещения сайта и число лояльных пользователей

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

Юзабилити – это качество продуктов.

Юзабилити – это качество продуктов. Входит в новую серию стандартов качества программных продуктов ISO 25000.

Юзабилити –одна из основных тенденций развития инженерии (ISO 9241, 9126, 25000)

Критерии оценки качества:

Информационное содержание;

Популярность;

Удобство использования (ISO 9241-11);

Визуальное решение;

Техническое решение.

Юзабилити – это дисциплина

Юзабилити – это дисциплина, которая занимается проектированием интерфейсов для ПО. (HCI является научным фундаментом для юзабилити).

HCI (human-computer interaction, человеко-компьютерное взаимодействие)- это научная и прикладная дисциплина, предметом которой является то, как люди используют компьютеры и как следует

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

UCD (user-center design, проектирование, ориентированное на нужды пользователей). Подход к проектированию компьютерных систем (приложений, веб-сайтов), при котором во главу угла ставятся пользователи, их нужды и требования. При использовании данного подхода достигается высокий уровень юзабилити, что сказывается например, на увеличении продаж (в электронном магазине).

IA (information architecture, информационная архитектура). Совокупность методов и приемов организации информации для облегчения выполнения людьми их информационных нужд по поиску и просмотру информации.

Почему юзабилити важно?

"Компании даже не могут представить, сколько клиентов они теряют из-за некачественного веб-сайта", Томас Рин, Enterpulse.

Удобство и простота использования - необходимое условие для выживания.

Правила:

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

2.Если посетители не могут найти товар, они никак не смогут его купить. Основные проблемы

Признак отказов внутри сайта 45 - 80% (пользователи покидают сайт,

не кликнув ни по одной гиперссылке в его пределах)

Невысокий уровень кликабельности гиперссылок

Юзабилити-тестирование — метод оценки удобства продукта в использовании ( веб-страница, пользовательский интерфейс или устройство),

основанный на привлечении пользователей в качестве тестировщиков, испытателей и суммировании полученных от них выводов.

В процессе usability-тестирования изучаются следующие аспекты:

корректное отображение сайта в различных браузерах при различных настройках экрана;

быстрота доступа к сайту, скорость загрузки отдельных страниц;

удобство и полнота навигационных элементов;

организация структуры сайта, легкость перемещения между страницам;

актуальность информации, удовлетворение запросам целевой аудитории ;

простота осуществления поиска и заказа товаров и/или услуг.

По результатам usability тестирования интернет-ресурса составляется подробный отчет, на основе которого проводится дальнейшая оптимизация сайта

Виды юзабилити-тестирования

Карточная сортировка (Card Sorting)

Контекстное исследование (Contextual Inquiry)

Контрольные листы (Checklists)

Макетирование (Prototyping)

Обзоры (Surveys)

Опросники (Questionnaires)

Плюралистическая проработка (Pluralistic Walkthroughs)

Протоколы самоотчета (Self-Reporting Logs)

Фиксация “мыслей вслух” (Thinking Aloud Protocol)

Фокусные группы (Focus Groups)

Эвристическое исследование (Heuristic Evaluation)

Экспертиза компонентов (Feature Inspection)

Карточная сортировка (Card Sorting)

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

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

Особенности веба

Огромное количество информации;

Люди плохо ориентируются в большом количестве информации;

Люди не читают веб-страницы, а просматривают;

Ограниченность кратковременной памяти человека;

Низкая заинтересованность пользователя;

Пользователи избегают медленно загружающихся сайтов;

Неудобство чтения информации с экрана;

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

Стремительное развитие интернет и программно-аппаратного обеспечения

Огромное количество информации

«Сеть растет и будет расти так быстро в ближайшие годы именно потому,

что люди могут в ней делать то, что им нужно", Якоб Нильсен

Рис.7. Изменение общей численности веб-сайтов (синий цвет) и количества активных ресурсов (красный цвет) в Интернете (график Netcraft).

Сокращение текста

Люди избегают чтения больших объемов текста с экрана монитора, т.к. исследования показали, что чтение текста с экрана монитора происходит приблизительно на 25% медленнее, чем чтение печатного текста.

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

Люди не читают веб-страницы, а просматривают

Стремительное развитие Интернет и программно-аппаратного обеспечения

При создании сайтов для бизнеса веб-дизайнер обязан учитывать тенденции, связанные со стремительным развитием вычислительной техники и Интернета

Закон Мура: «Число транзисторов на кристалле удваивается каждые два года».

Дэвид Хаус: «Производительность компьютерных процессоров возрастает в два раза примерно каждые полтора года". Примерно то же самое, можно сказать и в отношении емкости жестких дисков, оперативной памяти и т.п.

«Если бы с 1971 году автомобилестроение развивалось столь же стремительно, как микропроцессорная техника, то автомобиль сегодняшнегодня уже мчался бы со скоростью 480 тысяч км/час и потреблял при этом 1 л топлива на 335 тысяч км пробега». Так образно сравнили темпы научно-технического прогресса в двух ведущих отраслях промышленности США специалисты фирмы Intel,мирового лидера в области микроэлектроники. Для полноты картины можно добавить, чтои стоил бы этот автомобиль всего 75 центов!

Рис.8. Рост емкости транзисторов

Развитие веб-дизайна напрямую связано с производительностью компьютеров. Для реализации новых идей необходимы новые, более мощные компьютеры.

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

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

Что следует ожидать от Интернет в ближайшие несколько лет и как повлияет на бизнес развитие Интернет?

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

2.Для бизнеса, с применением Интернет, необходимы будут версии сайта, адаптированные для просмотра на различных устройствах (с различными разрешениями экранов):

на мобильных устройствах;

на широкополосном (высокоскоростном, оптоволоконном) Интернете (Интернет-телевидение);

на часах с доступом в Интернет;

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

3.Не реже, чем раз в 1,5 - 2 года потребуется проводить редизайн сайта, адаптируя дизайн под более увеличивающиеся разрешения экранов настольных компьютеров и Интернет-телевизоров

(Интернет-телевидение).

4.Одно из перспективных направлений развития мониторов - трёхмерные мониторы.

применение эффекта стереоскопического видения позволит увеличить степень воздействия на посетителей сайта

увеличить вероятность заказа того или иного товара и услуги

стоимость разработки сайта будет значительно выше.

Табл. 3. Основные факторы, влияющие на эволюцию веб-дизайна

 

Фактор

 

К чему приводит

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Разрешающая

 

 

Ежегодное увеличение среднего разрешения мониторов

 

 

 

 

способность мониторов

 

 

 

 

 

(редизайн, перекомпоновка страниц)

 

 

 

 

 

 

 

 

 

 

 

 

Скорость подключения

 

 

Веб-страницы становятся все более информационноемкими.

 

 

 

 

к Интернет

 

 

 

 

 

Придумать и грамотно оформить такую веб-страницу

 

 

 

 

 

 

 

 

сложнее, чем с малой информативностью.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Браузеры

 

Совершенствование браузеров предоставляет большие

 

 

 

 

 

 

 

 

возможности для творчества веб-дизайнерам.

 

 

 

 

 

 

 

 

 

 

 

 

 

Число веб-сайтов

 

Ужесточение конкуренции. Обогнать сайты конкурентов

 

 

 

 

 

 

 

 

 

 

малоинформативным сайтом становится все сложнее.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Уровень владения

 

 

Повышение общего уровня интернет - грамотности приводит к

 

 

 

 

посетителями сайтов

 

 

 

 

 

необходимости совершенствования сайтов. Посетители сайтов

 

 

 

 

 

 

 

 

становятся более требовательными.

 

 

 

 

 

 

 

 

 

 

 

 

Число отображаемых

 

 

Необходимость применять фотографии и рисунки более

 

 

 

 

цветов на экранах

 

 

 

 

 

высокого качества и более совершенных форматов.

 

мониторов

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Алгоритм поисковых

 

 

 

 

 

 

 

 

 

 

систем

 

 

Совершенствование алгоритма работы поисковых систем требует

 

 

 

 

повышения как качества контента сайта, так и сайта в целом.

 

 

 

 

 

 

 

 

 

 

 

 

Accessibility (Доступность)

С развитием Интернета все больше растет актуальность вопросов accessibility

(доступности).

Accessibility (от англ. «доступность использования») - доступность интерфейса для пользователей с ограниченными возможностями: как физическими, так и техническими.

По разным оценкам от 10 до 12% людей во всем мире – так или иначе ограничены в возможностях:

инвалиды в колясках;

незрячие люди;

ослабленное зрение или слух;

нарушения опорно-двигательной функции;

трудности с обучаемостью;

отсутствие достаточного опыта работы в интернете и др. ;

ВМоскве живет более:

5 тыс. слабовидящих и слепых людей,

26 тыс. инвалидов с патологией опорно-двигательного аппарата,

6,5 тыс. глухих и слабослышащих,

5 тыс. инвалиды вследствие ДЦП,

27 тыс. детей-инвалидов

Всего в РФ проживает 270 тыс незрячих и слабовидящих людей.

Доступность сайта означает, что им могут воспользоваться все пользователи Интернета, вне зависимости от:

программы, с помощью которой они заходят в Интернет (Internet Explorer, Mozilla Firefox, Opera...)

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

коммуникатор, мобильный телефон или ноутбук).

особенностей и ограничений самого пользователя.

Возможные проблемы:

сайт использует технологии, которых нет на компьютере пользователя;

сайт слишком долго загружается.

Отличие профессионального сайта от любительского.

 

 

 

Профессиональный сайт

 

Любительский сайт

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Внешнее оформление

 

Приглушено

 

Преобладает над

 

 

 

 

 

 

 

 

содержимым

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Научные знания

 

Используются

 

Не используются

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Рейтинг в ПС

 

Прогнозируется

 

Гарантируется

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Главное

 

Прибыль, которую должен

 

 

Внешний вид сайта

 

 

 

 

 

 

приносить сайт

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Оптимизация

 

Уделяется

 

Не уделяется

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Требования заказчика возможно

 

 

 

 

 

 

 

 

Неизвестно, возможно ли

 

 

Реальность проекта

 

реализовать и

 

 

выполнить требования

 

 

 

проконтролировать их

 

 

заказчика по чисто

 

 

 

 

 

 

 

 

 

 

выполнение.

 

 

техническим причинам

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Счетчики подсчета

 

Присутствует система сбора

 

Система сбора статистики

 

 

 

 

посетителей

 

статистики

 

часто отсутствуют

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Сроки

 

Сайт разрабатывается в

 

Создание сайта может

 

 

 

 

 

оговоренный срок

 

затянуться во времени

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Цена

 

Высокая

 

Низкая

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Кто платит

 

Сайт разрабатывается для

 

Сайт разрабатывается для

 

 

 

 

 

целевой аудитории сайта

 

заказчика