Prezentacja Grzegorza Miłkowskiego z Interaktywnie.com w ramach World Usability Day Tour 2009!

2. Marketer kontra użyteczność
Marketing jest nieodłączną
częścią działań w internecie
Marketerzy chcą mieć jak największy wpływ
na proces budowania serwisu internetowego
Ich nieprzemyślana ingerencja może wiązać się
z dużymi szkodami dla powstającej kreacji
W skrajnych przypadkach może przekształcić serwisy www w twory,
którym z użytecznością jest całkowicie nie po drodze!

3. Dwa spojrzenia na ten sam produkt
marketerzy posiadają specyficzną,
ukierunkowaną wiedzę
różne spojrzenia na jeden produkt, jakim jest strona
www, mogą powodować spięcia na styku dwóch
zawodów – marketera i specjalisty ds. użyteczności
Artur Pszczółkowski
group marketing web coordinator, Sanitec Corp.
„Marketerzy oczywiście chcą mieć jak największy wpływ na cały proces – to ich
własne dziecko, szczególnie gdy projekty przekraczają cenowo 6 cyfr. Jednak te chęci
to czasami problem całego projektu. (…) Zadaniem dobrej agencji usability jest taką
wiedzę poprawnie wykorzystać, tłumacząc marketerowi co dzieje się krok po kroku.
(…) Z obu stron ważny jest balans.”

4. Punktem, w którym często pojawiają się nieporozumienia,
jest samo projektowanie koncepcji serwisu, kiedy ma
miejsce planowanie zakresu funkcji
Osoba odpowiedzialna za wizję dąży do
nadmiernego rozbudowywania witryny
Klasyczna prośba marketera:
„Prosiłbym w tym miejscu o większy banner. Może
jeszcze trochę go powiększmy… O tak jest dobrze.
Hmmm… A może jeszcze minimalnie go rozszerzymy?”
Częstym zjawiskiem jest chęć prezentacji
jak największej liczby informacji na
głównej stronie serwisu
efektem jest niepotrzebny
szum informacyjny
Zadaniem specjalisty od usability jest
usunięcie zbędnych funkcji, których
nadmiar zagraża intuicyjności serwisu

5. Wojciech Chojnacki
project manager, Symetria
„Chęć pogodzenia kwestii użyteczności i marketingu
wymaga otwartej rozmowy i chęci wzajemnego dzielenia się
opiniami. Często chęć zastosowania specjalnych rozwiązań
marketingowych daje tylko pozorne korzyści, a w praktyce
okazuje się, że zebrane dane są nieprawdziwe, a reklama w
danym miejscu w ogóle nie przyciąga uwagi.”

6. Specjaliści od usability zaznaczają, że coraz liczniejsza grupa
marketerów posiada już odpowiednią wiedzę, pozwalającą im
na zrozumienie specyfiki różnych projektów
Proponowanie stałego zestawu narzędzi, bez
zastanowienia się czy odpowiadają one
faktycznym potrzebom użytkowników,
odchodzi powoli do lamusa
Marek Kasperski
właściciel ThinkLab
„Marketerzy uwielbiają myśleć, że czerwony sprzedaje i pragną
myśleć, że umieszczenie jak największej ilości dużych czerwonych
przycisków z napisami „Kup, Kup, Kup”, przyczyni się do zwiększenia
konwersji.”

7. Mimo tej wiedzy, wciąż istnieją pewne obszary, które
marketerzy chcą moderować.
Niekoniecznie zgodnie z zasadami użyteczności!
• naciskają na tworzenie
miejsc, w których mogą być
umieszczane poboczne
komunikaty sprzedażowe
• chcą rozbudowywać pola,
pozwalające na uzyskanie
informacji na temat
użytkowników
W momencie kiedy działanie serwisu
staje w opozycji do użytkownika,
powinna zapalać się przysłowiowa
czerwona lampka!

8. Maciej Lipiec,
user experience director, K2 Internet
„Sama użyteczność nie jest nigdy celem, a tylko
jednym ze środków do stworzenia udanego serwisu.
Właściwym celem jest sprzedaż, reklama, spełnienie
potrzeb klientów, przekonanie użytkowników do
zostawienia swoich danych kontaktowych, wzięcia
udziału w tworzeniu treści, w konkursie czy programie
lojalnościowym.”

9. Zgoda to jedno…
…trzeba też wiedzieć
kim jest nasz odbiorca…
…aby mówić do niego
w sposób, który
zaakceptuje.

10. Wśród polskich internautów można
obserwować coraz szerszy rozkład
wiekowy. Nikogo już nie dziwią osoby
sędziwe, poznające możliwości
wirtualnego świata.
Systematycznemu obniżaniu ulega
również dolna granica - najmłodsi
internauci swoje „pierwsze kliknięcie”
odnotowują już w wieku kilku lat.
W efekcie, w procesie przygotowywania serwisu www,
konieczne jest wzięcie pod uwagę grupy docelowej,
która stanie się jego odbiorcą!

11. Dla różnych grup wiekowych
projektuje się w trochę inny sposób
w zależności od liczby
lat, jaką liczy sobie
użytkownik, różnicują
się również jego
umiejętności

12. Osoby młode nie chcą być np. biernymi
odbiorcami prezentowanych treści
Chcą je również
• tworzyć
• moderować
• dowolnie ze sobą mieszać
Dostosowując wszystkie
elementy w jak najwyższym
stopniu do swoich
indywidualnych preferencji
Są przyzwyczajeni do
bombardowania treściami,
działają szybko i pewnie,
wybierając pierwszą – ich
zdaniem – sensowną ścieżkę,
która doprowadzi do celu

13. Wraz z wiekiem rośnie zapotrzebowanie na serwisy o prostszej budowie,
w których zagęszczenie informacji na każdej stronie jest mniejsze
• Seniorzy doceniają większy rozmiar tekstu oraz zachowanie
dobrego kontrastu
• Zwrócić należy uwagę na barwę łącz, gdyż z wiekiem widzenie
koloru niebieskiego jest coraz gorsze
• Trzeba więc unikać stosowania opcji ukrywania podkreślenia
linków
• Witryna powinna mieć duże obszary, w które można kliknąć -
np. zdjęcia bądź przyciski nawigacyjne
• Seniorzy mogą nie poradzić sobie z rozwijanym menu,
będącym kłopotliwym narzędziem dla z obniżoną sprawnością
manualną
• Pomocne są funkcje umożliwiające powiększenie czcionki oraz
drukowanie wybranych informacji

14. • Teksty na stronie powinny być
wyczerpujące, ale omawiające
problem w jak najprostszy sposób
• Linki muszą mieć jednoznaczne
opisy
• Seniorzy mogą nie zrozumieć
terminu, który dla nas może być
oczywisty
• Informacje powinny być
przedstawione w formie online

15. Użyteczność a niepełnosprawni
Komputer i Internet to okno na świat osób
słabowidzących i niewidomych

16. Kluczowym aspektem jest poznanie sposobu posługiwania się
osób niepełnosprawnych przeglądarką internetową
osoby słabowidzące
zapoznają się
z prezentowaną treścią
w sposób liniowy
elementy graficzne musza
być logicznie opisane
nazwa pliku „12345.jpg”
nic osobie niewidomej
nie powie

17. Równie ważne jest
wykorzystanie elementów
ułatwiających nawigację,
tj. opisy linków i nagłówków
Ważny jest kontrast
pomiędzy tłem strony a tym
co się na nim znajduje
słaby może nawet uniemożliwić pracę z serwisem
Problem stanowią różnego rodzaju formularze,
wyszukiwarki, pola edycyjne, które pozostają
niezauważone przez osobę niedowidzącą,
korzystającą nawet z dużego powiększenia

18. Aby z komputerem pracowało się
lepiej, osoby słabowidzące
stosują tricki
• korzystają z pomniejszonej rozdzielczości
ekranu (do 800x600)
• stosują schematy kolorów o wysokim
kontraście (np. ciemne tło i jasne litery)
lub negatyw, czyli białe tło staje się czarnym,
a czcionka przybiera inne kolory
• powiększają elementy graficzne systemu
operacyjnego, takie jak np. elementy menu,
wskaźnik myszki
• wyłączają arkusze stylów lub opracowują
i podłączają własne, które zawsze w taki sam
sposób będą prezentowały odsyłacze,
teksty itp.

19. Stosowanie się do WCAG
(Web Content Accessibility Guidelines)
• prawidłowe konstruowanie formularzy - tworzenie
formularzy korzystając ze znaczników HTML "label" w celu
opisu pól wprowadzania danych; pozwala to
screenreaderowi na łatwiejsze poprowadzenie użytkownika
przez proces wypełniania formularza
• opis obrazków - stosowanie atrybutu "alt" dla obrazków w
celu opisu, co się na nim znajduje
• mapa serwisu - prezentacja całej struktury serwisu w
postaci pełnej listy stron ułatwia i przyspiesza nawigację
• umiar w stosowaniu elementów Flash - dla większości
screenreaderów elementy flaszowe stanowią białą plamę w
serwisie
• czytelna prezentacja treści i kontrastowa kolorystyka
• serwisy powinny być pisane na dowolną rozdzielczość
ekranu
• istotne jest wykorzystywanie wartości względnych podczas
budowania zawartości ekranu. Jeśli coś posiada
bezwzględną szerokość 100px to przy powiększeniu tekst
„wychodzi” poza określony obszar.
• przygotowanie menu systemu w taki sposób, aby nie było
ono bardzo czułe na ruchy wskaźnika myszy

20. Słowem:
strona internetowa tworzona z myślą o osobie
niepełnosprawnej ma być użyteczna
i funkcjonalna
graficzne fajerwerki poprawiające jej wygląd
powinny zejść na dalszy plan

21. Co więcej w raporcie
„Użyteczność w Internecie”?
• można dowiedzieć się jak użyteczność
ewoluuje wraz ze społecznością
• poznać polski rynek użyteczności
• przeczytać o budowaniu architektury treści
• zapoznać się z tematem budowania mobilnej
użyteczności
• dowiedzieć się w którym roku życia człowiek
zaczyna zauważać reklamy

22. http://interaktywnie.com/biznes/raporty