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

Post on 14-Jan-2016

26 views 0 download

description

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. Menu dnia:. 3 sprawy : Dlaczego powstają mobilne wersje stron? czyli wyzwania dla projektantów Mobilne wersje stron - tak czy nie? - PowerPoint PPT Presentation

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

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

Robert DrózdWebAudit.pl

Aula Polska 16: 7 lutego 2008

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?

Aula Polska 16: 7 lutego 2008 Robert Drózd: rdrozd@webaudit.pl

Walidator ready.mobi i normalna strona

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?

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?

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

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

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

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)

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

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.

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.

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?

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)

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 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

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

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.pl

www.webaudit.pl/blog/