Сравнение старого и нового дизайна


С тех пор как в неокрепшие дизайнерские умы вброшена идея плиточного интерфейса, дизайнеры без малейших сомнений пихают плитки куда только можно и даже куда нельзя.
Вот смотрят на интерфейс — и прямо руки чешутся его оквадратить.
Очередной жертвой оквадрачивания стал известный социальный ресурс для художников DeviantArt, где 1 июня запустили новый ленточно-плиточный интерфейс. Однако большинству пользователей новшество пришлось не по вкусу, приведя к генерации сотен килобайт ненависти.


"Администрация с гордостью представляет"...


А ведь вначале ничто не предвещало беды. Просто однажды совершенно неожиданно для всех ресурс украсило примерно такое объявление:


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

По мнению создателей, новый режим просмотра обладает целой кучей преимуществ над старой версией:


  1. Прежде всего, новая лента выглядит гораздо красивее (см. КДПВ к этой статье). Согласитесь, любому дизайнеру приятно, когда всё выровнено под линеечку, а не раскидано как придётся с корявыми подписями и нерегулярными промежутками.
  2. Плитки стали больше, и к тому же плотнее скомпонованы — теперь практически всё пространство экрана заполнено плитками, а не как раньше, когда значительная часть экранного пространства приходилась на "воздух".
  3. При этом хоть каждая отдельная плитка стала больше, общее потребление трафика, напротив, снизилось, потому что больше нет постраничного просмотра, а есть лишь всеми горячо любимый бесконечный скроллинг. Следовательно, не нужно переключать страницы, каждый раз грузя кучу HTML/CSS/JS, а идёт подгрузка непосредственно картинок.
  4. Теперь можно добавить любую плитку в "Избранное" одним кликом.

Казалось бы, пользователи должны быть довольны. Но...


Llama. Один из мемов DeviantArt


"640Кб хватит всем. А в остальном объёме запустим браузер"


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


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


Если собрать основные претензии к новому дизайну, то получится примерно вот что:


  1. Новый дизайн не работает без JS (естественно!), в отличие от старого. Причём скрипты там весьма и весьма громоздкие, так что оно ощутимо тормозит даже на 3ГГц четырёхъядерниках, что уж там говорить про мобильные устройства, на которых браузер ухитряется время от времени падать и даже уводить весь девайс в перезагрузку. На этом фоне фраза "спустя множество циклов оптимизации" начинает казаться тонкой издёвкой. Парни, а вы действительно хоть что-то оптимизировали? — удивляются комментаторы.
  2. Неожиданная неприятность произошла и с бесконечным скроллингом. Он грузит всё больше и больше картинок до тех пор, пока браузер не сожрёт всю память и не подвиснет. В итоге у людей начали возникать проблемы при попытке прокрутить более 1000 картинок за раз, при том что полная лента запросто содержит десятки тысяч плиток. "Спустя множество циклов тестирования..." — парни, а вы действительно тестировали?
  3. Инновационный алгоритм укладки плитки оказался с явным изъяном — почему-то плитки частенько дублировались. Т.е. одну и ту же картинку можно было встретить сразу в нескольких местах. Спустя множество циклов тестирования и фикса багов... — эм, а вы точно-точно тестировали?
  4. Просмотр невозможно продолжить с того места, на котором остановился, так же как и переслать кому-либо ссылку на это место. В случае постраничного просмотра можно было закрыть браузер, а потом открыть на той же странице и продолжить просмотр. В случае же бесконечной ленты возникают сложности.
  5. Исчезли подписи. Ещё раз гляньте на КДПВ — видно, что текст полностью убрали, чтобы он не мешал плиткам. И если раньше можно было видеть информацию по каждой работе — название, автор, количество комментариев и т.д., то дизайнеры новой ленты решили, в полном соответствии с нынешней модой, сделать равнение на контент и убрать всё лишнее. Пользователи не оценили.
  6. Вопреки заявлениям, плиток на экран стало влезать не больше, а меньше, т.к. размер очень уж сильно вырос.
  7. Дизайн потерял целостность, т.к. нововведение затронуло только ленты поиска и просмотра, галереи же остались со старым дизайном.
    -Хм, а в галереях-то всё по старому…
    -Да, и это единственная причина, по которой я ещё не грохнул ко всем чертям свой аккаунт!

    Из отзывов благодарных пользователей

"You think you do, but you don't"


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


Что ж, неудивительно: ведь в новый дизайн действительно вложено много труда и времени. И действительно хотели как лучше. Кто ж виноват, что в итоге вышло как всегда?


Мы уже много раз наблюдали подобную реакцию, последний такой пример — редизайн "Кинопоиска". Вообще, дизайнеры нередко уверены, что лучше самих пользователей знают, что тем нужно. Уверены, что их задача — не следовать за спросом, но создавать спрос, что оправдывается известной цитатой Генри Форда: "если бы я спрашивал клиентов об их желаниях, они бы пожелали более быструю лошадь".


Лама и пользователи


"We've brought back"


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


Вот так консерватизм пользователя в очередной раз потеснил креативность… А значит, пришло время делать выводы.


Так всё-таки, что же пошло не так?


Основная проблема, как видим, примерно та же, что и в случае с "Кинопоиском": дизайн улучшили за счёт функционала, для которого в новом дизайне не нашлось места. Т.е. возможностей в итоге стало меньше, как и удобства, в итоге оценивать красоту пользователи уже и не стали, сразу встретив нововведение в штыки. Так делать не надо.


Вывод №1: Упрощение — это не всегда здорово.

При этом бесконечному скроллингу изначально присущ целый ряд недостатков, из-за которых пользователи могут отнестись к нему негативно. И если дизайнер всё-таки хочет его впарить, то желательно бы заранее подумать об устранении этих недостатков. Хотя бы уж сделать запоминание точного места ленты с возможностью передачи ссылки на это место.


Вывод №2: Бесконечный скроллинг (БС) — отстой. А БС на тормознутых фреймворках — отстой вдвойне.

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


Вывод №3: Желания пользователей не всегда совпадают с желаниями дизайнера.
Поделиться с друзьями
-->

Комментарии (55)


  1. qw1
    02.06.2016 22:49
    -6

    И почему я вспоминаю «кинопоиск»…


    1. AFakeman
      03.06.2016 01:10
      +10

      Возможно, из-за упоминания его в статье.


  1. ChALkeRx
    02.06.2016 22:54
    +4

    Знаете, а ведь неплохо получилось.


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

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


    Инновационный алгоритм укладки плитки оказался с явным изъяном — почему-то плитки частенько дублировались.

    Раньше этого не было, а теперь появилось? Это точно не копии картинки в разных местах? В любом случае, если это так — похоже на тривиальный баг. Но я его не заметил. Починили?


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

    Неправда. Адресную строку смотрели? Там динамически со скроллингом меняется offset, и по ссылке открывается ровно в том месте. Не в виде скролла, правда, а просто часть результатов сверху пропущена — можно было бы и аккуратнее сделать, да, но ссылка пересылается и место запоминается.


    Исчезли подписи. Ещё раз гляньте на КДПВ — видно, что текст полностью убрали, чтобы он не мешал плиткам. И если раньше можно было видеть информацию по каждой работе — название, автор, количество комментариев и т.д., то дизайнеры новой ленты решили, в полном соответствии с нынешней модой, сделать равнение на контент и убрать всё лишнее.

    Всё это появляется при наведении мышки. Не вижу повода для паники.


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

    Теперь я могу видеть картинки, а не крошечные миниатюры, и могу щёлкать в два раза меньше — лучше видно, что интересно, а что стоит пропустить.


    Дизайн потерял целостность, т.к. нововведение затронуло только ленты поиска и просмотра, галереи же остались со старым дизайном.

    Я не понял — это в вашем контексте плохо или хорошо? Было бы лучше, если бы они не только на ленту это накатили, а сразу на всё?


    И галку вернули — это хорошо. Но для предотвращения шитсторма им бы стоило вначале выкатить это как тестовую версию и добавить кнопку перехода на неё, конечно же. А не наоборот.


    И да — интерфейс девиантарта был страшноватым и медленным. Теперь стало получше, искать что-то можно гораздо быстрее. Но это лично моё мнение.


    1. Alexey2005
      02.06.2016 23:49
      +3

      Не воспроизводится, картинки вне области видимости выгружаются. Починили?
      Починили, по крайней мере лента действительно не переполняется (хотя если скроллить до 1000 и больше, Firefox становится сильно неповоротливым. Но не падает).
      Раньше этого не было, а теперь появилось?
      Именно так. Причём есть подозрение, что оно как-то связано с недогрузом, т.к. сперва появляется несколько «пустых» плиток, а потом, когда картинки догрузятся, одна из них оказывается копией предыдущей картинки ленты.
      Там динамически со скроллингом меняется offset
      Да, только при вставке ссылки вместе с этим оффсетом лента всё равно грузилась с начала. Сейчас пофиксили, грузится с нужного места, только с обрезанным началом.
      Всё это появляется при наведении мышки
      Так неудобно же! Это получается надо каждую картинку курсором ощупать, тогда как раньше с первого взгляда можно было всю страницу ухватить.
      Было бы лучше, если бы они не только на ленту это накатили, а сразу на всё?
      По крайней мере не было бы путаницы. А то когда одни уже ругались в комментариях, другие удивлённо спрашивали, о какой ленте вообще речь, ведь у них всё по-старому…
      Кстати, сейчас заметил, что галка возвращает старый дизайн только на мобильных устройствах. На десктопе теперь включается некий компромиссный вариант — постраничный скроллинг, но всё те же плитки без подписей.
      П.С.: Что люди сидят мониторят отзывы и фиксят баги, за это конечно низкий поклон и уважение. Но назвать новый дизайн удачным всё равно пока не получается. Хотя не исключаю, что все основные претензии пользователей постараются поправить в течение недели-двух. Но опять же: почему нельзя было это сделать заранее, выкатив в виде бета-версии?


      1. ChALkeRx
        03.06.2016 08:31

        Починили, по крайней мере лента действительно не переполняется

        и (оффтопик: если не ставить разделитель между цитатами, ломается парсер маркдауна, пойду, багрепорт напишу)


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

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


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


    1. dom1n1k
      03.06.2016 01:20
      +3

      Всё это появляется при наведении мышки. Не вижу повода для паники.

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


      1. SerDIDG
        03.06.2016 03:14
        -3

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


        1. Fedcomp
          03.06.2016 09:07

          Важнее рейтинг, и да, зачастую название тоже имеет значение.


          1. Tanyku
            03.06.2016 09:56

            Название может не совпадать с нарисованным.
            И просто вопрос — какую информацию смотрителю даёт рейтинг?


            1. alexkunin
              03.06.2016 11:09
              +1

              А может и совпадать с нарисованным. А может и дополнять его. С планшета, кстати, тот же вариант сайта виден? В смысле, как мне навести мышь на планшете?

              какую информацию смотрителю даёт рейтинг?

              Дает примерную оценку «стоящести». Например, если спешу или не очень заинтересован темой, то комментарии на хабре/гиктаймсе читаю только те, у которых заметный рейтинг (зеленый или красный).


              1. Tanyku
                03.06.2016 11:36

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


                1. alexkunin
                  03.06.2016 13:06

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

                  А так — как вы верно заметили, «для меня» — т.е. субъективно. Объективен лишь факт радикальной смены дизайна там, где и так все работало.

                  Кстати, еще аргумент: такие вот плитки с максимальной плотностью хороши там, где вы хотите максимально быстро просмотреть как можно больше картинок, например при поиске клипарта или в гугл имаджес. Здесь же все-таки галлерея работ, каждая заслуживает подпись и отдельное внимание.


                  1. Tanyku
                    03.06.2016 16:45

                    >Здесь же все-таки галлерея работ, каждая заслуживает подпись и отдельное внимание.

                    Это противоречит вашему ранее предложению

                    >Дает примерную оценку «стоящести». Например, если спешу или не очень заинтересован темой то комментарии на хабре/гиктаймсе читаю только те, у которых заметный рейтинг (зеленый или красный).

                    Вот правда не понимаю, как можно оценить «стоящее изображение» по чужим мнениям? Получается вы смотрите на рейтинг и «известность автора», и вместо собственного впечатления принимаете «рекламу»?

                    Автор и название работы появляется при наведении курсора. Это похоже на маленькую бирку на раме картин, никто ж не жалуется что сразу не видит автора, пока не присмотрится к бирке.
                    Не защищаю дизайн, так как его можно было сделать стилем в переключателе вида страницы, кому нравится воспользовался бы. И естественно без бесконечного скролинга.


                    1. alexkunin
                      03.06.2016 17:04

                      Не противоречит, это разные критерии: одни опираются на оценки других, а другие ставят свои оценки, и для этого им нужна информация — тумбнейл, название, и т.д. Какое там обычно соотношение: примерно 1% создает контент в интернете, примерно 99% потребляют. Думаю, для оценок соотношение похожее. Лично я крайне редко ставлю лайки, но обращаю внимание на счетчик лайков под тем, на что я смотрю. Это не обязательно сформирует мое мнение, но заметное количество лайков привлечет внимание.

                      Вот правда не понимаю, как можно оценить «стоящее изображение» по чужим мнениям?

                      Ну, если на сайте кинотеатра есть страница фильма в прокате, и на ней только негативные отзывы и низкая общую оценку — сколько людей заинтересуется таким фильмом? То же про онлайн магазины.
                      Автор и название работы появляется при наведении курсора.

                      Чтобы разрешить наш с вами спор, было бы круто записать паттерны поведения пользователей, скажем, за месяц использования: часто ли наводят, какая динамика количества «наводов», как там с кликрейтом. Боюсь, это из области фантастики, хотя серьезные ребята просто обязаны так делать с каждым таким изменением своего высоконагруженного сайта.

                      Опять же, тут уже упоминали планшеты. А еще есть ноуты с тачскрином, и довольно неприятно переключаться: прилег, ноут на пузо поставил, пальчиком скроллишь, и тут на тебе — лезь к тачпаду, наводи курсор.
                      так как его можно было сделать стилем в переключателе вида страницы

                      В целом согласен как пользователь, но как разработчик-поддерживатель — ну, нет, зачем поддерживать две фичи.
                      И естественно без бесконечного скролинга.

                      А тут я вас поддерживаю полностью. Это массовый психоз какой-то — бесконечные ленты без страниц. Ну, тут вроде какие-то шаги для облегчения ситуации сделали — что-то там в адресной строке обновляется, релоад не приведет к потере контекста. Но как, например, Гугл в плюсе своем догадался сделать бесконечный скроллинг с потерей контекста — ума не приложу. Десять минут листал ленту, случайный клик (задел тачпад, нервный тик клацнул мышиной кнопкой, кот хвостом махнул) — и вот мне либо опять десять минут листать (поиска-то по странице нет — контент еще не подгрузился!), либо закрыть к чертовой бабушке. Я обычно закрываю.


                      1. Tanyku
                        03.06.2016 18:09

                        >Лично я крайне редко ставлю лайки, но обращаю внимание на счетчик лайков под тем, на что я смотрю.
                        Тут мы с вами разные люди =)

                        >Ну, если на сайте кинотеатра есть страница фильма в прокате, и на ней только негативные отзывы и низкая общую оценку — сколько людей заинтересуется таким фильмом? То же про онлайн магазины.
                        Дык я и повторю — пока вы не видите работу/предмет вы не имеете понятия о нём, в то время как изображение сразу перед вами. Это как если бы наоборот отказаться от наименовании/авторства музыки и прослушивать композиции методом тыка. Хотя в качестве примера подойдёт это — завесить все картины в музее и поставить таблички с автором =)

                        >Опять же, тут уже упоминали планшеты.
                        Поэтому надо делать два варианта.

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

                        >Чтобы разрешить наш с вами спор, было бы круто записать паттерны поведения пользователей
                        Надо для старого сайта тоже записи делать — «как было»


                        1. alexkunin
                          03.06.2016 18:17

                          но как разработчик-поддерживатель — ну, нет, зачем поддерживать две фичи.
                          Если у вас есть время, то поясните, пожалуйста. Я часто встречала сайты, те же магазины, где имелись два вида страничек — список и плитка.
                          О, я тоже такие сайты встречаю — rozetka.ua, например. Разок глянул на список, преимуществ не нашел — в плиточной версии есть рейтинги, количество отзывов, и т.д.

                          Я хотел сказать, что (как разработчик, или как человек, оплачивающий разработку) поддерживать фичу, которой пользуется 1% посетителей, не хотел бы.

                          Или так: если был один вариант, который всех устраивал, то добавлять второй просто так — не стоит. Кому-то понравится новый вариант, кто-то останется на старом, и в итоге будет две аудитории, и нужны будут оба варианта. А это в два раза большей усилий (если быть точным, то там не линейная зависимость, так что примерно в 2.5 раза, так сказать синергетический эффект).

                          При этом мое мнение как пользователя (не разработчика) может сильно отличаться. ;)


        1. dom1n1k
          03.06.2016 14:32
          +1

          Мне важно и то, и то. Аналогия — Ютуб. Давайте уберём там названия роликов.


          1. Tanyku
            03.06.2016 16:54

            С ютубом не сравнить =) так как вы не видите работу пока не запустите, так же и с книгой и с музыкой. А изображение перед вами готовое сразу. Не, ну можно привью сделать малюсеньким, чтобы люди не видели работу и опирались на авторов и рейтинг =D


            1. alexkunin
              03.06.2016 17:06

              Вы знаете, они не так давно переместили название ролика ПОД плеер. Меня конкретно вымораживало несколько недель, не ожидал даже, что привычка к такой мелочи может быть такой сильной.


              1. Tanyku
                03.06.2016 18:15

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

                Так что менять в своей жизни такие мелочи это не страшно =)


                1. alexkunin
                  03.06.2016 18:22

                  Не страшно, просто раздражает. С другой стороны, раздражение — это тревожный признак, звоночки старости, так сказать. Так что согласен, нужно менять в жизни мелочи (да и крупности) просто чтобы не закостенеть.


                  1. Tanyku
                    06.06.2016 09:51

                    Это правильные мысли. Так как та же наука, делая новые открытия, опровергая старые, тоже меняет наши привычные устои мира. И это намного неприятнее.
                    Надо оставаться ребёнком в обучении, чтобы всегда было место для нового =)


        1. Gendalph
          03.06.2016 21:36

          Вы зашли в галерею посмотреть картины.
          Вам важно знать название картины? Мне — не всегда, но название где-то в поле зрения.


          1. ChALkeRx
            03.06.2016 23:19

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


            Но никак не в четверть самой картины по размеру.


    1. Ogra
      03.06.2016 06:33
      +1

      Всё это появляется при наведении мышки. Не вижу повода для паники.


      Точно, планшеты же не приспособлены для серфинга в инете и просмотра картинок.


      1. ChALkeRx
        03.06.2016 08:27
        +1

        Честно говоря, я не знаю, как у них получилось на планшете — не проверял. Но обычно в таких случаях тач-устройства детектируют и либо сразу показывают, либо на какое-то другое действие вешают. Они не догадались, что ли?


    1. DistortNeo
      03.06.2016 12:42
      +2

      По-моему, никакой выгрузки картинок не происходит, а имеет место оптимизация в самом браузере — не хранятся в памяти невидимые декодированные изображения.

      Ради интереса проскроллил 2000 изображений в выдаче и посмотрел в DOM. Результат — в главном окне 2000 объектов с кучей потомков, одих из которых — img. И каждый раз при модификации DOM браузеру приходится рендерить страницу, учитывая это. То есть длительный скроллинг приводит к разбуханию страницы и высокой нагрузке на CPU. Самое весёлое — попробовать изменить размер страницы и смотреть, как пыжится браузер и как всё куда-то уезжает.

      Я бы оптимизировал следующим образом:

      1. После загрузки определённого числа изображений (например, 20-30 штук) помещал бы их в один большой прямоугольный блок, размер которого был бы фиксирован и не менялся. Блоки должны располагаться вертикально. В этом случае при изменении размера страницы тормозов будет существенно меньше, а последующие выдачи результатов будут выводиться под обновлённый размер страницы.

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

      3. При появлении блока в области видимости восстанавливал бы его содержимое.


      1. alexkunin
        03.06.2016 13:12

        А если странице изменят размер (окно на весь экран развернут)?

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

        Можно вместо минимального набора просто сериализовать HTML и удалить ноду, а когда нужно вернуть контент — десериализовать (innerHTML, в общем). Получится очень компактно и дешево в плане кода. Только ивенты и т.д. нужно будет вешать не на элементы, а на неудаляемый контейнер, по селектору — ну, как там в jQuery: $(document).on('click', 'div.btn', function () {… });.


        1. DistortNeo
          03.06.2016 17:09

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

          Вариант с сохранением HTML и восстановлением эвентов вполне годен.


          1. alexkunin
            03.06.2016 17:15

            Горизонтальный скролл появится если фиксированная ширина в штуках (N колонок). Если же делать флюидно, как сейчас модно (и таки полезно, т.к. вся ширина дисплея используется — для текстов не очень, а для картинок в самый раз), то изменение ширины окна приведет к потере позиции скроллинга.


            1. DistortNeo
              03.06.2016 17:52

              Вот именно поэтому я против флюидности для ранее просмотренных изображений.


              1. alexkunin
                03.06.2016 17:56

                Начал смотреть галлерею на дополнительном мониторе в неполном окне, через 3 минуты окончательно заинтересовался, перетащил на основной монитор и развернул на весь экран — и теперь у меня жалкий обрубок в 3 колонки, а по бокам поля с ладонь шириной.

                Ну, согласен, пусть лучше никак, чем глючно. Но еще лучше — безглючно и адаптивно.


      1. kanstantsin
        03.06.2016 23:07

        Думаю, проще сделать display:none, браузеры не должны ничего рендерить при этом по идее.


        1. DistortNeo
          03.06.2016 23:50

          Рендерить как раз должны — иначе позиция скроллбара собьётся, а этого точно никто не хочет.


  1. NASHC
    02.06.2016 23:02
    +1

    И больше претензий к реализации, а не к плиточному дизайну, как к таковому


  1. Lertmind
    02.06.2016 23:36

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


    1. Alexey2005
      02.06.2016 23:53

      Перейти в настройки, и там в графе «Paging» панели «General Browsing» выбрать «Click through pages», после чего нажать Save. Чтобы всё сработало, JavaScript должен быть включен.


      1. Lertmind
        03.06.2016 00:27

        Я же написал, что прокрутку нашёл. Включение старого дизайна нет. Увидел ваш ответ выше, я как раз имел в виду десктопный вариант, там старого дизайна нет.


        1. Alexey2005
          03.06.2016 01:04
          +1

          В принципе, можно написать юзерскрипт, который эти плитки как-то отформатирует. Например, если открыть консоль и последовательно ввести:

          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, а хромобраузеры вроде и так сожрать должны, если там не навводили ещё ограничений на установку левых скриптов).


          1. Lain_13
            03.06.2016 02:16

            Ммм… Может просто сделать в Stylish стиль для девианта и вставить туда нечто вроде (не тестировал):


            span.info {
                opacity:1!important;
            }
            

            ?


  1. profesor08
    03.06.2016 03:32

    Статья не успела выйти, как стала неактуальной.

    Вынести информацию о картинка под сами картинки, это просто и плиточности не повредит.


  1. ExplosiveZ
    03.06.2016 08:08
    -2

    Больше слов с курсивом, больше! Выделяйте каждое ключевое слово, читателю непонятен смысл!


  1. Nalivai
    03.06.2016 09:25
    +4

    Ох, как же я ненавижу бесконечный скроллинг. Он всегда перегружен скриптами, он всегда невероятно багованый, он жрет траффик, даже если у него есть ссылка на текущее положение, она или неправильная просто сама по себе, или недогрузилась браузеру и указывает совсем не туда, или динамическая и не имеет смысла потому что считает от последней публикации — а потому будет указывать не туда через 10 минут, на нее не работает история посещений, на нее не работает браузерные назад-вперед… Проще сказать что хорошего в бесконечном скроллинге, но я не буду, потому что я не знаю плюсов.
    Релевантный xkcd как всегда релевантен.


    1. Bokhan
      03.06.2016 11:42
      +2

      Поддерживаю. Удобство, простота, функционал, и только потом красота — таким должен быть дизайн


    1. Nekto_Habr
      03.06.2016 11:50
      +1

      А еще гуглопоиск некорректно срабатывает, когда ссылается на бесконечную страницу. Ищу я, допустим, ключевое слово. Гугл находит его в обсуждении какой-то группы Вконтакте. Открываю предложенную ссылку, CTRL+F — нет найденного слова! Приходится читать все комменты. Причем, иногда гугл справляется с этой задачей, но в большинстве случаев — нет…

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


      1. sumanai
        03.06.2016 12:52

        > Открываю предложенную ссылку, CTRL+F — нет найденного слова! Приходится читать все комменты.
        Я проматываю до конца (или пока не надоест), и тогда уж CTRL+F.


      1. DistortNeo
        03.06.2016 13:22

        Идея динамически подгружаемого контента возникала тогда, когда сами сайты стали настолько тяжёлыми (как по общему контенту, так и по заскриптованности), что собственно полезное содержимое стало занимать небольшую часть от всего сайта, когда загрузка страницы заново с парсингом и выполнением толстых JS-фреймворков стала менее удобна, чем просто догрузка контента.

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


        1. darkdaskin
          03.06.2016 17:58

          Pagination на AJAX появилась значительно раньше, чем вошла в моду бесконечная прокрутка.

          Как мне кажется, бесконечная прокрутка хорошо подходит, когда нужно показать очень много несвязанного контента, быстро теряющего актуальность, например, новости. Вряд ли наберётся много людей, ставящих перед собой задачу последовательно просматривать все новости недельной давности в несколько подходов. Большинство просто смотрят первые N штук, пока не надоест, а посте перерыва начинают снова с самых свежих.

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

          А из поиска, как правило, приходят на страницу конкретной новости, а не на позицию в ленте.

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


      1. kanstantsin
        03.06.2016 23:11

        Бесконечная прокрутка бывает единственным выходом, если много контента и его точное кол-во неизвестно (т.е., конечно, известно, но рассчитывать его ресурсоемко).


    1. Nalivai
      03.06.2016 13:59
      +1

      Прошу прощения, релевантный xkcd сожрал парсер
      https://xkcd.com/1309/


    1. dom1n1k
      03.06.2016 16:13

      Один плюс есть, но важен не для пользователя, а для рекламной площадки — увеличивается количество просмотров, лайков и, якобы, вовлеченность. Это же ФБ придумал, если не ошибаюсь?


  1. Darth_Biomech
    03.06.2016 10:28

    Как обычно, вводят нужные фичи, в то время как, например, уведомлений на почту как не было, так и нет. Не говоря о таких продвинутых революционных идеях как черный лист тегов…


    1. Darth_Biomech
      03.06.2016 10:33

      -Хм, а в галереях-то всё по старому…
      -Да, и это единственная причина, по которой я ещё не грохнул ко всем чертям свой аккаунт!

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


  1. OlegLevashov
    03.06.2016 12:55

    Полностью согласен с мыслью, что не стоит «улучшать» дизайн за счет функциональности. В большинстве случаев эстетические проблемы всегда вторичны по отношению к эргономическим. Так же есть существенная разница между такими понятиями как: «привычный», «интуитивно понятный» и «удобный».
    Что касается моих предпочтений, как юзера данного ресурса, то мне нравится постраничная навигация из-за того что она дает больший контроль. Так же порой очень важно сразу видеть текстовую информацию под изображением и на том же Bechance текстовую информацию под плитками выводят. Правда, для главной страницы – это не так критично, а вот для изображений в моей личной галерее – это очень важно, т.к. я использую эту информацию при их сортировке.
    В целом нововведения на DeviantArt я приветствую, особенно учитывая, что информационная архитектура этого ресурса оставляет желать лучшего.


  1. Moskus
    03.06.2016 20:05

    Практически то же самое творится последние три года с Flickr. Там, правда, новый дизайн затрагивал куда больше элементов, был вовсе не новым (организацию элементов старательно скопировали из альбомов G+). А аргументация пользователей была более внятной, т.к. Flickr используется многими сообществами citizen science и всякого рода группами по интересам, а потому принудительное превращение всех тегов в хэштеги банально разрушало всю систему классификации данных, ограничение на длину показываемого описания лишало возможности ознакомиться с чем-то длиннее двух предложений и т.п. Очевидно, менеджеры DeviantArt о ситуации на Flickr ничего не знали или не хотели знать.