Вход на сайт

Облако тегов

АШ-YouTube

Техническое: Оптимизация интерфейса

Аватар пользователя alexsword

Пожаловались, что на мобильных строка после анонса записи много места занимает, мешает читать.  

Посмотрели на нее повнимательнее - и удалили лишнее.  Было:

00e192a6f35603724ce77008f9aba5f2.png

Стало:

fc5dfd62894f39dbd46c6ec085558f9d.png

В общем, удалили все лишнее, и то, что не имеет смысла, пока не прочитаешь запись (ссылку "Комментировать" и т.д.).  То есть все работает, но сами ссылки убрали.

Прошу дать знать, если у кого-то были сценарии визита на ресурс, в рамках которого удаленные ссылки были необходимы.  Подумаем. 

Фонд поддержки авторов AfterShock

Комментарии

Аватар пользователя Bledso
Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(13:14:26 / 22-04-2016)

подчеркнуть что нужно кликнуть чтобы прочитать целиком, можно убрать или заменить картинкой

п.с. убрал пока.

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(13:31:05 / 22-04-2016)

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

Аватар пользователя Bledso
Bledso(5 лет 4 месяца)(13:39:49 / 22-04-2016)

"Подробнее" -> "Афтешокнуться" :)

Аватар пользователя Бумс
Бумс(6 лет 2 месяца)(14:10:08 / 22-04-2016)
Аватар пользователя ExMuser
ExMuser(5 лет 1 месяц)(16:36:08 / 22-04-2016)

Алекс, не стоит ориентироваться на обсоцсетевлённых. У них таки нерусский склад мышления. Не прогибайся под бабло, пустое это.

Только оттолкнёшь старых. И превратишь ресурс в очередное убогое гавно.

Аватар пользователя Ярик FantomI
Ярик FantomI(2 года 11 месяцев)(17:56:54 / 22-04-2016)

А-а-а, верните фсё обратно!)) Зачем так спрессовывать?:(( P.S. Мобилка Opеrа mini 7.1 если чо.

Аватар пользователя Anisiya
Anisiya(3 года 5 месяцев)(18:10:45 / 22-04-2016)

У меня, знаете, какие проблемы комментирования на андроиде?

Если я кому-то отвечаю - то норм, а если просто хочу коммент к статье оставить, то, при нажатии кнопочки "Комментировать" - весь экран уезжает вверх, к началу статьи. И, если комментов много, то приходится и статью и все комментарии прокручивать опять с самого начала. А, т.к. при этом еще и панель с буквами виртуальная появляется, то от экрана вообще остаётся 4 см. Очень неудобно. Не знаю, правда, - это свойство вообще и в принципе андроидов, или таки что-то зависит и от построения структуры на АШ..

Аватар пользователя Ярик FantomI
Ярик FantomI(2 года 11 месяцев)(18:21:38 / 22-04-2016)

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

Аватар пользователя Anisiya
Anisiya(3 года 5 месяцев)(18:26:39 / 22-04-2016)

Вот и я с андроида стараюсь не в космос писать, а отвечать кому-нибудь)

Аватар пользователя SergeyVBNM
SergeyVBNM(6 лет 1 месяц)(13:13:25 / 22-04-2016)

Стало лучше. Ок.

Комментарий администрации:  
*** В бюджете нет денег, приватизация даст немного денег за хорошие активы ***
Аватар пользователя Бумс
Бумс(6 лет 2 месяца)(13:17:03 / 22-04-2016)

Сам пользователь не видит, сколько у него к его записи новых комментариев (было ли их там на заборе 5 или жеж 100500 и 5, уже и не уомнишь). Так что, желающиеся: могли бы и не читать не нужную им на ресурсе информацию, ибо толку от их мнений в комментах было раньше, а теперь точно = 0.

Комментарий администрации:  
*** Канонический образец псевдовменяемого общения ***
Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(13:25:13 / 22-04-2016)

Почему не видит?  Видит.  Счетчик показывает количество комментов с его последнего чтения записи.

Аватар пользователя Бумс
Бумс(6 лет 2 месяца)(13:53:37 / 22-04-2016)

Вот и я только щас увидел: видимо это от того, что читая с планшета - переключился на моб. версию) Хотя вы же сами призывали видеть систему (АШ) в комплексе, а потому... сейчас я вынужден (для того, чтобы попасть к вам в блог) тыкать в ваш Ник - сами видите, это было удобней делать после прочтения текста Анонса (мож я не хочу, именно эту вашу статью комментировать). А вообще, ситуация с жалующимися, чем-то похожа на мультик Том и Джерри: помните, - мышонок сжал кулачек, чем сильно заитресовал кота (типо, а шо он там какое рассматривает - черпает из дырки видимо эксклюзивную и максимальной физической плотности пятничную информацию (!)) и оный кот, каааак... получил в глаз! Так шо я с ужасом представляю себе, оптимизацию в том случае если ресурс начнут читать с наручных часов с маааленьким и подключеннык к тырнету экранчиком (кстати, пойду линзу для первых советских телевизоров поищу на ухабах Гугла, чую - так оно скоро и получится).

Комментарий администрации:  
*** Канонический образец псевдовменяемого общения ***
Аватар пользователя KAP13
KAP13(2 года 3 месяца)(13:29:08 / 22-04-2016)

Спасибо

Аватар пользователя Mentat49
Mentat49(3 года 3 месяца)(13:34:15 / 22-04-2016)

На Opera mini андроидной странички прибиты почему то к друг другу.

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(13:39:16 / 22-04-2016)

Не понятно, всегда так было или сейчас только появилось?  

Аватар пользователя Mentat49
Mentat49(3 года 3 месяца)(15:13:51 / 22-04-2016)

Сразу после обновления мобильной версии. Мне всё лень было сообщить.

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(15:14:33 / 22-04-2016)

Комментом ниже вам уже ответили.

Аватар пользователя daregod
daregod(6 лет 4 месяца)(14:13:21 / 22-04-2016)

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

Аватар пользователя ®man
®man(4 года 4 месяца)(13:37:22 / 22-04-2016)

да и сами слова "комментарии" и "новые" тоже можно убрать. чуть побольше иконки сделать и вместо "новые 8" сделать: ["иконка моментария" 26 +2] ну и новые "+2" выделить цветом

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

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(13:38:35 / 22-04-2016)

> ссылку "подробнее" тоже можно убрать.

Убрали сперва, но вернули.  новому читателю нет ясности, что это не вся запись. 

Аватар пользователя ®man
®man(4 года 4 месяца)(13:44:33 / 22-04-2016)

ну возможно

заголовок:

для десктопа можно кегль увеличить до 19px. а вот для мобилок все 21 потребуются

Аватар пользователя ®man
®man(4 года 4 месяца)(13:47:43 / 22-04-2016)

и точки у меню тоже можно убрать, шумят сильно

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(14:15:19 / 22-04-2016)

давай попробуем...

Аватар пользователя ®man
®man(4 года 4 месяца)(14:21:21 / 22-04-2016)

ну намного лучше )))

ещё подчёркивания у ссылок можно оформить через нижнюю границу (верстальщик поймёт)

сделать её бледнее, а при наведении менять цвет под цвет hovera самой ссылки

Аватар пользователя ®man
®man(4 года 4 месяца)(13:54:17 / 22-04-2016)

Убрали сперва, но вернули.  новому читателю нет ясности, что это не вся запись.

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

т.е. пользователь наводит мышь на абзац, а он не меняя стиля (убрать при hovere цвет и подчеркивание) работает как ссылка на статью и курсор меняется на "палец"

 

 

с датами под заголовком тоже можно поработать:

сегодняшние записи писать: сегодня 13:53

вчерашние: вчера 22:08

всё что старше двух дней в полном формате

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(14:18:16 / 22-04-2016)

это корневой функционал движка, который без особой нужды мы не трогаем, а в данном случае это косметика, некритично для удобства

Аватар пользователя ®man
®man(4 года 4 месяца)(14:23:55 / 22-04-2016)

отступ после "анонса" до заголовка следующей статьи тоже увеличте чуток

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(14:37:28 / 22-04-2016)

Ok

Аватар пользователя l888l
l888l(6 лет 1 неделя)(13:48:55 / 22-04-2016)

После ника и флажка, в скобках время регистрации, можно тоже сократить. 

Вместо например (4 года 2 месяца) поставить 4.2

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

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(13:51:23 / 22-04-2016)

> Вместо например (4 года 2 месяца) поставить 4.2

Новый читатель не поймет что это.  У нас нет сократить все до нуля.   Решалась простая задача - на мобильных строка внизу превращалась в 3 строки, хотя большая часть ссылок была избыточна. 

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

это важная информация, быстрее помогает оценить собеседника.

Аватар пользователя l888l
l888l(6 лет 1 неделя)(13:56:35 / 22-04-2016)

> это важная информация, быстрее помогает оценить собеседника.

ну да, правда порой предвзято 

и что важного в том что у кого то платный акк

А для того что бы лучше оценить собеседника как раз необходимо залезть в его профиль и посмотреть мнение сообщества о нем

Аватар пользователя VAL
VAL(2 года 3 месяца)(14:04:01 / 22-04-2016)

может (экран то маленький, узкий!) сократить подписи:
"Подробнее" > "Читать" или "Далее" или "Еще" ...
"2 комментария | 2 новых" > "Комментарии: 2|+2" или "Ответы: 2|+2"

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(14:20:16 / 22-04-2016)

На ширине экрана 360 пикселей сейчас все что под анонсом в одну строку умещается.

У тебя уже?

Аватар пользователя VAL
VAL(2 года 3 месяца)(14:27:04 / 22-04-2016)

1920*1080...
 

 

indecision

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(14:33:21 / 22-04-2016)

шрифты значит нетиповые, верни обратно.

Аватар пользователя real
real(5 лет 9 месяцев)(14:06:22 / 22-04-2016)

в мобильной версии неплохо было бы шапку сократить до минимума:

VS

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(14:14:09 / 22-04-2016)

да, просили уже...

Аватар пользователя kokunov
kokunov(6 лет 4 месяца)(14:30:27 / 22-04-2016)

До кучи скажу.

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

картинки сейчас добавлю

Аватар пользователя ayvindov
ayvindov(4 года 4 месяца)(20:25:54 / 22-04-2016)

Да, и очень часто текст на картинке с таблицей невозможно рассмотреть: браузер лишь незначительно увеличивает изображение, если её открыть.

Аватар пользователя woddy
woddy(5 лет 6 месяцев)(14:47:02 / 22-04-2016)

спасибо!

Аватар пользователя КречетАкс
КречетАкс(2 года 3 месяца)(15:06:41 / 22-04-2016)

Смарт.., Опера.. User agent настольный ПК. Режет страницу справа... При смене User agent на  - мобильное устройство все в норме

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(15:08:49 / 22-04-2016)

это штатная установка браузера с нуля?  если нет, разбирайтесь сами.

Аватар пользователя ®man
®man(4 года 4 месяца)(15:13:16 / 22-04-2016)

это всё та же проблема с масштабированием

<meta name="viewport" content="width=device-width maximum-scale=2.0"> – сейчас на мобильной версии

мож её попробовать вообще убрать?

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(15:24:13 / 22-04-2016)

чтобы остальным - ради кого она добавлена - сломать масштабирование?

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

 

Аватар пользователя ®man
®man(4 года 4 месяца)(15:28:15 / 22-04-2016)

но запятая после "width=device-width" всё равно нужна )

content="width=device-width, maximum-scale=2.0"

Аватар пользователя alexsword
alexsword(6 лет 9 месяцев)(15:30:42 / 22-04-2016)

ок, не возражаю

Аватар пользователя КречетАкс
КречетАкс(2 года 3 месяца)(15:47:11 / 22-04-2016)

Да., Причем ни только на Опере - на UC Browsere и Дельфине тоже самое. Это давний баг., сильно не мешает. Просто у меня на смарте все стоит "ПК" и на АШ приходится переключаться на мобильную версию

Аватар пользователя ®man

Страницы

Лидеры обсуждений

за 4 часаза суткиза неделю

Лидеры просмотров

за неделюза месяцза год

СМИ

Загрузка...