dr-mart

Экспериментирую с дизайном смартлаба

Экспериментирую с дизайном смартлаба

Нормуха
Отстой
Всего проголосовало: 270

Изучаю CSS. Параллельно мучаюсь с экспериментальным дизайном для смартлаба
 

Полноразмерная картинка
80 комментариев
Слева большая лента с постами +
avatar
Тима, это ты так Васю потроллил с 4000 По сипи?))Чё так дёшево продался, за сотку всего?
avatar
Зачем менять вообще
Николай Николай, тут дело в том, что нужно понимать важную вещь.  Все кто сидит сейчас на смарте БУДУТ КРАЙНЕ ПРОТИВ изменения дизайна. Все привыкли к нему и любые новшества вызывают батхерды. Так что вопрос это сложны. Сам сталкивался, когда дизайн сайта менял.

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

Но прибыль от этого не изменилась совсем :).  Только самому приятнее. Бо Контент рулит. Дизайн вторичен.
avatar
kbrobot.ru, Я сижу, и я крайне за. Плюсы нового дизайна:
1. Используется вся ширина экрана.
2. На главной выделены аватары.
3. Все блоги на главной в развернутом виде.
4. Стеб над Василием.
5. Убрана реклама. :)
6. Убрана куча всякого мусора, которым никто никода не пользовался. Типа разделов «корпоративные блоги», «все видео» и т.д.
avatar
TT, Вы говорите не о дизайне, а о юзабилити. Это суть разные вещи.
avatar
kbrobot.ru, Я говорю о концепции сайта и не виноват, что топикстартер называет это дизайном.
avatar
TT, главный плюс нового дизайна
4. Стеб над Василием.

не, без рекламы ж никак. ПРосто она будет в рамках новой сетки

Тимофей Мартынов, надо ещё пункт… «что-то есть, но до торта не тянет» Я бы за него проголосовал.

С цветом что-то не то… Я что если попробовать новый дизайн + старые расцветки?

avatar
waldhaber, цвет очень просто поменять)
waldhaber, это пока первое что пришло в голову
цвета такие выбраны по двум причинам:

1. выделить основной контент, чтобы глаза не разбегались во время чтения

2. уменьшить яркую часть экрана, чтобы меньше напрягать глаза
Тимофей Мартынов, а можно сохранить прежний дизайн и параллельно разрабатывать новый? Просто в настройках профиля пользователя добавить функцию выбора дизайна.
Так же хотелось бы текущий дизайн расширить для широкоформатных мониторов, чтобы сайт занимал всю полезную площадь экрана (скриншот).
Текущий дизайн приятно контрастный с нормальными цветами.скриншот
avatar

Тимофей Мартынов, я чёт сейчас подумал, мне часто бывает некогда в течение дня толком  залезть на смартлаб. Получается что с момента когда я был набирается 3-4-5 стр. приходится всё пролистывать, все странички каждый пост… а как бы класно было(ну мне так кажется) если б можно было сворачивать посты, а предыдущие соответственно подтягивались бы автоматом снизу.. 

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

Посворачивал всё, а потом интересные тебе разворачиваешь и читаешь, а главное всё перед глазами было бы, удобней ориентироваться, не?

avatar
waldhaber, нам счас не до нововведений
надо соптимизировать то, что уже есть
Тимофей Мартынов, ну да, я тоже потом додумал, что это нелегко всё будет сделать. Но моё дело предложить) Мало ли))
avatar
Тимофей Мартынов, не уверен конечно, что это легко реализовать…
avatar
Тимофей Мартынов,
уменьшить яркую часть экрана, чтобы меньше напрягать глаза

Картинка должна быть в первую очередь контрастной, а с яркостью мы как-нибудь сами разберемся, благо дело крутилки на мониторах еще не запретили. Неужели ты думаешь, что трейдеры, которые целыми днями пялятся в мониторы, не смогут решить вопрос комфортности изображения? Ради Бога, не надо писать серыми буквами на сером фоне, существующие цветовые схемы вполне приличны и привычны, их можно и нужно сохранить.
avatar
Тимофей Мартынов, Кнопку обновления«всех блогов» тогда вправо верните, раз реклама«в рамках». Вот пусть она будет себе в рамках, а основные«педали управления» на своём обычном для правшей месте. Привыкли все уже, но и не удобно всем, кого ни спроси. В опросе нажал первый вариант.
avatar
Тимофей Мартынов, Привет. Если хочешь увеличить посещаемость — дизайн нужно подтягивать к поп-ресурсам (ВК и подобные), а для сторожил оставь как есть- к нему уже привыкли. П.С. ветеранов смартлаба после каждого лонгового движения становиться все меньше, даже Олейник почти пропал с постами.
avatar
Тимофей Мартынов, Блин, а я только что почитал и понял прикол :)
avatar
TT, Справа, вместо новостей, нужно сделать вопросы и более развернутые списки самых комментируемых и лучших за 24 часа.
avatar
TT, справа не новости а лента форума акций

может быть сделаем её как раз настраиваемой, чтобы юзер мог выбирать сам чо ему там показывать
Тимофей Мартынов, Это было бы просто тотальное всеобъемлющее счастье!
avatar
блеиать  ну не надо нечего менять! ну что за тяга такая нездоровая!  постоянно что то менять ну есть нормальный сайт, нормальный удобный дизайн потом после каждой перемены ничего не найдёшь ( например до сих пор не могу найти где кнопку нажать чтобы ник загорелся зелёным или красным цветом, раньше всё это можно было удобно сделать) На Фнаме сейчас сайт поменяли ну трындец, всё местами поменяли по 10 минут ищешь то что раньше было на виду… Как то Скриган хорошую статью по поводу постоянных меняний ресурса писал очень хорошо
avatar
Vitaly Yasin, это болезнь какая-то. Есть нормальный сайт. Нет, бл. ребрендинг, маркетинг и какой-нибудь через ж… пу смартфоновский дизайн. Вот дома у себя переделки дизайна делайте, желательно вместе с планировкой. Чтобы человек санузел не сразу нашел.
avatar
Лично для меня было бы интереснее если бы доработали мобильную версию сайта
avatar
Дизайн плох. Сейчас в моде красивые шрифты, тонкие иконки, больше пространства дать нужно… Написание Смарт-Лаб (лого) нужно брендировать, создавать фирмнный стиль… а потом уже от бренда строить дизайн… как то так…
avatar
Черный экран с оранжевым тестом (хотя фон можно менять на белый) — это фишка, почти легко узнаваемый бренд. Предложенный макет, на мой читательский взгляд, будет как у всех. Центральная часть с крупным текстом с новостями сильно выбивается, и вместе все не смотрится.
Предложение (рационализаторское) — увеличить масштаб существующих боковых частей, а рекламные предложения отделить друг от друга (может в рамочки поместить), иначе все сливается.
А так — новаторство всегда приветствуется! Удачи!
avatar
Solomon, Не согласен ничего менять НЕ НАДО сайт прекрасен в нынешнем состоянии!
avatar
avatar
PABLO ESCOBAR, Колхоз какой-то. Это что, аксессуары для подростка-гота?
avatar
Отлично! Ну только цвета под вопросом…
avatar
структура интересная, сообщения с форума акций удобно справа. но лично мне цветовое решение нынешнее гораздо больше нравится, чем серый.
Рекламы маловато, только в правом верхнем углу. На большом мониторе много пустого пространства.


В чем проблема привлечь грамотных UX/UI-щиков? Тем более в Питере полно достойных спецов.
avatar
amazing awesome, ну я их не знаю)
Тимофей Мартынов, могу познакомить ) как минимум с ребятами из подписи c TradingView
avatar
amazing awesome, что значит 
из подписи c TradingView
?
Тимофей Мартынов, на их сайте в самом низу ссылка на разработчиков ui — рядом с копирайтом
avatar
amazing awesome, если честно, юзабилити у TV мне совершенно не нравится
Тимофей Мартынов, на вкус и цвет товарища нет )) Практика показывает, что нужно 3-4 подхода делать с разными спецами, тогда будет результат, который устроит

avatar
amazing awesome, так и сделаем
правда пока мне такое цветовое исполнение больше всего нравится, т.к. не напрягает глаща
Тимофей, молодец! Всегда в движении!
Тимофей, лучшее враг хорошего — этот закон как часы работает. Не портите хорошую вещь.
avatar
fot1985, 

одни говорит так
другие говорят что надо менять устаревший дизайн

чо делать то))
Тимофей Мартынов,  Думаю, что к себе прислушаться. Если столько лет чуйка не подводила и позволила такой ресурс создать, то и сейчас не подведёт.  Делайте как для себя и не ошибётесь.
avatar
Широкий формат давно пора…
avatar
Тимофей, сейчас нормальный дизайн. Не надо ничего менять.
avatar
Цветовая гамма в любом случае импонирует.
Мне что надо, я и так найду)))
avatar
Grad, о ты по-моему первый кто сказал что норм цветовая гамма)
Тимофей Мартынов, Да любая гамма нормальная, если будет вариант с цветовой схемой White, как сейчас. :)
avatar
Тимофей Мартынов, Мне нравится черный и оранжевый цвет, как основа.
avatar
в список слева также можно маленькие аватарки
avatar
Евгений Т., это будет лишне
очень отвлекающе
Тимофей Мартынов, зато сразу видно автора (читать или нет) и занимало бы меньше места, нежели текстовое имя
avatar
Тимофей Мартынов, может быть не видели: что можно сделать с помощью одинакового css файла — csszengarden.com/
avatar
Франтик, видел! На эту страницу есть ссылка в книге которую я читаю!
Цветовая гамма просто убивает зрение. Уберите черный фон. 
avatar
Марк Бачинский, )))
это заблуждение)
иллюзия так сказать
Бомба!
avatar
оставь как есть все.все   СУПЕР.
avatar
Как то Николая не ту тематику приписали =) По хедж фондам тут Евгений =)
avatar
Тимофей, ты правильно делаешь, что изучаешь мнение аудитории,
потому что дизайн — это такая тонкая материя, что с ней всегда надо очень осторожно экспериментировать… ну чтобы не получилось как с kinopoisk'ом, когда разработчикам пришлось откатывать взад все их «супер-мега крутые переделки».
В идеале надо тестировать нововведения на отдельном публичном субдомене. Да и потом, если новый дизайн волевым решением становится основным, то у посетителей должна сохраняться возможность продолжать пользоваться прежней версией как ни в чём не бывало. Иначе есть ОГРОМНЫЙ риск растерять заметную часть аудитории, сколь лояльной она бы тебе ни казалась.
avatar
Только не серый цвет. На чёрном фоне текст смотрится без боли в глазах. И вообще смартлаб имеет свой оригинальный стиль.
Дизайн менять надо — школьники, которые привыкли к крутым дизайнам, смартлаб вообще будут пролистывать не задерживаясь, подумают что помойка какая-то. А это немалая часть аудитории, которая рыщет по сети в поисках халявы. Тут надо ориентироваться на бренды, которые у всех на виду: терминалы с компов на фотках или видео «успешных» трейдеров в какой-нибудь рекламе, или фильме и т.п.

Тимофей, если хочешь действительно нормальный дизайн — обратись к профи. Кто этим занимается профессионально. 

Это знаешь, как бы сам ремонт не делал, если не дизайнер — то тебя выдадут детали.

Я например с лёгкостью определяю зайдя в ресторан, был там дизайнер интерьера или решили с экономить. 

avatar
Дизайн середины двухтысячных. Перегружен элементами. Понятно что трейдеры привыкли к терминалалам и их сайт похожий на центр управления полётами не испугает. Но глаза разбегаются, воспринимать информацию сложно.
И ещё неправильно дизайнить под свой монитор. Конечно трейдер всегда представляется сидящим за огромным (а лучше трёмя) монитором, но по факту полагаю что куча народа торгует с ноутбуков, а тем более пользуется сайтом с ноутбуков, планшетов и мобильных. Отдельную мобильную версию сейчас не делают, нужна responsive-вёрстка, и предложенные блоки на узком экране не могу представить как будут складываться.
Евгений Маликов, Ноутбуки сейчас сплошь широкоэкранные. Причем предложенный вариант будет нормально смотреться даже на телефоне. Конечно, мельчить не следует, ширина должна быть не более 1366 пикселей.
avatar
Евгений Маликов, 

1. элементами? А фейсбук элементами не перегружен кстати?
Тож дизайн середины 2000х?

2. я согласен что возможно такая версия может быть перегружена, поэтому есть еще такая


3. 
предложенные блоки на узком экране не могу представить как будут складываться
Оч просто, до определенного размера все сжимается, а потом
правый сайдбар просто вниз уезжает и всё)
Александр, и почему же?:))
Александр, каменты обязательно надо чистить, более того, мудаков надо активно блокировать используя ЧС
Александр, дык вроде так и сделали!

чего еще не хватает?
на мой взгляд шикарно. 
avatar
Я думаю, что народ про дизайн нечего спрашивать, т.к. на вкус и цвет товарищей нет. Спецы должны решать… А народ, ко всему привыкнет… Только розовым в цветочек не делай, хотя…   
Очень клево. Как в Америке. За дизайн +.
avatar
Главное, возможность включать белый фон не убирай. А то черный, как вспомню, так вздрогну в испарине!
avatar

теги блога Тимофей Мартынов

....все тэги



UPDONW
Новый дизайн