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

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

Полноразмерная картинка

дизайн смартлаба опрос

martynovtim

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

Санкт-Петербург

6685

746 996

с 21 сентября 2010

80 Комментариев

Игорь Голуб
12 февраля 2017, 17:09
Слева большая лента с постами +
+2
- SergeiL
  12 февраля 2017, 17:20
  Тима, это ты так Васю потроллил с 4000 По сипи?))Чё так дёшево продался, за сотку всего?
  +1
Николай Николай
12 февраля 2017, 17:13
Зачем менять вообще
+10
- Евгений Черных
  12 февраля 2017, 17:39
  Николай Николай, тут дело в том, что нужно понимать важную вещь. Все кто сидит сейчас на смарте БУДУТ КРАЙНЕ ПРОТИВ изменения дизайна. Все привыкли к нему и любые новшества вызывают батхерды. Так что вопрос это сложны. Сам сталкивался, когда дизайн сайта менял.
  
  Половина по опросу ответила, что ничего менять не надо, хотя дизайн у сайта был ужасно убог уровня школьника.
  
  Но прибыль от этого не изменилась совсем :). Только самому приятнее. Бо Контент рулит. Дизайн вторичен.
  +6
  - TT
    12 февраля 2017, 17:44
    kbrobot.ru, Я сижу, и я крайне за. Плюсы нового дизайна:
    1. Используется вся ширина экрана.
    2. На главной выделены аватары.
    3. Все блоги на главной в развернутом виде.
    4. Стеб над Василием.
    5. Убрана реклама. :)
    6. Убрана куча всякого мусора, которым никто никода не пользовался. Типа разделов «корпоративные блоги», «все видео» и т.д.
    +5
    - Евгений Черных
      12 февраля 2017, 17:47
      TT, Вы говорите не о дизайне, а о юзабилити. Это суть разные вещи.
      0
      - TT
        12 февраля 2017, 17:55
        kbrobot.ru, Я говорю о концепции сайта и не виноват, что топикстартер называет это дизайном.
        +1
    - Тимофей Мартынов
      12 февраля 2017, 17:47
      TT, главный плюс нового дизайна
      4. Стеб над Василием.
      
      не, без рекламы ж никак. ПРосто она будет в рамках новой сетки
      +2
      - waldhaber
        12 февраля 2017, 18:00
        Тимофей Мартынов, надо ещё пункт… «что-то есть, но до торта не тянет» Я бы за него проголосовал.
        С цветом что-то не то… Я что если попробовать новый дизайн + старые расцветки?
        0
        Тимофей Мартынов
        12 февраля 2017, 18:12
        waldhaber, цвет очень просто поменять)
        +1
        Тимофей Мартынов
        12 февраля 2017, 18:13
        waldhaber, это пока первое что пришло в голову
        цвета такие выбраны по двум причинам:
        
        1. выделить основной контент, чтобы глаза не разбегались во время чтения
        
        2. уменьшить яркую часть экрана, чтобы меньше напрягать глаза
        +1
        Евгений
        12 февраля 2017, 18:55
        Тимофей Мартынов, а можно сохранить прежний дизайн и параллельно разрабатывать новый? Просто в настройках профиля пользователя добавить функцию выбора дизайна.
        Так же хотелось бы текущий дизайн расширить для широкоформатных мониторов, чтобы сайт занимал всю полезную площадь экрана (скриншот).
        Текущий дизайн приятно контрастный с нормальными цветами.
        
        +1
        waldhaber
        12 февраля 2017, 19:32
        Тимофей Мартынов, я чёт сейчас подумал, мне часто бывает некогда в течение дня толком залезть на смартлаб. Получается что с момента когда я был набирается 3-4-5 стр. приходится всё пролистывать, все странички каждый пост… а как бы класно было(ну мне так кажется) если б можно было сворачивать посты, а предыдущие соответственно подтягивались бы автоматом снизу..
        Ну вот даж картиночку схематично набросал, надеюсь понятно..
        
        Посворачивал всё, а потом интересные тебе разворачиваешь и читаешь, а главное всё перед глазами было бы, удобней ориентироваться, не?
        0
        Тимофей Мартынов
        12 февраля 2017, 19:37
        waldhaber, нам счас не до нововведений
        надо соптимизировать то, что уже есть
        0
        waldhaber
        12 февраля 2017, 19:42
        Тимофей Мартынов, ну да, я тоже потом додумал, что это нелегко всё будет сделать. Но моё дело предложить) Мало ли))
        0
        waldhaber
        12 февраля 2017, 19:36
        Тимофей Мартынов, не уверен конечно, что это легко реализовать…
        0
        TT
        12 февраля 2017, 20:22
        Тимофей Мартынов,
        
        уменьшить яркую часть экрана, чтобы меньше напрягать глаза
        
        Картинка должна быть в первую очередь контрастной, а с яркостью мы как-нибудь сами разберемся, благо дело крутилки на мониторах еще не запретили. Неужели ты думаешь, что трейдеры, которые целыми днями пялятся в мониторы, не смогут решить вопрос комфортности изображения? Ради Бога, не надо писать серыми буквами на сером фоне, существующие цветовые схемы вполне приличны и привычны, их можно и нужно сохранить.
        0
      - Дмитрий Ш
        12 февраля 2017, 18:25
        Тимофей Мартынов, Кнопку обновления«всех блогов» тогда вправо верните, раз реклама«в рамках». Вот пусть она будет себе в рамках, а основные«педали управления» на своём обычном для правшей месте. Привыкли все уже, но и не удобно всем, кого ни спроси. В опросе нажал первый вариант.
        +1
      - AnarchYst84
        12 февраля 2017, 18:35
        Тимофей Мартынов, Привет. Если хочешь увеличить посещаемость — дизайн нужно подтягивать к поп-ресурсам (ВК и подобные), а для сторожил оставь как есть- к нему уже привыкли. П.С. ветеранов смартлаба после каждого лонгового движения становиться все меньше, даже Олейник почти пропал с постами.
        +3
      - Евгений Черных
        12 февраля 2017, 19:06
        Тимофей Мартынов, Блин, а я только что почитал и понял прикол :)
        0
    - TT
      12 февраля 2017, 17:49
      TT, Справа, вместо новостей, нужно сделать вопросы и более развернутые списки самых комментируемых и лучших за 24 часа.
      +3
      - Тимофей Мартынов
        12 февраля 2017, 18:14
        TT, справа не новости а лента форума акций
        
        может быть сделаем её как раз настраиваемой, чтобы юзер мог выбирать сам чо ему там показывать
        +2
        TT
        12 февраля 2017, 20:01
        Тимофей Мартынов, Это было бы просто тотальное всеобъемлющее счастье!
        0
А. С.
12 февраля 2017, 17:16
блеиать ну не надо нечего менять! ну что за тяга такая нездоровая! постоянно что то менять ну есть нормальный сайт, нормальный удобный дизайн потом после каждой перемены ничего не найдёшь ( например до сих пор не могу найти где кнопку нажать чтобы ник загорелся зелёным или красным цветом, раньше всё это можно было удобно сделать) На Фнаме сейчас сайт поменяли ну трындец, всё местами поменяли по 10 минут ищешь то что раньше было на виду… Как то Скриган хорошую статью по поводу постоянных меняний ресурса писал очень хорошо
+4
- Кремлебот
  12 февраля 2017, 20:14
  Vitaly Yasin, это болезнь какая-то. Есть нормальный сайт. Нет, бл. ребрендинг, маркетинг и какой-нибудь через ж… пу смартфоновский дизайн. Вот дома у себя переделки дизайна делайте, желательно вместе с планировкой. Чтобы человек санузел не сразу нашел.
  0
Марат Бут
12 февраля 2017, 17:16
Лично для меня было бы интереснее если бы доработали мобильную версию сайта
+7
PABLO ESCOBAR
12 февраля 2017, 17:16
Дизайн плох. Сейчас в моде красивые шрифты, тонкие иконки, больше пространства дать нужно… Написание Смарт-Лаб (лого) нужно брендировать, создавать фирмнный стиль… а потом уже от бренда строить дизайн… как то так…
-2
Solomon
12 февраля 2017, 17:19
Черный экран с оранжевым тестом (хотя фон можно менять на белый) — это фишка, почти легко узнаваемый бренд. Предложенный макет, на мой читательский взгляд, будет как у всех. Центральная часть с крупным текстом с новостями сильно выбивается, и вместе все не смотрится.
Предложение (рационализаторское) — увеличить масштаб существующих боковых частей, а рекламные предложения отделить друг от друга (может в рамочки поместить), иначе все сливается.
А так — новаторство всегда приветствуется! Удачи!
+1
- А. С.
  12 февраля 2017, 17:22
  Solomon, Не согласен ничего менять НЕ НАДО сайт прекрасен в нынешнем состоянии!
  +4
PABLO ESCOBAR
12 февраля 2017, 17:25

0
- TT
  12 февраля 2017, 17:34
  PABLO ESCOBAR, Колхоз какой-то. Это что, аксессуары для подростка-гота?
  +2
TT
12 февраля 2017, 17:28
Отлично! Ну только цвета под вопросом…
+1
Евгений Михайлович
12 февраля 2017, 17:32
структура интересная, сообщения с форума акций удобно справа. но лично мне цветовое решение нынешнее гораздо больше нравится, чем серый.
+2
Кухонный трейдер
12 февраля 2017, 17:37
Рекламы маловато, только в правом верхнем углу. На большом мониторе много пустого пространства.

0
amazing awesome
12 февраля 2017, 17:39
В чем проблема привлечь грамотных UX/UI-щиков? Тем более в Питере полно достойных спецов.
+2
- Тимофей Мартынов
  12 февраля 2017, 17:48
  amazing awesome, ну я их не знаю)
  0
  - amazing awesome
    12 февраля 2017, 18:34
    Тимофей Мартынов, могу познакомить ) как минимум с ребятами из подписи c TradingView
    0
    - Тимофей Мартынов
      12 февраля 2017, 18:45
      amazing awesome, что значит
      
      из подписи c TradingView
      ?
      0
      - amazing awesome
        12 февраля 2017, 19:01
        Тимофей Мартынов, на их сайте в самом низу ссылка на разработчиков ui — рядом с копирайтом
        0
        Тимофей Мартынов
        12 февраля 2017, 19:40
        amazing awesome, если честно, юзабилити у TV мне совершенно не нравится
        0
        amazing awesome
        12 февраля 2017, 21:14
        Тимофей Мартынов, на вкус и цвет товарища нет )) Практика показывает, что нужно 3-4 подхода делать с разными спецами, тогда будет результат, который устроит
        
        +1
        Тимофей Мартынов
        12 февраля 2017, 22:35
        amazing awesome, так и сделаем
        правда пока мне такое цветовое исполнение больше всего нравится, т.к. не напрягает глаща
        0
Александр Муравьев
12 февраля 2017, 17:42
Тимофей, молодец! Всегда в движении!
0
fot1985
12 февраля 2017, 18:02
Тимофей, лучшее враг хорошего — этот закон как часы работает. Не портите хорошую вещь.
+1
- Тимофей Мартынов
  12 февраля 2017, 18:18
  fot1985,
  
  одни говорит так
  другие говорят что надо менять устаревший дизайн
  
  чо делать то))
  0
  - fot1985
    12 февраля 2017, 18:35
    Тимофей Мартынов, Думаю, что к себе прислушаться. Если столько лет чуйка не подводила и позволила такой ресурс создать, то и сейчас не подведёт. Делайте как для себя и не ошибётесь.
    +1
Semen Ovchinnikov
12 февраля 2017, 18:04
Широкий формат давно пора…
0
Albus (Игорь Китаев)
12 февраля 2017, 18:12
Тимофей, сейчас нормальный дизайн. Не надо ничего менять.
+2
Павел Град
12 февраля 2017, 18:12
Цветовая гамма в любом случае импонирует.
Мне что надо, я и так найду)))
+1
- Тимофей Мартынов
  12 февраля 2017, 18:18
  Grad, о ты по-моему первый кто сказал что норм цветовая гамма)
  0
  - TT
    12 февраля 2017, 20:03
    Тимофей Мартынов, Да любая гамма нормальная, если будет вариант с цветовой схемой White, как сейчас. :)
    0
  - Павел Град
    12 февраля 2017, 20:16
    Тимофей Мартынов, Мне нравится черный и оранжевый цвет, как основа.
    0
Евгений Т.
12 февраля 2017, 18:14
в список слева также можно маленькие аватарки
0
- Тимофей Мартынов
  12 февраля 2017, 18:18
  Евгений Т., это будет лишне
  очень отвлекающе
  +1
  - Евгений Т.
    12 февраля 2017, 18:28
    Тимофей Мартынов, зато сразу видно автора (читать или нет) и занимало бы меньше места, нежели текстовое имя
    0
  - Франтик
    12 февраля 2017, 19:40
    Тимофей Мартынов, может быть не видели: что можно сделать с помощью одинакового css файла — csszengarden.com/
    0
    - Тимофей Мартынов
      12 февраля 2017, 19:49
      Франтик, видел! На эту страницу есть ссылка в книге которую я читаю!
      0
Марк Бачинский
12 февраля 2017, 18:23
Цветовая гамма просто убивает зрение. Уберите черный фон.
0
- Тимофей Мартынов
  12 февраля 2017, 18:32
  Марк Бачинский, )))
  это заблуждение)
  иллюзия так сказать
  0
Finzilla
12 февраля 2017, 18:48
Бомба!
0
паньков юрий
12 февраля 2017, 18:53
оставь как есть все.все СУПЕР.
+4
Андрей К
12 февраля 2017, 19:01
Как то Николая не ту тематику приписали =) По хедж фондам тут Евгений =)
0
Авентадор
12 февраля 2017, 19:08
Тимофей, ты правильно делаешь, что изучаешь мнение аудитории,
потому что дизайн — это такая тонкая материя, что с ней всегда надо очень осторожно экспериментировать… ну чтобы не получилось как с kinopoisk'ом, когда разработчикам пришлось откатывать взад все их «супер-мега крутые переделки».
В идеале надо тестировать нововведения на отдельном публичном субдомене. Да и потом, если новый дизайн волевым решением становится основным, то у посетителей должна сохраняться возможность продолжать пользоваться прежней версией как ни в чём не бывало. Иначе есть ОГРОМНЫЙ риск растерять заметную часть аудитории, сколь лояльной она бы тебе ни казалась.
+2
Григорий Краснов
12 февраля 2017, 19:11
Только не серый цвет. На чёрном фоне текст смотрится без боли в глазах. И вообще смартлаб имеет свой оригинальный стиль.
+1
Максим Виссарионович
12 февраля 2017, 19:25
Дизайн менять надо — школьники, которые привыкли к крутым дизайнам, смартлаб вообще будут пролистывать не задерживаясь, подумают что помойка какая-то. А это немалая часть аудитории, которая рыщет по сети в поисках халявы. Тут надо ориентироваться на бренды, которые у всех на виду: терминалы с компов на фотках или видео «успешных» трейдеров в какой-нибудь рекламе, или фильме и т.п.
0
amigo703
12 февраля 2017, 20:00
Тимофей, если хочешь действительно нормальный дизайн — обратись к профи. Кто этим занимается профессионально.

Это знаешь, как бы сам ремонт не делал, если не дизайнер — то тебя выдадут детали.
Я например с лёгкостью определяю зайдя в ресторан, был там дизайнер интерьера или решили с экономить.
+1
Евгений Маликов
12 февраля 2017, 20:08
Дизайн середины двухтысячных. Перегружен элементами. Понятно что трейдеры привыкли к терминалалам и их сайт похожий на центр управления полётами не испугает. Но глаза разбегаются, воспринимать информацию сложно.
И ещё неправильно дизайнить под свой монитор. Конечно трейдер всегда представляется сидящим за огромным (а лучше трёмя) монитором, но по факту полагаю что куча народа торгует с ноутбуков, а тем более пользуется сайтом с ноутбуков, планшетов и мобильных. Отдельную мобильную версию сейчас не делают, нужна responsive-вёрстка, и предложенные блоки на узком экране не могу представить как будут складываться.
0
- TT
  12 февраля 2017, 20:17
  Евгений Маликов, Ноутбуки сейчас сплошь широкоэкранные. Причем предложенный вариант будет нормально смотреться даже на телефоне. Конечно, мельчить не следует, ширина должна быть не более 1366 пикселей.
  0
- Тимофей Мартынов
  12 февраля 2017, 20:17
  Евгений Маликов,
  
  1. элементами? А фейсбук элементами не перегружен кстати?
  Тож дизайн середины 2000х?
  
  2. я согласен что возможно такая версия может быть перегружена, поэтому есть еще такая
  
  3.
  предложенные блоки на узком экране не могу представить как будут складываться
  Оч просто, до определенного размера все сжимается, а потом
  правый сайдбар просто вниз уезжает и всё)
  +1
юрий
12 февраля 2017, 23:09
на мой взгляд шикарно.
+1
Сергей Гаврилов
12 февраля 2017, 23:21
Я думаю, что народ про дизайн нечего спрашивать, т.к. на вкус и цвет товарищей нет. Спецы должны решать… А народ, ко всему привыкнет… Только розовым в цветочек не делай, хотя…
+2
Никита Носов
13 февраля 2017, 00:34
Очень клево. Как в Америке. За дизайн +.
+1
Malik
13 февраля 2017, 01:25
Главное, возможность включать белый фон не убирай. А то черный, как вспомню, так вздрогну в испарине!
+3