Вход на сайт

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

Облако тегов

АШ-YouTube

Улучшение дизайна мобильной версии - опрос

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

Дорогие камрады!

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

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

Спасибо за помощь!

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

Комментарии

Аватар пользователя mrmypp
mrmypp(5 лет 3 месяца)(14:14:28 / 26-12-2014)

может это я криворукий, но очень мешает близость тегов рядом со ссылкой "Подробнее". Часто получается ткнуть в тег, чем в эту самую ссылку. Если есть возможность сдвинуть куданить тэги, я думаю, было бы неплохо....Хотя, вы же все равно не будете это рассмаотривать :)

Аватар пользователя njoy
njoy(3 года 7 месяцев)(14:38:35 / 26-12-2014)

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

Аватар пользователя Omnom
Omnom(4 года 2 месяца)(14:44:27 / 26-12-2014)

А можете рассказать, зачем вам скрины с разных устройств?

Когда есть такой инструмент как "Инструмент разработчика" в Google Chrome вызывается кнопкой ф12 - если у вас клава стандартная.

Далее жмете ESC, жмите иконку телефончик. Откроется чудо панель для тестирования на разных устройствах и платформах. 

Прилагаю пр скрин примера использования например яблофона. С 6 осью. Выбираете ось жмете ф5 и проверяете, что получилось. 

Аватар пользователя njoy
njoy(3 года 7 месяцев)(14:53:31 / 26-12-2014)

потому что то, что моделируется там не всегда соответствует реальному положению вещей.

Аватар пользователя Omnom
Omnom(4 года 2 месяца)(14:56:41 / 26-12-2014)

Согласен. Но чаще все четко. 

Еще такой скрипт почему не хотите заюзать? 

if (window.devicePixelRatio !== 1)

{

    var dpt = 720 / window.screen.width;

    var widthM = window.screen.width * dpt;

    document.write('<meta name="viewport" content="width=' + widthM + '">');

}

И убрать у вьюпорта лишнее разные скале и т.д.

<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi">

Оставить так. Денсити работает на старых ведрах. 

Аватар пользователя Колеяжник

Для IE это справедливо, остальным достаточно @media в css. Т.е. совсем нет кода, только стиль.

Аватар пользователя Тимур
Тимур(3 года 10 месяцев)(14:27:13 / 26-12-2014)

.

Аватар пользователя DmStanislav
DmStanislav(3 года 11 месяцев)(14:20:34 / 26-12-2014)

у меня почему то мобильная версина на смарте не запускается.

Комментарий администрации:  
*** Пресмыскаюсь перед западом ***
Аватар пользователя alexsword
alexsword(6 лет 7 месяцев)(16:21:43 / 26-12-2014)

можно запустить принудительно, через иконку "Mobile version" под логотипом.

Аватар пользователя Иркутянин
Иркутянин(4 года 2 месяца)(14:23:27 / 26-12-2014)

Не про мобильную версию, но раз косметически, то в Firefox 31.3, разрешение экрана 1280x1024

http://i65.fastpic.ru/big/2014/1226/c0/7aff8651f8c4f93fa8bb691ccc56b0c0.png

По-моему, красная кнопка "Понравилось?" крупновата.

Аватар пользователя korsunenko
korsunenko(6 лет 5 месяцев)(14:22:52 / 26-12-2014)

Да, она и на стационаре — крупновата.

Аватар пользователя SergeyVBNM
SergeyVBNM(6 лет 22 часа)(14:25:58 / 26-12-2014)

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

Комментарий администрации:  
*** В бюджете нет денег, приватизация даст немного денег за хорошие активы ***
Аватар пользователя Колеяжник

Было бы здорово 2 левых sidebar меню оформить горизонтально или раскрывающимися, а то почти полтора экрана пролистывать приходится до текста.

Одной строчкой можно это переправить в горизонталь: ul.menu li {display:inline;} в css.

По всему остальному - нормально и так, как есть.

Аватар пользователя njoy
njoy(3 года 7 месяцев)(14:46:26 / 26-12-2014)

для раскрывающихся меню надо делать java надстройку. То есть утяжелять код, хоть и не намного. Сделать конечно можно, если будет достаточно желающих и, главное, на это согласится Алекс.

Горизонтальный лист, с другой стороны, может и будет занимать меньше места. но смотреться он при этом будет.. кхм... так себе.

Аватар пользователя Колеяжник

Согласитесь - 2 блока меню на более, чем полстраницу (Lumia 1520) и на страницу (ios8) смотрятся конечно неплохо, но что от них толку?

Я пользуюсь меню один раз только при заходе на сайт (а если заход по сохраненной ссылке - то сразу в блоги, например, попадаю). Потом только: открыть материал (нажатие по заголовку), и вернуться в список материалов - кнопка назад в браузере. (а чаще - открываю в новой закладке). И каждый раз пролистываю до текста. Мы же говорим о улучшении юзабилити. Где в описанной ситуации юзабилити страдает, по вашему?

Аватар пользователя njoy
njoy(3 года 7 месяцев)(15:20:03 / 26-12-2014)

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

Аватар пользователя Болт
Болт(4 года 7 месяцев)(16:40:26 / 26-12-2014)

Эту идею поддерживаю полностью.

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

Аватар пользователя Колеяжник

Скриншоты.

Lumia 1520

iOS8

Аватар пользователя alexsword
alexsword(6 лет 7 месяцев)(17:14:46 / 26-12-2014)

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

Аватар пользователя njoy
njoy(3 года 7 месяцев)(17:18:17 / 26-12-2014)

не вопрос

Аватар пользователя xor
xor(6 лет 5 месяцев)(18:17:06 / 26-12-2014)

Достаточно тэга nav http://htmlbook.ru/html/nav вроде как :-/

Аватар пользователя eprst
eprst(6 лет 1 месяц)(14:31:54 / 26-12-2014)

Не пользуюсь даже на планшете.

А вот галку в чекбоксе "Уведомлять меня о новых комментариях", стоящую по-умолчанию, хорошо бы убрать, кому надо - сам поставит.

Аватар пользователя njoy
njoy(3 года 7 месяцев)(14:47:16 / 26-12-2014)

це не ко мне, мопед не мой)))

Аватар пользователя bombaster
bombaster(5 лет 1 месяц)(14:32:19 / 26-12-2014)

Android 4.1.1
Chrome 38.0
1280*720
надоедает каждый раз на каждой каждой траничке уменьшать масштаб чтобы видеть ВСЁ по ширине, на экран влезает только шапка и частично заголовок первого(верхнего) поста.

Два раза тапать приходится постоянно, при переходе в пост снова приходится масштаб подстраивать. не подстраивается под экран автоматически. 

Браузеры пробовались разные, устройства разные. с другими сайтами всё в разы проще.

Аватар пользователя Lige
Lige(4 года 2 месяца)(14:37:04 / 26-12-2014)

Boat, android 4.1.2 -таких проблем нет, все хорошо

Аватар пользователя njoy
njoy(3 года 7 месяцев)(14:51:23 / 26-12-2014)

 сам такое наблюдаю. посмотрим.

Аватар пользователя evgeniy72
evgeniy72(6 лет 4 месяца)(14:32:45 / 26-12-2014)
Винфон 8.1 все идеально.
Аватар пользователя SergeyVBNM
SergeyVBNM(6 лет 22 часа)(14:33:56 / 26-12-2014)

Nokia 620, WindowsPhone - всё ок, оставьте как есть

Комментарий администрации:  
*** В бюджете нет денег, приватизация даст немного денег за хорошие активы ***
Аватар пользователя njoy
njoy(3 года 7 месяцев)(14:49:48 / 26-12-2014)

скрин дашь? =)

Аватар пользователя SergeyVBNM
SergeyVBNM(6 лет 22 часа)(14:52:29 / 26-12-2014)

Попробую, но позже

Комментарий администрации:  
*** В бюджете нет денег, приватизация даст немного денег за хорошие активы ***
Аватар пользователя njoy
njoy(3 года 7 месяцев)(15:11:29 / 26-12-2014)

хорошо, спешки нет, все равно займусь им не ранее вечера

Аватар пользователя SergeyVBNM
SergeyVBNM(6 лет 22 часа)(18:32:29 / 26-12-2014)

Хм... не получится, кнопка блокировки сломана, а она нужна для скриншота(((

Комментарий администрации:  
*** В бюджете нет денег, приватизация даст немного денег за хорошие активы ***
Аватар пользователя njoy
njoy(3 года 7 месяцев)(18:33:35 / 26-12-2014)

ну и ладно, тут уже накидали достаточно)))

Аватар пользователя evgeniy72
evgeniy72(6 лет 4 месяца)(10:58:34 / 27-12-2014)

Аватар пользователя Lige
Lige(4 года 2 месяца)(14:34:31 / 26-12-2014)

Boat browser, 5.3 полет нормальный. 

Что немного раздражает - после смены ориентации (поворота) экрана порой теряется место фокуса/визуального курсора/или как там оно называется - улетает наверх.

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

Может убрать текст вообще? Или под спойлер - нужно освежить что там, ткнул, раскрыл. Нет - сразу комменты читаешь

Еще криво работает расширенный редактор, но основные функции в норме, так что пофиг, кмк

Аватар пользователя arma
arma(6 лет 4 месяца)(14:35:01 / 26-12-2014)

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

Лезет реклама именно во время посещения сайта Афтешок. Спасает только закрытие и повторная загрузка страницы. Может - посоветуете какой- нибудь рецепт борьбы?

Аватар пользователя eprst
eprst(6 лет 1 месяц)(14:36:21 / 26-12-2014)

Да, лезет зараза.

Аватар пользователя alexsword
alexsword(6 лет 7 месяцев)(16:44:48 / 26-12-2014)

откомментил ниже.  

Аватар пользователя Lige
Lige(4 года 2 месяца)(14:38:26 / 26-12-2014)

У меня нет ничего такого. Андроид

Аватар пользователя SKY
SKY(6 лет 1 месяц)(15:13:46 / 26-12-2014)

в файрфоксе есть Adblock Plus, больше рекламы не увидите

Аватар пользователя Болт
Болт(4 года 7 месяцев)(16:47:42 / 26-12-2014)

Гэлакси 4, рекламу вижу только внизу страницы.

Аватар пользователя Совестливец
Совестливец(3 года 7 месяцев)(14:43:21 / 26-12-2014)

у меня всё конкурентно

Аватар пользователя Tikovka
Tikovka(5 лет 11 месяцев)(14:44:22 / 26-12-2014)

Смартфон Neo N003 -

Размер экрана: 5 дюймов

Разрешение экрана (px): 1080 x 1920 ;

Хотелось бы

Аватар пользователя njoy
njoy(3 года 7 месяцев)(14:48:15 / 26-12-2014)

спасибо за ПЕРВЫЙ скриншот в этой теме.

Аватар пользователя Tikovka
Tikovka(5 лет 11 месяцев)(15:01:32 / 26-12-2014)

На сматрфоне стоят - Chrome, Firefox и Maxon для андроида.

Полная версия сайта - не ресайзится:

Аватар пользователя Великий Кукурузо

Ужасно. Media queries вам в помощь

Аватар пользователя DmStanislav
DmStanislav(3 года 11 месяцев)(15:01:17 / 26-12-2014)

и че за херня с рекламным спамом на планшете, прикрывающем только афтешок?

Комментарий администрации:  
*** Пресмыскаюсь перед западом ***
Аватар пользователя alexsword
alexsword(6 лет 7 месяцев)(16:13:04 / 26-12-2014)

похоже один из блоков работает на айпадах не так как заявлено.

отключил его сейчас.

Исчезла проблема?

Аватар пользователя DmStanislav
DmStanislav(3 года 11 месяцев)(17:03:25 / 26-12-2014)

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

Комментарий администрации:  
*** Пресмыскаюсь перед западом ***
Аватар пользователя alexsword
alexsword(6 лет 7 месяцев)(17:27:15 / 26-12-2014)

проверьте еще раз - рекламщики клянутся, что уже устранили пррблему на своей стороне, и я их вернул.

нет всплывающих окон на айпаде?

Страницы

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

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

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

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

СМИ

Загрузка...