Dostepnosc sklepow internetowych + wersje mobilne

Agenda1. Czym jest dostępność?2. Jakie problemy dostępności dotykają różne

osoby?3. Czy warto tworzyć osobne serwisy mobilne?

23 października 2008 2 Robert Drózd: [email protected]

Przypadek jednego przycisku…


Punkt widzenia: MARKETING Czy klient da się

przekonać do polecenia produktu znajomemu?

Jak nazwać przycisk aby go kliknięto?

Jakie dane zebrać od klienta?

Jak użycie przycisku wpłynie na konwersję?

Ile osób kupi po takim poleceniu?


Punkt widzenia: UŻYTECZNOŚĆ Czy klient zrozumie o

co chodzi? Jak nazwać przycisk,

aby klient go zrozumiał?

Czy klient będzie umiał wypełnić formularz który się wyświetli?

Czy przycisk jest wystarczający wyróżniony i widoczny na stronie produktu?


Punkt widzenia: DOSTĘPNOŚĆ Czy przycisk w ogóle

się wyświetli? Czy klient będzie w

stanie przeczytać treść przycisku?

Czy przycisk zadziała?


Punkt widzenia: DOSTĘPNOŚĆ

Słaby kontrast i czytelność

Mała czcionka

Błąd przy naciśnięciu

Jaki przycisk?


Trzy poziomy patrzenia na sklep internetowy

widoczne

niewidoczne


Dostępność Dostępność serwisu internetowego oznacza

możliwość jego postrzegania, rozumienia i korzystania przez wszystkich użytkowników, niezależnie od ich ograniczeń

funkcjonalnych – kim jest klient sytuacyjnych – w jakiej sytuacji jest klient


Dwa rodzaje ograniczeń (1)


Nie tylko „niepełnosprawność” osoby niepełnosprawne – 15% społeczeństwa

UE osoby >60 roku życia – 60% osób w wieku

produkcyjnym osoby wykluczone w UE to ok. 30-40% czyli

ok. 100 mln osób

(Komunikat Komisji Europejskiej – eDostępność (2005)


Niewidomi – klasyka dostępności

… usłyszą stronę w takiej postaci


1. cała treść strony przekształcana do formy liniowej

2. wyróżnione linki i nagłówki – można się po nich poruszać klawiaturą

3. elementy wizualne muszą mieć tekst alternatywny

Ale dostępność to nie tylko niewidomi ślepota barwna (kolor czerwony lub zielony) zaćma retinopatia cukrzycowa jaskra zwyrodnienie plamki żółtej związane z wiekiem krótkowzroczność dalekowzroczność


Daltonizm - protanopia


Dlaczego linki na początku były na niebiesko? Właśnie

dlatego.

Różne rodzaje ślepoty barwnej

- kilka % mężczyzn

Zwyrodnienie plamki żółtej związane z wiekiem (AMD)

28% populacjipo 75 roku życia

Ocenia się, że w naszym kraju na AMD choruje już

około miliona osób.http://www.retinaamd.org.pl/prasa.php


Dwa rodzaje ograniczeń (2)


Szybkość ładowania!

1. Wydajność na szybkich łączach nie powie nam NIC o tym jak serwis działa np. pod GPRS.

2. Serwis II jest najszybszy na łączu 1,5Mbit – a gdy zwolnimy do 128kbit robi się jednym z wolniejszych


dial-up to wciąż około 3-4% internautów w Polsce

Idea „one web” – podstawa dostępności 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)

Jedna sieć oznacza udostępnianie – na tyle na ile pozostaje to sensowne – tej samej informacji oraz usług, niezależnie od urządzenia z którego korzystają użytkownicy.


Standardy które pomagają wytyczne W3C (World Wide Web Consortium)

Standard poprawnego kodu XHTML/HTML Uniknięcie niespodzianek związanych z przeglądarkami

wytyczne WCAG 1.0 (Web Content Accesibility Guidelines ): dotyczą WSZYSTKICH sytuacji dostępności. A – wymagania podstawowe; muszą być wypełnione AA – wymagania zalecane; powinny być wypełnione AAA – wymagania pełne; mogą być wypełnione Nieco stare (1999)

Od 2002 trwa opracowanie wersji WCAG 2.0

Mobile Web Best Practices Oparte na WCAG – dotyczy dostępności mobilnej


Serwisy mobilne – dlaczego? Po pierwsze: nawigacja

Uproszczenie poruszania się po serwisie. Redukcja kliknięć Wykorzystanie ekranów dotykowych

Po drugie: wydajność Dostosowana grafika Mniejsza długość strony Inne rodzaje reklam

Po trzecie: korzystanie z funkcji dynamicznych Google Maps Ajax Multimedia Flash


Problemy często rozwiązane. Nawigacja

Poprawnie stworzona nawigacja serwisu nadal będzie działać pod urządzeniem mobilnym

Wydajność Opera Mini / Google Mobile – używają proxy które

zmniejszają liczbę danych do pobrania Dostęp do funkcji

dynamicznych/multimedialnych Zależne mocno od zaawansowania przeglądarki Ale wciąż dużo do zrobienia

A zatem?


Liczy się pomysł i rozpoznanie potrzeb! m.nokaut.pl

serwis realizuje jedno zadanie: jesteś w sklepie - sprawdź ceny artykułu, który

wziąłeś z półki „a może 500 metrów dalej będzie taniej?”

można wpisać cokolwiek numer kodu kreskowego tytuł, autora itd.

m.ceneo.pl odpowiednik wersji normalnej

Wyszukiwarka Przeglądanie po kategoriach

zapomnijcie o kodach.


Czy warto robić serwis mobilny? Czy klienci korzystają z telefonów przy przeglądaniu

Internetu? Jeżeli nie korzystają, to dlaczego akurat mają skorzystać z

naszego serwisu? Jakie potrzeby możemy wykreować lub odnaleźć?

Czy obecna wersja oglądana w przeglądarkach komórkowych działa prawidłowo?

Jeśli tak, to…

Czy mamy unikalny pomysł na to jak wersja mobilna pomoże naszym klientom?

Pomysł = osobny zestaw czynności (scenariusz), które klient wykona na telefonie komórkowym, a nie wykonałby siedząc przy swoim komputerze.

Klient otwiera stronę sklepu na telefonie i…? Czy mamy prawo wierzyć w transakcje?


Działania dotyczące dostępności1. Upewnij się że sklep spełnia standardy sieciowe

W3C (walidacja kodu HTML / XHTML)2. Sprawdź zgodność sklepu ze standardami

WCAG, np. http://www.cynthiasays.com/

3. Przetestuj sklep na:1. Wszelkich możliwych przeglądarkach2. Wszelkich możliwych telefonach3. Symulatorach telefonów dostępnych w Internecie

(np. www.opera.com)4. Na łączu GPRS5. Na sobie: odsuń się od monitora 50 cm i spróbuj

przeczytać tekst.4. Zapewnij zgodność ze standardami oraz

zoptymalizuj działanie sklepu5. Dopiero wtedy zastanów się nad wersją mobilną.


Dziękuję! Więcej o dostępności:

Prezentacja „Czy warto tworzyć mobilne wersje stron?”http://www.webaudit.pl/blog/2008/czy-warto-tworzyc-mobilne-wersje-stron-prezentacja/

Blog Tomasza Kępskiego o dostępnościhttp://dostepny.net/

„W głąb dostępności” – trochę stary ale wciąż aktualny kurs tworzenia dostępnych serwisów internetowychhttp://mimas.ceti.pl/dia/

Dostępność a prawo – temat tutaj pominięty, bo dotyczy raczej instytucji państwowychhttp://prawo.vagla.pl/accessibility

Pytania, uwagi? [email protected] www.webaudit.pl/blog/ - blog na temat użyteczności,

dostępności, marketingu


Dostepnosc sklepow internetowych + wersje mobilne

Technology

Transcript of Dostepnosc sklepow internetowych + wersje mobilne