Мобильная версия портала

Аватар пользователя Егор Глазков

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

Авторство: 
Авторская работа / переводика

Комментарии

Аватар пользователя Добренький
Добренький(10 лет 9 месяцев)

Требует сноровки.))

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Это одназначно smile1.gif

Аватар пользователя Assert
Assert(8 лет 8 месяцев)

Ничо не трогайте, все отлично. 

Аватар пользователя Vovcha22
Vovcha22(8 лет 9 месяцев)

У меня вообще с какого то времени мобильная версия не включается . Открывается на телефоне десктопная версия . Надоело порядком . Раньше все отлично было 

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Может быть в мобильном браузер стоит галочка "версия для пк"?

Скрытый комментарий Егор Глазков (без обсуждения)
Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

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

Аватар пользователя alexsword
alexsword(12 лет 8 месяцев)

скину ссылку atorn-у, он как раз новый релиз готовит

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Было бы хорошо. Я вам ответственно заявляю, что у меня есть несколько знакомых которые не пользуются порталом из-за мобильной версии. Сами понимаете в наше время, все больше и больше мобильных клиентов.

Аватар пользователя atorn
atorn(6 лет 5 месяцев)

Здравствуйте.

Отступы от краёв везде и в мобильном варианте просмотра, определяется настройкой "Воздушность". По умолчанию в мобильных устройствах отступы минимальны, потому что у большинства - приоритет в количестве информации (текста) на экране. Поэтому именно такие рамки отступов в мобильной версии. Но и для любителей "воздушности" есть настройки: "Кнопка настроек справа вверху - Детальность настроек - Эксперт - Воздушность - Больше (Или "Дует")"

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

У разных мобильных устройств - действительно, разные отступы от краёв. Поэтому такая настройка объективно нужна, чтобы каждый мог на 100% использовать возможности своего экрана. Большинству хватает стандартных настроек. За замечаниями и пожеланиями следим и решаем вопросы по мере возможности.

Аватар пользователя alexsword
alexsword(12 лет 8 месяцев)

Может добавить пару пикселей в режиме по умолчанию, не все найдут настройку?

Аватар пользователя atorn
atorn(6 лет 5 месяцев)

Но всех всё и так устраивало, что говорит о подавляющем количестве нормально устроенных смартфонов. Если добавить - всем им будет хуже (там и так всего 360 пикселей в ширину). В то время как для любителей воздушности и так есть настройка. Условно, 0.1%-0.2% могут подправить себе поля, а не 99.9% страдать от более тесной ширины колонки, при тех огромных объёмах текста, который обычно читают со смартфона на АШ.

Мне лично приходило всего 2 вопроса о воздушности. Год назад один и вчера - эта тема. Сама настройка создана в ноябре 2020 и те, кто мог и хотел - наверное, сами нашли. Потому что до ноября 2020 было некоторое обсуждение о желательности более свободных полей, что и вызвало создание настройки. Т.е. её наличие реально работает. А оставшиеся редкие вопросы - это результат трудностей найти эту настройку в массе других - так понимаю.

В новой версии фронтенда (будущей) давно предусмотрена более качественная структуризация настроек, что должно помочь решить и эту проблему.

Аватар пользователя alexsword
alexsword(12 лет 8 месяцев)

Всех?   Данное обсуждение очевидно, это опровергает.  Пиксели, агрессивные свайпы кого-то заставили даже уйти на m, что является старой версией.

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

Я не знаю, что людям больше нужно.   Тут можно провести голосование по подготовленным заранее вопросам, когда будем выкладывать новую версию на design.   Показав им какие варианты настроек возможны, чтобыы выбрали по умолчанию.   А пока лично я голосую чтобы отступы были побольше (в режиме по  умолчанию).

 

Аватар пользователя atorn
atorn(6 лет 5 месяцев)

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

А конкретно отступы - это единственный человек в течение года, поднявший её (тему отступов).

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

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Настройка это хорошо, после включения все стало более удобоваримо и за это спасибо. Ну тут опять же, надо понять, что требуется зайти в настройки, потом переключить на расширенные, и уже потом выбрать степень воздушности. А как эта настройка будет сохраняться? Я к примеру 99% не логинюсь на портале и часто захожу с разных устройств. Скажу честно, я как человек который достаточно не плохо умеет работать с компьютером, для меня это было совсем не очевидно, но то такое. От себя я добавлю следующие, когда я скидываю те же статьи, к примеру моему отцу, он мне говорит, что не удобный сайт и ему вызывает дискомфорт его использование. Я раньше и сам был большой любителем покурить настройки где только это можно, но сейчас я хочу что бы просто работало. Поймите правильно, когда я захожу на ресурс, мне хочется просто читать, иногда писать комментарии и все, у меня нет сильно желания заниматься тюнингом. Для меня и для многих других АШ, что то типа ТАССа (вот к стати  у ТАСС сайт очень удобный для чтения), куда зашел на ходу узнать новости или просто почитать пока в дороге. Для меня АШ просто поставщик интересного мне контента в первую очередь, а его настройка под себя это уже десятое дело. Я хотел бы все же акцентировать внимание, что не чего не от кого не требую, я просто поделился проблемой которая меня беспокоит. И по этой причине вопрос "пары пикселей", делать или нет, не входит в мою компетенцию.

Аватар пользователя atorn
atorn(6 лет 5 месяцев)

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

Иначе, допустим, те же отступы посмотрим, что бы было. На мобильниках вам некомфортно и ставите отступы, а на десктопе - и так всё нормально. Если бы настройки были привязаны к аккаунту, то настройка "Дует" применилась бы и к десктопу, а там на ширине 1920 - отступы порядка 40 пикселей (и зазоры между сайдбарами тоже). Поэтому мы как разработчики предпочли оставить фронтенд-настройки в localStorage.

Судя по количеству жалоб на отступы, точнее, по их отсутствию, Ваш случай - именно тот, когда настройку надо применить индивидуально. Потому что лично Вам некомфортно читать с очень узкими краями. И ещё, возможно, что у Вас проблема именно с конкретным мобильником есть, судя по фото 21:45-29/Мар/22. Посмотрите - вверху отступ у вас меньше, чем внизу. Если посмотреть через DevTools, этого на сайте нет, отступы статьи и комментариев одинаковы.

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

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

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


И посмотрел, что там на мобильниках на ТАСС.

У них отступы - огромные, сильно больше, чем у наших "Дует". Шрифт - с засечками, отчего его вынуждены сделать крупным. Меню - наоборот, слишком мелкое (справа).

Из-за мелкости меню они могли себе позволить не использовать меньшие отступы.

Теперь сравните информативность экрана у нас и у них. Сколько текста помещается на тот же экран при равной комфортности чтения.

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

Всё это определяется в политике сайтов дизайнером и отзывами заказчика. Кроме того, ТАСС оперирует часто короткими новостями, поэтому им приемлем крупный шрифт - всё равно новость помещается часто на 1 экран. А то, что в списке 2 заголовка новости, а не 4, этим пренебрегают (движение пальца - и прочитал следующее).

Воздушность - это именно дизайнерский стиль сайта, который мы тоже предусмотрели в настройках по причине наличия среди читателей некоторого процента дизайнеров. Которым важнее красивость картинки, чем тексты. Таких меньше, но они определённо есть. Даже наш дизайнер новой версии оформления сайта выступал за воздушность, и она была учтена. (Правда, сделана только воздушность по горизонтали, но не по вертикали, там тоже есть простор для доработок. Хотите там доработать CSS в режимах "Дует" и "Больше" - пожалуйста.)

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Ну вам в этом вопросе виднее. Просто мне кажется, что такие как ТАСС стоят того, что бы перенять у них.

Вот как выглядит на моем устройстве. Всё просто отлично.

Аватар пользователя atorn
atorn(6 лет 5 месяцев)

Да, это соответствует взглядам тех 7-10% пользователей со взглядом дизайнера, которые есть везде и на АШ. Для них предусмотрены "Дует", размер шрифта и выбор шрифта на Аше. Вот Вам пожалуйста, дизайнерский ("тассовский") режим Аша (заголовок тесноват, но на контент посмотрите; и шрифт при желании можно ещё увеличить, чтобы "совсем как Тасс") ).

Наш дизайнер, автор нового оформления сайта, тоже придерживался таких взглядов, и мы их учли. Всё же, по специфике АШ (большие тексты, масса обсуждений) в приоритете - удобство чтения для большинства (удобство редактирования тоже). Финансирования, правда, меньше, чем у ТАСС, но как можем, так решаем.

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Ну понятно. В общем то с моей стороны, больше вопрос нет.

Аватар пользователя atorn
atorn(6 лет 5 месяцев)

Потому что невозможно их решить? Или как-то решены через настройки?

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Потому, что я хотел донести свои соображение и я их донес. В остальном все зависит уже не от меня.

Аватар пользователя alexsword
alexsword(12 лет 8 месяцев)

в общем, краткосрочно ваш вопрос решен - настройка найдена

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

возможно не только эту настройку надо посмотреть

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

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

Аватар пользователя Above_name
Above_name(11 лет 7 месяцев)

Алекс, напомни ему за виджет ВВЕРХ для Андроид - мы с ним как-то это перетирали. На Топваре он шуршит, а на АШ'е хреново.

Андрод 10 Go c Яндекс браузером более-менее, но Хром тупит (мобильный фраерфокс снёс нахеръ).

м.б патамучта Go.

Аватар пользователя Dozor-SPb
Dozor-SPb(8 лет 2 месяца)

По мне хотя бы, чуть чуть добавить отступы по бокам, что даст больше удобства от просмотра материалов

Все прекрасно работает!

Справа и слева, если провести по экрану, открываются дополнительные поля. Если есть желание - покажу на видео 

Комментарий администрации:  
*** отключен (невмненяемое общение) ***
Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

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

Аватар пользователя Dozor-SPb
Dozor-SPb(8 лет 2 месяца)

Демонстрирую

 

Комментарий администрации:  
*** отключен (невмненяемое общение) ***
Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

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

Аватар пользователя Dozor-SPb
Dozor-SPb(8 лет 2 месяца)

Поверните телефон на бок. Тогда слева откроется дополнительное поле, а справа будет достаточный отступ

Комментарий администрации:  
*** отключен (невмненяемое общение) ***
Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Вы имеете ввиду ландшафтную ориентацию экрана?

Аватар пользователя Dozor-SPb
Dozor-SPb(8 лет 2 месяца)

Да я просто смартфон поворачиваю набок, и изменяется ориентация экрана и выглядеть начинает как на скрине

Комментарий администрации:  
*** отключен (невмненяемое общение) ***
Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Да, так отображается значительно лучше. Но по мне это какой изврат. Совершенно не удобно держать в руках. smile1.gif

Аватар пользователя Читаювсё
Читаювсё(12 лет 6 месяцев)

Вы и фото тоже делаете держа телефон вертикально?

 

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

По большей части да. Делаю фото в основном документов и кота. И опять же фото это фото, пару секунд и все. А тут минут 30 читать, особенно если едешь где то в транспорте.

Аватар пользователя Читаювсё
Читаювсё(12 лет 6 месяцев)

Ага, и если фото выглядят более-менее нормально, то видео занимает только треть и без того маленького экранчика. 

Короче, лучи поноса от меня всем, кто снимает видео вертикально.

 

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Я про видео ничего и не говорил. Я говорил про фото документов и кота.

Вот пример, моего кота.

Мне кажется, что он и так хорош. А по мне читать статьи в ландшафтной ориентации, как то не очень естественно.

Аватар пользователя Читаювсё
Читаювсё(12 лет 6 месяцев)

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

У вас - завален ))

Аватар пользователя Above_name
Above_name(11 лет 7 месяцев)

Кое-где от вертикальштикаф видео не принимают.

 

 

Аватар пользователя Руслан Еникеев

https://drive.google.com/file/d/1wPuTIzT_rTCSzXPUPKc8m9pWyIUN9Dwn/view?usp=sharing

А у меня вот так работа с ним...

 

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Да у меня такая же проблема. Как я понимаю тут у многих проблема с увеличением свайпами в мобильной версии.

Аватар пользователя Пеннигер
Пеннигер(12 лет 5 месяцев)

Сделайте шрифт побольше и ничего не трогайте, дабы не вызывть к  жизни правую панель. 

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Вам тоже свайпы доставляют дискомфорт? Мне да, особенно при попытки рассмотреть картинку (увлечение) свайпом.

Аватар пользователя Добренький
Добренький(10 лет 9 месяцев)

Увеличение, это да)) доставляет проблем.

Аватар пользователя Пеннигер
Пеннигер(12 лет 5 месяцев)

Ага, не дай бог попытаться  увеличить картинку.

Аватар пользователя Breber
Breber(4 года 2 недели)

Все прекрасно работает. Проблема скорее всего с девайсом. И хонор прекрасно отображал и самсунг отображает.

Аватар пользователя Бестолочь
Бестолочь(9 лет 2 недели)

Левый край, бывает, съезжает влево особенно при формировании записи, но то мелочи! Во всём нужна сноровка, закалка, тренировка!) 

Аватар пользователя Fandaal
Fandaal(9 лет 7 месяцев)

https://m.aftershock.news/ по мне - идеальна. Лишь бы оставалась и дальше.

Как и https://desktop.aftershock.news/ на компе.

Аватар пользователя Егор Глазков
Егор Глазков(2 года 9 месяцев)

Если честно, я первый раз слышу про m.Aftershock.news и выгядит она правда получше. Я просто захожу на сайт aftershock.news и все, как открылся так открылся.

Аватар пользователя Assert
Assert(8 лет 8 месяцев)

Sony Android Chrome 3 мм слева отступ есть. Справа 5 мм, я бы поменьше сделал... 

Аватар пользователя atorn
atorn(6 лет 5 месяцев)

Справа увеличенный отступ - из-за области скролла. Максимально уменьшить предусмотренные на сайте отступы (на 2-4 пикселя) - поставить настройку "Кнопка настроек справа вверху - Детальность настроек - Эксперт - Воздушность - Нет".

Аватар пользователя Киевлянин
Киевлянин(8 лет 11 месяцев)

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

Тоже техническое но немного не по теме

Страницы