Как пользователи видят ваш сайт

    Google запустил новый инструмент — Browser Size.

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

    То же самое относится и к браузерам. Рассмотрим кнопку с просьбой о пожертвовании на некоммерческом сайте. Если она расположена далеко внизу на странице, её можно не увидеть при первом взгляде на эту страницу. Пользователь, конечно, может прокрутить вниз, но многие люди так не сделают и вообще пропустят кнопку. Например, на странице загрузки «Google Планета Земля» количество загрузок увеличилось на 10 %, когда кнопку «Скачать» перенесли на 100 пикселей вверх.

    Однако в браузерах нет чёткой линии, разделяющей верхнюю и нижнюю части, потому что у разных пользователей могут быть самые разные разрешения мониторов, браузеры не всегда развёрнуты на полный экран и панели инструментов могут занимать дополнительное место. Для того, чтобы помочь вам понять, как каждый видит ваш сайт, создан инструмент под названием Browser Size. Его работа основана на выборке данных посетителей google.com. Специальный код собирает данные о высоте и ширине браузера для выборки пользователей. Для заданной точки в браузере инструмент может сказать, какой процент пользователей может видеть её. Например, если важный элемент находится в области «80 %», то это означает, что 20 % пользователям приходится прокручивать страницу, чтобы увидеть его. Если вы веб-дизайнер, вы можете использовать Browser Size для изменения своей страницы с целью минимизации необходимости прокрутки и убедиться, что важные части страницы всегда видные вашим пользователям.

    Поделиться публикацией
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама
    Комментарии 57
    • +1
      тупо наложение статичной картинки не айс. так и я могу. а вот, допустим, к моему блогу такое не применить. Элементы управления в основном справа либо в центре. Плюс яркие привлекающие внимания изображения справо. Врятли нормальный человек будет смотреть в верхний левый угол когда такая шикарная бабица справа.
      • +1
        а если смотреть на хабру, то я почему то всегда начинаю обзор с логотипа )))
        • +5
          я, например, всю шапку тупо пропускаю, даже не глядя, сразу начинаю смотреть топики. видимо, потому, что ресурс знакомый и я знаю, где искать, то что мне нужно на этом сайте.

          Кстати, где-то слышал мнение, что теория первого экрана не имеет ничего общего с действительностью
    • +14
      >Например, на странице загрузки «Google Планета Земля» количество загрузок увеличилось на 10 %, когда кнопку «Скачать» перенесли на 100 пикселей вверх.
      :-D
      ну это просто невероятно!
      интересно, зачем еще люди заходят на эту страницу кроме как за скачкой?
      то есть можно сделать выводы что 100 пикселей и 10% закачек никак не связаны.
      • +6
        Они могут просто тупо не найти кнопку
        • НЛО прилетело и опубликовало эту надпись здесь
          • 0
            давеча хотел скачать какую-то мелкую утилиту, уже и не вспомнить какую, и отправили меня с офф.сайте качать ее с какого-то каталога типа majorgeek/ticows/etc… над ссылками на то что мне нужно висел большой банер с рекламой какой-то дряни и большой красивой кнопкой DOWNLOAD. угадайте, куда я ткнул в первый раз? :")
        • +1
          Скажем так, сайт tema.ru будет привлекать в основном пустотой в левом верхнем углу)))))) а всего остального 2% посетителей не заметят))
          • 0
            В том и дело, что заметят. Сайт резиновый, попробуйте уменьшить окно до размера фиолетовой области. Всё отлично в неё помещается.
            • 0
              Я не сомневался (в этом случае))) в талантах Лебедева, в данном случае я сомневался в талантах создателя сервиса.
          • +13
            Первая мысль после захода на этот простигосподи сервис — «какое убожество!»

            Ну и пир духа — «Его работа основана на выборке данных посетителей google.com». Делать выводы о кликабельности ВСЕХ сайтов на основе дизайна одного — это сильно.

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

            Позор, какой позор. Гугль уже не тот.
            • +11
              а на 1680*1050 картинка ещё и повторяется. бред.
              • 0
                она повторяется постоянно :) попробуйте поскроллить :)
                • –2
                  В опере вообще на работает корректно.
              • –3
                Да, меня тоже больше всего поразили такие «привлекательные» черные линии, нарисованные от руки в MS Paint и супер-читаемый в некоторых местах текст.

                В голове не укладывается, как это можно было официально анонсировать — разве так сложно было «облагородить»?
                • –3
                  Это, похоже, проект какого-то из недавнонанятых индусов, в рамках знаменитого гугловского «10% рабочего времени можно тратить на свои проекты».
                  Но начальника, который пропустил это на продакшн Labs — следует наказать. :)
                • +1
                  Ну может потом сделают для каждого сайта в рамках Гугл Аналитикс. Было бы интересно. :)
                  • +2
                    Полагаю, под «выборкой данных» подразумевалась статистика о разрешениях экрана у заходящих на гугл. От дизайна их сайта она не зависит.
                    • 0
                      Зато дизайн зависит от разрешения. Тут это не учитывается.
                    • +1
                      Причем здесь кликабельность? Тут просто собрана статистика разрешений мониторов пользователей и представлена в виде такой картинки.
                    • +22
                      Что такое резиновый сайты, гугл, естественно не знает?
                      • +3
                        Резиновые сайты разработчиками этого сервиса были преданы анафеме.
                        • НЛО прилетело и опубликовало эту надпись здесь
                          • +1
                            во-во, не просто не знает, а растягивает их на всю ширину монитора и сверху кладёт картинку… пипец.

                            В общем будем продолжать по старинке, просто ресайзить окно браузера.

                            • 0
                              ну, у меня он перенес блок вниз, т.е. как будто показал мой сайт на экране шириной где-то в 1000 пикселей.
                              • 0
                                Все он знает, вам просто надо край браузера двигать под рассматриваемую ширину. И он ваш сат под картинкой резинит. И все адекватно.
                              • +6
                                Бред, если у меня сайт выровнен по центру то он не учитывает пустое место слева на мелких мониторах
                                • +13
                                  Круто, ставим опасити белый и пользуемся как анонимайзер)))))
                                  • 0
                                    :) замечательно
                                    • +2
                                      еще круче, этот «анонимайзер» умеет заходить на localhost ;)
                                      • +7
                                        там джаваскрипт и фрейм, стало быть ip будет все равно ваш )
                                        • 0
                                          надо же этому сайту какое-то значение применить
                                        • 0
                                          До первого стука в дверь.
                                        • +5
                                          Пользователи из Израиля и Ближнего востока негодуют.
                                          • 0
                                            по этой теории сайт должен помещаться примерно в 400 на 200 пикселей! Даешь сайты для смартфонов! )))
                                            • +1
                                              но у них тоже будет такое деление :)
                                              рекурсия-с
                                            • +3
                                              Хм. Недавно ж был топик о том, что процент непрокручивающих пользователей ничтожно мал. Имхо не прокручивают только те, у кого мышь без скроллера.
                                              • +2
                                                и клавиатура без стрелок и пробела
                                              • +2
                                                Может, кому-нибудь пригодится: http://setmy.browsersize.com/ (по клику выставляет нужный размер окна).
                                                • +2
                                                  Спасибо, хорошая памятка, какие там ещё есть разрешения.

                                                  WebDeveloperTools — отлично справляется со всем остальным.
                                                • 0
                                                  Несколько топорный «сервис» типа «ещё раз объясняем для полных идиотов».
                                                  Забавно: какой такой 1% пользователей не видит область 250 х 500?

                                                  Надо было Гуглу анонсировать этот сервис к 1-му апреля: кто-то посмеётся, а кому-то может и пригодиться. А так — вон какая неоднозначная реакция.

                                                  Успехов.
                                                  • +1
                                                    Абсолютный bullshit. Было бы гораздо правильнее, если бы картинка генерилась на основе данных, собранных Google Analytics для этого сайта. Не понимаю, почему они не сделали именно так.
                                                    • 0
                                                      как же достали эти высосанные из… пальца? идеи о том, что пользователь не увидит содержимого страницы, если оно сразу не попало на видимую часть при открытии.

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

                                                      конечно, они не будут прокручивать страницу, если ДИЗАЙН страницы такой, что возникает ощущение её завершённости (к примеру, огромные вертикальные отступы у блоков с содержимым могут создать впечатление, что «там внизу» больше ничего нет), или если СОДЕРЖИМОЕ им просто НЕ ИНТЕРЕСНО.
                                                      • +1
                                                        Целый «сервис» для того чтобы сказать — верстка под 1024×768 достаточна, чтобы у 80% посетителей не было проблем.
                                                        • 0
                                                          Не достаточна. Необходима резиновая вёрстка. Иначе ваши 1024 у пользователей с большим широким экраном (кстати, гораздо более требовательных) половина его будет пустовать. Это вызывает отторжение покруче скрола.
                                                          Не для споров, просто моё мнение.
                                                          • 0
                                                            В нынешнем 2009 году я и в мыслях не имел фиксированную по ширине верстку.
                                                            • +1
                                                              Жаль что очень многие её имеют, и не только в мыслях.
                                                        • НЛО прилетело и опубликовало эту надпись здесь
                                                          • –1
                                                            да у меня также. ufoparkour.ru, вот например. имхо не очень правильно так делать. пользователь же понимает что сайт посередине, а тут мне сайт нужно в бок угонять.
                                                          • 0
                                                            Все, у кого траблы, попробуйте в Chrome, вполне возможно, глюки уйдут
                                                            • +1
                                                              Гугл решить поиграть в К.О.

                                                              Главное чтобы этот ресурс прошёл незамеченным, а то дизайнеров буду заставлять рисовать сайт по шаблону.
                                                              • +7
                                                                Почему бы не двигать эту кнопку каждый день на 100 пикселей, и увеличивать количество загрузок до бесконечности!
                                                                • +1
                                                                  Очевидно потому, что она изначально не была бесконечно низко :)
                                                                • +1
                                                                  Попробовал чисто ради интереса скормить ему несколько популярных ресурсов — все отображаются, кроме одного:

                                                                  Причём не переваривается исключительно эта социалка. Интересно, почему? =))
                                                                  • +3
                                                                    if (parent && parent != window && (browser.msie || browser.opera || browser.mozilla || browser.chrome || browser.safari || browser.iphone)) {
                                                                    onDomReady(function() {
                                                                    document.write('THIS IS NOT VKONTAKTE AND NOT VK SITE');
                                                                    });
                                                                    • 0
                                                                      Спасибо за разъяснение — я поначалу почему-то и не подумал, что дело может быть в самом Контакте…

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