Dostepnosc stron www dla urzadzen mobilnych

17
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

description

Robert Drózd - Aula Polska 16: 7 lutego 2008. Czy osobne, mobilne wersje stron są potrzebne? Więcej na: http://www.webaudit.pl/blog/2008/czy-warto-tworzyc-mobilne-wersje-stron-prezentacja/

Transcript of Dostepnosc stron www dla urzadzen mobilnych

Page 1: Dostepnosc stron www dla urzadzen mobilnych

Dostępność stron WWW dla urządzeń mobilnych– czy warto tworzyć mobilne wersje stron?

Robert DrózdWebAudit.pl

Aula Polska 16: 7 lutego 2008

Page 2: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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?

Page 3: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

Walidator ready.mobi i normalna strona

Page 4: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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?

Page 5: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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?

Page 6: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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

Page 7: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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

Page 8: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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

Page 9: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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)

Page 10: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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

Page 11: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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.

Page 12: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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.

Page 13: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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?

Page 14: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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)

Page 15: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

3. Co mówią standardy?

Web Content Accessibility Guidelines dotyczą WSZYSTKICH sytuacji dostępności.

Mobile Web Best Practiceshttp://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

Page 16: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

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?

Page 17: Dostepnosc stron www dla urzadzen mobilnych

Aula Polska 16: 7 lutego 2008 Robert Drózd: [email protected]

Dziękuję za uwagę!

Więcej o dostępności dla urządzeń mobilnych http://www.w3.org/TR/mobile-bp/ - standardy http://dev.mobi/ - porady http://ready.mobi/ - walidator (przerażający)

Pytania, uwagi? [email protected]

www.webaudit.pl/blog/