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

Проголосовало: 266. Воздержалось: 15

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

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

Слева большая лента с постами +
avatar

Management System Group

Тима, это ты так Васю потроллил с 4000 По сипи?))Чё так дёшево продался, за сотку всего?
avatar

SergeiL

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

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

Но прибыль от этого не изменилась совсем :).  Только самому приятнее. Бо Контент рулит. Дизайн вторичен.
avatar

kbrobot.ru

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

TT

TT, Вы говорите не о дизайне, а о юзабилити. Это суть разные вещи.
avatar

kbrobot.ru

kbrobot.ru, Я говорю о концепции сайта и не виноват, что топикстартер называет это дизайном.
avatar

TT

TT, главный плюс нового дизайна
4. Стеб над Василием.

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

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

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

avatar

waldhaber

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

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

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

Евгений

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

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

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

avatar

waldhaber

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

waldhaber

Тимофей Мартынов, не уверен конечно, что это легко реализовать…
avatar

waldhaber

Тимофей Мартынов,
уменьшить яркую часть экрана, чтобы меньше напрягать глаза

Картинка должна быть в первую очередь контрастной, а с яркостью мы как-нибудь сами разберемся, благо дело крутилки на мониторах еще не запретили. Неужели ты думаешь, что трейдеры, которые целыми днями пялятся в мониторы, не смогут решить вопрос комфортности изображения? Ради Бога, не надо писать серыми буквами на сером фоне, существующие цветовые схемы вполне приличны и привычны, их можно и нужно сохранить.
avatar

TT

Тимофей Мартынов, Кнопку обновления«всех блогов» тогда вправо верните, раз реклама«в рамках». Вот пусть она будет себе в рамках, а основные«педали управления» на своём обычном для правшей месте. Привыкли все уже, но и не удобно всем, кого ни спроси. В опросе нажал первый вариант.
avatar

Дмитрий Ш

Тимофей Мартынов, Привет. Если хочешь увеличить посещаемость — дизайн нужно подтягивать к поп-ресурсам (ВК и подобные), а для сторожил оставь как есть- к нему уже привыкли. П.С. ветеранов смартлаба после каждого лонгового движения становиться все меньше, даже Олейник почти пропал с постами.
avatar

AnarchYst84

Тимофей Мартынов, Блин, а я только что почитал и понял прикол :)
avatar

kbrobot.ru

TT, Справа, вместо новостей, нужно сделать вопросы и более развернутые списки самых комментируемых и лучших за 24 часа.
avatar

TT

TT, справа не новости а лента форума акций

может быть сделаем её как раз настраиваемой, чтобы юзер мог выбирать сам чо ему там показывать
Тимофей Мартынов, Это было бы просто тотальное всеобъемлющее счастье!
avatar

TT

блеиать  ну не надо нечего менять! ну что за тяга такая нездоровая!  постоянно что то менять ну есть нормальный сайт, нормальный удобный дизайн потом после каждой перемены ничего не найдёшь ( например до сих пор не могу найти где кнопку нажать чтобы ник загорелся зелёным или красным цветом, раньше всё это можно было удобно сделать) На Фнаме сейчас сайт поменяли ну трындец, всё местами поменяли по 10 минут ищешь то что раньше было на виду… Как то Скриган хорошую статью по поводу постоянных меняний ресурса писал очень хорошо
Vitaly Yasin, это болезнь какая-то. Есть нормальный сайт. Нет, бл. ребрендинг, маркетинг и какой-нибудь через ж… пу смартфоновский дизайн. Вот дома у себя переделки дизайна делайте, желательно вместе с планировкой. Чтобы человек санузел не сразу нашел.
avatar

надоело

Лично для меня было бы интереснее если бы доработали мобильную версию сайта
avatar

Марат Бут

Дизайн плох. Сейчас в моде красивые шрифты, тонкие иконки, больше пространства дать нужно… Написание Смарт-Лаб (лого) нужно брендировать, создавать фирмнный стиль… а потом уже от бренда строить дизайн… как то так…
avatar

PABLO ESCOBAR

Черный экран с оранжевым тестом (хотя фон можно менять на белый) — это фишка, почти легко узнаваемый бренд. Предложенный макет, на мой читательский взгляд, будет как у всех. Центральная часть с крупным текстом с новостями сильно выбивается, и вместе все не смотрится.
Предложение (рационализаторское) — увеличить масштаб существующих боковых частей, а рекламные предложения отделить друг от друга (может в рамочки поместить), иначе все сливается.
А так — новаторство всегда приветствуется! Удачи!
avatar

Solomon

Solomon, Не согласен ничего менять НЕ НАДО сайт прекрасен в нынешнем состоянии!
avatar

PABLO ESCOBAR

PABLO ESCOBAR, Колхоз какой-то. Это что, аксессуары для подростка-гота?
avatar

TT

Отлично! Ну только цвета под вопросом…
avatar

TT

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


В чем проблема привлечь грамотных UX/UI-щиков? Тем более в Питере полно достойных спецов.
avatar

amazing awesome

amazing awesome, ну я их не знаю)
Тимофей Мартынов, могу познакомить ) как минимум с ребятами из подписи c TradingView
avatar

amazing awesome

amazing awesome, что значит 
из подписи c TradingView
?
Тимофей Мартынов, на их сайте в самом низу ссылка на разработчиков ui — рядом с копирайтом
avatar

amazing awesome

amazing awesome, если честно, юзабилити у TV мне совершенно не нравится
Тимофей Мартынов, на вкус и цвет товарища нет )) Практика показывает, что нужно 3-4 подхода делать с разными спецами, тогда будет результат, который устроит

avatar

amazing awesome

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

fot1985

fot1985, 

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

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

fot1985

Широкий формат давно пора…
Тимофей, сейчас нормальный дизайн. Не надо ничего менять.
avatar

Albus

Цветовая гамма в любом случае импонирует.
Мне что надо, я и так найду)))
avatar

Grad

Grad, о ты по-моему первый кто сказал что норм цветовая гамма)
Тимофей Мартынов, Да любая гамма нормальная, если будет вариант с цветовой схемой White, как сейчас. :)
avatar

TT

Тимофей Мартынов, Мне нравится черный и оранжевый цвет, как основа.
avatar

Grad

в список слева также можно маленькие аватарки
avatar

Евгений Т.

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

Евгений Т.

Тимофей Мартынов, может быть не видели: что можно сделать с помощью одинакового css файла — csszengarden.com/
avatar

Франтик

Франтик, видел! На эту страницу есть ссылка в книге которую я читаю!
Цветовая гамма просто убивает зрение. Уберите черный фон. 
avatar

Марк Бачинский

Марк Бачинский, )))
это заблуждение)
иллюзия так сказать
Бомба!
avatar

pravda_matka

оставь как есть все.все   СУПЕР.
avatar

паньков юрий

Как то Николая не ту тематику приписали =) По хедж фондам тут Евгений =)
avatar

Андрей К

Тимофей, ты правильно делаешь, что изучаешь мнение аудитории,
потому что дизайн — это такая тонкая материя, что с ней всегда надо очень осторожно экспериментировать… ну чтобы не получилось как с kinopoisk'ом, когда разработчикам пришлось откатывать взад все их «супер-мега крутые переделки».
В идеале надо тестировать нововведения на отдельном публичном субдомене. Да и потом, если новый дизайн волевым решением становится основным, то у посетителей должна сохраняться возможность продолжать пользоваться прежней версией как ни в чём не бывало. Иначе есть ОГРОМНЫЙ риск растерять заметную часть аудитории, сколь лояльной она бы тебе ни казалась.
avatar

Ave

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

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

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

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

avatar

amigo703

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

TT

Евгений Маликов, 

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

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


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

чего еще не хватает?
на мой взгляд шикарно. 
avatar

юрий

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

Никита Носов

Главное, возможность включать белый фон не убирай. А то черный, как вспомню, так вздрогну в испарине!
avatar

Malik


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

Залогиниться

Зарегистрироваться
....все тэги
Регистрация
UPDONW