Дорогие камрады!
Планируются некоторые изменения, направленные на улучшение юзабельности мобильной версии сайта. В связи с чем хотелось бы услышать ваши пожелания и попросить у вас скриншотов того, как сайт сейчас выглядит на ваших мобильных устройствах, с упоминанием браузера и характеристик экрана.
Изменения будут чисто косметические, кота код не трогаем, поэтому предложения по изменению структуры и местоположения элементов на данном этапе рассматриваться не будут :)
Спасибо за помощь!
Комментарии
может это я криворукий, но очень мешает близость тегов рядом со ссылкой "Подробнее". Часто получается ткнуть в тег, чем в эту самую ссылку. Если есть возможность сдвинуть куданить тэги, я думаю, было бы неплохо....Хотя, вы же все равно не будете это рассмаотривать :)
относится к косметике, поэтому принято. Но в силу конструктивных особенностей просто отодвинуть таги от ссылки невозможно без модификации кода. но можно раздвинуть, сделать покрупнее, добавить отступов.
А можете рассказать, зачем вам скрины с разных устройств?
Когда есть такой инструмент как "Инструмент разработчика" в Google Chrome вызывается кнопкой ф12 - если у вас клава стандартная.
Далее жмете ESC, жмите иконку телефончик. Откроется чудо панель для тестирования на разных устройствах и платформах.
Прилагаю пр скрин примера использования например яблофона. С 6 осью. Выбираете ось жмете ф5 и проверяете, что получилось.
потому что то, что моделируется там не всегда соответствует реальному положению вещей.
Согласен. Но чаще все четко.
Еще такой скрипт почему не хотите заюзать?
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. Т.е. совсем нет кода, только стиль.
.
у меня почему то мобильная версина на смарте не запускается.
можно запустить принудительно, через иконку "Mobile version" под логотипом.
Не про мобильную версию, но раз косметически, то в Firefox 31.3, разрешение экрана 1280x1024
http://i65.fastpic.ru/big/2014/1226/c0/7aff8651f8c4f93fa8bb691ccc56b0c0.png
По-моему, красная кнопка "Понравилось?" крупновата.
Да, она и на стационаре — крупновата.
конец квартала, надо деньги собирать для поддержки авторов.
Было бы здорово 2 левых sidebar меню оформить горизонтально или раскрывающимися, а то почти полтора экрана пролистывать приходится до текста.
Одной строчкой можно это переправить в горизонталь: ul.menu li {display:inline;} в css.
По всему остальному - нормально и так, как есть.
для раскрывающихся меню надо делать java надстройку. То есть утяжелять код, хоть и не намного. Сделать конечно можно, если будет достаточно желающих и, главное, на это согласится Алекс.
Горизонтальный лист, с другой стороны, может и будет занимать меньше места. но смотреться он при этом будет.. кхм... так себе.
Согласитесь - 2 блока меню на более, чем полстраницу (Lumia 1520) и на страницу (ios8) смотрятся конечно неплохо, но что от них толку?
Я пользуюсь меню один раз только при заходе на сайт (а если заход по сохраненной ссылке - то сразу в блоги, например, попадаю). Потом только: открыть материал (нажатие по заголовку), и вернуться в список материалов - кнопка назад в браузере. (а чаще - открываю в новой закладке). И каждый раз пролистываю до текста. Мы же говорим о улучшении юзабилити. Где в описанной ситуации юзабилити страдает, по вашему?
соглашусь, я сам навигацией практически не пользуюсь на мобиле. сразу иду афтершок/блоги. Принципиально мне нравится идея убрать их в раскрывающийся по нажатию блок.
Эту идею поддерживаю полностью.
Кроме того, у меня сейчас ширина автоматически подстраивается под шрифт заголовка и приходится каждый раз перестраивать. На других сайтах - под шрифт основного текста сразу, что удобнее. Доеду до вай-фая, дам скриншот.
Скриншоты.
Lumia 1520
iOS8
Я не возражаю, при условии, что сможете сделать так, что если два в блока в горизонталь не помещаются, они разворачивались вертикально.
не вопрос
Достаточно тэга nav http://htmlbook.ru/html/nav вроде как :-/
Не пользуюсь даже на планшете.
А вот галку в чекбоксе "Уведомлять меня о новых комментариях", стоящую по-умолчанию, хорошо бы убрать, кому надо - сам поставит.
це не ко мне, мопед не мой)))
Android 4.1.1
Chrome 38.0
1280*720
надоедает каждый раз на каждой каждой траничке уменьшать масштаб чтобы видеть ВСЁ по ширине, на экран влезает только шапка и частично заголовок первого(верхнего) поста.
Два раза тапать приходится постоянно, при переходе в пост снова приходится масштаб подстраивать. не подстраивается под экран автоматически.
Браузеры пробовались разные, устройства разные. с другими сайтами всё в разы проще.
Boat, android 4.1.2 -таких проблем нет, все хорошо
сам такое наблюдаю. посмотрим.
Nokia 620, WindowsPhone - всё ок, оставьте как есть
скрин дашь? =)
Попробую, но позже
хорошо, спешки нет, все равно займусь им не ранее вечера
Хм... не получится, кнопка блокировки сломана, а она нужна для скриншота(((
ну и ладно, тут уже накидали достаточно)))
Boat browser, 5.3 полет нормальный.
Что немного раздражает - после смены ориентации (поворота) экрана порой теряется место фокуса/визуального курсора/или как там оно называется - улетает наверх.
И ещё - при переходе на вторую страницу комментариев и последующие, новость показывается полностью. Некоторые очень большие и при слабой сети (gprs) это излишне грузит. И время и трафик. Ну и читать комментарии неудобно - долго листаешь вниз.
Может убрать текст вообще? Или под спойлер - нужно освежить что там, ткнул, раскрыл. Нет - сразу комменты читаешь
Еще криво работает расширенный редактор, но основные функции в норме, так что пофиг, кмк
Немного не в тему - сегодня на мою айпадку нагло лезет реклама во весь экран с агрессивным предложением скачать игру или программу по поиску дешевых авиабилетов. Не играю и уже полгода не покупала через интернет авиабилеты.
Лезет реклама именно во время посещения сайта Афтешок. Спасает только закрытие и повторная загрузка страницы. Может - посоветуете какой- нибудь рецепт борьбы?
Да, лезет зараза.
откомментил ниже.
У меня нет ничего такого. Андроид
в файрфоксе есть Adblock Plus, больше рекламы не увидите
Гэлакси 4, рекламу вижу только внизу страницы.
у меня всё конкурентно
Смартфон Neo N003 -
Размер экрана: 5 дюймов
Разрешение экрана (px): 1080 x 1920 ;
Хотелось бы
спасибо за ПЕРВЫЙ скриншот в этой теме.
На сматрфоне стоят - Chrome, Firefox и Maxon для андроида.
Полная версия сайта - не ресайзится:
Ужасно. Media queries вам в помощь
и че за херня с рекламным спамом на планшете, прикрывающем только афтешок?
похоже один из блоков работает на айпадах не так как заявлено.
отключил его сейчас.
Исчезла проблема?
да, вроде исчезла. а на смарфоне сегодня вечером попробую настроить мобильную версию. спасибо.
проверьте еще раз - рекламщики клянутся, что уже устранили пррблему на своей стороне, и я их вернул.
нет всплывающих окон на айпаде?
Страницы