Вход на сайт

МЕДИАМЕТРИКА

Облако тегов

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

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

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

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

00e192a6f35603724ce77008f9aba5f2.png

Стало:

fc5dfd62894f39dbd46c6ec085558f9d.png

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

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

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

Комментарии

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ну возможно

заголовок:

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

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

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

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

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

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

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

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

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

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

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

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

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

 

 

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

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

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

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

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

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

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

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

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

Ok

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У тебя уже?

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

1920*1080...
 

 

indecision

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

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

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

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

VS

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

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

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

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

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

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

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

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

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

спасибо!

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

Аватар пользователя ®man
Аватар пользователя alexsword
alexsword(6 лет 1 месяц)(16:00:40 / 22-04-2016)

А в чем каша-то, не пойму? Ты что изменить хочешь? Подсветка при наведении на ссылку у меня работает.  У тебя нет?

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

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

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

А. Или ты хочешь, чтобы подчеркивание более тусклым стало.  ИМХО, вообще не критично.

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

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

не критично, но визуального шума меньше

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

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

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

хорошо

на выходных в личку отправлю стили

Аватар пользователя shure348
shure348(5 лет 8 месяцев)(18:10:41 / 22-04-2016)

На мобильной версии заголовки внезапно стали большими. Еще утром были норм.

Аватар пользователя ®man
Аватар пользователя shure348
shure348(5 лет 8 месяцев)(18:48:26 / 22-04-2016)

дело в том что не у всех "лопаты" с огромным viewport

у айфона 5 он всего 320 и там они крупноваты

как выход добавлять в мобильную версию @media and max-width в цсс

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

Скажите что конкретно и где прописать, мы пропишем, но то, что капризы одних ломают жизнь другим - достало.

Поэтому согласуйте с Романом предлагаемые изменения сперва. 

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

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

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

сейчас намного легче

 

медиазапросы надо делать и для десктопного шаблона и для мобильного...

потихоньку, надеюсь, все решиться

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

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

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

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

СМИ

Загрузка...