Dostępność stron WWW dla urządzeń mobilnych – czy warto tworzyć mobilne wersje stron? Robert Drózd WebAudit.pl Aula Polska 16: 7 lutego 2008.

Prezentacja na temat: "Dostępność stron WWW dla urządzeń mobilnych – czy warto tworzyć mobilne wersje stron? Robert Drózd WebAudit.pl Aula Polska 16: 7 lutego 2008."— Zapis prezentacji:

1 Dostępność stron WWW dla urządzeń mobilnych – czy warto tworzyć mobilne wersje stron? Robert Drózd WebAudit.pl Aula Polska 16: 7 lutego 2008

2 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Menu dnia: 3 sprawy : 1. Dlaczego powstają mobilne wersje stron? czyli wyzwania dla projektantów 2. Mobilne wersje stron - tak czy nie? 3. Co mówią nam standardy?

3 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Walidator ready.mobi i normalna strona

4 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl 1.Dlaczego powstają mobilne wersje stron? Ograniczenia prezentacji jaki ekran urządzenia? Ograniczenia interakcji tylko kursor? czy też trackbal lub touchscreen? Ograniczenia łącza WIFI – OK, a co jeśli GPRS w którym płacimy za 100kB? Ograniczenia oprogramowania Ile jest przeglądarek mobilnych? Ile wersji?

5 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Czego potrzebuje użytkownik strony mobilnej? Potrzeby użytkowników mobilnych są diametralnie różne od potrzeb użytkowników klasycznych. Konieczna jest analiza potrzeb dla ustalenia wartości kluczowych dla użytkownika mobilnego. (Tomasz Karwatka, kurs Mobile Internet) Ale nie wolno ograniczać tego do sprzętu Czy na pewno potrzeby użytkownika, który w swojej komórce ma ekran 640x400, klawiaturę qwerty, łatwą możliwość nawigacji (trackball lub rysik) są tak różne od potrzeb użytkowników klasycznych? Skąd my wiemy, że ktoś nie będzie na tyle zdeterminowany, aby np. za pomocą komórki korzystać z forum?

6 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Rozwiązania w 95% komórek – tryb linearny strona od góry do dołu struktura nagłówek nawigacja treść linearnie odmiana: Small Screen Rendering zwijanie treści

7 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Lecz coraz więcej przeglądarek – normalny! Jeśli ekran duży…? Smartfony Opera Mobile 640x400? Czemu nie. Tryb Landscape Opera Mini 4 Przy wejściu na stronę podgląd całości

8 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Rozwiązania - technologie pomocnicze Założenie: większość stron nie nadaje się do urządzeń mobilnych, dlatego trzeba je automatycznie przerobić. Trzy modele integracja z przeglądarką – wszystkie zapytania, jako proxy Opera Mini usługa webowa Google Mobile przerabianie indywidualnych stron

9 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl 3. Osobna wersja – co to zwykle jest? Strona przekształcona do trybu linearnego Funkcjonalność ograniczona Wygląd: zwykle taki sam w bardzo prostych, jak i zaawansowanych przeglądarkach Zwykle osobna domena (np. gazeta.mobi), lub subdomena (lajt.onet.pl, mini.wp.pl)

10 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Osobna wersja – zawsze? Działa, jeśli: przeglądarka korzysta z trybu linearnego stronę odwiedzamy bezpośrednio Mniej potrzebna jeśli: korzystamy z technologii pomocniczych (Opera Mini, Google Mobile itd.) Bardzo niepotrzebna, jeśli: przeglądarka działa w trybie normalnym

11 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Osobna wersja – a użytkownicy? TAK, jeśli: mamy osobny zestaw czynności, które użytkownik komórki może wykonać i chcemy te czynności ułatwić. z niektórych funkcji na komórce NA PEWNO nie będzie się korzystać (ale z tym ostrożnie) NIE, jeśli: scenariusze korzystania są takie same jak w przypadku PC.

12 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Osobna wersja – przykłady m.nokaut.pl serwis realizuje jedno zadanie: jesteś w sklepie - sprawdź ceny artykułu, który wziąłeś z półki można wpisać cokolwiek numer kodu kreskowego tytuł, autora itd. m.ceneo.pl odpowiednik wersji normalnej zapomnijcie o kodach.

13 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Osobna wersja – serwisy informacyjne lajt.onet.pl zubożona wersja serwisu wiadomosci.onet.pl np. bardzo schowano blogi polityczne istota wiadomosci.onet.pl – linki do najnowszych wiadomości… istota lite.onet.pl – linki do najnowszych wiadomości… Po co więc osobna wersja? żeby schować reklamy?

14 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Jakie adresy? Domena.mobi? sposób na wyciągnięcie kasy (promocja u jednego z rejestratorów:.mobi 100zł,.com 8 zł) inne globalne domeny funkcyjne (.biz,.info) nie stały się popularne Lepiej subdomena: lajt.onet.pl Jeszcze lepiej: ten sam adres i rozpoznawanie urządzenia po stronie serwera. Nie każmy ludziom pamiętać osobnego adresu. (Ale pamiętajmy aby można było wyłączyć wersję mobilną, jeśli użytkownik mobilny ma takie życzenie)

15 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl 3. Co mówią standardy? Web Content Accessibility Guidelines dotyczą WSZYSTKICH sytuacji dostępności. Mobile Web Best Practices http://www.w3.org/TR/mobile-bp/ http://www.w3.org/TR/mobile-bp/ przygotowane przez W3C oparte na WCAG XHTML - Mobile Profile rozszerzenie tradycyjnego XHTML Basic przygotowane przez Open Mobile Alliance podstawa tworzenia osobnych stron

16 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Idea one web One Web means making, as far as is reasonable, the same information and services available to users irrespective of the device they are using. (Mobile Web Best Practices 1.0) Bo ile tych sieci ma być, jeśli będziemy myśleli nad wersjami?

17 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl Dziękuję za uwagę! Więcej o dostępności dla urządzeń mobilnych http://www.w3.org/TR/mobile-bp/ - standardy http://www.w3.org/TR/mobile-bp/ http://dev.mobi/ - porady http://dev.mobi/ http://ready.mobi/ - walidator (przerażający) http://ready.mobi/ Pytania, uwagi? rdrozd@webaudit.pl www.webaudit.pl/blog/ rdrozd@webaudit.pl www.webaudit.pl/blog/