, - 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
: , -
: 1980
:  -  :       
: 1
: 05.09.2019
: , -
: 1980
:  -  :       
: 1
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
:
: 30729
: 30.10.2009
:
: 30729
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
: 7
:	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
: 334
:	389.2 
ID:	62847  
__________________
 




GBF Telegram
Ment
#4
29.08.2020, 12:14
  #4
^
}{0TT@6bI4
 
  }{0TT@6bI4
📖
: 05.09.2019
: , -
: 1980
:  -  :       
: 1
: 05.09.2019
: , -
: 1980
:  -  :       
: 1
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
: , -
: 1980
:  -  :       
: 1
: 05.09.2019
: , -
: 1980
:  -  :       
: 1
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
:
: 30729
: 30.10.2009
:
: 30729
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  
__________________
 




GBF Telegram
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
: संसार
: 18611
: 20.12.2007
: संसार
: 18611
Re:

Обнаружил ещё такой момент, когда заходишь в раздел, темы с новыми непрочитанными сообщениями больше не выделены жирным шрифтом, как это было раньше.
__________________
#13
31.08.2020, 15:47
  #13
^
}{0TT@6bI4
 
  }{0TT@6bI4
📖
: 05.09.2019
: , -
: 1980
:  -  :       
: 1
: 05.09.2019
: , -
: 1980
:  -  :       
: 1
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
: , -
: 1980
:  -  :       
: 1
: 05.09.2019
: , -
: 1980
:  -  :       
: 1
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, : 13:30.


vBulletin v3.5.0, Copyright ©2000-2024, Jelsoft Enterprises Ltd. ()

     Top.Mail.Ru