Download - Silesia space maciej wojciechowski
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
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: [email protected]
Tel. 510 407 401