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

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

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

4. 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? Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

5. 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? Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

6. 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 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

7. 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 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

8. 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 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

9. 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) Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

10. 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 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

11. 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. Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

12. 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. Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

13. 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? Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

14. 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) Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

15. 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 Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

16. 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? Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

17. 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? • rdrozd@webaudit.plwww.webaudit.pl/blog/ Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl