Google Browser Size powie, co widać w przeglądarce

Google udostępniło narzędzie, dzięki któremu można ocenić, jak wielu internautów widzi poszczególne elementy danej strony internetowej. Informacje uzyskane za pomocą Browser Size pozwolą przeprojektować stronę w taki sposób, by ważne elementy były widoczne u jak największej liczby użytkowników.
Browser Size to nowe narzędzie autorstwa Google, którego zadaniem jest ułatwienie pracy programistów. Dzięki niemu już na etapie projektowania strony mogą oni uwzględnić wielkość okna przeglądarki u internautów. Determinuje ona, które elementy strony są widoczne, a które ukryte. Dzięki takiej informacji ważne przyciski czy inne elementy strony można umieścić w miejscach, które są widoczne we wszystkich lub w większości przeglądarek.

Do opracowania narzędzia przyczynił się Bruno Bowden z zespołu Google Earth, który zauważył, że wiele osób odwiedzających stronę pobierania Google Earth nie kliknęło samego przycisku pobierania.

Elementy znajdujące sie w obszarze zaznaczonym kolorem fioletowym ujrzy 99 proc. odwiedzająych daną stronęKliknij, aby powiększyćElementy znajdujące sie w obszarze zaznaczonym kolorem fioletowym ujrzy 99 proc. odwiedzająych daną stronęAnalizując problem Bowden doszedł do wniosku, że przyczyną były zbyt małe okna przeglądarek, co uniemożliwiało zobaczenie przycisku pobierania, umieszczonego po prawej stronie. Na podstawie analiz opracował mapę wielkości okien przeglądarek, w której różnymi kolorami przedstawiono obszary strony najczęściej i najrzadziej widoczne w oknach używanych przez użytkowników programów.

Browser Size po wpisaniu adresu strony nakłada na nią mapę widoczności, dzięki czemu można ocenić poprawność jej zaprojektowania pod względem widoczności poszczególnych elementów. Mapa pozwala ocenić jak wielu użytkowników musi przewinąć stronę, by zobaczyć jej różne obszary. Przykładowo, jeśli jakiś ważny element znajdzie się w obszarze widoczności o wskaźniku 80 proc., będzie to oznaczać, że nie zobaczy go 20 proc. internautów.

Zmiana projektu strony na podstawie informacji o widoczności przycisku pobierania, pozwoliła Google Earth na zwiększenie współczynnika pobierania aż o 10%.

Więcej informacji: Google Code Blog
Tagi: Google Earth, Google, tworzenie stron,
Oryginalny tekst został opublikowany na www.idg.pl
Ocena:
Twoja ocena:

Komentarze (7)

~Wesoły

18-12-2009 08:12

@Konio, sporo profesjonalnych witryn stosuje elastyczne layouty. Po co ? A po to by witryna w 1600x1200 wyglądała tak samo jak na 1024x768. Layouty z możliwością np ukrycia jakiejś kolumny które potrafią się dopasowąć do ekranu użytkownika. Jak jeszcze dodać odrobinę kodu javascript i ciasteczka by móc sterować wielkością czcionki i paroma innymi rzeczami (ciasteczka by te ustawienia zapamiętać) to mamy dość uniwersalną witrynę. Nie mniej jednak specyfika tego typu rozwiązań wymaga odpowiedniego zaprojektowania laya by niezależnie od tego w jekij rozdzielczości nie wyląduje, wyglądał dobrze. Niestety również zaprojktowanie tego laya (biorąc pod uwagę to że okno przeglądarki nie zawsze jest zmaksymalizowane) wymaga zaawansowanego użycia CSS a co za tym idzie - sporo kodu Javascript by zamaskować niedoróbki Internet Explorera poniżej wersji 8 (gdzie wersja 8 ma nadal niski udział na rynku a sama też zbyt dobra nie jest). Chodzi o to by małe okno nie uczyniło strony nieczytelną.

~Gość

17-12-2009 23:25

czy to nie programiści powinni o tę redukcję zadbać?

konio

17-12-2009 21:04

Co za beznadzieja, A gdzie opcja dla wyśrodkowanych stron. Co to poniższe ma znaczyć? Ile takich stron jest? Browser Size works best on web pages with a fixed layout aligned to the left. If the content reflows as the width is adjusted or it is centered, then the results can be misleading. In this case, you can obtain more accurate results by reducing the browser width to a percentage column, e.g. 90% and seeing what content falls below the 90% horizontal line.

~KDT

17-12-2009 18:27

Oczywiście, durne pały olały Operę i guzik z pętelką można na niej zobaczyć :(((

~Vatharian

17-12-2009 14:05

być może masz zbyt małe okno przeglądarki, żeby zobaczyć ta stronę, gdyz ona... działa.

~Gość

17-12-2009 14:01

nie wiem czy 6 minut temu jeszcze nie działała ale teraz jak najbardziej działa. więc po co ten krzyk

~Sailor

17-12-2009 13:54

Gratulacje dla autora artykułu i poziomu IDG.pl Strona Browser Size jeszcze nie działa. Moglibyście chociaż przetestować jak coś opisujecie.

Polecane

Kariera w IT 2012

Kariera w IT 2012
Uczelnie, rynek pracy, rekrutacja, pracodawcy, rozwój zawodowy - czyli wszystko, co chcielibyście wiedzieć o pracy specjalistów IT w Polsce. Piszemy jakie uczelnie wybrać, dlaczego warto studiować informatykę i kierunki techniczne, jak wygląda proces rekrutacji i jak dobrze wypaść przed pracodawcą, opisujemy pracodawców - firmy IT - i możliwe ścieżki kariery.

Pobierz bezpłatnego e-booka

20 lat polskiej sieci
Ebook 20 lat polskiej sieci to kompletna charakterystyka polskiego internetu (oraz polskiego internauty). Odpowiadamy na pytanie, jak wygląda nasz kraj na tle bliższych i dalszych europejskich sąsiadów pod względem popularyzacji szerokopasmowych łączy internetowych i rynku mobilnego. Wymieniamy również wady i zalety korzystania z bezpłatnych punktów dostępowych.
Jeśli chcesz otrzymać darmowego e-booka, wpisz swój adres e-mail. Wyślemy Ci go natychmiast!
Wyrażam zgodę na wykorzystywanie mojego adresu email do celów marketingowych. rozwiń »