Информационная архитектура веб-проекта

48
Информационная архитектура веб-проекта őŶŻŮŹũųŻűūŶŷŮ ũŬŮŶŻźŻūŷ 1LPD[ ŚŋŎśŔʼnŖʼn ŋʼnŚťœŗŋʼn

Upload: nimax

Post on 08-Dec-2014

2.111 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Информационная архитектура веб-проекта

Информационная архитектура веб-проекта

Page 2: Информационная архитектура веб-проекта

Универсальная схема проектирования.

Контентные и интерфейсные проекты.

Сайты СМИ.

В чем специфика?

Page 3: Информационная архитектура веб-проекта

Процесс разработки веб-проекта

<? php ?>

Page 4: Информационная архитектура веб-проекта

7 шагов. Универсальная схема проектирования сайта

!

Page 5: Информационная архитектура веб-проекта

111$.)223)4$0,

Page 6: Информационная архитектура веб-проекта

"#$%&'()*+,()-./$0,

Page 7: Информационная архитектура веб-проекта

7 шагов. Универсальная схема проектирования сайта

!

Page 8: Информационная архитектура веб-проекта

Контентные и интерфейсные проекты

Page 9: Информационная архитектура веб-проекта

Контентный проект

много текста, мало функционала

донести сообщения, управлять вниманием, удовлетворить информационные потребности

:

:

Page 10: Информационная архитектура веб-проекта

Как решаем задачи

Упор на проработку информации, сценариев знакомства с ней

Особое внимание на инструменты поиска информации

При разработке прототипа занимаемсяинформационным дизайном

?

Page 11: Информационная архитектура веб-проекта

Интерфейсный проект

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

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

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

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

:

:

Page 12: Информационная архитектура веб-проекта

Как решаем задачи

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

интуитивно понятных интерфейсных решений

Продумывание систем обучения и подсказок, обработка ошибок

?

Page 13: Информационная архитектура веб-проекта

Сайты СМИ

Page 14: Информационная архитектура веб-проекта

Зачем нам сайт?

Page 15: Информационная архитектура веб-проекта

.**2566731*/83%$0,6

Page 16: Информационная архитектура веб-проекта

Какова редакционнаяполитика?

Page 17: Информационная архитектура веб-проекта

Упор на проработку информации, сценариев знакомства с ней

Особое внимание на инструменты поиска информации

При разработке прототипа занимаетсяинформационным дизайном

Page 18: Информационная архитектура веб-проекта

.**2566731*/83%$0,6

Page 19: Информационная архитектура веб-проекта

Каков характер информации?

Page 20: Информационная архитектура веб-проекта

Кто наша аудитория и как она потребляет информацию?

Page 21: Информационная архитектура веб-проекта
Page 22: Информационная архитектура веб-проекта

Кто наша аудитория и как она потребляет информацию?

f в

Page 23: Информационная архитектура веб-проекта
Page 24: Информационная архитектура веб-проекта

Кто наша аудитория и как она потребляет информацию?

Page 25: Информационная архитектура веб-проекта
Page 26: Информационная архитектура веб-проекта
Page 27: Информационная архитектура веб-проекта
Page 28: Информационная архитектура веб-проекта

При разработке структуры страниц учитываем динамичность

информации

Page 29: Информационная архитектура веб-проекта
Page 30: Информационная архитектура веб-проекта

При разработке структуры страниц учитываем

контекстность информации

Page 31: Информационная архитектура веб-проекта
Page 32: Информационная архитектура веб-проекта

При разработке структуры страниц учитываем объем и разнородность

информации

Page 33: Информационная архитектура веб-проекта

http://www.kommersant.ru/

Page 34: Информационная архитектура веб-проекта

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

информации на сайте

Page 35: Информационная архитектура веб-проекта
Page 36: Информационная архитектура веб-проекта

При разработке структуры страниц учитываем многоканальность

интернет-СМИ (аудио, видео, текст) и варианты подачи этой многоканальной

информации для людей с ограниченными возможностями

Page 37: Информационная архитектура веб-проекта
Page 38: Информационная архитектура веб-проекта
Page 39: Информационная архитектура веб-проекта

Учитываем интересы потребителя

Геотаргетинг

Page 40: Информационная архитектура веб-проекта
Page 41: Информационная архитектура веб-проекта

Учитываем интересы потребителя

Рекомендательные сервисы

Page 42: Информационная архитектура веб-проекта

НОВОСТИ

ВАМ БУДЕТ ИНТЕРЕСНО:

17 апреля 2013

Мозг-невидимкаЗачем биологам понадобилось делать нервную ткань прозрачной

17 апреля 2013

Названа дата выхода Firefox OSМобильная операционная система Firefox OS, разрабатываемая компанией Mozilla, выйдет на рынок в июне 2013 года.

17 апреля 2013

В Рунете обнаружен очередной фальшивый банкЦентробанк России не выдавал лицензию Объединенному банку развития, который предлагает свои услуги на сайте obr-bank.ru.

Page 43: Информационная архитектура веб-проекта

Учитываем интересы потребителя

Топ-материалы

Page 44: Информационная архитектура веб-проекта
Page 45: Информационная архитектура веб-проекта

Учитываем интересы потребителя

Настроение

Page 46: Информационная архитектура веб-проекта
Page 47: Информационная архитектура веб-проекта

Главное — учесть интересы всех

Page 48: Информационная архитектура веб-проекта

СВЕТЛАНА ВАСЬКОВА

[email protected]

twitter.com/nimaxrufacebook.com/nimax.ru