Комментарии 55
И почему я вспоминаю «кинопоиск»…
Знаете, а ведь неплохо получилось.
Неожиданная неприятность произошла и с бесконечным скроллингом. Он грузит всё больше и больше картинок до тех пор, пока браузер не сожрёт всю память и не подвиснет. В итоге у людей начали возникать проблемы при попытке прокрутить более 1000 картинок за раз, при том что полная лента запросто содержит десятки тысяч плиток.
Не воспроизводится, картинки вне области видимости выгружаются. Починили?
Инновационный алгоритм укладки плитки оказался с явным изъяном — почему-то плитки частенько дублировались.
Раньше этого не было, а теперь появилось? Это точно не копии картинки в разных местах? В любом случае, если это так — похоже на тривиальный баг. Но я его не заметил. Починили?
Просмотр невозможно продолжить с того места, на котором остановился, так же как и переслать кому-либо ссылку на это место.
Неправда. Адресную строку смотрели? Там динамически со скроллингом меняется offset, и по ссылке открывается ровно в том месте. Не в виде скролла, правда, а просто часть результатов сверху пропущена — можно было бы и аккуратнее сделать, да, но ссылка пересылается и место запоминается.
Исчезли подписи. Ещё раз гляньте на КДПВ — видно, что текст полностью убрали, чтобы он не мешал плиткам. И если раньше можно было видеть информацию по каждой работе — название, автор, количество комментариев и т.д., то дизайнеры новой ленты решили, в полном соответствии с нынешней модой, сделать равнение на контент и убрать всё лишнее.
Всё это появляется при наведении мышки. Не вижу повода для паники.
Вопреки заявлениям, плиток на экран стало влезать не больше, а меньше, т.к. размер очень уж сильно вырос.
Теперь я могу видеть картинки, а не крошечные миниатюры, и могу щёлкать в два раза меньше — лучше видно, что интересно, а что стоит пропустить.
Дизайн потерял целостность, т.к. нововведение затронуло только ленты поиска и просмотра, галереи же остались со старым дизайном.
Я не понял — это в вашем контексте плохо или хорошо? Было бы лучше, если бы они не только на ленту это накатили, а сразу на всё?
И галку вернули — это хорошо. Но для предотвращения шитсторма им бы стоило вначале выкатить это как тестовую версию и добавить кнопку перехода на неё, конечно же. А не наоборот.
И да — интерфейс девиантарта был страшноватым и медленным. Теперь стало получше, искать что-то можно гораздо быстрее. Но это лично моё мнение.
Не воспроизводится, картинки вне области видимости выгружаются. Починили?Починили, по крайней мере лента действительно не переполняется (хотя если скроллить до 1000 и больше, Firefox становится сильно неповоротливым. Но не падает).
Раньше этого не было, а теперь появилось?Именно так. Причём есть подозрение, что оно как-то связано с недогрузом, т.к. сперва появляется несколько «пустых» плиток, а потом, когда картинки догрузятся, одна из них оказывается копией предыдущей картинки ленты.
Там динамически со скроллингом меняется offsetДа, только при вставке ссылки вместе с этим оффсетом лента всё равно грузилась с начала. Сейчас пофиксили, грузится с нужного места, только с обрезанным началом.
Всё это появляется при наведении мышкиТак неудобно же! Это получается надо каждую картинку курсором ощупать, тогда как раньше с первого взгляда можно было всю страницу ухватить.
Было бы лучше, если бы они не только на ленту это накатили, а сразу на всё?По крайней мере не было бы путаницы. А то когда одни уже ругались в комментариях, другие удивлённо спрашивали, о какой ленте вообще речь, ведь у них всё по-старому…
Кстати, сейчас заметил, что галка возвращает старый дизайн только на мобильных устройствах. На десктопе теперь включается некий компромиссный вариант — постраничный скроллинг, но всё те же плитки без подписей.
П.С.: Что люди сидят мониторят отзывы и фиксят баги, за это конечно низкий поклон и уважение. Но назвать новый дизайн удачным всё равно пока не получается. Хотя не исключаю, что все основные претензии пользователей постараются поправить в течение недели-двух. Но опять же: почему нельзя было это сделать заранее, выкатив в виде бета-версии?
Починили, по крайней мере лента действительно не переполняется
и (оффтопик: если не ставить разделитель между цитатами, ломается парсер маркдауна, пойду, багрепорт напишу)
Да, только при вставке ссылки вместе с этим оффсетом лента всё равно грузилась с начала. Сейчас пофиксили, грузится с нужного места, только с обрезанным началом.
Если всё так, то это похоже на то, что они выкатили сырую версию, а потом стали править на живую. Это очень нехорошо, и обычно это ошибка управления — то ли нашли разработчиков подешевле, то ли поставили очень жёсткие дедлайны, и уж во всяком случае не провели должного тестирования.
Но то, что получилось после исправлений — у меня выглядит вполне прилично, и заметно лучше того, как было раньше.
Всё это появляется при наведении мышки. Не вижу повода для паники.
Не буду сейчас затрагивать размер плиток, это вопрос действительно во многом холиварный.
Но вот за сокрытие важной информации под ховер надо отбивать руки метровой линейкой.
То есть для вас важнее описание, а не картинка, что и есть основной контент сайта? Ну, это вы не те приоритеты расставляете значит, что вместо просмотра картинок, вчитываетесь в описание.
Важнее рейтинг, и да, зачастую название тоже имеет значение.
Название может не совпадать с нарисованным.
И просто вопрос — какую информацию смотрителю даёт рейтинг?
И просто вопрос — какую информацию смотрителю даёт рейтинг?
НЛО прилетело и опубликовало эту надпись здесь
А разве не проще пробежать глазами по привью и, зацепившись за что-нибудь, посмотреть?
Просто для меня картинки несут не информативный, а впечатлительный образ, в отличии от комментов, в смысл которых надо вникнуть, поэтому не пойму тех, кто смотрит на рейтинг картинок =) Это как ходить по музею и сначала читать художника и дату, а потом смотреть на картины.
Просто для меня картинки несут не информативный, а впечатлительный образ, в отличии от комментов, в смысл которых надо вникнуть, поэтому не пойму тех, кто смотрит на рейтинг картинок =) Это как ходить по музею и сначала читать художника и дату, а потом смотреть на картины.
НЛО прилетело и опубликовало эту надпись здесь
>Здесь же все-таки галлерея работ, каждая заслуживает подпись и отдельное внимание.
Это противоречит вашему ранее предложению
>Дает примерную оценку «стоящести». Например, если спешу или не очень заинтересован темой то комментарии на хабре/гиктаймсе читаю только те, у которых заметный рейтинг (зеленый или красный).
Вот правда не понимаю, как можно оценить «стоящее изображение» по чужим мнениям? Получается вы смотрите на рейтинг и «известность автора», и вместо собственного впечатления принимаете «рекламу»?
Автор и название работы появляется при наведении курсора. Это похоже на маленькую бирку на раме картин, никто ж не жалуется что сразу не видит автора, пока не присмотрится к бирке.
Не защищаю дизайн, так как его можно было сделать стилем в переключателе вида страницы, кому нравится воспользовался бы. И естественно без бесконечного скролинга.
Это противоречит вашему ранее предложению
>Дает примерную оценку «стоящести». Например, если спешу или не очень заинтересован темой то комментарии на хабре/гиктаймсе читаю только те, у которых заметный рейтинг (зеленый или красный).
Вот правда не понимаю, как можно оценить «стоящее изображение» по чужим мнениям? Получается вы смотрите на рейтинг и «известность автора», и вместо собственного впечатления принимаете «рекламу»?
Автор и название работы появляется при наведении курсора. Это похоже на маленькую бирку на раме картин, никто ж не жалуется что сразу не видит автора, пока не присмотрится к бирке.
Не защищаю дизайн, так как его можно было сделать стилем в переключателе вида страницы, кому нравится воспользовался бы. И естественно без бесконечного скролинга.
НЛО прилетело и опубликовало эту надпись здесь
>Лично я крайне редко ставлю лайки, но обращаю внимание на счетчик лайков под тем, на что я смотрю.
Тут мы с вами разные люди =)
>Ну, если на сайте кинотеатра есть страница фильма в прокате, и на ней только негативные отзывы и низкая общую оценку — сколько людей заинтересуется таким фильмом? То же про онлайн магазины.
Дык я и повторю — пока вы не видите работу/предмет вы не имеете понятия о нём, в то время как изображение сразу перед вами. Это как если бы наоборот отказаться от наименовании/авторства музыки и прослушивать композиции методом тыка. Хотя в качестве примера подойдёт это — завесить все картины в музее и поставить таблички с автором =)
>Опять же, тут уже упоминали планшеты.
Поэтому надо делать два варианта.
>но как разработчик-поддерживатель — ну, нет, зачем поддерживать две фичи.
Если у вас есть время, то поясните, пожалуйста. Я часто встречала сайты, те же магазины, где имелись два вида страничек — список и плитка.
>Чтобы разрешить наш с вами спор, было бы круто записать паттерны поведения пользователей
Надо для старого сайта тоже записи делать — «как было»
Тут мы с вами разные люди =)
>Ну, если на сайте кинотеатра есть страница фильма в прокате, и на ней только негативные отзывы и низкая общую оценку — сколько людей заинтересуется таким фильмом? То же про онлайн магазины.
Дык я и повторю — пока вы не видите работу/предмет вы не имеете понятия о нём, в то время как изображение сразу перед вами. Это как если бы наоборот отказаться от наименовании/авторства музыки и прослушивать композиции методом тыка. Хотя в качестве примера подойдёт это — завесить все картины в музее и поставить таблички с автором =)
>Опять же, тут уже упоминали планшеты.
Поэтому надо делать два варианта.
>но как разработчик-поддерживатель — ну, нет, зачем поддерживать две фичи.
Если у вас есть время, то поясните, пожалуйста. Я часто встречала сайты, те же магазины, где имелись два вида страничек — список и плитка.
>Чтобы разрешить наш с вами спор, было бы круто записать паттерны поведения пользователей
Надо для старого сайта тоже записи делать — «как было»
Мне важно и то, и то. Аналогия — Ютуб. Давайте уберём там названия роликов.
С ютубом не сравнить =) так как вы не видите работу пока не запустите, так же и с книгой и с музыкой. А изображение перед вами готовое сразу. Не, ну можно привью сделать малюсеньким, чтобы люди не видели работу и опирались на авторов и рейтинг =D
НЛО прилетело и опубликовало эту надпись здесь
Вы зашли в галерею посмотреть картины.
Вам важно знать название картины? Мне — не всегда, но название где-то в поле зрения.
Всё это появляется при наведении мышки. Не вижу повода для паники.
Точно, планшеты же не приспособлены для серфинга в инете и просмотра картинок.
По-моему, никакой выгрузки картинок не происходит, а имеет место оптимизация в самом браузере — не хранятся в памяти невидимые декодированные изображения.
Ради интереса проскроллил 2000 изображений в выдаче и посмотрел в DOM. Результат — в главном окне 2000 объектов с кучей потомков, одих из которых — img. И каждый раз при модификации DOM браузеру приходится рендерить страницу, учитывая это. То есть длительный скроллинг приводит к разбуханию страницы и высокой нагрузке на CPU. Самое весёлое — попробовать изменить размер страницы и смотреть, как пыжится браузер и как всё куда-то уезжает.
Я бы оптимизировал следующим образом:
1. После загрузки определённого числа изображений (например, 20-30 штук) помещал бы их в один большой прямоугольный блок, размер которого был бы фиксирован и не менялся. Блоки должны располагаться вертикально. В этом случае при изменении размера страницы тормозов будет существенно меньше, а последующие выдачи результатов будут выводиться под обновлённый размер страницы.
2. При пропадании блока из области видимости очищал бы из него вообще всё, сохраняя только минимально необходимый набор метаданных, достаточных для восстановления содержимого блока.
3. При появлении блока в области видимости восстанавливал бы его содержимое.
Ради интереса проскроллил 2000 изображений в выдаче и посмотрел в DOM. Результат — в главном окне 2000 объектов с кучей потомков, одих из которых — img. И каждый раз при модификации DOM браузеру приходится рендерить страницу, учитывая это. То есть длительный скроллинг приводит к разбуханию страницы и высокой нагрузке на CPU. Самое весёлое — попробовать изменить размер страницы и смотреть, как пыжится браузер и как всё куда-то уезжает.
Я бы оптимизировал следующим образом:
1. После загрузки определённого числа изображений (например, 20-30 штук) помещал бы их в один большой прямоугольный блок, размер которого был бы фиксирован и не менялся. Блоки должны располагаться вертикально. В этом случае при изменении размера страницы тормозов будет существенно меньше, а последующие выдачи результатов будут выводиться под обновлённый размер страницы.
2. При пропадании блока из области видимости очищал бы из него вообще всё, сохраняя только минимально необходимый набор метаданных, достаточных для восстановления содержимого блока.
3. При появлении блока в области видимости восстанавливал бы его содержимое.
НЛО прилетело и опубликовало эту надпись здесь
Если на странице изменят размер, тогда изображения сверху никак не будут влиять на отображение текущих изображений — ничего не уедет при уменьшении размера — это большой плюс. А при скролле наверх размер будет фиксирован, в худшем случае появится горизонтальный скролл. Но такие случаи будут редки.
Вариант с сохранением HTML и восстановлением эвентов вполне годен.
Вариант с сохранением HTML и восстановлением эвентов вполне годен.
Думаю, проще сделать display:none, браузеры не должны ничего рендерить при этом по идее.
И больше претензий к реализации, а не к плиточному дизайну, как к таковому
| возможность вернуть старый режим путём установки специальной галочки в настройках профиля
Нашёл в настройках профиля только опцию с бесконечной прокруткой. Как вернуть старый дизайн?
Нашёл в настройках профиля только опцию с бесконечной прокруткой. Как вернуть старый дизайн?
Перейти в настройки, и там в графе «Paging» панели «General Browsing» выбрать «Click through pages», после чего нажать Save. Чтобы всё сработало, JavaScript должен быть включен.
Я же написал, что прокрутку нашёл. Включение старого дизайна нет. Увидел ваш ответ выше, я как раз имел в виду десктопный вариант, там старого дизайна нет.
В принципе, можно написать юзерскрипт, который эти плитки как-то отформатирует. Например, если открыть консоль и последовательно ввести:
То все плитки обзаведутся подписями, и просматривать их станет куда удобнее.
Далее всё это можно оформить в виде юзерскрипта, чтоб автоматически применялось к страничке при её просмотре. Простейший наколеночный вариант:
Сохраняем как SetDACaptions.user.js и устанавливаем в браузер (для Firefox потребуется аддон GreaseMonkey, а хромобраузеры вроде и так сожрать должны, если там не навводили ещё ограничений на установку левых скриптов).
var s_e=document.querySelectorAll("span.info");
for (var i=0;i<s_e.length;i++) { s_e[i].style.opacity="1.0"; }
То все плитки обзаведутся подписями, и просматривать их станет куда удобнее.
Далее всё это можно оформить в виде юзерскрипта, чтоб автоматически применялось к страничке при её просмотре. Простейший наколеночный вариант:
// ==UserScript==
// @name SetDACaptions
// @namespace *.deviantart.com/*
// @description Проявляет надписи на плитках
// @version 1
// @grant none
// ==/UserScript==
function runThis() {
var s_e=document.querySelectorAll("span.info");
for (var i=0;i<s_e.length;i++) { s_e[i].style.opacity="1.0"; }
}
setTimeout(runThis,1000);
Сохраняем как SetDACaptions.user.js и устанавливаем в браузер (для Firefox потребуется аддон GreaseMonkey, а хромобраузеры вроде и так сожрать должны, если там не навводили ещё ограничений на установку левых скриптов).
Статья не успела выйти, как стала неактуальной.
Вынести информацию о картинка под сами картинки, это просто и плиточности не повредит.
Вынести информацию о картинка под сами картинки, это просто и плиточности не повредит.
Больше слов с курсивом, больше! Выделяйте каждое ключевое слово, читателю непонятен смысл!
Ох, как же я ненавижу бесконечный скроллинг. Он всегда перегружен скриптами, он всегда невероятно багованый, он жрет траффик, даже если у него есть ссылка на текущее положение, она или неправильная просто сама по себе, или недогрузилась браузеру и указывает совсем не туда, или динамическая и не имеет смысла потому что считает от последней публикации — а потому будет указывать не туда через 10 минут, на нее не работает история посещений, на нее не работает браузерные назад-вперед… Проще сказать что хорошего в бесконечном скроллинге, но я не буду, потому что я не знаю плюсов.
Релевантный xkcd как всегда релевантен.
Релевантный xkcd как всегда релевантен.
Поддерживаю. Удобство, простота, функционал, и только потом красота — таким должен быть дизайн
А еще гуглопоиск некорректно срабатывает, когда ссылается на бесконечную страницу. Ищу я, допустим, ключевое слово. Гугл находит его в обсуждении какой-то группы Вконтакте. Открываю предложенную ссылку, CTRL+F — нет найденного слова! Приходится читать все комменты. Причем, иногда гугл справляется с этой задачей, но в большинстве случаев — нет…
И вообще непонятно, кому бесконечная страница показалась хорошей идеей и почему. Экономия трафика, о которой говорилось в статье?
И вообще непонятно, кому бесконечная страница показалась хорошей идеей и почему. Экономия трафика, о которой говорилось в статье?
НЛО прилетело и опубликовало эту надпись здесь
Идея динамически подгружаемого контента возникала тогда, когда сами сайты стали настолько тяжёлыми (как по общему контенту, так и по заскриптованности), что собственно полезное содержимое стало занимать небольшую часть от всего сайта, когда загрузка страницы заново с парсингом и выполнением толстых JS-фреймворков стала менее удобна, чем просто догрузка контента.
Но вместо того, чтобы облегчить страницу, ускорив её загрузку, многие выбирают второй путь: добавить ещё один фреймворк для скроллинга и хоть как-то заставить его работать.
Но вместо того, чтобы облегчить страницу, ускорив её загрузку, многие выбирают второй путь: добавить ещё один фреймворк для скроллинга и хоть как-то заставить его работать.
Pagination на AJAX появилась значительно раньше, чем вошла в моду бесконечная прокрутка.
Как мне кажется, бесконечная прокрутка хорошо подходит, когда нужно показать очень много несвязанного контента, быстро теряющего актуальность, например, новости. Вряд ли наберётся много людей, ставящих перед собой задачу последовательно просматривать все новости недельной давности в несколько подходов. Большинство просто смотрят первые N штук, пока не надоест, а посте перерыва начинают снова с самых свежих.
Постраничная навигация в случае, когда новые посты идут в начале, принципиально ничем не лучше бесконечной прокрутки, поскольку обычно одна и та же страница ленты содержит разные посты в разное время. Напротив, при бесконечной прокрутке можно поддерживать в адресной строке ссылку на время первого видимого поста, что позволит вернуться в точности на то же место даже через продолжительное время.
А из поиска, как правило, приходят на страницу конкретной новости, а не на позицию в ленте.
А вот если посты идут от старых к новым и связаны между собой (например, обсуждения), то постраничная навигация удобнее. Хотя правильно добавленная к ней бесконечная прокрутка хуже не сделает, если адрес текущей страницы поддерживается в актуальном состоянии. Поисковик, естественно, должен видеть только отдельные страницы, а не одну большую.
Как мне кажется, бесконечная прокрутка хорошо подходит, когда нужно показать очень много несвязанного контента, быстро теряющего актуальность, например, новости. Вряд ли наберётся много людей, ставящих перед собой задачу последовательно просматривать все новости недельной давности в несколько подходов. Большинство просто смотрят первые N штук, пока не надоест, а посте перерыва начинают снова с самых свежих.
Постраничная навигация в случае, когда новые посты идут в начале, принципиально ничем не лучше бесконечной прокрутки, поскольку обычно одна и та же страница ленты содержит разные посты в разное время. Напротив, при бесконечной прокрутке можно поддерживать в адресной строке ссылку на время первого видимого поста, что позволит вернуться в точности на то же место даже через продолжительное время.
А из поиска, как правило, приходят на страницу конкретной новости, а не на позицию в ленте.
А вот если посты идут от старых к новым и связаны между собой (например, обсуждения), то постраничная навигация удобнее. Хотя правильно добавленная к ней бесконечная прокрутка хуже не сделает, если адрес текущей страницы поддерживается в актуальном состоянии. Поисковик, естественно, должен видеть только отдельные страницы, а не одну большую.
Бесконечная прокрутка бывает единственным выходом, если много контента и его точное кол-во неизвестно (т.е., конечно, известно, но рассчитывать его ресурсоемко).
Прошу прощения, релевантный xkcd сожрал парсер
https://xkcd.com/1309/
https://xkcd.com/1309/
Один плюс есть, но важен не для пользователя, а для рекламной площадки — увеличивается количество просмотров, лайков и, якобы, вовлеченность. Это же ФБ придумал, если не ошибаюсь?
Как обычно, вводят нужные фичи, в то время как, например, уведомлений на почту как не было, так и нет. Не говоря о таких продвинутых революционных идеях как черный лист тегов…
Полностью согласен с мыслью, что не стоит «улучшать» дизайн за счет функциональности. В большинстве случаев эстетические проблемы всегда вторичны по отношению к эргономическим. Так же есть существенная разница между такими понятиями как: «привычный», «интуитивно понятный» и «удобный».
Что касается моих предпочтений, как юзера данного ресурса, то мне нравится постраничная навигация из-за того что она дает больший контроль. Так же порой очень важно сразу видеть текстовую информацию под изображением и на том же Bechance текстовую информацию под плитками выводят. Правда, для главной страницы – это не так критично, а вот для изображений в моей личной галерее – это очень важно, т.к. я использую эту информацию при их сортировке.
В целом нововведения на DeviantArt я приветствую, особенно учитывая, что информационная архитектура этого ресурса оставляет желать лучшего.
Что касается моих предпочтений, как юзера данного ресурса, то мне нравится постраничная навигация из-за того что она дает больший контроль. Так же порой очень важно сразу видеть текстовую информацию под изображением и на том же Bechance текстовую информацию под плитками выводят. Правда, для главной страницы – это не так критично, а вот для изображений в моей личной галерее – это очень важно, т.к. я использую эту информацию при их сортировке.
В целом нововведения на DeviantArt я приветствую, особенно учитывая, что информационная архитектура этого ресурса оставляет желать лучшего.
Практически то же самое творится последние три года с Flickr. Там, правда, новый дизайн затрагивал куда больше элементов, был вовсе не новым (организацию элементов старательно скопировали из альбомов G+). А аргументация пользователей была более внятной, т.к. Flickr используется многими сообществами citizen science и всякого рода группами по интересам, а потому принудительное превращение всех тегов в хэштеги банально разрушало всю систему классификации данных, ограничение на длину показываемого описания лишало возможности ознакомиться с чем-то длиннее двух предложений и т.п. Очевидно, менеджеры DeviantArt о ситуации на Flickr ничего не знали или не хотели знать.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Пользователи DeviantArt сопротивляются вводу новой ленты просмотра