AIN-2014. Новый дизайн и что изменилось на сайте?
Как видите, сегодня ночью АИН немного изменился. Мы, наконец-то, закончили работу над новым дизайном. Над ним мы работали и спорили довольно долго. Итоговый результат — перед вашими глазами. Итак, что нового?
Плитка
Привычная блоговая структура уступила место популярной сегодня «плитке». Причина простая. Материалов появляется больше. Новые вытесняют старые. В новом же дизайне можно куда быстрее охватить взлядом “картину дня”.
Записи теперь можно листать
Вправо, влево. Попробуйте. Говорят это удобно, в тренде и «люди этим пользуются». Понаблюдаем за метрикой:)
Нарисовали свои кнопки
Теперь, если API-социальных сетей будет глючить, сайт не будет от этого тормозить. Также избавились от не совсем понятной в последнее время функциональности стандартного лайка, когда цифры меняются, а ничего особо не происходит. Ну и добавили Pocket, который, как оказалось, пока не работает, т.к. кастомный (но чиним).
Добавили раздел топ
В нем можно смотреть все популярные записи сайта по просмотрам, лайками и комментариям за неделю, месяц и год.
Ну и еще много всяких мелочей. Не сильно заметных на первый взгляд, но делающих использования сайта немного удобнее. Новый поиск — попробуйте в верхнем правом углу. Понятную 404 страницу. Возможность самостоятельно редактировать добавленные события в календаре мероприятий. Кабинет пользователя и т.д.
На этой неделе мы будем работать над исправлениями ошибок, которых пока довольно много. Заранее приносим извинения, просим потерпеть и сообщать об обнаруженных глюках в комментариях к этому посту.
В ближайшее время еще сделаем:
- Адаптивную верстку (с телефонов и планшетов будет ок)
- Версию под ретину (дизайнеры уверяют, что это надо)
- Приведем в порядок работу и календарь.
- Снова пригласим wordpress-гуру, который настроит сервер и уменьшит скорость загрузки сайта с новым дизайном
За работу хотим поблагодарить наших партнеров из компании Decollete. Если вам нужен дизайн сайта на WordPress — обращайтесь к ним.
P.S. Просьба собирать информацию о глюках именно в комментариях к этому посту. Пока в нашем списке их пару десятков, но уверены, что видим не все.
Комментарии | 133
Еще можно было добавить сервис комментирования от украинских разработчиков http://solidopinion.com/ 🙂
Спасибо. Посмотрим на него. Но пока дискас, при всей его не идеальности, все же ок.
спасибо за открытие, но куда девать старые комментарии Disqus
У solidopinion есть экспорт комментариев из Disqus. Как в прочем и других систем комментирования включая стоковые WP.
Экспорт можно как самостоятельно сделать. Так и разработчики solidopinion можут это сделать бесплатно. Они кстати в Киеве сидят )
Ну они в базу сайта просто попадают.
Спасибо большущее. Не хватает в дискасе коментов через вк. А тут они есть, просто супер. Благодарю)
И нах нам этот Пинтерест (с) ? 🙂
Не знаю зачем тебе. Мы решаем конкретную проблему — утром вышел интересный материал, а в обед до него уже никто не добирается. Но пока все гипотезы, конечно, будем изучать аналитику и метрику после того, как глюки поправим.
По моєму стало гірше 🙂 Раніше хронологія новин була очевидна, а зараз фіг розбереш що коли вийшло — зверху новини (головні), листаємо — знов новини (причому деякі головні повторюються), далі — «события», крутимо вниз — знов новини, ще вниз — і тут новини, але уже в горизонтальному напрямі…
А разве раньше последовательность блоков была не такая? Что-что, а ее мы не меняли.
Коли була одна вертикальна колонка, було простіше — свіжі новини зверху, листаємо вниз, поки не натрапимо на знайомий заголовок — і ясно, що нижче старі новини, які ми уже бачили попередній раз. Зараз приходиться впізнавати старі новини по картинках (можливо дійсно справа в привиканні). Це все без претензій, просто мій суб’єктивний фідбек 🙂
Я перестал ходит на силикон из-за Пинтерестовской верстки. Где искать материалы — хз. Выше все правильно написали про удобство прокрутки снизу вверх по дате.
Можно очень просто проверить что лучше — дайте возможность выбора старой верстки и новой и посмотрите статистику.
Мы не можем позволить себе поддерживать два дизайна.
Ок, понимаю. Решать Вам в любом случае.
йо ниги) измените код кнопки фейса с шейра на лайк, или текст с лайка на шейр, а то как то непонятно)
клик на поиск замораживает скроллинг и больше ничего не происходит, сафари последний на маке
Ночью работало:)
Ubuntu 12.04, Firefox 27.0.1. После нажатия на лупу (поиск), скролл (прокрутка) пропадает. Пользоваться сайтом становится невозможно.
Спасибо
Win 7, Chrome 33.0.1750.146 та же фигня
Проверьте, пожалуйста
Ubuntu Chrome 33.0.1750.152 и Firefox 28.0 — всё работает.
Поиск вообще отличный, кстати.
fixed?
Нет. Ошибка не решена.
Также проверил на Chrome 33.0.1750.149 — не работает.
Кэш?
Firefox → Ctrl+F5 — не помогло.
Firefox → Ctrl+Shift+Del → Очистил всё — не помогло.
не, все как было. Ссылки рабочие, шапка рабочая а скролл так и пропадает
щас пашет нормал, клеві поиск!
Проверяй
Поиск в Firefox 27.0.1 заработал. Поиск — отличный.
Поиск в Chrome 33.0.1750.149 и Opera 12.10 до сих пор не работает.
в хроме поиск работает
Одним словом деградация
Меня всегда пугали дизайны в стиле МЕТРО, когда открываешь сайт, и на тебя вываливается огромное кол. кубиков, плиток, картинок, и первое движение рукой происходит чисто на подсознательном уровне в правый верхний угол к [x]
Я правильно понимаю, что это ваш первый комментарий на АИН?
Все верно 🙂 Но читаю я вас давно. Просто от нового дизайна, аж захотелось откомментироваться 🙂
:))
меня пугает реализация пинтереста на сайтах, где главным контентом является текст.
посмотрим, будет ли удобно пользоваться сайтом и дальше. Но к the-village я так привыкнуть и не смог.
Верните мне мой любимый минимализм :). А вообще, было бы хорошо устроить голосование.
ага, а лучше сразу референдум
Прошлый дизайн сложно назвать минимализмом, кстати.
Я бы назвал его минималистичным в сравнении с новым. У меня включен adblock, поэтому разница очень сильно ощущается.
Включите возможность масштабирования страницы на планшете. Я могу подсказать как это сделать.
Будет. С адаптивкой
Раньше было лучше. У вас же реально основной контент — текст, а не фотки! Как вы посмотрите на Хабр, если тот тоже на плитки перейдет? )
Как-то всего много стало, глаза разбегаются… По моему субъективному мнению, старый дизайн был более дружелюбный…
Посмотрим. Но есть такое наблюдения — я запускал, наверное, раз 5 новые дизайны на сайтах и в основном люди сначала говорят, что старый был лучше. Дело привычки, как мне кажется.
Новый дизайн совсем не адаптирован для просмотра на смартфоне.
Рекомендуем читать пост перед тем как писать комментарии. Адаптивная верстка — в процессе. В течение недели загрузим ее на сайт.
В окне шириной 1250px появляется горизонтальная прокрутка.
Главная вызывает ужас лично у меня. Даже у Цукерберга главная чуть лучше смотрится, хотя она тоже очень плохая. Какой-то дурацкий тренд подхватила Декольте.
Понимаю, что шансов на то, что будет альтернативный (старый) вид немного, но может тогда запихнете в rss баннер и будете отдавать полные статьи?
Просто мои мысли на счет Цукерберга и decollete. Как по мне старый был лучше.
Скорей всего я стал ленивый, но так лень теперь даже разобраться куда смотреть на главной странице чтобы последние новости посмотреть — сумбур какой то.
Артур, не прижимайте комменты к левому краю, дайте такой же отступ, как справа. Так и воспринимать их легче, и ваша новая листалка не будет залезать на них и мешать.
Вот тоже хотел написать об этом сейчас. Вы меня опередили:)
Советую сделать фон листалки полупрозрачным, а саму стрелку немного затемнить(когда курсор не наведен).
А новый дизайн сайта мне понравился!
Почитал коменты некоторые и удивлен немного….как может быть неудобен дизайн сайта если сейчас куча сайтов с таким дизайном, вот примеры ярки:
http://www.theverge.com/
http://www.cnet.com/
http://www.siliconrus.com/ и т.д.
Предлагаешь поставить их по центру?
А где она залезает на них? Какой браузер или разрешение?
Я же написал, что именно предлагаю. Языком дизайнера сделайте так:
для класса «.column_c23»
margin: 0 45px 0 45px;
Спасибо.
Артур, об этом речь: http://awesomescreenshot.com/0802iqufa1
глаза режет немного)
Дуров, верни стену!
Проскролил страницу, нажимаю на иконку поиска — пропадает вертикальный скролбар и страница больше не скролится.
(Windows 8 / Chrome 33)
fixed
Еще скролл (прокрутка) работает очень медленно.
Возможно вина в скрипте фиксации шапки сайта (sticky header).
Фиксированная шапка раздражает. Так как постоянно мозолит глаза.
Сделайте как на страницах компаний у Хабрахабр, например, на http://habrahabr.ru/company/yandex — если курсор навести на верхнюю часть видимого поля браузера, появляется шапка.
Или же можно сделать как на одном, забыл на каком именно, сайте — шапка появляется, если пользователь скролит вверх. Если пользователь потом начинает скролить вниз, шапка пропадает.
Шапка на самом верху естественно должна всегда присутствовать.
У меня не получилось залогиниться на сайт ни через фб, ни через г+…
Спасибо. Зафиксировали.
мне одному новый дизайн жестко напоминает http://www.siliconrus.com ?? подвал, кнопочки перехода на другие статьи..
Ну так это же продукты одной компании, зачем париться и что то новое выдумывать?
Интересно и неожиданно ))
Я читаю через RSS, поэтому дизайн главной для меня не принципиален. Внутри материала — стало лучше.
Рад смене логотипа, старый уже морально устарел.
В добрый путь, в общем!
Сделайте, пожалуйста, чтобы текст был не на картинке, потому что это издевательство — ни текст прочитать, ни картинку рассмотреть.
Картинка к сообщению пропала. Прикрепляю снова.
А где вы сейчас поймали этот блок?
На этой странице, в правом боковом столбце БЫЛ блок «Важное». Там и была эта картинка.
Жърчик. Стало гораздо более читаемо.
Жаль, что просто не скопировали дизайн Ленты. ) А так — вам виднее.
Лента — супер. Но скопировать ее нельзя. Кроме того, когда меняли дизайн ленты, тоже говорили, что новый ерунды, а вот старый был клевый:)
Вам виднее ) Только статистика по итогу покажет, правильное ли это было решение ))
У вас был легко узнаваемый стиль. Сейчас просто как у всех модно. Важно разработчикам было поставить задачу — внедрить новые тенденции при сохранении уникальности стиля.
Думаете? У нас была обычная блоговая структура, которая стала привычной. Теперь у нас обычная плиточная структура, которая решает определенные задачи.
стало хуже, у меня разрешение 1280×960 на двух мониторах
Что именно работает не так?
новый дизайн явно заточен под большее разрешение чем мое
например слева и справа отступа вообше нет, контент примыкает прямо к краю экрана
Хмм. У меня air с 13 дюймами и ничего не примыкает..
http://i.piccy.info/i9/afbeed7568b4b6021e38b6dff9154a33/1395228852/877516/630075/ain.png
Артур, верни стенку
А де головна інформація на сайті? Де слайдер або щось таке? Головна сторінка все на купу…. виділити потрібно головну інформацію бо очі розбігаються…
Что вы называете главной информацией? Самое популярное можете посмотреть в топе, то, что редакция считает важным сегодня — первые посты на главной и в разделах
Судя по дизайну, спор о нем закончился ничем и вы взяли и сделали «как у всех». Я уверен что у дизайнера были смелые предложения, которые отклонили. Сейчас вы потеряли узнаваемость.
Очень здорово когда вы «уверены» со стороны:)
Я тоже считаю что это здорово.
Отличный ответ на мнение посетителя! Ты как всегда на высоте )
Привет. Есть у кого учиться:)
А мне новый дизайн больше нравится.
Дело привычки. Через месяц все уже забудут, какой дизайн был раньше.
Ну и жду адаптивную верстку до конца недели, т.к. читаю вас только с телефона 🙂
Отступы по бокам пошли б на пользу. Стрелки по бокам лучше выводить в пределах поста. С кнопкой Pocket что-то не так (retina, если что).
Спасибо. Покет чиним.
Скажите честно, о специальных возможностях думали при смене дизайна или ну его на…?
Что имеете ввиду?
Какой няшный стал =:^___^:=
А почему про логотип ни слова ?
Решили лишний раз не писать, что до этого были ничего не значащие цветные полосочки:) Хотя там, конечно, было в свое время какое-то обоснование сообщества и движения.
Отличный дизайн!
Пока все ужасно.
Наверно кто-то уже успел сообщить, но похоже на ЦП.
Требование к обновлению «Хочу чтобы было как на хабре и штырило. Нужны фишки)» — результат в итоге не оправдал затрат. PS ИМХО.
А вот поиск круто реализован. Правда не уверен что это новое.
Очень хороший дизайн. Отлично смотрится, пока без рекламы — легко, свежо, свободно.
Посмотрим, что будет, когда встанет широкая плашка вверху, банеры и рекламные плитки внутри и справа.
Опустите кнопку «вверх» ниже, а то почти по центру страницы она явно не на своем месте, режет глаз
Новое всегда встречают отрицательно, поэтому нужно время, чтобы адаптироваться ) Лично мне нравится. Единственное, кажется, что размер шрифта крупноват. Успехов в быстрой реализации.
Спасибо
Хорошо сделали. Сайт стал свежее и современней.
Привет. Спасибо
Писал коммент про спец.возможности. Сейчас не найду его чтобы продолжить диалог. Имел ввиду читаемость сайта скрин-ридерами. После смены дизайна очень сложно ориентироваться в ленте новостей. Сделайте хотя бы html-карту с простым списком новостей.
Ещё очень часто падает FireFox на обновленном дизайне.
Открыл сайт на телефоне, решил лучше зайти с десктопа. Спасибо Вам за горизонтальную прокрутку. Я чесно большой поклонник свайпить плиточки на все четыре стороны.
В целом дизайн неплохой. Но… Я конечно понимаю что у вас и ЦП одна и та же компания дизайн делает, но по-моему Деколетте совсем уж разленились. Все абсолютно идентично. Склепали шаблончик для Вордпресса и продают его разным СМИ, причем наверняка не меньше чем за 2000$.
С таким успехом можно купить на ThemeForest шаблон за 40$, там есть даже боле интересные и разнообразные)
Мне абсолютно фиолетово как грузятся кнопки соц. сетей.
Мне не нравится горизонтальная полоса прокрутки.
Не нравится плитка.
Не нравится втыкучесть браузера на страничке, чего ранее не было (подозреваю из-за обильности огромных картинок, иного медиа).
Но хуже всего — мне не удобно.
Я сюда пришёл новости читать, а теперь непонятно что и где читать, надо много думать — а это ОГРОМНАЯ роскошь для новостей, всегда есть где почитать тоже, но приятнее.
Похожу недельку, если удобнее не станет, придётся исключать сайт из ежедневного просмотра.
Уж очень то вы сильно на ЦП похожи…
Первое впечатление очень негативное. Читаемость/воспринимаемость материала на главной сильно снизилась.
Очень не нравился дизайн Цукерберга, и тут, вы туда же.
Хочу сказать огромное СПАСИБО за новый дизайн и за заботу о читателях!
Именно благодаря вашему новому дизайну, я теперь стану больше времени уделять работе, а не чтению AIN.UA
Так держать!!!
Дизайн отличный, дело привычки. Не работает редактирование вакансий в личном кабинете.
Листалка статей — супер. Кнопки — ок. Всё ок, кроме жирных шрифтов. Вырвиглаз просто. Совсем не вписывается в metro-стиль
Мне нравится новый дизайн поста — шрифты стали лучше, более читаемые. Отбивки иэлементы разделения контента приятные. Мне не нравится первая страница — я стал в ней теряться. Возможно, это временный эффект — но мне явно не хватает привычной «ленты» в которой будут описания статей. Сейчас приходится или судить по заголовкам — или открывать все статьи.
Прочитал комменты. Добавлю. Логтип отдельный зачот. И внутри пост действительно стало более читаемо. Мне нравится.
Responsiv-a немає, сайт ні на планшеті, на на комп’ютера не масштабується. Сподобався пошук. За дизайн +. Просто, гарно і симпатично. Але я б трішки виділяв категорії чи хоча б пости через один змінивши заливку довкола нього. Очі моментами розбігаються і губишся серед плитки.
Зменшіть розмитість, важко читається текст. (фото)
І додайте pop-up для фотографій і картинок. Вони незручно відкриваються в тому ж вікні.
Читал сайт 2 года, подписан был на RSS. Ценил за скорость, удобный дизайн и качество материала.
После этого «кошкина дома» пришлось зарегистрироваться. Теряю из-за «дизайнеров» за 3 месяца 3 сайт. Netvibes это бредовое дело начал.
Дайте возможность вернуть старый дизайн. Или как всегда — до свиданья.
Не одобряю. Непонятно зачем менять дизайн на неадаптивный?
Адаптивный будет на этой неделе.
Поиск реально крутой, но есть один нюанс, это не баг но все же, как для меня не эстетический вид.
Когда крутиться, на заднем фоне виден четный квардат, прозрачным нельзя сделать?
Цукенберг таки позвонит?
Артур, а вот попробуйте все нижевыше описанные комментарии расположить в виде такой же плитки? глаза разбегаются, юз кейс просмотра заголовка и нескольких первых строк (что бы оценить для себя интересность материала) теряется. Сейчас надо глазами идти не по легкому пути сверху вниз в определенной области сайта, а смотреть слева направо, отвлекаться на большие картинки, потом опять возвращаться к этой плитке… Стилистически интересно, практически — открываю вашу закладку в браузере и после первых двух блоков закрываю ее так как понимаю что привычных 5-и секунд для просмотра ленты, и выбора интересующего материала, не хватит. А у мозга и так хватает своих задач в течение дня… Было лучше.
и да — это мой первый комментарий на аине за то долгое время, пока просто читаю его. Но плитка бесит. Что мешает сделать две версии? это ведь стоит того.
Две версии дорого поддерживать очень
«пригласим wordpress-гуру, который настроит сервер и уменьшит скорость загрузки сайта с новым дизайном» — правильнее «УВЕЛИЧИТ скорость загрузки» или «уменьшит ВРЕМЯ загрузки».
Но гуру — думаю все поймет 🙂
Да, lookatmedia задала тон… Все красиво, адаптивно, но явно не для людей… Я думаю, это ненадолго, ибо людям лень искать — им нужна доступность информации и отсутствия ее поиска.
В целом дизайн неплохой, но есть несколько замечаний:
1) Я бы вам советовал поработать над структурой главной страницы. Сначала я подумал, что это дело привычки, но за неделю я так и не разобрался, за каким принципом там выводится контент. На ЦБ морда организована намного грамотнее.
2) В анонсе статьи количество комментов отображается при наведении курсора. Это весьма неудобно, поскольку каждый раз приходится тыкать курсором на иконки.
Дизайн главной страницы кошмарен, верните старую одномерную ленту!
Артур, добрый день.
Есть пару пожеланийпредложений по удобству использования сайта:
1. Разделе Работа http://ain.ua/jobs
Заходя по кнопке по направлениям
«Все» «Бизнес» «Продажи» и прочие
так вот если зайти конкретно в «Бизнес», то уже в этой вкладке исчезает меню других направлений
приходиться идти обратно в «Работа» а от туда по вкладкам (((
2.Вакансий не много, но их нельзя сортировать по городам.
Я выбираю вакансию по заголовку, а это оказываться в Одессе (((
3. Было бы удобней при нажатии кнопки «Связаться» в самой вакансии иметь возможность сразу отправить Резюме с сайта, при этом указывая в теме письма название вакансии.
4. Верстка — это мегазадумка слева начинать текст без отступа…впритык? а вот с права есть отступ, свободное место.????
5. Из нового, квадратные кнопки соц. сетей… везде стоят, а вот пишу этот комент и вижу круглые кнопки «Войти используя» ))))
Это просто мелочи, но в мелочах совершенство.
А сайт хорош.