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

Вернуться   Форум HeroesWorld-а > Предложения по развитию HeroesWorld > Изменения HeroesWorld
Регистрация Справка Пользователи Календарь Все разделы прочитаны
Быстрая навигация по основным разделам форума:
Турниры КАРТЫ Heroes 6 Heroes 5 Heroes 4 Heroes 3 Heroes 2 Heroes 1 Might&Magic

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

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

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

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

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

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

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

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

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

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

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



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

Есть просьба чуть уменьшит базовый размер шрифта в редакторе текстовых сообщений: постоянные переносы текста плюс большой размер каждого символа не даёт "пробегать" написанный текст глазами, а также не даёт понятия о том, как будет выглядеть текст при различных изменениях размера (от 3 до 7); в быстрых ответах опции "Предпросмотр" нет.
__________________
С уважением, }{0TT@6bI4
_________________
Наша группа картостроителей
_________________
Мои карты
Сценарий "Лабиринт Тайн"
Сценарий "Руны в хорошие руки"
Сценарий "Знание — сила"
Сценарий "И снова хлопоты": 5% (Проектирование) (заморожено!)
Сценарий "S.T.A.L.K.E.R: Монолит": 15% (В разработке) (заморожено!)

__________________
Мои руководстваВидео, как делать мультики:
Как делать мультики?
Мануал по графическому оформлению карт, созданию вулканов, водопадов и многому-многому другому:
Делаем офигенно красивые карты
Мануал по созданию своего уникального героя:
Как создать своего героя?

__________________
Консультации, заказ работ, помощь с картостроительством
Личная консультация по вопросу
Обучение картостроительству/скриптоделанию => alhottabych@yandex.ru
Заказ работы (перед оформлением заказа ознакомиться с Информацией по заказу работ)
Профессиональная съёмка роликов для карт
}{0TT@6bI4 сейчас на форуме   Ответить с цитированием
#3
Старый 29.08.2020, 11:30
  #3
Ment
 
Аватар для Ment
Регистрация: 30.10.2009
Адрес: Национальный заповедник
Сообщения: 22617
Ment - уровень боевого духа Ment - уровень боевого духа Ment - уровень боевого духа
По умолчанию
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
Просмотров: 10
Размер:	680.6 Кбайт
ID:	62837  Нажмите на изображение для увеличения
Название:  PSX_20200829_094751.jpg
Просмотров: 9
Размер:	550.2 Кбайт
ID:	62838  Нажмите на изображение для увеличения
Название:  PSX_20200829_094607.jpg
Просмотров: 7
Размер:	624.3 Кбайт
ID:	62839  Нажмите на изображение для увеличения
Название:  PSX_20200829_094802.jpg
Просмотров: 4
Размер:	497.8 Кбайт
ID:	62840  Нажмите на изображение для увеличения
Название:  PSX_20200829_094629.jpg
Просмотров: 5
Размер:	689.0 Кбайт
ID:	62841  

Нажмите на изображение для увеличения
Название:  PSX_20200829_094659.jpg
Просмотров: 5
Размер:	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
Просмотров: 198
Размер:	389.2 Кбайт
ID:	62847  
__________________
"Which would you choose: a world with pyramids or a world without?"





Вистерия (ссылки)
Ment вне форума   Ответить с цитированием
#4
Старый 29.08.2020, 12:14
  #4
}{0TT@6bI4
 
Аватар для }{0TT@6bI4
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 437
}{0TT@6bI4 - уровень боевого духа
Выставка наград
По умолчанию
Re: Поддержка мобильных устройств

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

Также потеряна возможность (вроде) просматривать с мобильных устройств количество просмотров темы (судя по интерфейсу пк, строчка с числом просмотров не влезает в рамки мобильного)
__________________
С уважением, }{0TT@6bI4
_________________
Наша группа картостроителей
_________________
Мои карты
Сценарий "Лабиринт Тайн"
Сценарий "Руны в хорошие руки"
Сценарий "Знание — сила"
Сценарий "И снова хлопоты": 5% (Проектирование) (заморожено!)
Сценарий "S.T.A.L.K.E.R: Монолит": 15% (В разработке) (заморожено!)

__________________
Мои руководстваВидео, как делать мультики:
Как делать мультики?
Мануал по графическому оформлению карт, созданию вулканов, водопадов и многому-многому другому:
Делаем офигенно красивые карты
Мануал по созданию своего уникального героя:
Как создать своего героя?

__________________
Консультации, заказ работ, помощь с картостроительством
Личная консультация по вопросу
Обучение картостроительству/скриптоделанию => alhottabych@yandex.ru
Заказ работы (перед оформлением заказа ознакомиться с Информацией по заказу работ)
Профессиональная съёмка роликов для карт
}{0TT@6bI4 сейчас на форуме   Ответить с цитированием
#5
Старый 29.08.2020, 12:35
  #5
Создатель
 
Аватар для Создатель
Администратор
Регистрация: 03.12.2005
Сообщения: 777
Создатель - уровень боевого духа Создатель - уровень боевого духа Создатель - уровень боевого духа
1516
hw_creator#7455
По умолчанию
Re: Поддержка мобильных устройств

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

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

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

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

На данный момент (12.26 МСК) таковыми остались: "Закрытая популярная тема", а также "В этой теме есть ваши сообщения" и её производные.
__________________
С уважением, }{0TT@6bI4
_________________
Наша группа картостроителей
_________________
Мои карты
Сценарий "Лабиринт Тайн"
Сценарий "Руны в хорошие руки"
Сценарий "Знание — сила"
Сценарий "И снова хлопоты": 5% (Проектирование) (заморожено!)
Сценарий "S.T.A.L.K.E.R: Монолит": 15% (В разработке) (заморожено!)

__________________
Мои руководстваВидео, как делать мультики:
Как делать мультики?
Мануал по графическому оформлению карт, созданию вулканов, водопадов и многому-многому другому:
Делаем офигенно красивые карты
Мануал по созданию своего уникального героя:
Как создать своего героя?

__________________
Консультации, заказ работ, помощь с картостроительством
Личная консультация по вопросу
Обучение картостроительству/скриптоделанию => alhottabych@yandex.ru
Заказ работы (перед оформлением заказа ознакомиться с Информацией по заказу работ)
Профессиональная съёмка роликов для карт
}{0TT@6bI4 сейчас на форуме   Ответить с цитированием
#7
Старый 29.08.2020, 20:29
  #7
Eranikus
 
Аватар для Eranikus
Регистрация: 15.02.2007
Адрес: Украина
Сообщения: 37
Eranikus - уровень боевого духа
Отправить сообщение для  Eranikus с помощью ICQ
По умолчанию
Re: Поддержка мобильных устройств

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

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

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

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

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

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

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

-----

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

----
Вообще, после уменьшения шрифта ещё и аватарки стали какие-то маленькие.
Ух, непросто всё это, конечно )
Миниатюры
Нажмите на изображение для увеличения
Название:  Screenshot_8.jpg
Просмотров: 22
Размер:	265.8 Кбайт
ID:	62855  Нажмите на изображение для увеличения
Название:  Screenshot_9.jpg
Просмотров: 15
Размер:	178.6 Кбайт
ID:	62856  
__________________
"Which would you choose: a world with pyramids or a world without?"





Вистерия (ссылки)
Ment вне форума   Ответить с цитированием
#11
Старый 30.08.2020, 19:13
  #11
Eranikus
 
Аватар для Eranikus
Регистрация: 15.02.2007
Адрес: Украина
Сообщения: 37
Eranikus - уровень боевого духа
Отправить сообщение для  Eranikus с помощью ICQ
По умолчанию
Re: Поддержка мобильных устройств

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

Firefox, fullHD

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



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



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

Eranikus вне форума   Ответить с цитированием
#12
Старый 30.08.2020, 20:25
  #12
Небо
 
Аватар для Небо
Регистрация: 20.12.2007
Адрес: Endless Night
Сообщения: 13751
Небо - уровень боевого духа Небо - уровень боевого духа Небо - уровень боевого духа
По умолчанию
Re: Поддержка мобильных устройств

Обнаружил ещё такой момент, когда заходишь в раздел, темы с новыми непрочитанными сообщениями больше не выделены жирным шрифтом, как это было раньше.
__________________
I hear a silence, deafening
Drowning the deserts, that is my destiny
I no longer wish to see
The threads they've spun for me
Небо сейчас на форуме   Ответить с цитированием
#13
Старый 31.08.2020, 15:47
  #13
}{0TT@6bI4
 
Аватар для }{0TT@6bI4
Регистрация: 05.09.2019
Адрес: Серебряные Города, Аль-Сафир
Сообщения: 437
}{0TT@6bI4 - уровень боевого духа
Выставка наград
По умолчанию
Re: Поддержка мобильных устройств

Интерфейс статистики работы модераторов не влезает на экран в мобильной версии.
__________________
С уважением, }{0TT@6bI4
_________________
Наша группа картостроителей
_________________
Мои карты
Сценарий "Лабиринт Тайн"
Сценарий "Руны в хорошие руки"
Сценарий "Знание — сила"
Сценарий "И снова хлопоты": 5% (Проектирование) (заморожено!)
Сценарий "S.T.A.L.K.E.R: Монолит": 15% (В разработке) (заморожено!)

__________________
Мои руководстваВидео, как делать мультики:
Как делать мультики?
Мануал по графическому оформлению карт, созданию вулканов, водопадов и многому-многому другому:
Делаем офигенно красивые карты
Мануал по созданию своего уникального героя:
Как создать своего героя?

__________________
Консультации, заказ работ, помощь с картостроительством
Личная консультация по вопросу
Обучение картостроительству/скриптоделанию => alhottabych@yandex.ru
Заказ работы (перед оформлением заказа ознакомиться с Информацией по заказу работ)
Профессиональная съёмка роликов для карт
}{0TT@6bI4 сейчас на форуме   Ответить с цитированием


Опции темы



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


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

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