войти зарегистрироваться

Дизайн whois

индекс
173,47

Давайте представим, что вам доверили важнейшее задание: сделать Хабрахабр красивее…

Извините меня за такое богатое воображение, но все же представим!

Вот что вышло у меня (внимание (!!!) gif анимация с задержкой 2000 милисекунд):

image

Тут и далее, под катом, все кликабельно (в натуральный размер)


Сейчас:


image

Мой ход мыслей:


image

Извините за мелкий шрифт… Картинка кликабельна


Итог:


image

Что вы думаете? / Что бы вы сделали?

UPD: Я все же больше пределагаю пофантазировать чем претендую / критикую.
+21
27 июля 2009, 20:37
kossnocorp

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

  • Выравнивание по правому краю взрывает мой мозг.
    Выравнивание по центру с логотипом тоже доставляет дискомфорт :)
    • + Microsoft Expression — последний пункт меню, следовательно какого хрена его выравнивать по баннеру?
      • Моя логика — рекламу выравниваем с рекламой. Не претендую конечно не на что.
    • Простите, а меню (ПОСТЫ БЛОГИ) выравниваем по карандашику? :)
      • Другая логика у меня была. Сейчас как видите выравнивания по карандашику тоже не наблюдается.
  • Выравнивание блока юзера по правому краю — неудобный бред.
    Уменьшение строки поиска ради какого-то соответствия чему-то там снизу, тоже самое.
    Лично у меня в 10й опере положение блока «Посты Блоги Люди Компании Работа» отличается от приведенного вами на «Сейчас».
    • Пост начал писать чуть ранее чем опубликовался. Наблюдались некоторые метаморфозы.
  • А мне нравится как сейчас сделали.
    • Мне тоже. Предлагаю пофантазировать.
  • Не вижу принципиальной разницы
  • я бы еще рекламу всю нахрен убрал… мечты
    • Если она вам лично так мешает — порежьте на своей стороне. Вообще не вижу ничего плохого в рекламе.
      • На таких ресурсах как этот рекламу стоит смотреть и даже иногда кликать по ней :)
    • какую еще рекламу?
      • +1, плагины на опере все режут под ноль… жаль, иногда поп-андеры проскакивают =\
  • а мне кажется изговнякали
  • Я не дизайнер, потому не претендую даже на понимание, но ...:

    1) Настройки профиля и сайта (как мне кажется) было бы логично разместить рядом с профилем (я так понимаю что-то нужно было разместить по обе стороны логотипа потому их и разделили). Я бы оставил там поиск и кусочек рекламы.

    2) Выровнять названия блогов к *ПОСТЫ БЛОГИ ЛЮДИ...*--так всё сместиться немного правее\к центру и будет немного уютнее.

    3) Правый баннер выровнять по высоте с *ПОСТЫ БЛОГИ ЛЮДИ...*-- так правая часть инфы будет доступней (пусть даже на 3 см.).

    • Сейчас логичней: все личные штуки — слева, все настройки — справа. Четкое разделение.

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

        Да я согласен, что одно настройки другое *личные штуки*, но тогда почему они одного размера, шрифта и т.д… в общем выполнены в одном стиле? Видимо потому, что каждый понимает, что всё это вещи которые близки друг к другу… вот и нужно было расположить их рядом.

        А для резины я думаю будет вполне достаточным немного уменьшить интервалы между *ПОСТЫ БЛОГИ ЛЮДИ...* и шрифт… тогда пару тройку элементов можно будет вставить легко.
        • Я недопонимаю вашу логику и аргументы про размер, шрифт. Чтобы уменьшить хаос и упорядочить страницу, нужно как можно уменьшать разнобой шрифтов, размеров и прочего, это же естественно. Поэтому они одинаковые, а не потому, что что это вещи, близкие друг к другу. Их просто незачем делать разными.

          И логика разнесения могла быть, например, такой — есть нож, им режут каждый день (хабралента, избранное, почта, карма). А есть точильный камень, которым пользуются раз в неделю (поиск, настройки), чтобы нож резал как надо. Никто же не будет держать нож и точильный камень в одном ящике, правильно?

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

          Про банер — мне кажется, существующее решение лучше, чем вы предлагаете. При таком варианте не нужно ничего уменьшать, есть место для новых пунктов меню, прекрасно используется резина — одни плюсы. А плюсы поднятия банера — сомнительны.
          • Суть не в том, чтобы отличать ножи и точильные камни (с ножами я знаком). Суть в том, что (как мне кажется) многим было бы намного удобней видеть эти вещи рядом, а не раздельно. А логика обычная — и ножи и камни имеют отношение к ножам, особенно если камни используются в контексте ножей, тогда уж точно нет мысли в голове о косах, секирах, стилетах и т.д…

            Про баннер скорее всего, что у нас с вами 2 точки зрения — моя, например, не профессиональная и посему возможно я не прав.
  • А я сначала подумал что стили не подгрузились. А потом оказалось что так и должно быть. Мне не нравится.
  • О, наконец-то ховеры сделали.
  • Дизайн получился в стиле «те же яйца, только в профиль». Смелее нужно быть, надо вникать в функционал.

    Но! Баннер наверху вы выбрали очень удачный! Спасибо вам за это! :)
  • Если уж плясать, то плясать с музыкой, нужно делать не «красивее», а удобнее, что в оригинале что в вашем варианте уникальный контент каждой страницы начинается для среднестатистического пользователя, намного ниже центра, вот тут надо ковырять…
  • Про шапку — очень непривычно.

    Логотип в шапке — наверняка самая нажимаемая вещь, должна находиться в углу — так ее легче и быстрее будет нажимать; это в теории так. На практике видно будет.
  • Я вот подумал… если ресурс от части считается само регулируемый, то могли бы хотя бы закрытый кастинг из образцов дизайна пользователей провести, ведь на этом сайте тусуются дизайнер с различными навыками и видением дизайна.
    А по скольку хабр является очень своеобразным ресурсом, то и работы как мне кажется были бы довольно интересные…
    А если бы кастинг /голосование/ был открытым, то вообще было бы здорово!:)

    Эх… помечтать порой не вредно))
  • Стало четче, но не лучше, какого хрена логотип по центру делает да еще такой большой, не понятно))) когда в предыдущей версии кнопки — посты, блоги, люди, компании отделялись от вкладок, было лучше, теперь все в куче, юзабельность в пролете, несуразно все как то, блоки вправа занимают 1/3 ширины экрана, зачем?)))
    Я бы все инече сделал, и красивее и функциональнее!
    • Сделайте. И красивее и функциональнее. Нет, я серьезно. А то рубаху на груди рвать любителей много, но что-то никто из них не то, что макета не показал, но даже конкретных предложений не выдвинул.
      • Вы мне заплатите?)))
  • А вот вариант.
    Ничего лишнего.

    • раскрыть комментарий
    • А чтобы люди не спорили могли бы сделать в профиле 1 кнопку… и каждый бы выбрал как кому нравится. :)
      • Точнее не кнопку, а переключатель логотипа)
  • 2000 миллисекунд — это 2 000 000 000 000 000 000 пикосекунд. Кажется, так лучше воспринимается
    • Приму в свою песочницу бесплатно! )
    • НЛО прилетело и опубликовало эту надпись здесь.
  • Экспериментаторы :)
    Добавьте аватар в блоке авторизованного юзера, и будет восприниматься по-другому… потому что «картинка».
    По-моему, логотипу теперь не хватает акцента. Теряется как-то…
    С непривычки — запутался.
    Но мне нравится ход ваших мыслей, и желание ТМ что-то улучшить =P
  • Меня все вполне устраивает
  • автор виснет в линче часами? :)
    а вообще мне нравится переделанный вариант шапки сайта. Пустого места «меньше» в разы становится. И лого как-то лучше выделяется.
    Надеюсь вам не нагадили в карму за этот топик. Хотя судя по вашей карме вам как-то на это по барабану =)
    • Если вы про Лебедева, то не провожу на линче ни минуты в день. А про карму — да, мне по сути все равно :)
  • Выравнивание по правому краю очень непривычно.
    А вот строка поиска лучше смотрится. Хотя, я думаю, что сказывается привычка. Пройдет пара месяцев и привыкнем.
  • народ вам че заняться нечем? бред какойто, без обид только
  • ПАНИКА! Выходные прошли удачно?
    Думал, что надо авторизоваться, но не нашел войти. 2 секунды и я увидел свой ник.
    • 2000 миллисекунд же.
      Для этого топика так правильнее.
  • Лого теряется если его ставить по центру.
    А так по сути, причесали немного, ок. А что еще?? =)
  • Странное решение, ровнять все по верхнему банеру, который изменчив. А в равнении прямого эфира по банеру вы не учли резину.

    Темный текст в форме поиска как бы говорит нам, что туда уже кто-то что-то ввел. Даже серые надписи в _моей_ форме поиска — плохо, ведь я их туда не вводил.

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

    Вы сделали хуже по всем статьям.
  • a:visited перестали восприниматься, это эчень неудобно.
  • «Им дай волю — они все раскрасят!»
  • хабр уже не тот
  • «Демоны, шо ж вы делаете-то?» ©

    По делу:

    Шапка однозначно выносит мозг со всеми ее центровками и мегашрифтами.

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

    Поиск — так и быть, фиг с ним. Но вынесенная туда настройка профиля (!sick) и сайта немного выносят мозг. Они по логике все же должны быть ближе к профильной инфе, пусть ими даже и не пользуются (иначе народ может о них так и не узнать).

    На других подресурсах (блоги, работа, etc) шапка смотрится вообще как оторванная (imho).

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

    Дополнительные «дыры» в шапке тоже не придают ни равновесия, ни легкости. Если только у вас не мегамоник или если вам пофиг на шапку.

    Да данный момент, это основные моменты, которые меня зацепили.
    • И небольшая отсебятинка напоследок:
  • У Хабра самый прекрасный и удобный дизайн. Именно поэтому у него столько клонов.
    Все что выше — демагогия, не больше. А вот авиабомбу жалко!

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

        Дабы не задеть чьего-то самолюбия я лучше воздержусь от выкладывания ссылок.
        • Дело лишь в том, что мне просто нравится изучать сайты портального типа.
          Если не затруднит, можно все-таки поделиться линками в личке?
  • Немного психологии.

    «…привычки часто создают проблемы и заставляют действовать неэффективно,
    а избавиться от них трудно. Привычки являются иллюзией комфорта.Человек больше доверяет тому,
    что давно знакомо. Все новое вызывает опасения. Старое, привычное, уже зарекомендовало себя на опыте.
    Это как старое кресло, в которое вы садитесь отдыхать после работы. Может, новое и удобней,
    зато старое комфортней. Комфорт характеризуется такими понятиями, как удобство, доверие,
    положительный опыт, предсказуемость. Новое обладает этими качествами в гораздо меньшей степени,
    поэтому требуется значительное время, чтобы новая привычка стала старой.    »
    • Привычка может забыться, если вносятся коррективы, которые делают результат более удобным и понятным. Текущая перестановка, имхо, к таковым не относится. Она несла не полезно-функциональные изменения, а скорее попытку воткнуть чуть иначе рекламные места (чтобы были и влезли), что для большинства пользователей относится скорее к негативной нагрузке. Вдобавок появление новых пустых пространств, которые обоснованы лишь компоновкой блоков, но не их реальной необходимостью.

      Прошу прощения за дурную мысль, но при текущей постановке тут логотип кажется совершенно лишним элементом, который просто некуда деть, и будь возможность я бы его закинул либо в фон с opacity=20% или вообще убрал нафиг.

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