PC World
sobota 13 marca 2010

Aktualności: Internet

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

.. / Internet / Narzędzia do Internetu: Przeglądarki internetowe
.. / Internet: Tworzenie stron WWW

PP
17 grudnia 2009 12:11

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.

Zobacz także:

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

Wystaw ocenę: 
 Średnia ocena: 
(Głosów: )

Komentarze

Redakcja PC World nie ponosi odpowiedzialności za wypowiedzi Internautów opublikowane na stronach serwisu oraz zastrzega sobie prawo do redagowania, skracania bądź usuwania komentarzy zawierających treści zabronione przez prawo, uznawane za obraźliwie lub naruszające zasady współżycia społecznego. Osoby zamieszczające wypowiedzi naruszające prawo lub prawem chronione dobra osób trzecich mogą ponieść z tego tytułu odpowiedzialność karną lub cywilną.

~Sailor

  • ocena: brak oceny
  • IP: 78.8.147.4
  • 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.

~Gość

  • ocena: brak oceny
  • IP: 78.88.138.203
  • 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

~Vatharian

  • ocena: brak oceny
  • IP: 89.77.88.49
  • 17-12-2009, 14:05

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

~KDT

  • ocena: brak oceny
  • IP: 89.174.124.165
  • 17-12-2009, 18:27

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

konio

  • ocena: brak oceny
  • IP: 213.192.113.30
  • 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.

~Gość

  • ocena: brak oceny
  • IP: 88.156.21.24
  • 17-12-2009, 23:25

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

~Wesoły

  • ocena: brak oceny
  • IP: 88.199.105.84
  • 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ą.

PROGRAMY DLA FIRM

AUKCJE

BMW X3 e83 MONITOR BORDMONITOR

Kup Teraz: 499 zł
Ilość przedmiotów: 2
Liczba ofert: 0
Data zakończenia: 2010-04-02 18:50:34
Lokalizacja: wroclaw