vibez.pl�Usability report

walencik.org

Cel badania

ZWYCZAJE

Jak młodzi konsumują informacje na mobile?

UŻYTECZNOŚĆ

Jak sobie poradzą z naszymi prototypami?

WIZERUNEK

Jak nowe rozwiązania mogą wpłynąć na postrzeganie WP?

Badanie jakościowe

METODOLOGIA I GRUPA BADAWCZA

x24

18-24 lata

25-34 lata

Korzystający z treści informacyjnych min. 4-5 x tyg

Inne źródła

Główne wnioski

Zwyczaje

ZWYCZAJE

Czym jest news?

Dla młodych news to nie tylko wiadomości z kraju i ze świata. To wszystko, co znajduje się w kręgu ich zainteresowań, z czym chcą być na bieżąco.

​

Również pod względem formy dla młodych newsy to nie tylko klasyczne artykuły - ale także (często przede wszystkim) content na social media.

ZWYCZAJE

Główny cel młodych

Być na bieżąco, a przy tym nie tracić dużo czasu.

​

„Wskakują i wyskakują” - czytają wybiórczo, skokowo poszukują informacji o różnym charakterze.

ZWYCZAJE

Co sądzą o portalach horyzontalnych?

• treści nie są dopasowane do ich zainteresowań, panuje tam clutter

informacyjny, w którym ciężko znaleźć ciekawe treści

• odbierane jako polityczne - trzeba zaglądać do kilku w poszukiwaniu obiektywizmu
• oferują interpretacje, a młodzi wolą zwięzłe fakty
• bazują na sensacjach

ZWYCZAJE

Co z tym Facebookiem?

Wciąż jest dla młodych najczęściej wybieranym źródłem szeroko pojętych

„newsów”. Mają je podane na tacy, nie muszą szukać samodzielnie

Zapewnia atrakcyjną wizualnie treść, szybki przegląd, co się dzieje w obserwowanej bańce, informacje bezpośrednio od obserwowanych, bez zbędnej treści.

ZWYCZAJE

Instagram

ZWYCZAJE

Niezastąpiony Google

• zawsze pod ręką, gdy chcą uzyskać bardziej szczegółowych informacji dotyczących bieżących wydarzeń
• jego plusem jest też to, że uczy się preferencji i podsuwa treści podobne do wcześniej oglądanych

ZWYCZAJE

Aplikacje agregujące newsy: Wykop

• użytkownicy nie są przywiązani do konkretnych wydawców
• wszystko to, o czym się mówi
• przejrzyste, krótkie zajawki, bez reklam
• minusem jest „bałagan” (postrzegany m.in. przez brak kategoryzacji)

ZWYCZAJE

…lub samsungowy Upday

• pushe z najważniejszymi newsami dają poczucie bycia na bieżąco
• „moje newsy” - adresuje potrzebę otrzymywania spersonalizowanych newsów
• artykuły z różnych źródeł (większy obiektywizm)

ZWYCZAJE

Na co powinniśmy postawić?

1. Pozyskiwanie młodych także poza ekosystemem WP
2. Make them share
3. Wybór treści dostosowany do potrzeb
4. Dostosowanie do zainteresowań
5. Intuicyjna, prosta nawigacja
6. Nowoczesny i czytelny look&feel (to ma znaczenie!)

Główne wnioski

Test użyteczności

?

Co dokładnie badaliśmy ?

TEST UŻYTECZNOŚCI - PODSUMOWANIE

UNIKALNOŚĆ

​

​

NOWOCZESNOŚĆ

PRZEJRZYSTOŚĆ

INTUICYJNOŚĆ

​

*WYRÓŻNIALNOŚĆ

(na SG)

KARTY

KOLEKCJA

AUTENTIKA

WAY FORWARD

Pigułka treści na kartach

Przejrzysta, wizualna architektura karty

Wygodna konsumpcja w ruchu

Łatwy powrót do treści

TEST UŻYTECZNOŚCI - KARTY

UNIKALNOŚĆ

​

​

NOWOCZESNOŚĆ

PRZEJRZYSTOŚĆ

INTUICYJNOŚĆ

​

*WYRÓŻNIALNOŚĆ

(na SG)

KARTY

KOLEKCJA

AUTENTIKA

TEST UŻYTECZNOŚCI - KARTY

TEST UŻYTECZNOŚCI - KARTY

Najmniej problemów oraz najbardziej przychylne reakcje budził prototyp „Kart”

Na plus:

• najbardziej intuicyjna nawigacja
• treść czytelna i zrozumiała, atrakcyjna wizualnie
• forma wygodna, angażująca

Rozwój:

• wykorzystanie potencjału (więcej różnych treści, a nie jeden długi artykuł)
• Optymalizacja ścieżki użytkownika po zamknięciu reklamy (x)

TEST UŻYTECZNOŚCI - KARTY

Intuicyjna nawigacja

Badania z użytkownikami potwierdziły hipotezę, że trzy elementy interfejsu, tj.:

• pasek postępu,
• „łapka” wskazująca ruch, oraz
• teaser następnej karty

w spójny sposób pokazują użytkownikowi model nawigacji po treści.

​

Rozwój:

- dodatkowym usprawnieniem nawigacji byłoby umożliwienie klikania w elementy paska postępu

TEST UŻYTECZNOŚCI - KARTY

Reklamy

Reklamy w treści były rzadko spontanicznie komentowane, co oznacza, że nie wpływają negatywnie na konsumpcję treści.

Reklama pełnoekranowa w większości przypadków

bezproblemowo była przewijana dalej.

​

Rozwój:

Z krzyżyka do zamykania reklamy korzystano bardzo rzadko, jednak warto rozważyć ułatwienie użytkownikowi w takiej sytuacji powrót do miejsca, w którym zakończył czytanie.

TEST UŻYTECZNOŚCI - KARTY

Warstwa emocji i komentarzy

Funkcjonalności na warstwie nie rodziły żadnych problemów.

Animacja po dodaniu emocji odbierana bardzo pozytywnie. Brak problemów ze zwijaniem warstwy.

​

Rozwój:

Do zaadresowania fakt, że na niektórych ekranach pasek nawigacji natywnej telefonu (Android) utrudniał tapnięcie w input.

TEST UŻYTECZNOŚCI - KARTY

Sonda

Pod względem funkcjonalności sondy pozytywnie odbierane są:

• Przejrzystość
• Natychmiastowy wynik
• Informacja o liczbie osób, które udzieliły odpowiedzi

TEST UŻYTECZNOŚCI - KARTY

Nieaktywne podkreślenia w tekście

Podkreślenia użyte w tekście dla wyróżnienia fragmentów były w większości przypadków odbierane jako link/rozwinięcie.

​

Rozwój:

Rozważenie dodania interaktywnych elementów do pogłębiania treści i unikania nieaktywnych podkreśleń

TEST UŻYTECZNOŚCI - KARTY

Karta końcowa

Dla użytkowników to jasny i czytelny komunikat, że to koniec treści. Pozytywne reakcje zbiera pytanie „Podobało się?”.

Reakcje i opinie użytkowników wskazują, że znajdujące się tu ikony reakcji stanowią najbardziej perswazyjną w tym prototypie formę zachęty do interakcji.

Rozwój:

Użytkownicy oczekiwali tutaj więcej treści, przy czym potwierdzono, że scrollowanie w tym miejscu jest dla użytkowników intuicyjne.

Wypowiedzi respondentów

27 / 4P research mix dla WP/ BLAST

Prototyp Karty

„No znając życie, gdyby nie było tego paska, pomyślałbym,

że to jest jakiś koniec.” IDI 6,

„Zakładam, że będę miał dalszą część artykułu a tu nagle

„Kuchnia Włoska”, po prostu bym przewinął w prawo.” IDI 2

„Ja bym pomyślał, że to jakiś news główny, główny temat. Ja bym pomyślał, że każda karta to jakieś najważniejsze

newsy.” IDI 22

„O fajna sprawa. Takie jak instagramowe rzeczy.” IDI 22

„To jest bardzo intuicyjne, wygodne, czytelne, że tu nie

musiałem niczego odkrywać tak jak było z tymi kafelkami,

czy z tym cytatem itd. Od początku wiedziałem, co się dzieje i to było dla mnie czytelne. Nie ma nic czego bym nie odkrył w tej kwestii.” IDI 2

„To to mi się podoba, bo najpierw jest takie kolorowe

zdjęcie od razu, co przyciąga uwagę i nawet jak się wchodzi to się łatwo przesuwa i jest właśnie dużo tych kart do

poczytania. I jeszcze mi się podoba, że na samym końcu jest głosowanie to <<Co Mateusz powinien zrobić”>>.” IDI3

„Pozostają resztki kadru strony głównej i wiadomo, co

robić. Jestem w stanie stąd szybko wyjść, nie jestem gdzieś

głęboko.” IDI 11

„Podoba mi się, że artykuł podzielony jest na wątki nie jest nudny. Nie mam mega długiego tekstu przed sobą i nie

zniechęca mnie to. To mnie wręcz zachęca żeby przeczytać. Tyle samo treści, ale inaczej pokazana.” IDI 11

„Tak na górze są takie paski, mniej więcej widzę w jakim miejscu artykułu jestem, czy to jest końcówka, środek, czy początek.” IDI 4

„(sonda) Fajnie, że od razu pokazują się te wyniki. Nic mnie to nie kosztuje a mogę zobaczyć, co inni sądzą w

porównaniu do mnie.” IDI 10

„Jeżeli chodzi o tekst to jest idealnie na całą stroną. Nie za mała czcionka, nie za duża.” IDI 6

TEST UŻYTECZNOŚCI - KOLEKCJA

UNIKALNOŚĆ

​

​

NOWOCZESNOŚĆ

PRZEJRZYSTOŚĆ

INTUICYJNOŚĆ

​

*WYRÓŻNIALNOŚĆ

(na SG)

KARTY

AUTENTIKA

KOLEKCJA

TEST UŻYTECZNOŚCI - KOLEKCJA

TEST UŻYTECZNOŚCI - KOLEKCJA

Na plus:

• ciekawa forma, animacja w karuzeli zajawek
• prosta konsumpcja treści oparta na znanym wzorcu nawigacji (scroll)
• odbierana jako coś nowego, innowacyjna

​

Rozwój:

• wykorzystane filtry mogą zawężać dobór treści, które do nich pasują
• stylistyka mocno odbiegająca od obecnej sprawia, że jest postrzegana „obco”, momentami nienatywnie
• połączenie dwóch mechanizmów nawigacji wymagało od użytkowników więcej uwagi i wysiłku

TEST UŻYTECZNOŚCI - KOLEKCJA

Animacje emocji i komentarzy

Badania potwierdziły hipotezę, że unoszące się emocje w połączeniu z rotującymi komentarzami pozwalają odnieść wrażenie, że pokazują na żywo aktywność innych użytkowników. Umieszczenie emocji na początku artykułu intryguje i zachęca.

Rozwój:

Lepszy dobór ikon:

• nie jest jasne, czym różnią się kciuk i uśmiechnięta buźka
• ikona złości bardzo dominuje i ma wpływ na postrzeganie całości
• optymalizacja logiki pokazywania aktywności innych użytkowników

TEST UŻYTECZNOŚCI - KOLEKCJA

„Więcej w temacie"

Ten element ma niewykorzystany potencjał. Często pozostaje niezauważony pośród licznych elementów przecinających treść artykułu (banner blindness). Treść jako uzupełnienie artykułu rozwinięta po kliknięciu na polecenie badacza stanowiła miłe zaskoczenie.

Rozwój:

Lepsze wyróżnienie tego elementu i zachowanie jego spójności z treścią, by nie przypominał elementów dodatkowych interfejsu, ani linka odsyłającego.

TEST UŻYTECZNOŚCI - KOLEKCJA

Sonda

Z uwagi na architekturę artykułu sonda, tak jak inne elementy, które walczą o uwagę użytkownika, jest mniej zauważalna.

Sonda oparta na prostym pytaniu z odpowiedzią tak/nie jest oceniana pozytywnie z uwagi na minimum zaangażowania, jakiego wymaga.

Plusy sondy to pojawiające się automatycznie wyniki i liczba oddanych głosów.

TEST UŻYTECZNOŚCI - KOLEKCJA

Komentarze

W przypadku wszystkich prototypów użytkownicy jako plus często wskazują brak konieczności logowania się.

Funkcja + / - również oceniana pozytywnie z uwagi na to, że użytkownicy deklarują, że rzadko pozostawiają komentarze, ale zdarza im się oceniać komentarze innych.

Rozwój:

Nielicznym użytkownikom urządzeń z Androidem podczas badania zdarzyło się podczas próby zamknięcia warstwy użyć przycisku systemowego wstecz (który zmienia url). Należy uwidocznić mechanizm zwijania warstwy.

TEST UŻYTECZNOŚCI - KOLEKCJA

Dodanie emocji

Dodanie emocji jest mało wyraziste. W kilku przypadkach użytkownicy nie byli pewni, czy emocja została dodana.

Rozwój:

Wyraźniejsze odnotowanie wyrażenia emocji

Wypowiedzi respondentów

36 / 4P research mix dla WP/ BLAST

„To się bardzo upodabnia do Facebooka, bo na Facebooku też jak są jakieś live’y to tak samo pokazują się te buźki lecące, ile jest reakcji, komentarzy i tak dalej. To robi się wszystko podobne do siebie.” IDI 3

Prototyp Kolekcja

„Bardzo fajne. Te kolory jak na Instagramie i trochę też przypomina jak na Tinderze się przesuwa.” IDI 23

„Skoro to sekcja polecane to skonfigurowałabym to pod kątem tego, co czytam.” IDI 20

„Podany artykuł w pigułce i potem poszerzenie tematu. To

jest akurat w porządku, uważam, że jest fajniejsze niż jakby był po prostu artykuł podany. Jest wyciągnięte jakby sedno

tego i to akurat uważam, że jest fajną opcją.” IDI 2

„Tu jest na przykład fajne to, że są 3 artykuły do wyboru, bo tam [w Kartach] był jeden, tam był jeden główny a tu można sobie pomiędzy trzema wybrać, który się chce czytać.” IDI 3

„Bardzo pozytywny ten element wygodny, czytelny. Fajne że mogę zgłębić temat, że są odnośniki do innych artykułów.

Rzuca się w oczy, ale nie jakieś wsiowe.” IDI 11

„To najlepszy pomysł dla mnie. Najbardziej mi się podoba

kiedy mogę cały artykuł przewinąć. A nie cofać się kartami. Lepiej mi się czyta.” IDI 14

„Takie kolorowe to wszystko jak z jakiegoś f i lmu ale nie

przeszkadza mi to. Ale czy normalne nie byłoby lepiej?

Chyba ze to ma być na zasadzie wyróżnienia się od innych?” ^{artykułu zwykły, normalny.” IDI 12} IDI 17

„Fajnie, że można sobie wybrać artykuł. Ale ta grafika i te emotki to powiedziałabym - takie dziecięce. A już styl

TEST UŻYTECZNOŚCI - AUTENTIKA

UNIKALNOŚĆ

​

​

NOWOCZESNOŚĆ

PRZEJRZYSTOŚĆ

INTUICYJNOŚĆ

​

*WYRÓŻNIALNOŚĆ

(na SG)

KARTY

KOLEKCJA

AUTENTIKA

TEST UŻYTECZNOŚCI - AUTENTIKA

TEST UŻYTECZNOŚCI - AUTENTIKA

Ogólne wnioski:

• Użytkownicy nie rozumieli wielu elementów interfejsu

(np. spis treści) i mieli problem z nawigowaniem

• Wielu użytkowników było przekonanych, że nie jest to jeden artykuł, a zbiór slajdów
• Rozwiązanie budziło wrażenie powagi, oficjalności
• Treść ma ogromne znaczenie: użytkownicy określali treść w rozwiązaniu jako pobieżną

TEST UŻYTECZNOŚCI - AUTENTIKA

Niejasny model nawigacji

• klikalna strzałka obecna tylko na pierwszej karcie nie uczy nawigacji poprzez swipe, przez co użytkownicy mieli problem na kolejnych ekranach
• Użytkownicy interpretowali „podtytuły” jako spis treści,

który można kliknąć, by przejść do danego fragmentu

• Ikonka z informacją o czasie potrzebnym do przeczytania treści była dla użytkowników zupełnie niezrozumiała (interpretowana najczęściej jako czas dodania materiału)

TEST UŻYTECZNOŚCI - AUTENTIKA

Spis treści

Ikona była najczęściej kojarzona z menu lub ustawieniami

strony.

Sama funkcja nie adresuje żadnej konkretnej potrzeby użytkowników - materiał jest na tyle krótki, że nie potrzebuje streszczenia czy spisu treści.

Po rozwinięciu kafli element ten był najczęściej interpretowany jako propozycje innych artykułów.

TEST UŻYTECZNOŚCI - AUTENTIKA

Czytelność

Ciemne zdjęcia, słabo kontrastujące z tekstem utrudniają konsumpcję treści.

Co więcej, inne zdjęcie tła na każdym slajdzie potęguje wrażenie „slajdowości” i tego, że karty nie są logicznym ciągiem, a zbiorem podobnych treści.

TEST UŻYTECZNOŚCI - AUTENTIKA

Uzupełnienie treści

Odnośniki rozwijające treść na warstwie były odbierane bardzo pozytywnie - umożliwiają szybkie i wygodne pogłębienie treści.

Działanie przycisku rozwijającego treść nie wzbudzało wątpliwości, przycisk nie był interpretowany jako np. link.�

W przeważającej większości przypadków zauważane były odnośniki w formie białego przycisku, zaznaczenia w tekście rzadko skutkowały interakcją ze strony użytkownika, a rozróżnienie wizualne elementów, które mają to same zadanie skutkowało niepewnością i niezrozumieniem wśród użytkowników.

TEST UŻYTECZNOŚCI - AUTENTIKA

Ikony udostępniania na warstwie

Elementy udostępniania powtórzone na warstwie powodowały

niezrozumienie, czy dotyczą tylko treści na warstwie.

Nie adresują potrzeby w odpowiednim momencie konsumpcji treści (nie są potrzebne podczas uzupełniania wiedzy) i niepotrzebnie powodują niekorzystne łamanie się tekstu.

TEST UŻYTECZNOŚCI - AUTENTIKA

Śródtytuły

Śródtytuły w takiej szacie graficznej pozostały niezauważone

przez znakomitą większość użytkowników.

Tym samym użytkownicy nie zauważyli ich powiązania z pozycjami w spisie treści.

TEST UŻYTECZNOŚCI - AUTENTIKA

Ostatni ekran

Większy wybór artykułów powoduje lepszy odbiór. Swipe’owanie polecanych artykułów nie sprawiało problemów.

Działanie ikony strzałki powrotu do początku nie było jasne dla części użytkowników.

Wypowiedzi respondentów

47 / 4P research mix dla WP/ BLAST

Prototyp AUTENTIKA

„Każda karta ma inne zdjęcie i one nie pasują do siebie. To mi sugeruje ze to są różne artykuły.” IDI 1

„Poważna taka ta strona. Przekierowuje od razu na

Wikipedię. Ciemno tu jest. Ten styl taki poważny.” IDI 23

„Muszę tutaj wchodzić w te kwadraciki żeby się po tym poruszać.” IDI 21

(więcej o) „To to jest też fajne, że też nie naćkają tak na tych stronach tylko, że jest część po prostu takiego

najważniejszego i później ewentualnie jak ktoś chce

doczytać, to sobie wchodzi i czyta więcej po prostu.” IDI 4

„To jest w porządku na pewno, bo forma jest taka nietypowa i może zaciekawić. Tylko nie wiem, czy jakbym był pierwszy raz, to nie wiem, czy bym się w to zagłębił, czy bym to od

razu ogarnął.” IDI 2

„To jest chyba jakoś tematycznie podzielone. Każdy slajd to coś innego, ale tematycznie są jakoś ze sobą powiązane.”

IDI 23

„Jak przeszłam na te stronę to byłam święcie przekonana że będzie ta strzałka i będę mogła iść dalej. A tu nie ma jej i ja muszę tutaj (kwadraciki) wyszukiwać i domyślać się ze

autorowi o to chodziło że w ten sposób to robić.” IDI 21

„Tu jest przerost formy nad treścią. Obrazki f i lmiki a treści niewiele. Cala stronę zajmują 2 do 3 zdań. Bez sensu. Ktoś chciał coś napisać nie wiedział jak to rozciągnąć.” IDI 20

„Nie umiem się po tym tak od razu poruszać. Tu jakieś 3

minuty, tu ikony komentarzy i udostepnienia. Widzę że jest suwak więc musze w bok.” IDI 15

Główne wnioski

Wizerunek

WIZERUNEK

WP serwująca bardziej skondensowane i wizualnie atrakcyjne newsy to WP:

​

• otwierająca się na młodych
• nowoczesna
• idąca z duchem czasu

- bardziej obiektywna, informacyjna

Główne wnioski

Next steps

Plan działań

ROZWÓJ PROTOTYPÓW

TESTY ILOŚCIOWE

PEŁNE FLOW AKWIZYCYJNE

BADANIA JAKOŚCIOWE

ITERACYJNY ROZWÓJ

WDROŻENIE!