Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca System vi undersökte Den system vi valde att undersöka var en av de senaste smart tv som finns i markanden och var nämnd till bästa smart tv 2013, med modellen Panasonic Viera 3D 47 tum med tillhörande fjärrkontrollen (se bilden 1 1). Denna tv har fått priset för bästa smart tv år 2013 utav bland annat M3. Panasonic har fått positiva recensioner för bland annat användbarheten i utformandet 2 Bild 1 1 http://m3.idg.se/2.1022/1.455632/panasonic tx l47dt50y panasonics nya utmanare 2 http://www.panasonic.com/se/consumer/viera tv/led/tx l47et60y.html 1
Utvärderingen och analys Metoden vi valde när vi gjorde utvärderingen var tänka högt metoden (även kallad Think out loud och Think aloud ) går ut på att användaren säger det hon tänker högt medans hon utför några 3 bestämda uppgifter. Användarna ombeds berätta vad de tycker, tänker och känner medans de utför uppgiften. Användarna fick göra fyra uppgifter: Gå in i webbläsare och sök efter aftonbladet.se Gå in på youtube och sök videon Through the Wormhole What is a Thought? och se den i helskärm. Ladda ner en applikation och sen ta bort den från dina applikationer. Sök efter låten i will always love you i Spotify och tryck på play. Användarna var mellan 23 52 år gamla och ägde själva inte någon smart tv. De hade aldrig tidigare interagerat med en heller. Testet bestod utav 4 uppgifter och totalt tog testet 40 min per person. Uppgifterna de fick göra var vanliga uppgifter som man med en smart TV ska kunna genomföras och är väldigt vanliga. Användarna hade mer problem än vad vi förutspått innan. När de skulle gå in på webbläsaren och söka efter aftonbladet, uppstod det redan problem vid att hitta ikonen för webbläsaren. Användarna talade högt att de letade efter ordet Internet, men hittade det inte. 2 utav användarna hittade tillslut webbläsaren och förstod då att det var internet. Sedan när fönstret öppnades så var adressfältet markerat vilket vilseledde användaren, för de trodde att de kunde skriva in direkt. Efter några knapptryck insåg de att inga bokstäver skrevs in på skärmen. En av användarna hittade sedan att man var tvungen att klicka på OK knappen för att välja att kunna skriva in i fältet. Detta var ett problem för alla de andra användarna också, det uppstod flera fördomar och efter många försök fick vi Via denna uppgift insåg vi att språket måste bli tydligare samt ikonerna. Vid andra uppgiften som var att gå in på Youtube, så uppstod det problem för användarna att hitta ikonen. Det gick bra för dem att hitta vägen till apparna (trycka på knappen apps på fjärrkontrollen), men då presenterades ett fönster fullt med appar. Problemet som först uppkom var att det var för många ikoner att leta mellan, så användarna missade ikonen som var placerad i smeten. Sedan var det problem inom Youtubes app, där ikoner var otydliga och ett tangentbord där bokstäverna presenterades horisontellt, som användarna fann väldigt jobbigt att använda. 3 Handbook of Usability Testing: Howto Plan, Design, and Conduct Effective Tests: Jeffrey Rubin,Dana Chisnell,Jared Spool 2
Vid uppgiften att ladda ner en applikation och sedan radera den, så var det mest problem att hitta vart de kunde ladda ner appar. De hade tidigare hittat vart apparna läggs när de är nedladdade, men inte vart de kunde ladda ner de från början. Efter en längre tid (ca 10min) började användarna att svära och bli väldigt frustrerade över att de ännu inte hade hittat funktionen, de talade högt att de letade efter något som liknande ordet store så fick vi hjälpa dem att koncentrera blicken i ena hörnet där ikonen fanns. Det var en kvadrat där tre bilder roterade, varav en var Viera market. När de sedan hade gått in i Viera market, fanns flera olika kategorier där de hittade shopping. De sa högt att shoppa borde vara rätt för jag ska ju shoppa en app, men när de gick in på shopping så kom det upp spelkonsoler där summorna låg på ca 1000kr. Men sedan under kategorierna som visades på vänster sida, när man valt en kom det upp appar som man sedan kunde klicka på och då välja att ladda ner. Sedan processen att radera en app hade ingen utav användarna problem med att genomföra. Sista uppgiften att spela upp en låt på spotify, vilket var problematiskt. Denna gång visste användarna hur man kom till webbläsaren, och öppnade därför den appen direkt. Därefter började de att skriva in adressen till Spotify och därefter var de tvungna att logga in. När ena fältet var markerat kom ett tangentbord upp och de började skriva in ett användarnamn. Tangentbordet som kom upp täckte dock fältet där lösenordet skulle skrivas in. Efter att ha skrivit in användarnamnet och tryckt ok, presenterades hela rutan igen. Då valde de lösenordfältet och tangentbordet kom åter igen upp. När de sedan hade skrivit in lösenordet och tryckt ok så gick det inte att logga in. Detta testades då på en dator för att dubbelkolla att användarnamn och lösenord var rätt, vilket det var men av någon anledning gick det inte att logga in på tvn. Efter att ha utvärderat och analyserat testerna fick vi fram en del problem: Användningen av tangentbordet var svår ( se bild 2) Språket var inte så lätt att förstå (se bild 3) Ikonerna och symboler var otydliga ( se bild 3) För mycket information i tv:ns gränssnitt ( se bild 3) Stor problem med att ladda ner applikationer till TV (se bild 4) 3
Bild 2. Olika tangentbordsformat, ej inställd på svenska trots att tv:n är inställd på svenska. Bild3. Otydliga ikoner, svårt att förstå Webbrowser och för mycket information på samma sida 4
Bild 4. Svårt att förstå hur man laddar ner applikationer. Första fas till förbättringar Efter utvärderingen märkte vi att en stor problem med interaktionen var fjärrkontrollen, detta gjorde att våra deltagare inte kunde navigera på ett lättare sätt och gjorde de mycket frustrerade. Då bestämde vi för att fokusera på applikationen som finns till tv istället för att förbättra hela fjärrkontrollen. Applikationen vi valde att förbättra var den vi hittade i Apple store Panasonic Remote 2012 4.(se bild på 5) Bild 5. 4 https://itunes.apple.com/us/app/panasonic blu ray remote 2012/id511271382?mt=8 5
Tillsammans med applikationen försökte vi modifiera hela upplevelsen med det resultatet vi fick från användartesterna. Och med detta gjorde vi ett designförslag som presenterades under crit 1 på KTH, där det sedan gavs feedback på hur dessa kunde lösas i kombination med vår design förslag. TVn:s gränsnitt förbättringar vi gjorde i första fasen var (se bild 6): Vi gjorde ikonerna och symbolerna större och färre Vi gjorde en tydligare Internet ikon Vi designade ett lättare sätt att ladda ner appar Menyvalet blir lättare att se Vi har lagt till en funktion som man ka ha flera olika skärmar i tvn. Bild 6 6
Applikationens förbättringar vi gjorde i första fasen var (se bild 7): Ändra ikoner och symboler som man förstår bättre t.ex internet. Användningen av appen som muspekaren blir tydligare. Textfältet blir ljusare och tydligare när man skriver och en Klart knapp finns istället för att skicka den till tv och sen trycka klar. Meny knappen kommer åt de viktigaste funktioner som man vill åt. Tv knappen kommer direkt till TV och den man använder mest där som t.ex volym, kanal. App knappen kommer åt de dina applikationer direkt på tv. Bild 7 Avgränsning Vi bestämde att avgränsa oss till att förbättra applikationens och Tv:ns gränssnitt med hänsyn till vad vi fick för resultat under användartesterna. 7
Vi fokuserade inte på att förbättra de enskilda applikationer som fanns redan i TV utan de generella problem som deltagarna upptäckte. Slutgiltig designförslag Efter första critten fick vi bra återkoppling som vi sen implementerade i vår slutliga designförslag som presenteras nedan: Bild 8. Slutliga designen för tv och appen I bilden 8 har vi ändrat ikon till Internet till google ikon, då vi fick från sista återkopplingen att det skulle vara lättare att förstå. Appens ikoner ändrades så att det skulle vara mer kopplat till tvns gränssnitt. 8
Bild 9. Internet navigering från tv. I bilden 9 ser vi hur navigeringen sker med appens del som fungerar som muspekare. Här används textfältet på ett lättare sätt när man söker på Internet Vi la till funktionen att lägga till bokmärken efter man besökt en sida, för att sen få upp på ett lättare sätt dina favoritsidor. I bilden 10 visas hur man kan navigera till de applikationer man har men genom appen utan att störa bilden eller det som syns på tv:n. Genom appen kan man lätt navigera det man vill se och sen skicka den till tv när man har bestämt sig vad man vill titta på. Genom detta undviker man att missa en del i ett program medans man bläddrar igenom andra. 9
Bild 10. Navigeringen i appen utan att störa tvn. I bilden 11 visas gränssnittet för att ladda ner applikationer. De är stora symboler, lätt att navigera, lätt att se de som är gratis samt betal applikationer man kan ladda ner, en överskådlig och tydlig indelning av kategorier samt en sökruta som alltid följer med. Appen används som muspekaren i den delen. Här har vi ändrat lite sen förra criten, vi la till sökfältet och kategorier. Det som vi la till också är en hem knapp på de sidorna som behövs. 10
Bild 11 Ladda ner appar Bild 12 Internet åtkomst från appen I bilden 12 kan användaren komma direkt till Internet från appen, då kommer det upp ett tangentbord 11
på tv:n, ifall man vill använda den med muspekaren. Annars finns det en knapp där tangentbordet försvinner från tv:n och då kommer textfältet upp automatiskt i appen, där det är markerat med grönt för att visa användaren att det bara är att börja skriva. Bild 13 Åtkomst till tv från appen. En viktig aspekt med en smart TV är att man ska kunna titta på tv och det ska inte vara komplicerat. Bilden 13 visar hur man genom appen direkt kommer till analog tv, och i appen finns funktioner som att ändra volym, ändra kanal, stänga av/på tv m.m. Här har vi lagt till en funktion där man kommer åt tvguiden och bläddrar till de olika program som finns i de olika kanalerna, och igen utan att störa bildrutan där programmen spelas upp. Efter att man har valt program, kan man skicka de till tv:n som vi tidigare nämde. 12
Bild 14 Meny och multiskärm Vi ändrade sen sist meny ikonerna, så att ikonerna skulle synas både i tv och i appen. Här kan man gå in på ett av menyvalen som är multiskärm som vi har lagt till. Då presenteras en ruta där det är ett plus i ena kanten. Trycker man på det får man upp två val TV och appar för att de är dessa två källor som kan presenteras som delskärmar. Andra bilden visar när man har gjort sina val hur det då ser ut på skärmen.(se bild 14) 13
Bild 15 Roteringen av skärmar När man sedan har gjort sina val av delskärmar så finns en ikon, i högra hörnet, och genom att klicka på den visas den i helskärm. För att visa vilken skärm som är kopplad till vilken färg, så har vi valt att göra det tydligt för användaren genom att färga de grönt. Efter att man har gjort sitt val så kommer knappen OK och efter att man har tryckt det så ändras skärmen efter ditt val.(se bild 15) 14