Dostępność stron WWW dla urządzeń mobilnych – czy warto tworzyć mobilne wersje stron? Robert Drózd WebAudit.pl Aula Polska...
Menu dnia: <ul><li>3 sprawy : </li></ul><ul><li>Dlaczego powstają mobilne wersje stron?  </li></ul><ul><ul><li>czyli wyzwa...
Walidator ready.mobi i normalna strona
<ul><li>Dlaczego powstają mobilne wersje stron? </li></ul><ul><li>Ograniczenia prezentacji </li></ul><ul><ul><li>jaki ekra...
Czego potrzebuje użytkownik strony mobilnej? <ul><li>Potrzeby użytkowników mobilnych są diametralnie różne od potrzeb użyt...
Rozwiązania w 95% komórek – tryb linearny <ul><li>strona od góry do dołu </li></ul><ul><li>struktura </li></ul><ul><ul><li...
Lecz coraz więcej przeglądarek – normalny! <ul><li>Jeśli ekran duży…? </li></ul><ul><ul><li>Smartfony </li></ul></ul><ul><...
Rozwiązania - technologie pomocnicze <ul><li>Założenie: </li></ul><ul><ul><li>większość stron  nie nadaje się  do urządzeń...
3. Osobna wersja – co to zwykle jest? <ul><li>Strona przekształcona do trybu linearnego </li></ul><ul><li>Funkcjonalność <...
Osobna wersja – zawsze? <ul><li>Działa, jeśli: </li></ul><ul><ul><li>przeglądarka korzysta z trybu linearnego </li></ul></...
Osobna wersja – a użytkownicy? <ul><li>TAK, jeśli: </li></ul><ul><ul><li>mamy osobny zestaw czynności, które użytkownik ko...
Osobna wersja – przykłady <ul><li>m.nokaut.pl </li></ul><ul><ul><li>serwis realizuje jedno zadanie: </li></ul></ul><ul><ul...
Osobna wersja – serwisy informacyjne <ul><li>lajt.onet.pl </li></ul><ul><ul><li>zubożona wersja serwisu wiadomosci.onet.pl...
Jakie adresy? <ul><li>Domena .mobi? </li></ul><ul><ul><li>sposób na wyciągnięcie kasy (promocja u jednego z rejestratorów:...
3. Co mówią standardy? <ul><li>Web Content Accessibility Guidelines </li></ul><ul><ul><li>dotyczą WSZYSTKICH sytuacji dost...
Idea „one web” <ul><li>One Web means making, as far as is reasonable, the same information and services available to users...
Dziękuję za uwagę! <ul><li>Więcej o dostępności dla urządzeń mobilnych </li></ul><ul><ul><li>http://www.w3.org/TR/mobile-b...
Upcoming SlideShare
Loading in …5
×

Dostepnosc stron www dla urzadzen mobilnych

3,503 views
3,433 views

Published on

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/

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,503
On SlideShare
0
From Embeds
0
Number of Embeds
1,337
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Dostepnosc stron www dla urzadzen mobilnych

  1. 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. 2. Menu dnia: <ul><li>3 sprawy : </li></ul><ul><li>Dlaczego powstają mobilne wersje stron? </li></ul><ul><ul><li>czyli wyzwania dla projektantów </li></ul></ul><ul><li>Mobilne wersje stron - tak czy nie? </li></ul><ul><li>Co mówią nam standardy? </li></ul>
  3. 3. Walidator ready.mobi i normalna strona
  4. 4. <ul><li>Dlaczego powstają mobilne wersje stron? </li></ul><ul><li>Ograniczenia prezentacji </li></ul><ul><ul><li>jaki ekran urządzenia? </li></ul></ul><ul><li>Ograniczenia interakcji </li></ul><ul><ul><li>tylko kursor? czy też trackbal lub touchscreen? </li></ul></ul><ul><li>Ograniczenia łącza </li></ul><ul><ul><li>WIFI – OK, a co jeśli GPRS w którym płacimy za 100kB? </li></ul></ul><ul><li>Ograniczenia oprogramowania </li></ul><ul><ul><li>Ile jest przeglądarek mobilnych? Ile wersji? </li></ul></ul>
  5. 5. Czego potrzebuje użytkownik strony mobilnej? <ul><li>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) </li></ul><ul><ul><li>Ale nie wolno ograniczać tego do sprzętu </li></ul></ul><ul><ul><ul><li>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? </li></ul></ul></ul><ul><ul><li>Skąd my wiemy, że ktoś nie będzie na tyle zdeterminowany, aby np. za pomocą komórki korzystać z forum? </li></ul></ul>
  6. 6. Rozwiązania w 95% komórek – tryb linearny <ul><li>strona od góry do dołu </li></ul><ul><li>struktura </li></ul><ul><ul><li>nagłówek </li></ul></ul><ul><ul><li>nawigacja </li></ul></ul><ul><ul><li>treść linearnie </li></ul></ul><ul><li>odmiana: Small Screen Rendering </li></ul><ul><ul><li>zwijanie treści </li></ul></ul>
  7. 7. Lecz coraz więcej przeglądarek – normalny! <ul><li>Jeśli ekran duży…? </li></ul><ul><ul><li>Smartfony </li></ul></ul><ul><ul><li>Opera Mobile </li></ul></ul><ul><ul><li>640x400? Czemu nie. </li></ul></ul><ul><li>Tryb Landscape </li></ul><ul><ul><li>Opera Mini 4 </li></ul></ul><ul><ul><li>Przy wejściu na stronę podgląd całości </li></ul></ul>
  8. 8. Rozwiązania - technologie pomocnicze <ul><li>Założenie: </li></ul><ul><ul><li>większość stron nie nadaje się do urządzeń mobilnych, dlatego trzeba je automatycznie przerobić. </li></ul></ul><ul><li>Trzy modele </li></ul><ul><ul><li>integracja z przeglądarką – wszystkie zapytania, jako proxy </li></ul></ul><ul><ul><ul><li>Opera Mini </li></ul></ul></ul><ul><ul><li>usługa webowa </li></ul></ul><ul><ul><ul><li>Google Mobile </li></ul></ul></ul><ul><ul><li>przerabianie indywidualnych stron </li></ul></ul>
  9. 9. 3. Osobna wersja – co to zwykle jest? <ul><li>Strona przekształcona do trybu linearnego </li></ul><ul><li>Funkcjonalność </li></ul><ul><ul><li>ograniczona </li></ul></ul><ul><li>Wygląd: </li></ul><ul><ul><li>zwykle taki sam w bardzo prostych, jak i zaawansowanych przeglądarkach </li></ul></ul><ul><li>Zwykle osobna domena (np. gazeta.mobi), lub subdomena (lajt.onet.pl, mini.wp.pl) </li></ul>
  10. 10. Osobna wersja – zawsze? <ul><li>Działa, jeśli: </li></ul><ul><ul><li>przeglądarka korzysta z trybu linearnego </li></ul></ul><ul><ul><li>stronę odwiedzamy bezpośrednio </li></ul></ul><ul><li>Mniej potrzebna jeśli: </li></ul><ul><ul><li>korzystamy z technologii pomocniczych (Opera Mini, Google Mobile itd.) </li></ul></ul><ul><li>Bardzo niepotrzebna, jeśli: </li></ul><ul><ul><li>przeglądarka działa w trybie normalnym </li></ul></ul>
  11. 11. Osobna wersja – a użytkownicy? <ul><li>TAK, jeśli: </li></ul><ul><ul><li>mamy osobny zestaw czynności, które użytkownik komórki może wykonać </li></ul></ul><ul><ul><ul><li>i chcemy te czynności ułatwić. </li></ul></ul></ul><ul><ul><li>z niektórych funkcji na komórce NA PEWNO nie będzie się korzystać (ale z tym ostrożnie) </li></ul></ul><ul><li>NIE, jeśli: </li></ul><ul><ul><li>scenariusze korzystania są takie same jak w przypadku PC. </li></ul></ul>
  12. 12. Osobna wersja – przykłady <ul><li>m.nokaut.pl </li></ul><ul><ul><li>serwis realizuje jedno zadanie: </li></ul></ul><ul><ul><ul><li>jesteś w sklepie - sprawdź ceny artykułu, który wziąłeś z półki </li></ul></ul></ul><ul><ul><li>można wpisać cokolwiek </li></ul></ul><ul><ul><ul><li>numer kodu kreskowego </li></ul></ul></ul><ul><ul><ul><li>tytuł, autora itd. </li></ul></ul></ul><ul><li>m.ceneo.pl </li></ul><ul><ul><li>odpowiednik wersji normalnej </li></ul></ul><ul><ul><li>zapomnijcie o kodach. </li></ul></ul>
  13. 13. Osobna wersja – serwisy informacyjne <ul><li>lajt.onet.pl </li></ul><ul><ul><li>zubożona wersja serwisu wiadomosci.onet.pl </li></ul></ul><ul><ul><ul><li>np. bardzo schowano blogi polityczne </li></ul></ul></ul><ul><ul><li>istota wiadomosci.onet.pl – linki do najnowszych wiadomości… </li></ul></ul><ul><ul><li>istota lite.onet.pl – linki do najnowszych wiadomości… </li></ul></ul><ul><li>Po co więc osobna wersja? </li></ul><ul><ul><li>żeby schować reklamy? </li></ul></ul>
  14. 14. Jakie adresy? <ul><li>Domena .mobi? </li></ul><ul><ul><li>sposób na wyciągnięcie kasy (promocja u jednego z rejestratorów: .mobi 100zł, .com 8 zł) </li></ul></ul><ul><ul><li>inne globalne domeny funkcyjne (.biz, .info) nie stały się popularne </li></ul></ul><ul><li>Lepiej subdomena: lajt.onet.pl </li></ul><ul><li>Jeszcze lepiej: ten sam adres i rozpoznawanie urządzenia po stronie serwera. </li></ul><ul><ul><li>Nie każmy ludziom pamiętać osobnego adresu. </li></ul></ul><ul><ul><li>(Ale pamiętajmy aby można było „wyłączyć” wersję mobilną, jeśli użytkownik mobilny ma takie życzenie) </li></ul></ul>
  15. 15. 3. Co mówią standardy? <ul><li>Web Content Accessibility Guidelines </li></ul><ul><ul><li>dotyczą WSZYSTKICH sytuacji dostępności. </li></ul></ul><ul><li>Mobile Web Best Practices http://www.w3.org/TR/mobile-bp/ </li></ul><ul><ul><li>przygotowane przez W3C </li></ul></ul><ul><ul><li>oparte na WCAG </li></ul></ul><ul><li>XHTML - Mobile Profile </li></ul><ul><ul><li>rozszerzenie tradycyjnego XHTML Basic </li></ul></ul><ul><ul><li>przygotowane przez Open Mobile Alliance </li></ul></ul><ul><ul><li>podstawa tworzenia osobnych stron </li></ul></ul>
  16. 16. Idea „one web” <ul><li>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 ) </li></ul><ul><ul><li>Bo ile tych sieci ma być, jeśli będziemy myśleli nad wersjami? </li></ul></ul>
  17. 17. Dziękuję za uwagę! <ul><li>Więcej o dostępności dla urządzeń mobilnych </li></ul><ul><ul><li>http://www.w3.org/TR/mobile-bp/ - standardy </li></ul></ul><ul><ul><li>http://dev.mobi/ - porady </li></ul></ul><ul><ul><li>http://ready.mobi/ - walidator (przerażający) </li></ul></ul><ul><li>Pytania, uwagi? </li></ul><ul><li>[email_address] www.webaudit.pl / blog / </li></ul>

×