Dobre i złe strony instytucji kultury.

Znaczenie web usability w procesie

komunikacji z klientem

Maciek Wojciechowski

New Business Manager

Circle Sp. z.o.o

UX - User Experience Wysokie UX:

spełnienie potrzeb użytkownika bez przeszkód oraz prostota i elegancja zapewniająca satysfakcję z użytkowania strony www.

Użyteczność www (web usability)

Funkcjonalność strony www

Ilość i dostępność funkcji pozwalających użytkownikowi wykonać określone zadania

Użyteczność Stopień przystosowania strony www do potrzeb i umiejętności użytkownika. Wysoka użyteczność to: • intuicyjne poruszanie się po stronie • szybka nauka funkcji strony • rzadko popełniane błędy • osiągnięcie celu za pierwszym razem

Użyteczność www = łatwość i przyjemność korzystania ze strony (Cecha pomagająca realizowad cele biznesowe instytucji i użytkowników).

Kilka słów o użytkownikach

https://www.slideshare.net/P_B_I/polscy-internauci-2013

https://www.slideshare.net/P_B_I/polscy-internauci-2013

Użytkownik nie czyta, skanuje tekst szukając ważnych!! dla niego informacji.

Chce poznać konkluzję, zanim zagłębi się dokładniej w treść.

Nie ma czasu by czytać nudne, obszerne teksty , gdy poszukuje

konkretnych informacji. Instynktownie lub celowo pomija reklamy, ale doskonale wyłapuje

wyróżnione informacje.

Lubi mieć informacje „podane na tacy” i tego od naszej witryny oczekuje!

F-pattern – jak użytkownik przegląda stronę www:

• Zwraca uwagę na nagłówki

• Obrazki i wyróżnione informacje przyciągają jego wzrok

• Nie czyta słowa po słowie, skanuje pierwsze 2-3 akapity

91% użytkowników rezygnuje po 3 nieudanej próbie

Schemat działania użytkownika

Źródło: Steve Krug „Nie każ mi myśled”

Kino, Teatr, Filharmonia, Opera

• Prezentacja oferty/repertuaru/wydarzeo.

• Zachęcanie do skorzystania z oferty.

• Umożliwienie zakupu (lub rezerwacji) biletów.

• Budowanie społeczności wokół instytucji.

• Budowanie własnej marki.

Cele serwisu:

Muzea, Domy kultury

• Prezentacja oferty/repertuaru/wydarzeo.

• Zachęcanie do skorzystania z oferty.

• Udostępnianie wartościowych dla użytkowników informacji.

• Budowanie społeczności wokół instytucji.

• Budowanie własnej marki.

Badanie: Cognitive walkthrough (wędrówka poznawcza) - metoda badawcza

używana przy ocenie użyteczności serwisów internetowych i aplikacji.

Odpowiada na pytanie: jak łatwo jest użytkownikom (przede wszystkim

nowym) wykonywać zadania w serwisie internetowym?

•znalezienie ciekawego koncertu

•Zakup/rezerwacja biletu

•Zaproszenie znajomych do udziału

Cele wizyty w serwisie

filharmonii

•znalezienie ciekawego zajęcia stałego lub wydarzenia

•Uzyskanie kluczowych informacji

•Zaproszenie znajomych do udziału

Cele wizyty w serwisie

domu kultury

Filharmonia, Kino,

Opera, Teatr

http://www.filharmonia-slaska.eu/reperturar

1 1

1 2

3

4

5

1. Brak elementów identyfikujących podstronę (logotyp, okruszki, wyróżnienie w menu, tytuł podstrony)

2. Trudny w obsłudze kalendarz

3. Nieoznaczone odnośniki 4. Mała ilośd informacji 5. Brak CTA

http://www.filharmonia-slaska.eu

1. Mało czytelna kluczowa informacja

2. Zagadkowy element 3. Newsletter słabo

wyróżniony, brak marginesu dolnego,

4. Zupełnie niewidoczna legenda

1. Dobrze oznaczona strona główna

2. Prawidłowo zrealizowane punkty startowe

1

2

3

4

1

2

2

http://www.filharmonia-slaska.eu/koncert-13779648326319!176.html

1. Brak elementów identyfikujących podstronę

2. Skąpe informacje 3. Nieoptymalna walidacja

formularza 4. Brak możliwości powrotu do

repertuaru lub propozycji innych wydarzeo 2

3

1

http://www.filharmoniagorzowska.pl/

http://www.lpo.org.uk/

1. Dobra identyfikacja 2. Zaznaczenie aktualnej strony w menu 3. Media społecznościowe 4. Wyszukiwarka 5. CTA „Donate” 6. Kluczowa informacja z odnośnikami 7. Dobrze widoczny i łatwy w obsłudze

kalendarz 8. Punkty startowe 9. Pogrupowanie aktualności z

podziałem na kategorie 10. Kontakt do biura biletowego 11. Cała struktura menu w stopce 12. Wyróżniony newsletter i media

społecznościowe

2

3

1

1 2 3 4

5

7 6

8

9

10 11 12

1. Kilka zdjęd reklamujących wydarzenie (klient kupuje oczami)

2. Starannie przygotowany i dobrze sformatowany tekst

3. Inne wydarzenia tego samego dnia 4. Dobrze przygotowana informacja o

cenach biletów 5. Wyraźny CTA „Kup bilet” 6. Dodatkowe informacje w zakładkach 7. Próbki audio 8. Powrót do listy wydarzeo 9. Link do strony przyjazny Google

http://www.lpo.org.uk/whats-on-and-tickets/search-events/111-gorecki-world-premiere.html

1 2

3

4 5 6

7

8 9

Dom kultury, muzeum

http://mdk.katowice.pl/

1

2

1

2

3

4

5

1. Brak możliwości cofnięcia wyboru placówki

2. Brak możliwości przełączenia ręcznego na kolejny miesiąc

3. Niewidoczny i niezachęcający zapis na newsletter

4. Nie działa pobieranie pdf 5. Bannery wyprowadzające użytkownika z

serwisu

1. Segregacja aktualności dla konkretnej placówki

2. Czytelne aktualności i wyraźne przyciski

http://mdk.katowice.pl/giszowiec-osiedle-ogrod

1. Nieurozmaicony tekst, nie zachęca do czytania

http://www.ck.leczna.pl/

1 2

3

4

1. Brak odnośnika do listy wszystkich aktualności

2. Odnośniki do innych serwisów 3. Nieklikalny logotyp

1

2

1. Podział aktualności na kategorie. 2. Optymalny punkt startowy 3. Łatwy dostęp do galerii zdjęd 4. Polecane (dla

niezdecydowanych)

3

http://osrodekkultury.pl/

2

1

3

4

1. Optymalny punkt startowy 2. Filtr kategorii wydarzeo 3. Ładnie i czytelnie odnośniki do

wydarzeo 4. Aktualności nie dominują

http://osrodekkultury.pl/wydarzenia/wernisaz-wystawy-ilustracji-ksiazkowych-elzbiety-krygowskiej-butlewskiej/

1

2

3 1

1. Brak zachęty do dzielenia się wydarzeniem (Social Media)

1. Dobra identyfikacja podstrony i pełny opis wydarzenia

2. Polecane (dla niezdecydowanych) 3. Staranny opis wydarzenia, wyróżnione

najważniejsze inforamcje 4. Wyróżniony i zachęcający newsletter

http://www.gak.gda.pl

1 1. Nieintuicyjny i trudny do

nauczenia się filtr wydarzeo

http://www.gak.gda.pl

http://dkw.dkwlochy.pl/

Dlaczego web usability jest ważne?

Więcej konwersji (sprzedanych biletów,

widzów, poleceo znajomym)

Lepszy wizerunek instytucji w oczach

użytkowników/klientów

Większe zaufanie do instytucji

Strona przyjazna użytkownikowi to strona przyjazna

Google

Satysfakcja = lojalnośd

1. Wyznaczmy cele jakie spełniad ma nowa strona 2. Scharakteryzujmy grupę docelową 3. Zbadajmy konkurencję (podobne strony), znajdźmy inspiracje, dobre przykłady. 4. Zapytajmy przyszłych użytkowników czego od strony oczekują, co im się podoba, co

chcieliby zobaczyd na naszej stronie. 5. Stwórzmy listę elementów przyszłej strony. 6. Stwórzmy brief projektu 7. Wybierzmy agencję do realizacji 8. Zrealizowany projekt skonsultujmy z wybranymi użytkownikami i specjalistą 9. Uwzględnijmy sugestie Pamiętajmy: Użytkownik ma zawsze rację!

Jak zrealizowad użyteczny serwis internetowy?

Responsive web design

Responsive Web design i aplikacje mobilne

Optymalizacja serwisu pod urządzenia mobilne

http://www.filharmonia-slaska.eu/ http://www.lpo.org.uk/

Dziękuję za uwagę

Maciek Wojciechowski

New Business Manager

Circle Sp. z.o.o

E-mail: maciej.wojciechowski@circle.pl

Tel. 510 407 401