1 ноября 2014

Посмотрите, что мы сделали с Лайфхакером

Привет! Над тем, как выглядит Лайфхакер с сегодняшнего дня, мы работали очень долго, очень кропотливо, очень вдумчиво. Мы постарались взять все лучшее, что мы уже успели придумать и сделать, и добавить к этому самое главное, чему мы научились за 1,5 года, прошедшие с прошлого редизайна.

Alex Ponomar

Посмотрите, что мы сделали с Лайфхакером

Ниже я просто приведу список из трёх главных нововведений:

Адаптивный дизайн: теперь вы сможете получать максимум удовольствия от чтения Лайфхакера на всех категориях устройств. Пользователи iPad и мобильных телефонов с разнообразными разрешениями экрана на ОС Android будут особенно довольны. Хотите посмотреть, как это работает прямо на десктопе? Просто подвигайте размер окна браузера туда-сюда и посмотрите, как ведет себя сайт.
Ярче, чище, минималистичней. Мы постарались убрать все лишнее и сделать процесс чтения максимально приятным.
Быстрее. Мы провели множество оптимизаций и добились бОльшей скорости работы сайта. И будем продолжать работать над этим ;)

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

Лучшие предложения

18 nadyozhnyh smesitelej, kotorye chasto pokupayut na marketplejsah

18 надёжных смесителей, которые часто покупают на маркетплейсах

10 вещей популярных брендов со скидками до 65%

Надо брать: робот-пылесос Roborock S8 со скидкой 69%

15 otlichnyh tovarov, kotorye otdayut so skidkami do 70% na AliExpress

15 отличных товаров, которые отдают со скидками до 70% на AliExpress

8 качественных пижам, которые отдают со скидками до 76%

Кроссовки от Li-Ning для суровой российской зимы

Надо брать: новый ручной пылесос от Dreame за полцены

Nahodki AliExpress: samye poleznye i interesnye tovary nedeli

Находки AliExpress: самые полезные и интересные товары недели

Это интересно

Шерсть из каждого угла: 6 важных правил уборки для хозяев котиков

Давление не падает: что такое резистентная гипертония и как её лечат

Банки запустили в приложениях сервисы для пострадавших от мошенников

Испечь хлеб и приготовить улиток: чему можно научиться на фермах в России

Комментарии

abr babr

01.11.14 18:41

если бы не новость, я бы и не заметил :)

Алексей Пономарь

01.11.14 18:47

Это значит, что всё получилось даже лучше, чем мы ожидали.

Саня Boshnik

01.11.14 19:05

Тогда исправьте menu-triangle-right { border-right: 16px solid white; } А то раздражает полоска справа - https://yadi.sk/i/IN7C8g5UcRuVJ

Алексей Пономарь

01.11.14 19:09

это что за браузер у вас?

Саня Boshnik

01.11.14 19:31

А вы каким пользуетесь? В IE 11 - ниже я даже не захотел смотреть В блоке "Получи подарок' кнопка "Да" вылезла из блока Google Chrome Версия 38.0.2125.111 m Firefox 32.0.3 В двух последних браузерах есть красная полоска. А вы разве не видите, что в этом коде что-то странное: .menu-triangle-right { border-top: 32px solid transparent; border-right: 15px solid white; border-bottom: 32px solid transparent; } и так понятно, что должно быть 16, а не 15. А еще стрелка с классом widget-week-views-arrow вылезла вверх. Да, еще над скоростью работы сайта нужно работать, хотя меня скорость устраивает. Может попробуете использовать атрибут defer для скриптов. Я люблю ваш сайт, поэтому и пишу вам замечания, так как мне будет приятно заходить на сайт в котором не будет таких мелких и раздражающих косяков.

Алексей Пономарь

01.11.14 19:31

Не-не, я без наезда :) Исправим.

Алексей Пономарь

01.11.14 20:18

Посмотрите сейчас.

Саня Boshnik

01.11.14 23:11

да, теперь круто.

Евгений Иванкин

01.11.14 18:50

Почему ссылки в меню не подсвечиваются? Да и подчёркивать ссылки является хорошим тоном (это я про блок рекомендуем и лучшее за неделю). Аватар автора не отображается.

Алексей Пономарь

01.11.14 19:02

Аватар отображается. Ссылки в указанных блоках подчеркиваются при наведении. Ссылки в меню еще будут меняться.

Андрей Солодов

01.11.14 18:55

Ничего хорошего,раньше было лучше!

Алексей Пономарь

01.11.14 19:00

Спасибо!

Igor Sweed

01.11.14 19:17

хотел было похвалить, но еле попал по кнопке авторизации, мелковаты (4.3"). а вообще выглядит весьма недурно, мне нравится.

Алексей Пономарь

01.11.14 19:43

Увеличим под палец вам.

Ksenya Baranova

01.11.14 21:41

зачем вы хамите вашим же читателям?

Алексей Пономарь

01.11.14 21:48

Почему хамим? Правда увеличим.

Pavel Gorshunov

01.11.14 19:24

горизонтальное меню было бы хорошо сделать потоньше, иначе места для контента слишком мало (http://joxi.ru/48AnoEgHqEgxrO).

Алексей Пономарь

01.11.14 19:32

смело скрольте!

Pavel Gorshunov

01.11.14 19:39

Спасибо за то, что подбодрили меня в моей нерешительности! Могу лишь констатировать, ресурс стал менее удобен для чтения. Как вариант – буду просматривать "LH" через агрегатор, а на сайт постараюсь заходить реже на любом из устройств.

Алексей Пономарь

01.11.14 19:44

О, а покажите, какой агрегатор предпочитаете?

Pavel Gorshunov

01.11.14 20:00

Старенького Feedly использую. Кстати, по удобству чтения Хабрахабр однозначно делает LH. Учитесь у "H" )))

Алексей Пономарь

01.11.14 20:08

У них свой контент — у нас свой.

Алексей Пономарь

01.11.14 19:59

посмотрите сейчас.

Pavel Gorshunov

01.11.14 20:02

Щикааарно! ) ...а можно еще точки на 3 сверху/снизу поджать? (:sly:)

Алексей Пономарь

01.11.14 20:08

Поджали.

Pavel Gorshunov

01.11.14 20:14

ох, обманываете, Алексей! ) было 52px, осталось 52px, хотя да, рекомендации Владислава реализовали. судя по всему на большом мониторе отсматриваете, что в принципе приятно, но для восприятия на маленьких разрешениях губительно (сам этим страдаю). )))

Алексей Пономарь

01.11.14 20:15

Отнюдь. Покажите, где у вас 52 пикселя.

Pavel Gorshunov

01.11.14 20:18

http://joxi.ru/wGrqXj0SN0jZAz

Алексей Пономарь

01.11.14 20:18

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

Pavel Gorshunov

01.11.14 20:41

о-кей... ( впрочем, все равно молодцы )))

Алексей Пономарь

01.11.14 20:15

И да, сообщите ваше разрешение экрана.

Максим Костерев

01.11.14 19:31

Клёво!

Слава Баранский

02.11.14 17:22

!!! :)

Аргнист Аргнистов

01.11.14 19:45

Невозможно авторизоваться в комментариях в Firefox (правда это уже давно так и на всех сайтах, которые используют эту недосистему комментирования).

Слава Баранский

02.11.14 17:22

А что есть «досистема» комментирования?

Лещенко Владислав

01.11.14 19:47

Доработай таблицу стилей пожалуйста, очень большие отступы в районе логотипа и поиска в header, между меню и заголовком статьи и изображением материала и т.д. В ином случае пространства для чтения очень мало, Вот немного пошаманил, одно и тоже пространство до и после: http://piccy.info/view3/7213939/4aaf8d48fe52dbab8509d766bbf49d05/ И еще, непонятно зачем материалы ПОД комментариями.

Алексей Пономарь

01.11.14 19:59

Пошаманили и мы.

Лещенко Владислав

01.11.14 20:33

еще тут поменяй, если не сложно. Там 30px стояло, явно перебор. http://piccy.info/view3/7214270/a2a518d3e9f962428fa063d1f3aeec15/

Andrey Stepko

01.11.14 20:09

Мне нравится, спасибо! Приятно вас читать!

Сергей Мадекин

01.11.14 20:12

Верстка в пунктах из статьи бажит - некоторые концы строк не видны. Да и новый минималистичный дизайн мне совсем не нравится.

Алексей Пономарь

01.11.14 20:13

Проиллюстрируйте, пожалуйста, невидимые концы.

Сергей Мадекин

01.11.14 20:22

http://rghost.ru/58832569/image.png

Алексей Пономарь

01.11.14 20:23

Круто! А можно попросить заскринить все окно браузера?

Сергей Мадекин

01.11.14 20:24

http://rghost.ru/58832613/image.png

Алексей Пономарь

01.11.14 20:28

Узнал о существовании браузера Pale Moon, спасибо. Попробуем починить...

Сергей Мадекин

01.11.14 20:30

Забавно, потому что о существовании браузера Pale Moon я узнал из ЛХ:)

Алексей Пономарь

01.11.14 20:12

читайте другие сайты.

Алексей Пономарь

01.11.14 20:16

Вы ж все равно по ней не кликаете, хоть скролится она у вас, хоть не скролится.

Артем Омни

03.11.14 09:56

По рекламе в правом блоке практически никто и никогда не кликает

Alexander Litvinov

01.11.14 20:19

Галя, перелогинься

Дмитрий Горчаков

01.11.14 20:13

На странице три блока социальных кнопок. Так и должно быть?

Алексей Пономарь

01.11.14 20:14

Да.

Дмитрий Горчаков

01.11.14 20:15

Во втором блоке кнопки плоские, в третьем - выпуклые.

Алексей Пономарь

01.11.14 20:16

Так и задумано :)

ZeoS

01.11.14 20:23

Работать еще и работать :) По тематике - ее нет. Вот у вас новость про Лайфхакер и дизайн, так и сделали бы сразу подбородку с боку. Внизу под комментами, не знаю.. спорное решение, но можно попробовать, но опять же - следуйте тематике, а не просто набор постов. Почему блок рекомендаций находится перед комментариями? Неудачное решение, отделяет статью от комментов. Слишком много социальных кнопок, аж три ряда, зачем? В целом страница выглядит слишком хаотично, нет единства, и стримлайна тоже нет. Надо ведь взять читателя и нежно пронести его через статью, общение, рекомендации... Секция "Лучшее" не самая лучшая на странице, простите за каламбур. Ее взгляд вообще пропускает, как буду-то это статистика какая. С ней надо поработать. Ну вот, в крадце...

Алексей Пономарь

01.11.14 20:27

«в крадце» отделить статью от комментов лично нам кажется прекрасным решением. Над остальным мы подумаем.

ZeoS

01.11.14 20:32

>отделить статью от комментов лично нам кажется прекрасным решением. Обоснуйте. Все ведь надо обосновывать, не так ли ;) И еще, у вас очень не рационально используется место самой статьи. Из-за аватары и инфы писателя вы теряете около 15% места по ширине. Я не против пустого места и считаю его много не бывает. Но рациональность его использования важна.

Алексей Пономарь

01.11.14 21:56

Мы, в общем-то, не должны вам ничего обосновывать, но всё же: юзабилисты сходятся во мнении, что для комфортного восприятия информации длина строки должна составлять не более 75 символов. Распахав все пространство кроме сайдбара под текст, мы бы убили его читаемость.

Любовь Косинская

01.11.14 23:52

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

Алексей Пудовкин

01.11.14 20:23

А пункт меню "Гад же ты" переименовать так и не решились :)

Слава Баранский

02.11.14 17:19

У нас идут мощные споры ежедневно. Фракция «Гаджеты» пока побеждает.

Сергей Мадекин

01.11.14 20:37

Еще похоже неправильно работает время, когда был написан комментарий. Вот этот комментарий https://lifehacker.ru/lifehacker-v3/#hcm=1414859513150799 у меня первый, который не был написан "только что", отображается, что он был написан 5 минут назад.

Maxim Koshelev

01.11.14 20:47

Шрифт стал просто отвратительным. Контрастности нет, тусклый, линии почти не видны (24" fullhd монитор)

Слава Баранский

02.11.14 17:18

у меня ретина мотор и все хорошо. может дело в вашем браузере? какой он?

Maxim Koshelev

02.11.14 22:41

И что ретина? Проверил в четырех браузерах, более менее только в IE, у вас это основная аудитория чтоли?! Хуже всего в лисе, хром и старая опера примерно одинаково.

Алексей Пономарь

03.11.14 00:16

Черные буквы на белом фоне, что может быть контрастнее?

андрей шкабко

01.11.14 21:19

Хочу старую версию сайта(((((((

Слава Баранский

02.11.14 17:17

ни за что )))))))

Petr Staritsky

01.11.14 21:26

На android не работает полная версия. Не все блоки сайта отобоажены. Samsung Galaxy Note 3. Где ссылки на приложения android и т.д.?

Алексей Пономарь

01.11.14 21:35

Какие блоки, по вашему мнению, скрыты?

Дмитрий Гуменюк

01.11.14 22:20

Пофиксите ссылки в колонке «Лучшее за неделю».

Vladimir Efimov

01.11.14 23:02

Из плюсов: Понравилась адаптивность под различные устройства. Действительно стало удобнее. Из минусов: Не хватает детального рубрикатора в футере. Раньше, например, часто читал архивы из подраздела "Рабочие места" или "Продуктивность". Теперь придется перелопачивать всю рубрику "Работа". Так как время на чтение лимитировано - буду больше тратить времени на поиск нужного материала, а не на его чтение ((((

Алексей Пономарь

01.11.14 23:10

навигация на подходе

Vladimir Efimov

01.11.14 23:38

Спасибо и успешного развития проекта)))

Слава Баранский

02.11.14 17:17

art.barysevich

01.11.14 23:37

в правой части сайта "Лучшее за неделю", все ссылки ведут к одной новости(про сумку)

Алексей Пономарь

02.11.14 00:32

есть такое, чиним

Ksenya Baranova

03.11.14 02:42

теперь лучшее за неделю вообще пропало(

Надежда Сальникова

02.11.14 00:15

Нерабочая якорная ссылка на комментарии. Раньше было очень удобно кликать на значок комментарии и открывалось сразу в нужном месте. Якорная ссылка висит, но не перемещается на сами комментарии. Добавьте пожалуйста. http://screencast.com/t/SNp9WoTqR

Алексей Пономарь

02.11.14 00:32

принято

Надежда Сальникова

02.11.14 00:39

Спасибо!

Igor

02.11.14 00:41

Лайфхакер действительно нуждался в оптимизации спасибо вам за это))

Vlad Zinchenko

02.11.14 00:47

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

Алексей Пономарь

02.11.14 12:21

Андроид?

Vlad Zinchenko

03.11.14 00:14

Разумеется.

Юрий Засыпкин

02.11.14 00:48

1. Если я 10 раз нажал Больше статей, открыл статью на 10-й странице, то по кнопке Вернуться попадаю на первую страницу. Раньше возврат был корректным: в то место списка статей, откуда открыта статья. 2. Верните список страниц внизу сайта 1, 2, 3, ,... (желательно и вверху сайта). Иначе вообще никакой ориентации в архивах. Спасибо :)

Слава Баранский

02.11.14 17:16

Вы правы, это стало не логично. Переделаем немного.

Artyom Kiselyov

02.11.14 00:50

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

Слава Баранский

02.11.14 17:15

Ну теперь уже всё хорошо?

Vlad Zinchenko

02.11.14 00:51

И уберите галерею портретов подписантов из вконтакта. Ломает форматирование.

Сергей Рыж

02.11.14 02:42

Спасибо!), выглядит очень красиво ))

Владислав Салахутдинов

02.11.14 05:47

Класс!

Коля Ковляшенко

02.11.14 09:53

Действительно быстрый ! Пользуюсь Opera как известно не самый быстрый браузер но для меня оч удобный, до обновления сайт был очень тяжелым для моей старушки, теперь же все ок (быстрый скрол, все модули грузятся) !!! Так держать !!!

Коля Ковляшенко

02.11.14 09:57

Вот здесь как то не очень ... И отступ шрифта при наборе в комментах маловат

Слава Баранский

02.11.14 11:40

Спасибо большое. Надеемся что будет только лучше.

Артем Омни

02.11.14 10:09

Возникает стойкое желание всё уменьшить. А в целом, делать вам нечего на живых проектах дизайны тестировать, неумные вы люди)

Слава Баранский

02.11.14 11:39

Так как мы знаем, как именно мы тестировали этот дизайн, то не умным человеком кажетесь вы нам.

Антон Курилов

02.11.14 10:57

За удаление разделов сайта в футере гореть вам на медленном огне.

Слава Баранский

02.11.14 11:38

От ненависти до любви один шаг :)

Алексей Борисов

02.11.14 13:40

Изуродовали сайт, каждый день заходил,теперь врядли больше сюда зайду.Верните пожалуйста прежний дизайн!

Алексей Пономарь

02.11.14 13:52

Неа, не вернем.

Алексей Пономарь

02.11.14 15:47

нам так каждый раз говорят.

Слава Баранский

02.11.14 17:11

НИ ЗА ЧТО :)

Orbital_Cat

02.11.14 13:50

А мне нравится... Только шрифт ужасен и нет разделов. ЗЫ Коменты более чем на половине статей не работают.

Martin Malovanets

02.11.14 15:24

А еще сделали блок яндекс.директа залипающим справа от контента. Чтобы пользователю было удобнее рекламу смотреть.

Слава Баранский

02.11.14 17:10

Без рекламы этот сайт умрет через очень короткое время, потому что за нами нет ничего, кроме рекламы. Если вам кажется что тут благотворительный фонд, то пора взрослеть.

Ksenya Baranova

02.11.14 15:34

посмотрите ,что мы сделали с Лайфхакером

Алексей Пономарь

02.11.14 15:47

спасибо, исправим

Слава Баранский

02.11.14 17:11

Отключите AdBlock — станет лучше.

Артем Омни

03.11.14 09:57

Ещё расстояние между комментариями огромное. Со смартфона это выглядит как один комментарий на страницу.

Тимон Борода

03.11.14 10:26

..а можно сделать добавление в "покет" под автором?)..а то приходится заходить в статью добавлять и выходить!!..не удобно! спасибо!

Ягуб Ахмедов

03.11.14 13:57

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

Алексей Пономарь

03.11.14 19:04

а покажите скриншот окна, пожалуйста

Ягуб Ахмедов

03.11.14 20:37

http://SSMaker.ru/4435c344/

Viktor Pyatkovka

03.11.14 14:43

адаптивный дизайн это гут! наконец-то нормально превью в Feedly заработало. спасибо!

Maxim Koshelev

03.11.14 21:48

На главное странице исправили как выглядит текст, но внутри статей всё также хреново. (повторюсь, что 24full HD монитор, винда, все браузеры)

04.11.14 00:07

добавьте кнопку "pocket" и кнопку быстрой прокрутки наверх,пожалуйста

Алексей Пономарь

04.11.14 00:09

обе есть

04.11.14 00:19

действительно,не обратил внимания на угол) только pocket внутри статьи,очень удобно было не заходить в саму статью чтоб сохранить

Алексей Пономарь

04.11.14 13:16

Добавим.

Сергей Дубынин

05.11.14 11:31

Не знаю, писал ли это кто-то, но я словил баг. При первом заходе через Chrome, по кнопке "Еще статей" три раза открылся один и тот же список (продублировался) , дальше пробовать не стал. После обновления странички все ок.

Алексей Пономарь

05.11.14 12:14

посмотрим

Виктория Чернышова

06.11.14 11:26

а где делась кнопка Poccket?

Serhii Haleha

07.11.14 12:14

Нет возможности добавить комментарий к статье https://lifehacker.ru/nozh/ - отсутствует поле для ввода (пробовал в разных браузерах). Это баг или фича? Если фича, то было бы неплохо как-то давать понять пользователю, что комментарии закрыты. А то блок для комментариев есть, а написать нет никакой возможности и непонятно то ли ты тупишь, то ли так задумано.

Алексей Пономарь

07.11.14 13:48

баг системы комментирования, исправили.

Serhii Haleha

07.11.14 15:25

Значит не зря отписался о проблеме) Спасибо!

George Gagnidze

09.11.14 17:36

Двоечку вам за первый пункт. Определять мобильность нужно по браузеру. В вашем решении пользовтель вообще никак не может переключиться в десктопный режим, даже если нажмет в браузере кнопку "показать полную версию сайта"

Алексей Пономарь

09.11.14 17:42

Георгий, изучите сначала, что такое responsive web design, а потом приходите и рассказывайте, как и что нужно определять.

Что вы могли пропустить