ВКонтакте не был бы так популярен, если бы его дизайн был резиновым

Сегодня в беседе у меня родилась одна интересная мысль по поводу статичных и резиновых дизайнов, и их восприятии. никаких исследований не проводил, не читал, и не изучал, так что все написанное ниже публикуется под строгим грифом «ИМХО».

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

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

Статичный, фиксированный дизайн, формирует чувство контроля: маленький, уютный, простой; возникает ощущение, будто «он как на ладони» — против резинового, «хаотичного», масштабного, широкого, большого, необъятного.

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

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

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

Резиновый дизайн, мне кажется, надо использовать в портальных дизайнах, на информационных и новостных сайтах (это не только справедливо с т.з. юзабилити, но и правильно со стороны нашей теории: «большой дизайн» => много контента = хороший сайт), для корпоративных сайтов, которые желают завоевать больше внимания (большая картинка => большой сайт => большая и важная фирма), для промо-сайтов и создания WOW-эффекта (все-таки, фильм приятнее смотреть на экране кинотеатра, а не на дисплее мобильного телефона).

Статичный же дизайн подойдет для промо-сайтов программных продуктов, т.к. там нет нужды дергать за WOW-эффект, а вот ощущение простоты и доступности — очень важно. Для любых сайтов-сервисов — «маленький» и ясный дизайн придаст впечатление, что пользователю с этим будет легко разобраться. Для персональных страничек, для блогов, словом — для любых дизайнов, где важно сделать акцент на том, что это просто.
+53
13 сентября 2009, 20:17
24
Tonatos 21,6

комментарии (239)

+56
homm #
Попытка поразмыслить хорошая, но я с пожалуй не соглашусь, тот же Gmail резинов и никаких эффектов типа неупорядоченности или бесконтрольности там нет.
–21
sergeant #
Так ведь и Gmail — всего-лишь оболочка для чтения почты.
0
TiGR #
А вот гугл — фикспрован. Почти. :)
+3
McCormick #
Интересно — за что человека заминусовали??

Что он констатировал факт не акцентировав внимание на велищественности гугла?
Жесть просто — и как с такими людьми общаться...(((
+1
developer #
все очень просто:
есть предмет разговора — «удобный интерфейс соц сервиса», потом есть контр пример к статье — сервис гугл, причем тут то что это конкретно за сервис? что именно вам говорит аргумент что «Gmail — всего-лишь оболочка для чтения почты» лично я не вижу в ней ничего ценного, а вот в контр примере выдвинутом первым коментом вижу.
–1
NervousSnake #
То, что это всего лишь оболчка для чтения почты может говорить вот о чем:
— оболочка не влияет на популярность самой почты
— эту оболочку можно не использовать

Сужу по себе, кстати, — мне не особо то в Гмейле и удобно, например, использую Бат. А Гмейл популярен потому что много позволяет и пока что еще самый быстрый и надежный. А никак не потому, что там интерфейс приятный.
–1
homm #
Ну объясните мне, тупому, как то, что оболочкой можно не пользоваться влияет не её качества юзабельности?
0
NervousSnake #
Никак.
Здесь не о том речь. Речь о том, что не юзабельностью своей и не дизайном Гмейл покорил юзеров. Т.е. приводить здесь в пример Гмейл я лично считаю абсолютно бессмысленным.
0
homm #
Речь об ощущениях от интерфейса в связи с отсутствием или наличием резины. Без разницы как у того или иного интерфейса появились те или иные пользователи.
0
NervousSnake #
Ну я не о том спорила, честно говоря :) Я о том, что Гмейл здесь не стоит приводить в сравнение — это совсем другое. Для каждой тематики (или объема контента и т.п.) — свой тип дизайна. В этом я соглашаюсь с автором статьи.

Хотя, также с общей сутью статьи не соглашусь. Тут я уже за Ваше мнение — Речь об ощущениях от интерфейса в связи с отсутствием или наличием резины.

Я бы взяла в сравнение тот же ЖЖ — тематика такая же. Но ВКонтакте удобный, а ЖЖ — ужасен в юзабилити.
Теперь возьмем дизайн — у ЖЖ есть много макетов, среди них и резиновые и нет. И всеравно ЖЖ неудобен — какой бы дизайн не взять.

Думаю удобство сайта — это совокупность. Без удобно и грамотно построенного функционала верстка ничем не поможет. А если функционал грамотный, то, возможно, и верстка то не будет столь сильно влиять на удобство и популярность.
+1
homm #
Ну дак, а вконтакт это всего лишь оболочка к личным сообщениям, музыке, видео и т.д. И что из этого можно вывести? Ничего.

и как с такими людьми общаться
Насильно не держим.
0
McCormick #
Вопрос не в этом.

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

Я в свое время просто написал объективный вопрос о проблемах работы с gmail через мобильный инет и сопроводил графиками, скриншотами…
В итоге заминусовали тут же до подвала без каких-либо комментариев.

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

PS: Я, к примеру, хоть и являюсь сторонником MS, но никогда не минусовал положительные посты про гугл, или отрицательные посты про MS просто так, из желания «поднасрать»)))
+1
homm #
Да нет же, вопрос как раз в этом. Минусуют за глупые комментарии.

Комментарий и глупый и «не восхваляет Гугл». Вы видите ту причину, которую вам хочется видеть.
–3
sergeant #
я думаю, потому что гуглоёбам не понравилось про то, что гмэйл преподобного гугла выступил в моем комментарии под определением «всего лишь».

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

не расстраиваюсь. оставляя комментарий, ожидал именно этого =)
0
kurokikaze #
За нерелевантный комментарий.
+2
deniamnet #
речь и шла про оболочку
то есть, про интерфейс
–2
sergeant #
еще один сравниватель линейки с арифмометром нашелся что ли?
+5
Tonatos #
Ну, я не ставил перед собой задачу формулировки единых законов, а всего-лишь попытался углядеть некоторую закономерность. Она ведь ни в коем случае не является обязательной и неприложной, хотя может отражать некотрые связи. Словом, в дизайне и ui вообще нет неприложных законов.

И между прочим, вы поставили еще одну проблему, которую я действительно не заметил: почему админ-панели, back-office`ы, копроративные порталы и прочие подобные вещи обычно делают резиновыми? Словом, все те web-приложения, которые предусматривают длительное, постоянное и регулярное использование.

Мне кажется, осознанно или бессознательно, это делают потому, что растянутый на весь экран дизайн, способствует погружению в контекст приложения. А погружение для подобных вещей очень важно.
+2
0lympian #
В бэкофисе часто много информации, широкие таблицы (берем пример онлайн-магазина). Поэтому и использовать там всю ширину экрана удобно и логично
0
Tonatos #
Вы извините за неполноту, но в данном контексте я обращаю внимание на предмет статьи: эмоциональное влияние резины/статики. И мне сейчас интересно посмотреть на это именно с данного угла.

А по поводу объемов информации/таблиц — согласен, конечно. Хотя, это как правило первый признак неграматной подачи информации…
+2
brainerazer #
Хм, ошибка в слове «неграмотный» =)
+2
brainerazer #
Какие все злые после последних «топиков добра» :(
+7
Q2W #
В gmail'е важно количество информации, умещающейся в экран, т.к. её в почте бывает очень много.
+4
wolfsider #
Дело в том, что модульная сетка gmail статична, «резинится» только ширина позиции под письмо. Те самые рамки, когда резина начинает быть заметной, начинаются примерно с момента, когда у нас изменяется расстояние между кнопками в линию, или положение двух модулей относительно друг друга.
+4
WingedFlame #
Мне кажется, сам Gmail делался с расчетом на то, чтобы он воспринимался как обычное приложение, развернутое на весь экран (например, как тот-же Outlook)
+4
DMS #
ещё как есть, я не сразу нахожу ссылку «написать письмо»
+1
jonijones #
Однако, во многих случаях 100% «резина» будет выглядеть из рук вон плохо, в связи с обилием широкоформатных дисплеев.
0
CAH4A #
max-width
–3
jonijones #
Это уже не совсем «резина»
+3
CAH4A #
Вы же ставите min-width, чтобы вёрстка не калечилась в маленьких браузерах? И это называется резиной.
Ну тогда можно поставить и max-width, чтобы дизайн не калечился в больших браузерах. И это тоже будет резина.

Отличие-то в трёх правилах CSS…
+1
nekt #
резина не обладает свойствами абсолютной тягучести и абсолютного сжатия. Этим даже материал на основе углеродных нанотрубок не может похвастаться. Но он все же ближе к ним нежели резина.
+1
akmute #
Другой пример — Skype. Обратите внимание, как себя ведет окно чата при изменении его размера. Там меняется довльно многое. И при этом не исчезает ощущение, что «все перед глазами, все ясно и просто».

Так что обобщение в данном случае, на мой взгляд, неправомерно.
+87
valyard #
ВКонтакте не был бы так популярен, если бы не был клоном фейсбука.
Остальное все незначительно.
–29
DarwinTenk #
Мне многие говорили так и многие так песали, но вот я думал над этим — тогда и про facebook то никто не знал. Я думаю, что он популярен именно из-за того, что был первым (или один из первых) + хорошая реклама.
Для России социальность была тогда ещё в новинку…
+13
BananaFish #
Вы говорите о рекламе Вконтакте? Её вообще не было. Никакой. Первые 10млн ВК набрал благодаря «сарафанному радио». А теперь регистрируются потому что «все уже там».
–12
DarwinTenk #
Прошу прощения… Сейчас почитал разные источники. Говорил про одно, но было про другое…
+4
VaNcHeR #
Рекламы не было, но кампания по раскрутке была :)
+1
f0b0s #
ага, я туда ~16000 попал, потому что среди бауманцев акция проводилась — приведи больше друзей, получи айпод. Вот меня товарищ и пригласил, на какой-то сайтик.
Я только черзе полгода стал им пользоваться.
0
Shens #
Я был на первом курсе, когда ВКонтакте только становился популярным, и я помню как встречал людей, которые просили зарегистрироваться (хотя очень не хотелось), потому что была какая-то акция. В итоге эти люди получили призы(по крайней мере я таковых знаю). И более десятка только моих знакомых зарегистрировались там только из-за этих людей. А потом уже всем понравилось и пошло поехало.
Я не помню ни рекламу по сми, ни ещё где-либо. Только это. Но как лично я тогда ощутил — этого хватило сполна, чтобы новому ресурсы стать чрезвычайно популярным.
0
valyard #
да, была такая фишка
сам таким образом попал
+5
freeAKK #
facebook тогда была опробованная и беспроигрышная модель, поэтому и «клонировали». Причём даже не скрывая
–3
fear86 #
я думал они честно купили лицензию
–1
Tonatos #
С этим не могу не согласиться! Но статья все-таки о ньюансах восприятия, влиящих на популярность, а не о критериях популярности как таковых…
+4
muse #
> ВКонтакте не был бы так популярен, если бы
там не было таких залежей аудио
НЛО прилетело и опубликовало эту надпись здесь
+1
freeAKK #
согласен. музыка там, вообще, не главная функция. и открыто нарушает copyright. Хотя у нас на это не обращают внимания
–2
b8c6 #
Потому что в общем-то, есть право называться автором. А «право на тиражирование» — это уже синтетика. Хорошо, когда это делается качественно. И нет — когда этим лишь трясут, как тряпкой.
0
Fortop #
Потому что в общем-то, у вас есть право быть владельцем кошелька, а ваши деньги будем тратить мы всем миром.

То что «тиражирование» стало доступным это не ваша заслуга. А заслуга инженеров. Сейчас и изготовление фальшивых денег вполне доступно. Будем дружно печатать фальшивки?

Вы знаете как ваш идиотизм лечится? Очень просто. В цену ВСЕХ устройств при помощи которых возможно копирование будет заложена стоимость музыки которую вы при помощи этих устройств можете скопировать. И скажите спасибо если цена на ПК подскочит всего лишь в пару раз. Ведь то, что я не слушаю и 1% всей музыки никого не волнует, потому что будет закладываться цена всей музыки.
0
vannadis #
зато там есть вещи, которые больше нигде не найти(или найти очень трудно).
Те же OST'ы к арт-хаусным фильмам.
Запись оригинального эксперимента стэндфордского университета и.т.д.

Да, ещё вполне удобно, когда тебе, например, рекомендуют группу, сначала послушать пару песен в том же контакте, а потом решить стоит ли её скачать/приобрести.
0
DnV #
Социальные сети в этом плане вторичны. Для обмена контентом существуют файлообменные сети.
0
baibaratsky #
Но откуда-то же они туда попали. Или вы думаете, что ребята из Стэнфордского университета выкладывают записи прямо вконтакт?

А для того, чтобы сложить представление о группе, я бы посоветовал last.fm
0
dinich #
А я как-то наоборот уже давно перестал слушать музыку скачанную персонально на комп. Она все равно в какой-то момент надоедает, а заниматься ее поиском, как-то уже нет желания, поэтому я слушаю либо какую-нить радиостанцию на piter.fm, либо постепенно формирую список песен вконтакте, которые интересны только мне и слушаю его какое-то время. Еще есть друзья подборка музыки, которых мне нравится и я слушаю у них. Вконтакте достаточно легко найти раритетные композиции, которые без него бывает найти достаточно сложно.
В плане качества я видимо не слишком придирчив, т.к. музыка для меня это либо некое приятное воспоминание, либо фон для работы.
Чего не хватает, так это возможности сохранять плей листы.
Например для подборок музыки разной стилистики или для разного настроения =))
–1
yvanko #
По качеству ровно такая же, какую заливают (в отличии от фоток :) Удобство поиска, ИМХО, превышает таковое на любом из существующих ресурсов: ввел название и слушай, при том музыки дофига)
0
lol2Fast4U #
аудионаркотиков %)
+1
CurrencyBoy #
Мне статичный дизайн более по душе!
НЛО прилетело и опубликовало эту надпись здесь
0
Tonatos #
Простите :-( Судя по развернувшимся комментариям, с темой-то — да, перебрал…
НЛО прилетело и опубликовало эту надпись здесь
0
Tonatos #
Но я с ним все-таки соглашусь )
НЛО прилетело и опубликовало эту надпись здесь
+8
Novikov #
1. Почему популярен «Вконтакте»? Потому, что они использовали идею, уже показавшую себя востребованной. Она оказалась востребованной и в России. Затем подключились такие штуки, как сетевой эффект и т.п.

2. В большинстве случаев в «резине» нет никакой необходимости. Более того, применение «резины» не к месту снижает удобство использования. Длинные сопли строчек, растянутые на 1600 пикселей, читать просто неудобно.

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

Правильное применение резины, например, это помещение большего количества товаров на «витрину» интернет-магазина.
+2
Tonatos #
Честно говоря, меня не сильно интересует то, почему популярен вконтакте, меня интересует в данном контексте факт того, что он статичен и это (и для меня и многих других) создает приятное ощущение при работе с ним.

Что касается того, «есть ли необходимость в резине» — вопрос другого порядка. Мне кажется, что есть и во многих. В большинстве или нет — уж не знаю, все субъективно. Хабру, как и Яндексу, это очень к лицу.

> Более того, применение «резины» не к месту снижает удобство использования.
В том числе, и об этом я пытаюсь сказать.
0
not_ice #
> он статичен и это (и для меня и многих других) создает приятное ощущение при работе с ним
имхо, приятное ощущение он создает от того, что дизайн фейсбука был весьма тщательно продуман. если бы фейсбук был резиновым, он создавал не менее приятное ощущение.
+1
freeAKK #
2. В большинстве случаев в «резине» нет никакой необходимости. Более того, применение «резины» не к месту снижает удобство использования. Длинные сопли строчек, растянутые на 1600 пикселей, читать просто неудобно.
ага. гораздо «удобнее» прокручивать длинный-длинный список комментов.
плюс, одно время, пока сидел вконтакте — решил опробовать модификацию резинового интерфейса — и во многих местах (те же обсуждения в группах) стало привычнее
+2
Novikov #
И практика, и исследования показывают, что у большинства пользователей вертикальная прокрутка затруднений не вызывает. И отторжения тоже.

Мне удобнее большой по вертикали список комментариев, у которого строчки, оптимальные по длине.
0
Gregory #
Есть мнение, что в постах и комментариях в ЖЖ больше единиц смысла в том числе и потому, что там строчки длиннее (а также и потому, что есть какая-то анонимность, но это другой вопрос).
0
Novikov #
Вот именно анонимные комментарии в ЖЖ и на Хабре — самые отстойные.
+1
tnz #
а еще исследования показывают, что пользователь редко прокручивает страницу вниз. Так что, имхо, лучше больше вместить сразу.
0
Novikov #
Смотря какая страница. Боюсь, что любая страница с постом опровергнет эти исследования. Впрочем, я таких исследований и не видел.
0
tnz #
Не любая. Допустим хабр. Я увидел интересный заголовок, зашел почитать, а там скукотень — я уже крутить не буду.
Результаты исследования приводятся в книге Нильсена Web-дизайн: удобство использования web-сайтов.
+1
Novikov #
Ну окей, если там скукотень — то конечно же. Я подразумевал, само собой, при условии достаточно интересного содержимого.

При неинтересном содержимом, сколько его на экран не втисни, все равно уйдут.
НЛО прилетело и опубликовало эту надпись здесь
–2
PsySonic #
Сейчас глупость сморожу (можно не отвечать): а вы поверните монитор на 90 градусов.
+2
Frosty #
1) у кого то они не вертятся
2) постоянно крутить его, как барабан на поле чудес в зависимости от задачи? (чтение, игры, серфинг, видео)
+7
Frosty #
Поделитесь! А то уже сил нет смотреть на это: dl.getdropbox.com/u/459039/2009-08-25_20%3A46%3A21.png
0
h2o #
Сверстан дизайн на отлично. И если он резиновый, то не значит, что у вас не должно быть большого пустого расстояния на вашем большом мониторе.
НЛО прилетело и опубликовало эту надпись здесь
–4
Frosty #
О вкусах не спорят, я довольно много выбирал подходящие шрифты и все равно остановился на DejaVu Sans, есть шрифты лучше — в студию, нет нехер выдавать на публику свое веское «ящетаю»
НЛО прилетело и опубликовало эту надпись здесь
–6
Frosty #
Когда искал хорошие шрифты для браузера, этот пак улетел из кандидатов одним из первых, ни одного достойного шрифта. Разве что Impact на чановские макросы.
НЛО прилетело и опубликовало эту надпись здесь
0
Frosty #
С этого и надо было начать
НЛО прилетело и опубликовало эту надпись здесь
–1
Frosty #
Шрифты — еще одна тема для вечного холивара, и это иметь в виду, когда ввязываешься в беседу. Закончу тем, чем начал: о вкусах не спорят.
НЛО прилетело и опубликовало эту надпись здесь
–1
Frosty #
>Я вижу только какое-то цветастое страшное кривосглаженное дерьмо
>цветастое
В упор не вижу, да и не могу видеть, субпиксельное сглаживание отключено, сам его не переношу.

>кривосглаженное
Критерии кривизны и правильности сглаживания в студию, я не вижу никаких признаков плохого сглаживания, откройте мне глаза.

>Кстати, начинать холивар со слов «No comment» глупо.
Отнють, очень действенный способ вызвать бурления у недальновидного автора. «No comment» подразумевает, что автор написал такую хуйню, что даже обсуждать не хочется, собственно что и идет начальным запалом.
+3
StirolXXX #
Поясню: вам сказали — юзайте в системе (поставьте) те шрифты что юзаются во ВСЁМ вебе, а не только у вас где-то…

Мне нравится Calibri, но я-ж не буду его совать всюду куда не попадя?
–1
3al #
те шрифты что юзаются во ВСЁМ вебе

А ничего что HTML изначально разрабатывался как максимально переносимый язык разметки? Если веб-дизайнер не может делать сайт, смотрящийся достойно (не одинаково) в любых окружениях — он не веб-дизайнер. Какой шрифт у меня в системе — моё личное дело и ни один веб-«дизайнер» не заставит меня его сменить.
+1
DnV #
Это уже бред. Я щас поставлю чёрный цвет фоном на хабр и буду материться, что ничего не видно. Дизайнер, блин, у них не предусмотрел. Если вы сам себе дизайнер, пожалуйста, не надо говорить, что дизайнер может и должен.
0
deniamnet #
тогда сиди и не пести, что «у миня сайт крива смотрицца»
0
3al #
Насчёт font-face:
don't rely on a font being available regardless of how common it is
© alistapart.com. Если Вы не понимаете этого — не лезьте в веб-дизайн дальше хоумпаги. /thread.

Если дизайнер лезет в web и не знает о accessability — он говно, а не веб-дизайнер. Пусть верстает в pdf. Там всё будет выглядеть как он задумал.

Ещё существуют dpi большие 96. Ни один хорошо свёрстанный сайт не посыплется. Но хабродизайнерам о кроссплатформенном вебе говорить бесполезно. Западные веб-девелоперы осваивают кроссплатформенную вёрстку, работающую на мобильных устройствах, а они сидят в своей песочнице и считают что их платформа — единственная.

Естественно, w3c для хабрадизайнеров — не авторитет. Кстати, сам хабр неплохо смотрится при любом font-face и dpi.
0
3al #
Хм. После правок поехали линки. Ну ладно.
0
Fortop #
Да застрелитесь :)
Поставьте китайский шрифт и ругайтесь, что сайт нечитабельный :)
0
CriggerMarg #
кстати если фамилия у человека длинная то все съезжает, как на картинке, даже с нормальными шрифтами.
НЛО прилетело и опубликовало эту надпись здесь
0
not_ice #
а зачем при таком большом мониторе разворачивать окно браузера на весь экран? это же не программа трехмерного моделирования в конце концов.
вообще бесит отстуствие кнопки у окон «развернуть окно на всю высоту экрана», не увеличивая при этом ширину окна.
–1
Frosty #
Затем, что мне так удобно, любой резиновый сайт смотрится опрятно и информативно, несмотря на все коменты выше и ниже по топику. У меня вообще все окна, кромер разве что калькулятора и окна месседжера всегда на весь экран, я так привык, мне так удобнее и не какому то вебмастеру какого то сайта определять мои привычки.
0
nmike #
у меня такая же фигня в юбунте в фф(судя по фото, это именно этот набор)… в опере все пучком.
причем не только на этом сайте, на многих шрифты ужасные. Точной причины я не знаю, но чет кажется не в сайтах дело.
+2
KJouflay #
По мне так всё равно, какой там сайт. Лишь бы давал то, что мне надо от него. Серьёзно.
+1
Tonatos #
Что любопытно, почти в каждой теме, посвященной юзабилити/дизайну, встречается несколько комментов вида: «а мне все-равно, какой там дизайн, лишь бы сайт работал/давал нужную информацию». Ох, если бы все было так просто…

Статистика и опыт же показывает, что «обретка — имеет значение».
+1
andrew_b #
Обретка, да. Простите, не удержался :)
0
Tonatos #
У меня иногда бывает… )
+11
andrew_b #
Есть обоснованное, на мой взгляд, мнение, что ВКонтакте яснее и обладает более приятным и удобным юзабилити. Как мы знаем, он обладает фиксированным дизайном, против громозких одноклассников, которые традиционно считается более запутанные.

Храмое юзабилити одноклассников уж точно не результат резиновости.
0
Tonatos #
Я согласен полностью. Но прошу прощения, более изящных и относительно наглядных иллюстраций в голову не пришло.
0
andrew_b #
Ну, вот допустим, у хабрахабра резиновый дизайн и на меня он производит гораздо более приятное впечатление, чем вконтакте.
0
Tonatos #
Эээ… вы меня прямо в тупик поставили.

И… собственно, что?
+1
andrew_b #
Вы говорите, что резиновая верстка — один из факторов, пагубно влияющих на впечатление от ресурса. Так вот я могу привести множество примеров (да и вы тоже), когда всё как раз наоборот.
+2
Tonatos #
Так мысль то заключается не в том, что «статика — нравится, динамика — не нравится», а в том, что контакт — это удачное сочение специфики сервиса и _компенсирующего его функционал_ дизайна.

Динамика, как я говорил, хорошо воздействует, и наоборот подчеркивает дизайн, во многих других случаях.

Хабр же как раз пример того, когда статика не подошла бы, т.к. (я писал в статье) — это большой информационный ресурс, где наоборот предпочтительнее резиновая верстка, которая будет более удобна при работе с контентом (фактор юзабилити) и создаст впечатление «большей масштабности» (эмоциональное воздействие).
0
andrew_b #
Позволю с вами не согласиться, ибо судить о популярности ресурса исходя только из того, какой процент экрана он занимает, нельзя. Там может быть миллион причин, всё зависит от самого ресурса.
Затрагивая, опять же, хабр, я не могу сказать, что чувствую впечатление масштабности или ещё чего-то.
А если мне нужно, чтобы окно было поменьше\побольше — я беру и уменьшаю его, всё. И не надо ничего придумывать.
+1
Tonatos #
А разве кто-то судит? Я — нет.
Я пытаюсь сказать, что «это — имеет значение», и только.
0
Olif #
контент превыше всего, это да. но все-равно ведь приятнее и удобнее получать инфу когда все упорядочено, и так как привык (запомнил или настроил для себя)
–3
Roman_Mix #
«Статичный, фиксированный дизайн, формирует чувство контроля: маленький, уютный, простой; возникает ощущение, будто «он как на ладони» — против резинового, «хаотичного», масштабного, широкого, большого, необъятного.»
Оригинальная мысль. Хрен ли: поздравляю.
Не слушайте специалистов, любящих утверждать, что в ваших словах мало смысла: в большинстве случаев в их словах смысл можно не искать — его нет. :)
0
Tonatos #
Большое спасибо!
0
serjio #
фиксед дизайны очень удобны для наполнения и работы с контентом,
имхо оптимальный вариант для всех сайтов (включая порталы и новостные) — это резиновая шапка и фиксированный контент, отличный пример www.cnn.com/.

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

кто-то сравнил хабр и сказал, что резина ему на пользу — не знаю, тот же techcrunch мне нравится больше — опять же удобность, компактность.

ширина абзаца должна быть такой, чтобы не нужно было водить туда-сюда зрачками.
+2
Lux_In_Tenebris #
и второй важный плюс вконтакте — он просто летает

Это тоже из-за дизайна что ли? ;) Ну-ну.
0
Elektronik #
>водить туда-сюда зрачками

Может быть, глазами? Зрачок — отверстие в радужной оболочке, водить им довольно затруднительно
0
not_ice #
ничуть. поводите взгядом влево-вправо — я вам обещаю, что зрачки также изменят свое положение в пространстве ;)
–1
bolk #
Перечитал несколько раз, но не понял к чему тут Фрейд.
+1
Tonatos #
Фрейд был славен своей озабоченностью размерами )) А вставлено, конечно, в качестве иронии.
+2
bolk #
Серьёзно, вы считаете, что Фрейд был этим славен?
+1
Tonatos #
Вообще говоря, вы задаете странный вопрос.
Моё суждение абсолютно эмпирично, и заключает в себе лишь опыт знакомства с «мнениями о Фрейде». Мне сложно сказать, считаю ли я так, или нет, но то что я вижу/слышу, говорит в пользу этого.

Помните, даже в Титанике, после долгого монолога адмирала (если не ошибаюсь) о размерах, величии, мощи и скорости Титаника, Роза Бьюкейтер ответила ему: «А вы не читали модного нынче психолога Фрейда? В ключе вашей озабоченности размерами, его теории показались бы вам интересны».

А уж что касается субстрата такой славы, то тут и разговоров быть не может: достаточно заглянуть в «Толкование сновидений», да или вообще ознакомиться с его работами.
–1
bolk #
Видимо, мои познания чуть глубже. Поверьте (а лучше проверьте) Фрейд был славен совсем другим и его размеры никогда не волновали его настолько (если волновали), чтобы это обсуждалось в обществе.

Фраза же из Титаника, которая ввела в вас в заблуждение, читается однозначно: «А вы не читали модного нынче психолога Фрейда? В ключе вашей озабоченности размерами, его теории показались бы вам интересны».
+1
Tonatos #
Кхм. Вы меня прям это, уязвили даже. За живое задели.

У меня две курсовых по психоанализу/аналитической психологии, год психотерапии, Фрейда я читал в большинстве его известных работ, а Юнг прочитан почти полностью.

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

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

«Зависть к пенису» (так же Фрейдистская теория) — у женщин есть проявление зависти к пенису мужчин, у мальчиков же — проявление зависти к пенису у взрослого отца, что в последствии, по его мнению, оседает невротической одержимостью иметь большой пенис, которая уже или сублимируется в стремлении к большим размерам всего и вся.
0
Tonatos #
> чтобы это обсуждалось в обществе.

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

Я же говорю о его теоретических заключениях, в которых внимание к этому аспекту уделено не малое — достаточно их прочитать.
0
bolk #
Тогда, видимо, мы говорили о разном. Думаю, на этом можно поставить точку.
+1
tigor #
В любом случае на одном и том же мониторе сайт будет отображаться всегда одинаково и ризина попросту не отличима от статики :)
0
Tonatos #
В контексте моей заметки, значение имеет то, растянут ли сайт на полную ширину, или «зажат» справа и слева полями.
+5
serjio #
резина была хороша когда требовалось работать с разрешениями 1024-1152-1200 и около того, но с появлением кучи широкоформатников, дизайны стали слишком непропорциональными, некрасивыми и зачастую неудобными (это к убогим по исполнению примерам, когда по бокам узкие фикс колонки а в середине резина )
0
VasilioRuzanni #
Чертовски верно.
0
Tonatos #
Это уже, так скажем, другой аспект проблемы, который всегда должен быть в фокусе :-)
0
dinich #
Есть вариант с полурезиной для разрешений от 1024 до 1280 с использованием min-width
что использовать резину или статику это все же должно определяться назначением и функциональностью ресурса
0
Vano #
Спасибо за ИМХО. В чем-то автор прав. Массовая аудитория это, к сожалению, не пользователи Хабра :( Задумался о том, стоит ли переделывать дизайн проекта на резину, или оставить фиксед как есть.
0
Tonatos #
Большое спасибо.
0
Vano #
Пожалуйста, но кто прав — покажет время ;) В любом случае юзабилити-тестирования еще никто не отменял…
+1
VasilioRuzanni #
Интересная мысль. Сам иногда сталкиваюсь с ней.
В целом придерживаюсь мнения о том, что все нужно использовать исходя из задачи. Нет в этом плане эталона «как надо». И даже нестандартно подчеркнутые ссылки при соответствующем оформлении очень даже в тему. И лого на главной странице, ведущее на главную — удобно. Все это можно встретить на многих действительно крутых веб-проектах. И все это вопреки расхожему мнению, что все это неправильно (не в последнюю очередь — благодаря следованию словам Самизнаетекого как истине в последней инстанции).

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

Думаю, что «качество проекта» и «резиновость layout-а» — не связанные напрямую вещи.
0
Tonatos #
Я бы сказал, что вы отлично поняли меня!
0
punch #
Резина и фикс — элементы дизайна. И как всякие элементы на своём месте способствуют продвижению. Вы рассуждаете на тему «Что лучше: огонь или вода».
0
Tonatos #
Я рассуждаю о том, как каких случаях надо огоньку, а в каких — полить водичкой. Интерфейс и функционал выполняют взаимодополняющую роль, и я пытаюсь сказать о том, что резина и статика — это тоже инструменты эмоционального воздействия.

Выше, в комментарии, я подчеркнул это

Прошу быть внимательнее.
0
punch #
Тогда получается вы говорите, что вода мокрая, огонь горячий.
0
Tonatos #
Уважаемый, выше, в статье, я подробно (на сколько смог) описал то, о чём я говорю. Если вы чего-то недопонимаете, то спросите.

Утверждать, что «я говорю не о том, о чём я говорю» (простите за каламбур), как минимум не вежливо.

«Парадксы автора рождаются в головах читателя» (с) Ницше
НЛО прилетело и опубликовало эту надпись здесь
+1
wicharek #
По сути размышлять не буду, я не веб-дизайнер и не веб-разработчик, но хочу отметить, что «резиновая» вёрстка — самая последняя из проблем «Одноклассников» по части удобства интерфейса (если вообще проблема).
0
freeAKK #
— ВКонтакте не был бы так популярен, если бы его дизайн был резиновым
— Думаю, это отнюдь не основная причина. Да и одноклассники с резиновым дизайном — тоже крайне популярны
0
Tonatos #
Как я ни раз оправдывался в комментах, мысль все-таки не о популярности контакта и одноклассников )) Эти двое — всего-лишь иллюстративный материал.
0
Tone #
Ну, вы дали статье такой кричащий заголовок, расхлебывайте теперь :)
0
Tonatos #
Чем и занимаюсь по глупости! *ROFL*
0
Tonatos #
Тьфу, простите, смайл не тот: *WALL*
+4
Bal #
Нормы эргономики — колонка, оптимальная для чтения не должна превышать шириной 20°. Именно поэтому в книгах 60x90 1/16 ширина текста — 10,5см. Это даёт 19,2 градусов на дистанции чёткого зрения в 30см. Монитор обычно от глаз дальше (есть два чётких максимума — около 40-45см и около 70-80см), так что текст можно делать и пошире, но уж никак не во всю ширину развёрнутого на 22" экране браузера :) Люди мало заботятся сами о своём удобстве, но подсознательно нередко выбирают то, что меньше утомляет…
–3
Ai_boy #
Моя морда находиться на растоянии 15 см от 17дюймового монитора… Какая вы говорите оптимальная длинна колонки? :)

PS: Боже мой просто день бреда…
+2
Bal #
Я Вам не грубил, кажется.

>Моя морда находиться на растоянии 15 см от 17дюймового монитора… Какая вы говорите оптимальная длинна колонки? :)

Не длина, а ширина. 15*tg(21) = 5,7см. Правда, человек с нормальным зрением не в состоянии комфортно читать на расстоянии в 15см от объекта.

>PS: Боже мой просто день бреда…

Нет, обычные нормы эргономики. Хотя для кого-то они бредом кажется. Ну да для некоторых и то, что Земля вокруг Солнца вращается, а не наоборот — тоже бред.
0
freeAKK #
у меня пост коммента вконтакте — 7см в ширину. это не особо удобно. я согласен с Вами, что 11 см на коммент — самое то.
+1
veevtam #
Одноклассники — тоже фиксед, только чуть пошире Контакта. Остальная философия, уж извините, вообще бред.
0
Tonatos #
Бред?
0
Kuper #
Трудно со всем согласиться, т.к. связь между моделью сайта и «психическими базисами человека» слишком условная… ИМХО
–1
Ai_boy #
Вконтакте стал популярным благодоря вирусному маркетингу…

Размышления по поводу «резиновый\неризиновый» = «провал\успех» просто бред.

Да и вы сами в своем же тексте указали на то что «резиновый\нерезиновый» влияет только на восприятие…
0
Tonatos #
Боже мой, я уже 10 раз в комментариях и один раз в статье извинился за желтоватый заголовок, но неужели, прежде чем откомментировать, никто кроме заголовка ничего не читает?
Какое это имеет значение, в контексте статьи, благодаря чему стал популярен ВКонтакте?

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

Я и пытаюсь сказать о том, что резина/статика — тоже одна из подобных мелочей.
–1
Ai_boy #
Во-первых. Простите за грубое высказывание. Никоим образом не хотел вас обидить.

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

Самую популярную ОС любят далеко не все пользователи но в тоже время продолжают ей пользоваться…

Я НЕНАВИЖУ Хабр и считаю его одним из замых тупых сайтов с идиотичной системой кармы, но в тоже время продолжаю им пользоваться.

Большинство людей призерает войну… Но тем немение транслации с места боевых действий бьют все рекорды по рейтингу…

Вот собственно о чем я хотел сказать.
+4
dotCypress #
Рассуждения здравые но несут огромную логическую ошибку:
Вконтакт популярен => Вконтакт не резиновый => Нерезиновый дизайн круто.

Имхо, Вконтакт популярен не потому что он не резиновый и не потому что он в синих тонах, а потому что он позволяет людям общаться и тешить своё самолюбие.
0
Tonatos #
> Нерезиновый дизайн круто.
Ой, простите, вы где в статьей увидели такое странное заключение? Я его не делал. И, наоборот, в своей практике я стараюсь делать резиновые дизайны.
+1
sovnarkom #
если бы его дизайн был резиновым → ВКонтакте не был бы так популярен
=>
статичность ВКонтакте улучшает его популярность.
+ Добавим сюда факт того, что вы применяете данное высказывание к произвольным сайтам:
«Статичный дизайн — уютен, прост. А это очень важно для сервиса, который рассчитывает на массовую аудиторию.»
=> Статичный дизайн улучшает популярность сайтов с большой аудиторией.
Вот это заключение высосано из вашего предположения, что это «важно для сервиса…» и в доказательство вы берёте пример вконтакте.
Вот если бы вы привели в пример ещё твиттер — было бы убедительнее.
Но вообще — всё очень за уши у вас.
0
Tonatos #
> Статичный дизайн улучшает популярность сайтов с большой аудиторией.
Тут верно было бы сделать следующее заключение: «Статичный дизайн улучшает популярность сложных _сервисов_, с широким ЦА, т.к. эмоционально компенсирует сложность системы».

С ЖЖ (люди идут за контентом) ситуация другая, например, хотя — тоже широкая аудитория.

Контактом, я повторюсь (уже писал в комментариях), я не доказываю, а иллюстрирую. Доказательством тут может служить лишь одно: ваш субъективный резонанс тезису, и это стоит понять.

В свою защиту скажу, что подобные вещи все с головой сугубо эмпиричны, субъективны и очень сложно отслеживаемы статистически, как и большинство тезисов юзабилити. Но это вовсе не значит, что тут нет закономерностей.
0
dotCypress #
Последний абзац абсолютно верен!
Но раз они эмпиричны то не стоит пытаться отследить связи.
0
Tonatos #
Эээ… вы понимаете, что своей фразой вы низвергли филологию, психологию, этологию, философию, этнологию, социологию и еще черт знает, что еще? )) Стоит, конечно, стоит пытаться — ведь как иначе познавать мир?
0
dotCypress #
Познавать мир надо, но делиться несозревшими мыслями — подвергать себя критике, которая не всегда хороша ;)

Искания — это хорошо, вы молодец, но не все поймут ваши мысли, а многие поймут неправильно ;)

+2
sovnarkom #
|«Статичный дизайн улучшает популярность сложных _сервисов_, с широким ЦА, т.к.
| эмоционально компенсирует сложность системы».

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

Если говорить более предметно:

1. Основное меню мне нравится, оно понятное и расположено в удобном месте.
2. Ширина стены Вконтакте мне тоже нравится, размер шрифта на ней тоже. Но многие хотелибы чуть-чуть по шире и по-крупнее.
3. Блоки: Информация, образование, места и т. п. мне не нравятся. Они часто занимают слишком много места, сворачивать надоедает.
4. Колонка с друзьями, видео и особенно «группы» раздражает ужасно. Им явно не хватает места в одном узеньком столбце.
5. Страницы с фотографиями, приложениями и видео сделаны не удобно, тут напрашиваются маленькие превьюшки, другая навигация и более крупные фотографии.

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

Вывод: «При проектировании интерфейса проектов такого уровня желательно учесть возможное расширение функционала». А уж удобнее для этого резиновость или нет — тема другого разговора.
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
0
Tonatos #
> лаконичнее
Хорошее слово подобрали. Меткое.
–2
jonijones #
Пользуясь и facebook.com и vkontakte.ru (примерно с той же периодичность) понимаю, что facebook намного лаконичнее.
0
DZVlad #
Тогда почему фейсбук перешёл от фикса к резиновому?
+1
Tonatos #
Потому что уже «подсадил», а новые кнопки совать больше не куда? ;-)
+1
deniamnet #
покажите мне на фейсбуке резину (кроме главной входной страницы)? я ее там в упор не вижу
я не знаю, может у кого-то по-другому, но в моем профиле сайт статичный под 1024
0
DZVlad #
Забавно, но действительно фикс. Странно как-то. В подсознании отложилось, что там на всю ширину. Брр =)
0
Jur #
То как Вы комментируете и пишите, то можно сказать, что заголовок не соответствует содержанию, потому все и докапываются. :)
0
Tonatos #
Да, я уже осознал свою ошибку. Это правда. Я как-то не расчитывал на такую реакцию, думал публика по-холоднее будет, что ли ) Изначально статью у себя в блоге написал, только сейчас решил выложить и выложил «как есть».

«Желтить» и «горячить» больше не буду, честно-честно! )
0
Jur #
Ну тут такая тема из разряда «святых войн», однозначной реакции точно быть не могло, заголовок уж очень громкий. )
Может быть лучше бы было вообще абстрагироваться от реальных названий и назвать «эмоциональное воздействие различных типов верстки», ну это имхо. )
0
Tonatos #
Да, стоило бы ) Но хотелось бы как-то живее, что ли, текст сделать )
–1
egorinsk #
Бред. Экраны у всех разные, резиновый дизайн лучше (если его верстал хороший верстальщик), а вконтакте с кршечными букловками и огромными полями смотрится как пришедший из середины 90-х.
0
dotCypress #
Экраны разные, это вы правильно сказали.
Но насчет больших полей я бы поспорил, они намного удобнее чем маленькие.
Тем более, основные постулаты юзабилити говорят нам, что надо уделять внимание основным кейсам, а ввод данных таким и является.
0
egorinsk #
Поля — в смысле поля страницы справа и слева, а не поля ввода ;)
+1
Tonatos #
Вы простите за переход на личности, но у программистов, создается впечатление, бред — все то, что нельзя затолкнуть в переменную :-)
0
Vicokiy #
Хорошую резину сделать намного сложнее хорошей статики.
А то, что зачастую делают плохую резину, и она потом что-то у кого-то вызывает — дело второстепенное.
0
Tonatos #
Причем тут плохая или хорошая резина?
0
Vicokiy #
Я думаю, что те же одноклассники, при хорошей и продуманой верстке будут выглядеть намного лучше и приятней, тем самым вызовут у вас ощущение «контроля». Хабр ведь весьма приятен.
+1
pepelsbey #
Пытаться строить такие комплексные выводы на всего одном параметре — это смешно.

Вчера меня чуть не сбил жёлтый автобус.
Сегодня я выбросил из ванной всех жёлтых уточек: жёлтый — опасносте!


Ну, и термины «статический» и «динамический» традиционно обозначают «просто вёрстку» и её же «натянутую на шаблоны CMS».

То, о чём говорите вы, называется «фикс и резина».
0
Tonatos #
Традиционные термины в каждой студии свои, знаете ли, а языковая реформа этих терминов не каснулась, к счастью :-) На моей памяти это везде называлось статика и динамика, так что глупо об этом говорить.
0
pepelsbey #
Я скорее про терминологию верстальщиков, которые в конечном счёте и делают эту (не)резину.
0
Tonatos #
Очень странно: я сверстал около 60 макетов, и на моей памяти это называлось статикой/динамикой. Или «статичная/резиновая верстка». Может быть, я не слишком внимателен.
Так что говорю, глупо сейчас спорить о том, как и что называется, если термины не закреплены даже приблизительно.
–1
eremeevDOTru #
«компАновка», школота детектед
0
Tonatos #
Вы — безтактны )
0
eremeevDOTru #
У нас выхАдной! :-)
0
Tonatos #
И по этому поводу слетают тормоза? )
0
eremeevDOTru #
Нет, они на месте, всё также тормозят. Просто используйте спеллчекер перед выкладкой, это ведь не трудно и людям приятнее читать когда текст грамотный.
0
Tonatos #
Так спорит разве кто? Приятнее, конечно. И когда хлама в комментариях нет — тоже очень приятно. И когда обращаются с уважением — тоже приятно.

Использую спеллчекер, видимо, просто пропустил.
0
loststylus #
Замечу, что хабр резиновый =)
0
Tonatos #
Ммм… вы не поверите, но я тоже это заметил ;-)
0
savostin #
Хабр не резиновый! ©me ;-)
0
sashabe #
Рассуждение интересное, возможно фиксированность элементов на экране влияет на меморабилити интерфейса. но все же однозначно сказать, что фиксированные макеты удобнее нельзя, большинство пользователей думаю привыкают к одному и тому же размеру окна, не меняя его. поэтому для них что резиново что нерезиново — менюшки каждый день торчат на одном и том же месте.
Что же касается новостных сайтов, тут вы ошибаетесь. Одна из принципиальнейших вещей для любого Интернет-СМИ — это удобство чтения. Удобочитаемость при длинной и плавающей строчке резко падает. Особенно западные сайты — у них средняя длина слова меньше и стандарты ширины колонок тоже меньше. Но там и свои причины у многих языков. Итальянцы например зациклены на заголовках из двох коротких строчек. Поэтому они никогда не сделают резину на инф. сайте, иначе строчки будут неуравновешены и т.д. У нас на это успешно забивают)
0
serge2 #
Во-первых, действительно сверстать динамический резиновый сайт довольно сложно, особенно учитывая на сколько % максимально имеет право растягиваться та или иная колонка в модульной сетке.

Во-вторых, с вконтактом все банально и просто, на страницах МАЛО информации и растягивание ее вширину нецелесообразно.

Рассуждения по поводу уютности итп, не имеют под собой основания.
0
Tonatos #
> Рассуждения по поводу уютности итп, не имеют под собой основания.
А с чего вы взяли то?..
0
serge2 #
В последних двух абзацах вы пытаетесь ограничить использование разных инстументов на основе вашего умозаключения о психологическом восприятии. Вы пытаетесь провести тренды с какой целью? С целью использовать, как вам кажется, правильный инструмент в каждом случае?

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

>С другой стороны — опыт западных сайтостроителей даёт
Ваша попытка обозначить некий авторитет в лице «западных сайтостроителей» умиляет. Пробуйте думать своей головой, и разбираться что и зачем делается. Кстати на западе работают такие же люди как и мы с вами, которым тоже бывает лень верстать сложную резиновую структуру :)
0
Tonatos #
Как, все-таки, раздражают и утомляют всевозможные ответы насыщенные бурной фантазией «с высоты своего опыта», и беспомощными рекомендациями «подумать своей головой»; авторы, которые сходу ломают дистанцию диалога, декларируя себя заведомо выше. Верно считают, что порекомендовав автору подумать своей головой, он придумает аргументы за комментатора.

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

Поверьте, я знаю зачем нужна резиновая и фиксированная верстка. Я нарисовал и сверстал ни один десяток и тех и других. С чего вы взяли, что _мне_ это непонятно?

«Авторитет западных сайтостроителей» — ну совсем никуда. Что вы этой фразой хотели сказать, кроме того, что опустили меня до идолопоклонничества? Есть у нас тенденция к резине, на западе — нет. Все знают, кому эта тенденция обязана. Множество раз сталкивался с мнением о том, что дизайн должен быть резиновым и это профессионально, тогда как статика — непрофессиональна.

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

А уж что с этим делать: брать а расчет или нет, использовать или нет, забивать или нет — решать разработчикам, опираясь на постановку задачи.

Ну зачем переливать из пустого в порожнее?
0
serge2 #
>Есть у нас тенденция к резине, на западе — нет.

Меня интересует только одно: с какой целью изучили тенденцию? Что нам дает эта информация? Какие выводы нужно сделать? :)

>С чего вы взяли, что _мне_ это непонятно?
Было бы понятно, не писали бы подобной ерунды.
0
Tonatos #
Эти тенденции интересуют больше вас, чем меня. Признаюсь честно: абзац про тенденции (очевидные) вставлен для связности текста. Что кто-то решит из этого делать какие-то выводы, мне и в голову не могло прийти. Классикой у нас просто считается резина, и коль начал говорить о статике, то обойти этот камень стороной было бы некорректно.

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

Так или иначе, он несет совершенно вторичную смысловую нагрузку.

> Было бы понятно, не писали бы подобной ерунды.
Может быть, вам есть что сказать по теме?
0
maxic #
В действительности, все зависит от наполнения. В дизайне есть такое понятие «перегруз». Так вот многие «творцы» резиновых сайтов просто об этом не знают :)

Самый популярный google — резиновый. Дело, действительно в том, что резиновый сайт правильно реализовать очень тяжело. Но тот кто добивается гармонии в нем — имеет успех.

P.S. Хабр кстати тоже резиновый :)
Но соглашусь, что проекты проще реализовать в статике, поэтому многие и идут легкой дорожкой.
НЛО прилетело и опубликовало эту надпись здесь
0
Tonatos #
Почему именно контакт и именно одноклассники: изначально, в беседе фигурировали они, а ничего другого, в достаточной мере наглядного и иллюстративного, мне в пример в голову не пришло.

Уже пожалел на их счет 10 раз )

По поводу «ворда»: вот тут похожий коммент есть. Хотя, я тут подумал, с winapi — тема немного сложнее, наверное. Там во-первых, эта тема гораздо менее актуальна, во-вторых — в гораздо большей степени завязана на подачи информации, да и пользователю как правило предоставляется выбор разворачивать или нет.
НЛО прилетело и опубликовало эту надпись здесь
0
uglock #
Ну на самом деле fixed интерфейсы в WinAPI приложениях никуда не деваются. Обычно формы ввода и прочие диалоговые окна — фиксированые. Особенно те, с которыми пользователь должен работать по двести раз в день. Окна же с информацией для чтения обычно резиновые, и это — правильно.
ЗЫ в одном проекте были формы ввода, которые пользователи заполняли 100-200 раз в день. Все эти формы с точностью до пикселя и порядка обхода по Tab-у были перенесены из старой версии программы. Ибо юзабилити и скорость работы. Думаю если вдруг сменят уже привычный интерфейс фконьтакта — будет мульен жалоб «верните нам старый уйутненький фконтагтег!!!1111».
+2
RazB0YniK #
Этот пост не был бы так популярен, если бы был написан про другой сайт.
0
Tonatos #
К сожалению, соглашусь с вами :-(
0
RazB0YniK #
Почему «к сожалению»? Всё в ваших руках. Пишите ещё.
P.S. Что до ВКонтакте, то его популярность связана далеко не только с дизайном. Хотя этот фактор однозначно тоже имеет значение.
0
Tonatos #
Дурная популярность, которая обеспечила только горы флейма на тему популярности контакта, её причин и следствий :-(
+4
dobradmin #
заполнив профиль до 100% я подумал а что дальше?
А дальше ничего — в группах короме факто своего в них присутствия делать что либо невозможно. КПД приглашений в качестве рекламы крайне низок. фоты выкладывать и отмечать интересно только первых три штуки.
0
freeAKK #
«Как я Вас понимаю...» =)
0
VBproffi #
Что-то в этом определенно есть. Конечно, зачастую «не резиновый» дизайн — результат лени, но думаю, что в некоторых крупных ресурсах — это осознанное решение, основанное на рассуждениях в чем-то схожим с рассуждениями уважаемого автора.
–1
1stNoBoDy #
offtop:
web.archive.org/web/20070115022200/vkontakte.ru/help.php
Сайт предназначен для студентов и выпускников элитных ВУЗов России.
+1
dyakov #
Я за резину, но грамотную с ограничением max-width
0
sab0tazh #
Я думаю что выбор в пользу того или иного формата страницы должен основываться на типе контента и его количестве. К примеру сайты вроде новостных лучше представлять на резиновом дизайне. Хотя еще не мало зависит от умения дизайнера представить информацию в резиновом дизайне. В любом случае это палка с двумя концами, в разных ситуациях, сторонники резиновых сайтов и статичных( в плане верстки ), могут быть правы. Надо смотреть на возможность сделать верстку «резиновой», не как критерий оценки качества сайта, а как один из инструментов для улучшения его юзабилити
0
Dromok #
Я считаю резиновый или статичный дизайн никак не влияет на восприятие. Более важным моментом является продуманное юзабилити и цвета.
Как раз у вконтакте я считаю ужасным юзабилити (лучше чем одноклассники, но всё таки ужасное). И я захожу в вконтакте только из-за своих друзей, которые там сидят. А пользоваться им мне неудобно и более того неприятно.
Вконтакте сейчас популярен, только благодаря огромной аудитории, которую он собрал, но никак не из-за дизайна.
Вот отличное юзабилити у практически у всех продуктов гугла (у того же гмайла например).
0
egoholic #
>>>Считается, что статичные дизайны — результат работы недобросовестных дизайнеров и ленивых верстальщиков, которые не в состоянии продумывать динамику. Т.е., статичный сайт это показатель более низкого профессионализма, нежели резиновый. С другой стороны — опыт западных сайтостроителей даёт обратную позицию: там фиксированных дизайнов значительно больше, и на них стоит приоритет.

От куда вы это взяли?
Использовать статическую верстку или резиновую — зависит от конкретного дизайна, а не от профессионализма верстальщика.
+1
Tonatos #
> От куда вы это взяли?
Из опыта, требований клиентов, студийных регламентов, популяризации (в т.ч. и заевшим всех Лебедевым).

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

Спасибо, вы пробудили меня от дремы в невежестве, — буду знать.
НЛО прилетело и опубликовало эту надпись здесь
0
Tonatos #
Успешность никто кроме автора проекта, не определит. По резиновости определяют воздействие на пользователя.
0
Gangstta #
на самом деле не резиновость, а простота навигации все решает в таких случаях
0
haskel #
Вовсе нет, все решилось на бумаге подписанной собственной кровью, Gangstta.
Павел Дуров продал душу за популярность вконтакте.

Это достоверная информация, я вам гарантирую.
0
Gangstta #
с этим не поспоришь.
+1
TonyClifton #
Дело в том, что резиновость сайта обнаруживается только в момент изменения размера окна. Я думаю, немного пользователей этим занимаются (или меняют разрешение), так что для них резиновый сайт просто занимает всю ширину окна браузера, но не меняется от захода к заходу.
0
flair #
omg юзабилити правит нашими потребностями? :)
0
conturov #
Если на сайте мало информации то не стоит её размазывать по всему экрану, лучше компактно и красиво расположить на статичном дизайне.
Резиновый дизайн подойдет сайтам с большим количеством информации (например интернет магазин, новостной портал и т.д.)
+1
Kirax #
Я думаю истина посередине. CSS позволяет задавать максимальную и минимальную ширину, об этом все почему-то забывают. Можно сделать максимальную ширину, скажем на 1280, а минимальную на 800 — для разных размеров устройств. Тогда и не растянется на на 22" и на мелком разрешении будет удобно. Ну и конечно динамическим должен быть только основной контент.
0
freeAKK #
увы, старье (IE6) такие методы не понимает…
поэтому приходиться писать грабли, один из вариантов таких граблей недавно пробегал на хабре
+1
lol2Fast4U #
Вконтакте не был бы таким популярным, если бы Facebook пораньше перевёлся на русский язык.
0
killi #
У меня нет акаунта Вконтакте, я видел только главную страницу.
Убедите меня в нем зарегистрироваться.
Или Вконтакте — не нужен?
Интересно, там OpenID сделают?
0
savostin #
понять, что он не нужен, можно только после регистрации…
0
yvanko #
На вечерине девушка дает вам не номер телефона или аськи а имя и факультет, что бывает проще)
0
killi #
Короче, игрушка для студентов?
+1
Blooderst #
Мне думается, автор не в ту сторону капает. Для конечного потребителя контента любой дизайн — фиксированный. Возможно, звучит бредово, но именно так все и есть.

У меня браузер ВСЕГДА развернут на весь экран и его размер я НИКОГДА не меняю. И я считаю это логичным и естественным явлением. Я не умею одновременно читать Хабр и смотреть кино. Я не умею читать Ленту и играть. Я не умею работать и одновременно делать что-либо другое. Я вообще не умею хавать одновременно два контента. Я могу переключаться между задачами, могу перескакивать с одного сайта на другой, могу менять табы, но в конечном итоге у меня на экране в конкретный момент времени лишь один дизайн фиксированного размера. И я уверен, что именно так происходит у любого пользователя.

Хотя, возможно, исключением являются веб-дизайнеры, у которых экран разделен на 4 части: исходники их дизайна, превью их дизайна, исходники того дизайна, который они пиздят изучают и его превью соответственно. Может именно поэтому возникают топики про эмоциональную нагрузку того или иного дизайна? Когда вконтакте влезает в 1/4 без изменений, а одноклассники начинают расплываться и создавать видимость непостоянства? Вот тут не надо кидаться яйцами — это не камень в огород автора и даже не в огород других дазайнеров, а лишь гипотеза, которая вдруг пришла в голову. Я на ней не настаиваю =)

Каков бы ни был дизайн, как бы хреново или хорошо он бы не был сверстан, для меня и для миллионов других людей от всегда статичен, постоянен и одинаков. То есть эмоционально любой дизайн воспринимается как единая неизменная система. Единственное отличие в том, что некоторые системы признаются удобными, а другие — нет. Удобство — вот главное эмоциональное отличие одного дизайна от другого вне зависимости от того, в каком виде он реализован. Любую резину можно сделать уютной, а любой фиксированный дизайн засрать так, что чёрт ногу сломит и наоборот. Мне кажется, время уже всем давно доказало живыми примерами, что любую задумку можно прекрасно реализовать и тем, и другим способом — был бы дизайнер хороший.

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

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

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