Очередной редизайн

[miumau]

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

http://thefontanastudios.com

И как же, черт возьми, заставить зрителя-посетителя перелистать всю эту благодать до конца, и не заблудиться?

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

И вот теперь - очередной редизайн (он уже за это время назвал себя студией, и представил на сайте жену, которая взялась за его дела, и помогает, в том числе, продумать весь сайт и рекламу и всякое такое).

Ну да.
:-)
Отвечая на вопрос всем - как подать такую чертову тучу информации.
В очередной раз стало лучше.
Сделано это на какой-то очередной блогооснове. Не сразу понятно, что, если нажимать на заголовки в квадратиках, дадут почти везде целую галерею. Но кто захочет, тот найдет (как всегда). И остается открытым вопрос, надо ли делать такие ссылки еще понятнее и очевиднее? Может быть просто начиная с очередной критической массы, невозможно сделать так, чтобы и красиво, и любому, даже самому тупому зрителю в первую же долю секунды было очевидно, где найти ВСЕ?
В общем, мне кажется, что несмотря на мелочи, сейчас уже стало очень хорошо. Для такого объема информации.

Comments

[rusalenok.livejournal.com]

Иногда теги помогают.

[helene-darsy.livejournal.com]

не впечатлило.

[svetozar1977.livejournal.com]

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

Ну безусловно и теги помогают. ))

[mryam.livejournal.com]

Не очень, если честно. :( Во-первых, сбивает мелькание (при проведении курсора). Во вторых, мешают разные размеры. В-третьих, если ходить по меню - очень маленькие линки. Предыдушие результаты не видела, но мне обычно удобнее, когда превьюшки поменьше, линки, как раз, побольше и хорошо понятно, что именно есть линк.

[vivaerotica.livejournal.com]

НАДО делать понятнее. Я в свое время прочитала гениальную (ну, как мне кажется) книгу Don't Make Me Think by Steve Krug. Основная тема - посетители сайтов не любят додумывать что означает та или иная кнопочка и куда приведет тот или иной клик. Автоматом терятся внимание минуте на 5-ой, если не раньше. Даже если очень-очень-очень интересно.
В книге как раз много информации о том как сделать любой сайт максимально user friendly, очень правильная книга.
С точки зрения теории Don't Make Me Think сайт художника очень неудобен. Зачем так много пустого места, такое размещение заставляет прокручивать вниз , что уже экстра-усилие для посетителя. Далее чтобы узнать что там в квадратиках надо на них все покликать, да еще потом запомнить и не запутаться где что на случай если захочется пересмотреть. Я бы на главной странице вынесла именно акцент на разнообразные услуги-виды деятельности, а сейчас, я так поняла там скорее портфолио. И совсем незаслуженно Sign Up For Newsletter занимает столько места, да еще на prime space вобщем-то...это, конечно, личное мнение. Но в таких сайтах я лично сдаюсь на 3-ей минуте, хотя работы очень красивые и интересные.

[onrails.livejournal.com]

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

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

Амазону, например, никакая критическая масса не страшна. И вопрос находимости там решен бесспорно.

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

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

[svetozar1977.livejournal.com]

пятерки в школе ещё ни о чем не говорят)) У меня в школе и отличники списывали и физику и математику))

[onrails.livejournal.com]

это я не про себя, а абстрактно про тех, например, кто сидит на Амазоне и занимается информационной архитектурой

[svetozar1977.livejournal.com]

А на амазоне сидят исключительно отличники?)) А этому художнику нужна архитектура масштаба амазона? по моему сделать ДВА меню. Одно горизонтальное - по общей структуре. Второе - вертикальное, сбоку - по видам "продукции"... Для тех кто совсем на бронепоезде можно метки ставить.. Вот собственно и вся структура. А уже отсюда функционал.. Далее - прототип, чтоб его несколько человек пощупали.. И потом уже верстка конкретных модулей в вордпрессе..

[onrails.livejournal.com]

ну вот значит такой человек как вы и нужен :-))

[svetozar1977.livejournal.com]

Дык я уже предлагал помощь - Яна сказала что у неё есть любимый программист)) Чож я навязываться то буду?))))

[svetozar1977.livejournal.com]

Вообще есть есть книжка кайфовая. Д. Гарретт - "Веб-дизайн. Элементы опыта взаимодействия." Немного нудновато написана, но всё верно. Я год наза себе те же шишки набивал)))

[bolsh-july.livejournal.com]

Ничего не поняла, поводила курсором и ушла

[svetozar1977.livejournal.com]

Пусть к Лебедеву обратится)) Там ему сделают всё доступно и понятно))))

[vivaerotica.livejournal.com]

ой, Вы серьезно? Мне лично кажется что многие сайти выполненные студией Лебедева тоже не всегда юзер френдли. Модные да, эффектные да. Да и дорого у них будет.
Мне кажется художнику всего-то нужен человек с опытом веб-дизайна (даже не столько программирования) и аналитическими способностями. Один грамотный человек.

[svetozar1977.livejournal.com]

Ну я не знаю о Ваших критериях "юзер френдли". К тому же не следует забывать о целях сайта и пожеланиях заказчика влепить что-либо на первую полосу. Но вот на их собственном сайте я ориентируюсь легко. Ибо текстовые ссылки разбиты по группам. Последние образцы из портфолио - на первой странице. Кстати на сайте miu-mau.org кстати очень удобное меню. Всё просто и прозрачно. Может конечно Яна ещё что захочет туда добавить и он немножко поменяется, но реально я там не заблудился.

[mariarti.livejournal.com]

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

единственное, что он сделал неправильно это featured посты вывел в таком виде на главную, вон и народ отмечает "поводил мышкой и ушел" :)

[aerostyle-art.livejournal.com]

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

[svetozar1977.livejournal.com]

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


Вот что реально напрягает, так это то, что подводишь мышку к картинке. чтобы подробнее рассмотреть, увеличить... А картинка исчезает, вместо неё белый фон. Я бы понял бы еще, если бы белая плашка всплывала снизу, закрывала четверть картинки снизу и на ней была бы надпись... А так вообще не понятно.

[aerostyle-art.livejournal.com]

Испуг от большого кол-ва работ на экране - это надуманное.
Мне тоже не очень понравился тег ховер, конкретно то, что картинка становится некликабельной в области текста.

[svetozar1977.livejournal.com]

там не совсем тег ховер)) ТАм ещё jQuery скрипт и немного не тот эффект подобрали))

[5nak.com (from livejournal.com)]

Лет 8 постоянно экспериментирую с подачей работ. Было, наверное всё, что возможно: сложные красивые флэшевые сайты / страница без навигации, где несколько работ просто меняются рандомно / много блого-образных версий и т.д.
Пока пришёл к тому, что есть. Судя по статистике просмотров текущая версия самая рабочая.

[svetozar1977.livejournal.com]

Какая-то готика)))

[ldok.livejournal.com]

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

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

[svetozar1977.livejournal.com]

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

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

[ldok.livejournal.com]

Если у художника есть задача,с вязанная с сайтом, — почему бы и нет? Тем более что софт типа того же Вебвизора доступен каждому, в первом приближении он проблемы покажет. Другое дело, что тут неясна задача проекта: то ли сделать промо, то ли галерею работ, то ли посетителей/покупателей привлекать с сайта.

[svetozar1977.livejournal.com]

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

Зачем так обманывать-то?

[maximgavrylov.livejournal.com]

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

И да на http://www.minimalsites.com/ такого воз и маленькая тележка!

Но в целом хорошо вышло!!!

Если бы не ваша странная фотография то ожидания могли бы быть и лучше :).

[maximgavrylov.livejournal.com]

А что комментарии снова скринятся?

[rikki-t-tavi.livejournal.com]

А зачем ты с ним бурно обсуждала? Он тебя нашел, как специалиста по сайтам, и спрашивал совета, как все устроить? Или он просто друг и делится каждым шагом в своих проблемах?

По сайту - работы дивные, но сайт бестолковый. Выбираешь разные подпункты, а видишь примерно одни и те же виды коллажных картинок. Какая мне разница - обложка это журнала, заказанная картина или картина для выставки - если все выглядит одинаково?

Зачем "одежда" отдельной галереей, когда никакой одежды там нет, а есть что-то непонятное - то ли рисунки для маек, то ли этикетки, то ли оформление магазина. Это все либо иллюстрация, либо графический дизайн, но никаким боком не apparel.

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

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

[miumau.livejournal.com]

Нет, он просто друг-коллега и мы вроде как ныли вместе как трудно организовать подобную кучу информации наилучшим образом.

[alexbor46.livejournal.com]

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

[csnix.livejournal.com]

Как мне кажется всегда есть такой порог ограничение. Всё упирается в человеческие возможности поглощения информации. Как только вы его превышаете вся информация становится непоглотимой за один раз, если только её не сжать. Но сжимать дальше может быть некуда - картинки станут размером в пиксель, музыка в 2 секунды...
Так что страдания дизайнеров и не только неисчислимы, но нерешаемы.

[simplespa.livejournal.com]

зашла и вышла :( Попробовала поискать картинку, представленную здесь... логически должна была быть в "murals"...ну или накрайняк в "paintings". Но увы и ах :( Сайт действительно бестолковый и утомительный

[maksymenko.livejournal.com]

Мда, мелькание при наведении курсора ужасает, если честно. А еще непонятно почему у меня легкий приступ клаустрофобии начался при просмотре сайта. Дольше 10 секунд я там не смогла продержаться, хотя мне очень интересно было бы посмотреть работы этого интереснейшего, судя по описаниям, человека.

[yanek-bisu.livejournal.com]

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