Пожалуйста, заполните ваше имя Ваше имя:
Нужен ваш телефон Ваш email или телефон:
Введите текст задания Ваше задание на сайт:

Galleo (главная страница) :: Статьи :: Дизайн сайтов и юзабилити :: Информационные и презентационные сайты

Информационные и презентационные сайты

  

Увеличить шрифт  Уменьшить шрифт

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

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

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

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

Сайт без картинок и теней — это тоже сайт. Дизайн — это прежде всего конструирование и подача информации.

Большинство сегодняшних веб-дизайнеров не понимает, что их труд по накрамсыванию скриншотов — это бессмысленная и неактуальная работа. Настоящий сайт — это всегда сложный конструкторский проект. Сделать сайт, который живет при любой ширине экрана, во много раз сложнее, чем сайт с фиксированной шириной. Сделать графические заголовки и врезки может даже человек с IQ, равным комнатной температуре.

Все вышесказанное, разумеется, не отменяет эстетической стороны создания сайта. Но современный удобный дизайнерский продукт не приемлет эклектики.

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

 
Информационный дизайн (www.ya.ru (http:/­/­www.ya.ru/­)) Презентационный дизайн (mtelecom.ru)
(http:/­/­www.ya.ru/­)
живет на всю ширину экрана ограничен в ширине, чтобы умещаться в окне при минимальном разрешении (фиксированный дизайн на ширину больше 620 пикселей — ламерство и неуважение по отношению к пользователю)
грузится за секунды и работает везде грузится долго даже на быстром канале, и пользователь с выключенной графикой лицезреет большое количество непоказанных картинок
идеально подходит для ежедневного использования требуется человеку один раз в год — в момент принятия судьбоносного решения о покупке пейджера, компьютера, автомобиля, дома
не требует времени на изучение — все сразу понятно как правило, имеет запутанную структуру, сложную навигацию, построенную на навороченной метафоре, требует привыкания к Главной Идее Дизайнера
ваш знакомый дизайнер утверждает, что приведенный пример — «полный отстой» ваш знакомый дизайнер утверждает, что приведенный пример — «так себе», но делает именно так, утяжеляя графику в три раза, произносит магические слова «я делаю настоящий дизайн», после получения гонорара увеличивает самомнение в четыре раза

Сразу забежим в недалекое будущее — презентационный дизайн изживет себя. Скоро все, что грузится больше 5—10 секунд, постепенно будет искать новые пути выражения, отличные от веба. Просмотр сайта, где пользователь сразу быстро не получает всего, что его интересует, превратится в такую же обстоятельную процедуру, как чтение инструкции к синхрофазотрону.

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


http://www.artlebedev.ru
Добавить в закладки: 

О дизайнеО дизайне
Как же быть? Где грань между красотой и функциональностью? Что важнее? Важнее в сайте контент и удобство. Вот представьт... Читать дальше...
Хороший дизайнХороший дизайн
Как-то раз собрались авторитетные дизайнеры со всего мира и стали думать, что такое хороший дизайн. Думали - думали, и... Читать дальше...
Статические и динамические веб страницыСтатические и динамические веб страницы
Вы, наверное, часто слышали такие понятия как статические и динамические веб страницы. Здесь важно четко понимать, о чем... Читать дальше...
Плохие, плохие заказчикиПлохие, плохие заказчики
Смысл статьи: Ну почему, почему заказчики всегда вмешиваются в работу дизайнера?! ... Читать дальше...
Скупка картриджей как сервис для системных администраторов

Скупка картриджей как сервис для системных администраторов
... Читать дальше...
Сделать сайт самостоятельно или заказать готовый?

Сделать сайт самостоятельно или заказать готовый?
... Читать дальше...
Федор Иванович Лидваль. Часть 7

Федор Иванович Лидваль. Часть 7
... Читать дальше...


20.04.2013 21:42:52
Немного устаревшая информация и не полная. html5 с Ajax очень хорошо. Страница 2 мегабайта, грузит 1.5 секунд. Решили проблему со скоростью дизайных сайтов;) вот пример: http://www.goodbuywot.com


20.04.2013 21:46:02
html5 с ajax, загрузка 2 мегабайта страницы за 1.5 секунд. Последующие переходи по сайту плавные и не более секунды. Пример www.goodbuywot.com


20.04.2013 21:48:34
4.2013 21:46:02
html5 с ajax, загрузка 2 мегабайта
страницы за 1.5 секунд.
Последующие переходи по сайту
плавные и не более секунды.
Пример www.goodbuywot.com
Ваш комментарий к данной статье:
Жирный шрифт Курсив Подчеркнуть Выровнять влево Выровнять по центру Выровнять вправо Выровнять по ширине Вырезать Копировать Вставить Отменить Повторить Список Нумерованный список Верхний индекс Нижний индекс Вставить ссылку  Цвет:
Инфо от наших друзей:




Наши партнёры: