Поддержка мобильных устройств, проблемы в работе или отображении форума - Форум HeroesWorld-а

Быстрая навигация по основным разделам форума:
Турниры
КАРТЫ
Heroes 6
Heroes 5
Heroes 4
Heroes 3
Heroes 2
Heroes 1
Might&Magic

Изменения HeroesWorld Здесь будут выкидываться посты информирующие о изменениях на форуме и HeroesWorld в целом.

Ответ
Страница 1 из 7
 
Опции темы
#1
Старый 29.08.2020, 01:50
  #1
^
Создатель
 
Аватар для Создатель
Администратор
📖
Регистрация: 03.12.2005
Сообщения: 844
1516
hw_creator#7455
Регистрация: 03.12.2005
Сообщения: 844
1516
hw_creator#7455
Лампочка
Поддержка мобильных устройств, проблемы в работе или отображении форума

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

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

В связи с этим было подготовленно большое обновление, 90% которого, это именно адаптация стилей и шаблонов отображения под мобильные устройства.

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

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

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

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

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

По статистике более 80% пользователей используют браузеры семейства Chromium, поэтому тестирование и адаптация стилей в первую очередь производилась, под это семейство браузеров, поэтому если оставляете сообщение по поводу некорректного отображение чего-либо, просьба указывайте какой браузер\версия у вас используется, плюс какое у вас разрешение экрана.


Создатель вне форума
Ответить с цитированием
#2
Старый 29.08.2020, 11:10
  #2
^
}{0TT@6bI4
 
Аватар для }{0TT@6bI4
📖
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 1959
Выставка наград
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 1959
Выставка наград
По умолчанию
Re: Поддержка мобильных устройств

Есть просьба чуть уменьшит базовый размер шрифта в редакторе текстовых сообщений: постоянные переносы текста плюс большой размер каждого символа не даёт "пробегать" написанный текст глазами, а также не даёт понятия о том, как будет выглядеть текст при различных изменениях размера (от 3 до 7); в быстрых ответах опции "Предпросмотр" нет.
__________________
С уважением, }{0TT@6bI4
_________________
Группа картостроителей
Там ответы на вопросы, руководства, гайды и прочее
Discord-сервер "Герои 5: S.T.A.L.K.E.R"
Сервер по модификации "Герои 5: S.T.A.L.K.E.R"
_________________
С уважением, }{0TT@6bI4
_________________
Группа картостроителей
Там ответы на вопросы, руководства, гайды и прочее
Discord-сервер "Герои 5: S.T.A.L.K.E.R"
Сервер по модификации "Герои 5: S.T.A.L.K.E.R"
_________________
}{0TT@6bI4 вне форума
Ответить с цитированием
#3
Старый 29.08.2020, 11:30
  #3
^
Ment
 
Аватар для Ment
📖
Регистрация: 30.10.2009
Адрес: Национальный заповедник
Сообщения: 30671
Регистрация: 30.10.2009
Адрес: Национальный заповедник
Сообщения: 30671
По умолчанию
Re: Поддержка мобильных устройств

День добрый, спасибо за работу.

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

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

Разрешение экрана 2880×1440. Браузер -- Chrome, чуть-чуть не последней версии.

Вот так выглядит моя любимая статистика "Top 50", через которую я обычно смотрю новые сообщения (в обычном "top 10" внизу главного экрана легко что-то пропустить). Эта штука не скроллится на телефоне вправо, названия тем и разделов просто не влезают в экран.
[img=600x1089]https://forum.heroesworld.ru/attachment.php?attachmentid=62837&stc=1&d=1598684321[/img]

Это -- список форумных разделов на главном экране:
[img=600x995]https://forum.heroesworld.ru/attachment.php?attachmentid=62839&stc=1&d=1598684321[/img]
Предложение: на телефоне не нужны все эти описания разделов, их можно убрать (или сделать опциональные супер-короткие описания специально для мобилок?). Пустое расстояние между элементами отображения тоже хорошо бы сузить.

Как выглядит сообщение от пользователя внутри темы:

[img=600x1071]https://forum.heroesworld.ru/attachment.php?attachmentid=62838&stc=1&d=1598684321[/img]
[img=600x1085]https://forum.heroesworld.ru/attachment.php?attachmentid=62840&stc=1&d=1598684321[/img]
То есть в моём случае сообщение занимает полтора экрана ) Не знаю, по-моему надо что-то сделать как минимум с блоком, где аватар, регистрация и прочее, не должно быть оно на полэкрана. Может, справа от аватара отображать инфу о пользователе, а не снизу? Ну и текущие принятые на форуме подписи, кажется, плохо соответствуют идее нового мобильного стиля.

Ещё немного по разделам на главной странице:
[img=600x995]https://forum.heroesworld.ru/attachment.php?attachmentid=62842&stc=1&d=1598684321[/img]


Статистика Топ 10 на главной странице тоже не сильно удобнее Топ 50.
[img=600x992]https://forum.heroesworld.ru/attachment.php?attachmentid=62843&stc=1&d=1598684321[/img]

А это то, с чем я мучаюсь прямо сейчас -- редактор сообщений. Большие картинки вставлять весьма трудно, а писать какой-то текст после них и того труднее. Экран скроллится, но скролл-полоски не фиксируются, и тут же уезжают в другое место по любым причинам. Смотрите:
[img=600x995]https://forum.heroesworld.ru/attachment.php?attachmentid=62844&stc=1&d=1598684321[/img]
Прихожится заранее создавать пустые строки под изображением, иначе поставить под него (справа от него) каретку печати -- квест почти невозможный.

Шапка форума:

[img=600x994]https://forum.heroesworld.ru/attachment.php?attachmentid=62846&stc=1&d=1598685917[/img]
Может, как-то сгруппировать эти кнопки по две или даже по три? Мне кажется, нет смысла в том, что каждая по ширине занимает весь экран.


А это -- таблица с картинками (см. тему "Вистерия" в разделе "Форумные игры -> экспедиция"):
[img=600x986]https://forum.heroesworld.ru/attachment.php?attachmentid=62845&stc=1&d=1598685649[/img]
Та двухпиксельная девочка в левом столбце -- это на самом деле полноразмерная картинка. Формально, у форума нет bb-кода для таблиц, так что это html, да и пофиксить это заданием жёсткого размера картинки в тегах, наверное, можно... Но всё равно неприятный юзкейс.

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

Ещё раз спасибо, что занимаетесь всем этим.


-----

Оп... Как видите выше, картинки с прописанными в них размерами почему-то не отображаются (а в визуальном редакторе -- вполне). Но они все вшиты в сообщение, если что.

-----

Ещё дополнение. Интерфейс изменения боевого духа не влезает на экран.
Миниатюры
Нажмите на изображение для увеличения
Название:  PSX_20200828_110826.jpg
Просмотров: 11
Размер:	680.6 Кбайт
ID:	62837  Нажмите на изображение для увеличения
Название:  PSX_20200829_094751.jpg
Просмотров: 11
Размер:	550.2 Кбайт
ID:	62838  Нажмите на изображение для увеличения
Название:  PSX_20200829_094607.jpg
Просмотров: 8
Размер:	624.3 Кбайт
ID:	62839  Нажмите на изображение для увеличения
Название:  PSX_20200829_094802.jpg
Просмотров: 5
Размер:	497.8 Кбайт
ID:	62840  Нажмите на изображение для увеличения
Название:  PSX_20200829_094629.jpg
Просмотров: 6
Размер:	689.0 Кбайт
ID:	62841  

Нажмите на изображение для увеличения
Название:  PSX_20200829_094659.jpg
Просмотров: 6
Размер:	582.5 Кбайт
ID:	62842  Нажмите на изображение для увеличения
Название:  PSX_20200829_094713.jpg
Просмотров: 3
Размер:	442.8 Кбайт
ID:	62843  Нажмите на изображение для увеличения
Название:  PSX_20200829_095825.jpg
Просмотров: 4
Размер:	461.5 Кбайт
ID:	62844  Нажмите на изображение для увеличения
Название:  PSX_20200829_102021.jpg
Просмотров: 8
Размер:	894.5 Кбайт
ID:	62845  Нажмите на изображение для увеличения
Название:  PSX_20200829_094727.jpg
Просмотров: 7
Размер:	509.1 Кбайт
ID:	62846  

Нажмите на изображение для увеличения
Название:  PSX_20200829_104015.jpg
Просмотров: 329
Размер:	389.2 Кбайт
ID:	62847  
Ment вне форума
Ответить с цитированием
#4
Старый 29.08.2020, 12:14
  #4
^
}{0TT@6bI4
 
Аватар для }{0TT@6bI4
📖
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 1959
Выставка наград
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 1959
Выставка наград
По умолчанию
Re: Поддержка мобильных устройств

Ещё одно дополнение: при модерации тем или сообщений (перемещение, удаление, объединение и т.д.) не влезают на экран панели.

Также потеряна возможность (вроде) просматривать с мобильных устройств количество просмотров темы (судя по интерфейсу пк, строчка с числом просмотров не влезает в рамки мобильного)
__________________
С уважением, }{0TT@6bI4
_________________
Группа картостроителей
Там ответы на вопросы, руководства, гайды и прочее
Discord-сервер "Герои 5: S.T.A.L.K.E.R"
Сервер по модификации "Герои 5: S.T.A.L.K.E.R"
_________________
С уважением, }{0TT@6bI4
_________________
Группа картостроителей
Там ответы на вопросы, руководства, гайды и прочее
Discord-сервер "Герои 5: S.T.A.L.K.E.R"
Сервер по модификации "Герои 5: S.T.A.L.K.E.R"
_________________
}{0TT@6bI4 вне форума
Ответить с цитированием
#5
Старый 29.08.2020, 12:35
  #5
^
Создатель
 
Аватар для Создатель
Администратор
📖
Регистрация: 03.12.2005
Сообщения: 844
1516
hw_creator#7455
Регистрация: 03.12.2005
Сообщения: 844
1516
hw_creator#7455
По умолчанию
Re: Поддержка мобильных устройств

Спасибо за обратную связь.

Уже начал заниматься устранением указанных проблем.

По поводу редактора, скорее всего мы его все же еще раз заменим, есть более современные и хорошие варианты по сравнению с текущимhttps://www.tiny.cloud
Создатель вне форума
Ответить с цитированием
#6
Старый 29.08.2020, 13:11
  #6
^
}{0TT@6bI4
 
Аватар для }{0TT@6bI4
📖
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 1959
Выставка наград
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 1959
Выставка наград
По умолчанию
Re: Поддержка мобильных устройств

В мобильной версии остались старыми "низкокачественными" иконки напротив тем "Популярная тема" и "В этой теме есть новые сообщения".

На данный момент (12.26 МСК) таковыми остались: "Закрытая популярная тема", а также "В этой теме есть ваши сообщения" и её производные.
__________________
С уважением, }{0TT@6bI4
_________________
Группа картостроителей
Там ответы на вопросы, руководства, гайды и прочее
Discord-сервер "Герои 5: S.T.A.L.K.E.R"
Сервер по модификации "Герои 5: S.T.A.L.K.E.R"
_________________
С уважением, }{0TT@6bI4
_________________
Группа картостроителей
Там ответы на вопросы, руководства, гайды и прочее
Discord-сервер "Герои 5: S.T.A.L.K.E.R"
Сервер по модификации "Герои 5: S.T.A.L.K.E.R"
_________________
}{0TT@6bI4 вне форума
Ответить с цитированием
#7
Старый 29.08.2020, 20:29
  #7
^
Eranikus
 
Аватар для Eranikus
📖
Регистрация: 15.02.2007
Адрес: Украина
Сообщения: 38
Отправить сообщение для  Eranikus с помощью ICQ
Регистрация: 15.02.2007
Адрес: Украина
Сообщения: 38
Отправить сообщение для  Eranikus с помощью ICQ
По умолчанию
Re: Поддержка мобильных устройств

На ПК версии сайт стал слишком крупным, очень мало информации помещается на экран, даже логотип сайта не влезает. Приходится уменьшать в браузере до 70%, чтобы было похоже на то, что было раньше, но при таком зуме скроллинг страницы стает очень медленным, нужно очень много крутить колесико. Для меня лично это дискомфорт
Eranikus вне форума
Ответить с цитированием
#8
Старый 30.08.2020, 17:05
  #8
^
Создатель
 
Аватар для Создатель
Администратор
📖
Регистрация: 03.12.2005
Сообщения: 844
1516
hw_creator#7455
Регистрация: 03.12.2005
Сообщения: 844
1516
hw_creator#7455
По умолчанию
Re: Поддержка мобильных устройств

}{0TT@6bI4В мобильной версии остались старыми "низкокачественными" иконки напротив тем "Популярная тема" и "В этой теме есть новые сообщения".

На данный момент (12.26 МСК) таковыми остались: "Закрытая популярная тема", а также "В этой теме есть ваши сообщения" и её производные.
Подозреваю дело может быть в том, что браузер закэшировал старые иконки, попробуйте открыть эти URL-ы и нажать CTRL+R

https://forum.heroesworld.ru/images/...d_hot_lock.gif
https://forum.heroesworld.ru/images/...thread_dot.gif
Создатель вне форума
Ответить с цитированием
#9
Старый 30.08.2020, 17:06
  #9
^
Создатель
 
Аватар для Создатель
Администратор
📖
Регистрация: 03.12.2005
Сообщения: 844
1516
hw_creator#7455
Регистрация: 03.12.2005
Сообщения: 844
1516
hw_creator#7455
По умолчанию
Re: Поддержка мобильных устройств

EranikusНа ПК версии сайт стал слишком крупным, очень мало информации помещается на экран, даже логотип сайта не влезает. Приходится уменьшать в браузере до 70%, чтобы было похоже на то, что было раньше, но при таком зуме скроллинг страницы стает очень медленным, нужно очень много крутить колесико. Для меня лично это дискомфорт
Спасибо за обратную свзяь. Шрифт уменьшен, проблема должна быть устранена.
Создатель вне форума
Ответить с цитированием
#10
Старый 30.08.2020, 18:08
  #10
^
Ment
 
Аватар для Ment
📖
Регистрация: 30.10.2009
Адрес: Национальный заповедник
Сообщения: 30671
Регистрация: 30.10.2009
Адрес: Национальный заповедник
Сообщения: 30671
По умолчанию
Re: Поддержка мобильных устройств

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

См. Screenshot_8.jpg
Интерфейс в Google Chrome (десктопный, версия 85.0.4183.83)

См. Screenshot_9.jpg
Интерфейс в Mozilla Firefox (десктопная, версия 80.0)

Размер экрана 1920x1080

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

-----

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

----
Вообще, после уменьшения шрифта ещё и аватарки стали какие-то маленькие.
Ух, непросто всё это, конечно )
Миниатюры
Нажмите на изображение для увеличения
Название:  Screenshot_8.jpg
Просмотров: 25
Размер:	265.8 Кбайт
ID:	62855  Нажмите на изображение для увеличения
Название:  Screenshot_9.jpg
Просмотров: 18
Размер:	178.6 Кбайт
ID:	62856  
Ment вне форума
Ответить с цитированием
#11
Старый 30.08.2020, 19:13
  #11
^
Eranikus
 
Аватар для Eranikus
📖
Регистрация: 15.02.2007
Адрес: Украина
Сообщения: 38
Отправить сообщение для  Eranikus с помощью ICQ
Регистрация: 15.02.2007
Адрес: Украина
Сообщения: 38
Отправить сообщение для  Eranikus с помощью ICQ
По умолчанию
Re: Поддержка мобильных устройств

Уже по шрифтам стало намного лучше. Но остались некоторые моменты:

Firefox, fullHD

1. У меня на ПК логотип сайта слишком большой, не влезает. При этом на том же Firefox на ноутбуке такой проблемы нет



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



3. В постах на форуме доля колонки, в которой находится информация о пользователе, слишком большая, в ней образуется много пустоты, на процентов 15-20%, думаю, можно спокойно ее сократить.

Eranikus вне форума
Ответить с цитированием
#12
Старый 30.08.2020, 20:25
  #12
^
Небо
 
Аватар для Небо
📖
Регистрация: 20.12.2007
Адрес: संसार
Сообщения: 18371
Регистрация: 20.12.2007
Адрес: संसार
Сообщения: 18371
По умолчанию
Re: Поддержка мобильных устройств

Обнаружил ещё такой момент, когда заходишь в раздел, темы с новыми непрочитанными сообщениями больше не выделены жирным шрифтом, как это было раньше.
__________________
Небо вне форума
Ответить с цитированием
#13
Старый 31.08.2020, 15:47
  #13
^
}{0TT@6bI4
 
Аватар для }{0TT@6bI4
📖
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 1959
Выставка наград
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 1959
Выставка наград
По умолчанию
Re: Поддержка мобильных устройств

Интерфейс статистики работы модераторов не влезает на экран в мобильной версии.
__________________
С уважением, }{0TT@6bI4
_________________
Группа картостроителей
Там ответы на вопросы, руководства, гайды и прочее
Discord-сервер "Герои 5: S.T.A.L.K.E.R"
Сервер по модификации "Герои 5: S.T.A.L.K.E.R"
_________________
С уважением, }{0TT@6bI4
_________________
Группа картостроителей
Там ответы на вопросы, руководства, гайды и прочее
Discord-сервер "Герои 5: S.T.A.L.K.E.R"
Сервер по модификации "Герои 5: S.T.A.L.K.E.R"
_________________
}{0TT@6bI4 вне форума
Ответить с цитированием
#14
Старый 30.09.2020, 16:54
  #14
^
Создатель
 
Аватар для Создатель
Администратор
📖
Регистрация: 03.12.2005
Сообщения: 844
1516
hw_creator#7455
Регистрация: 03.12.2005
Сообщения: 844
1516
hw_creator#7455
По умолчанию
Re: Поддержка мобильных устройств

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

Многие проблемы, описанные выше были решены.

Ниже список основных изменений :
  • Установлен новый визуальный редактор (один из лидеров на данный момент в мире https://www.tiny.cloud), который полностью работает с HTML, BB-коды все еще поддерживаются, но они автоматически преобразовываются в HTML после сохранения, то есть они актуальны только при создании сообщения либо, цитировании, далее все будет в итоге в HTML.
  • Улучшена адаптивность картинок, теперь они должны лучше отображаться как в мобильной версии, так и в ПК версии.
  • Фон в шапке стал более гибким и должен нормально отображаться под любым разрешением экрана
  • Общее пространство под контент форума ограничено шириной 1920px, в более высоких разрешениях по бокам будут полоски с фоном
  • Пункты меню быстрого доступа теперь более адаптивны и занимают оптимально доступное пространство
  • Страницы с таблицами, которые не влезали на экран получили возможность вертикального скролинга свайпом
  • Обновлена страница добавленя рапорта турниров, из функционала добавилось предварительно сохранение введенных данных в рамках браузера до отправки данных на сервер, что позволяет избежать потери данных в случае перезагрузки страницы с частично введенными данными
  • В мобильной версии подписи и информация о пользователе в посте теперь спрятаны спойлерами по умолчанию
  • Большое количество шаблонов, которые не были адаптированы под мобильные в прошлой итерации теперь также адаптированы под мобильную версию (регистрация на форуме, календарь, страница профиля пользователя и другие)
  • Скорректирован размер аватаров
  • Скорректирован и сделан более адаптивным блок переключения страниц
  • Исправлено отображение непрочитанных тем жирным шрифтом
  • И другие менее значительные изменения
Дальнейшие обновления будут проходить меньшими порциями.

Просьба продолжать сообщать в данную тему о всех найденных проблемах отображения на форуме, все комментарии будут учтены (не забывайте указывать разрешение экрана и браузер, без этого может быть сложно воспроизвести ситуацию)
Создатель вне форума
Ответить с цитированием
#15
Старый 30.09.2020, 17:00
  #15
^
}{0TT@6bI4
 
Аватар для }{0TT@6bI4
📖
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 1959
Выставка наград
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 1959
Выставка наград
По умолчанию
Re: Поддержка мобильных устройств

Некорректно отображается перенос и тег кода; Firefox, версия 81.0
Миниатюры
Нажмите на изображение для увеличения
Название:  Ошибка.JPG
Просмотров: 7
Размер:	28.6 Кбайт
ID:	63099  
__________________
С уважением, }{0TT@6bI4
_________________
Группа картостроителей
Там ответы на вопросы, руководства, гайды и прочее
Discord-сервер "Герои 5: S.T.A.L.K.E.R"
Сервер по модификации "Герои 5: S.T.A.L.K.E.R"
_________________
С уважением, }{0TT@6bI4
_________________
Группа картостроителей
Там ответы на вопросы, руководства, гайды и прочее
Discord-сервер "Герои 5: S.T.A.L.K.E.R"
Сервер по модификации "Герои 5: S.T.A.L.K.E.R"
_________________
}{0TT@6bI4 вне форума
Ответить с цитированием
Ответ
Страница 1 из 7


Опции темы



Часовой пояс GMT +4, время: 08:28.


vBulletin v3.5.0, Copyright ©2000-2024, Jelsoft Enterprises Ltd. (Русский)

Яндекс цитирование    Top.Mail.Ru