Верните назад переключатель подложки под картинками

Вертикалки должны быть по всей ширине страницы!

2424

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

Да, сейчас почти весь контент у нас создается на десктопе. И в редакторе есть много настроек для того, чтобы статья хорошо смотрелась на ПК. Но при этом уже сейчас почти 70% аудитории читает DTF с мобильных устройств (и эта доля постепенно только растёт), на которых контент выглядит не совсем так, как задумал автор.

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

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

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

1
Ответить

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

34
Ответить

Что касается подложки:

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

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

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

1
Ответить

Т.е. "почти весь контент" создаётся на десктопе, авторы на нём видят, что теперь получается какое-то гавно, но при этом большинство просматривается на мобильнике, а авторы понятия не имеют, как оно там выглядит. Может вам тогда не лишать авторов элементов управления, а сделать в редакторе предпросмотр для двух платформ?
И как бы на мобильнике-то на кой ляд подложка на вертикалках? Там же и так экран вертикальный и картинка располагается максимально. Это всё равно, что ужимать на мобильнике горизонталки - получится такой же бред, она там и так на четверть экрана.
И если вы это делаете для того, что бы пост автоматически хорошо смотрелся для мобильника, так и делайте это автоматическое изменение только для мобильника. Меняйте подложку только при открытии с мобилы. У вас там уже какой-то шаманизм с разрешением превьюх для разных платформ.
С вертикалками и так на десктопе вечная проблема - либо она мелковата, либо не видно целиком. Так вы её ещё меньше сделали.
Лучше бы сделали элементы управления перехода вперёд/назад по картинкам при просмотре в режиме фулскрина.

7
Ответить

Комментарий недоступен

6
Ответить

сейчас почти 70% аудитории читает DTF с мобильных устройствНу давайте положим хер на треть аудитории.
А, подождите, ведь уже.

4
Ответить

"Было гладко на бумаге, да забыли про овраги".
На десктопе текущее решение совершенно убого смотрится.
Первая картинка со скриптом-расширителем который возвращает к прежнему варианту верстки.

Ответить

ориентация на mobilefirst-версткуНо зачем? Ведь мобильный редактор у вас никогда и не работал и не работает нормально 🤷‍♂️
В нём ничего нет и пользоваться им, находясь во вменяемом состоянии, невозможно.

Ответить

Так может логичнее было сначала сделать мобильный редактор, а потом ломать все остальное?

Ответить