HBO GO – Eșecuri UX

HBO GO este streaming video, serviciu video la cerere similar Netflix și Amazon Prime Video. După ce am folosit HGO GO timp de o săptămână, m-am simțit enervat și frustrat de unele caracteristici ale interfeței de utilizare și de experiența generală de utilizare a produsului. În acest articol am decis să-mi împărtășesc gândurile despre produs, să explorez câteva modalități rapide de a îmbunătăți UX-ul HBO GO și să-mi ajut cititorii să creeze aplicații web / mobile / desktop de înaltă calitate în viitor. (sau ceva de genul asta)

Eu folosesc MacBook Pro de 15 inch cu o rezoluție de 2.880 x 1.800 de browser Chrome. Deoarece toate cele 15 ihnch Macbooks Pro lansate cu câțiva ani în urmă au această rezoluție, o putem considera o configurare foarte populară.

Să mergem direct la subiect și să aruncăm o privire mai atentă asupra diferitelor elemente unul câte unul pentru a vedea unde HBO GO nu reușește să ofere o experiență adecvată pentru utilizator.

Secvența de recapitulare

Multe serii de televiziune îl actualizează pe spectator cu evenimentele actuale ale complotului poveștilor, folosind secvența de recapitulare (partea de la început pe care o cunoașteți sub numele „În episodul anterior” sau „Anterior pe…”) . Acest lucru ne oferă un context și ne permite să ne scufundăm cu ușurință într-un episod pe care vrem să îl urmărim.

Acest lucru funcționează excelent la televiziunea tradițională, unde fiecare episod este de obicei lansat în fiecare săptămână sau două – trebuie să așteptăm, astfel încât să putem pierde un pic din contextul de complot al seriei. Cu toate acestea, HBO GO pare să rateze total acest punct aici. De obicei, atunci când vizionăm serialele TV pe internet într-un mod puțin diferit – există mari șanse să urmărim câteva episoade unul după altul (sau unul în fiecare zi a săptămânii). HBO GO afișează întotdeauna recapitularea (presupunând că seria o are). Să ne gândim la această problemă. Presupunând că urmărim câteva episoade la rând, există vreun punct pentru a afișa secvența de recapitulare? Total nu – tocmai am terminat de urmărit episodul anterior, așa că am contextul complet al complotului seriei. Acest lucru nu are alt scop decât să livreze conținut nedorit unui utilizator.

HBO GO conține toate datele despre utilizatori, astfel încât aceștia ar putea lua o decizie foarte simplă aici pentru a îmbunătăți UX. Dacă utilizatorul a terminat vizionarea episodului anterior acum câteva minute / ore, putem presupune că utilizatorul își amintește contextul complotului seriei, știe ce s-a întâmplat. Pe de altă parte, dacă utilizatorul a urmărit un episod în urmă cu o săptămână, probabil că arată secvența de recapitulare are un sens perfect.

Am putea îmbunătăți această experiență și mai bine arătând butonul „sări peste recapitulare” care ar derula videoclipul la începutul episodului după clic.

Acest lucru nu numai că ar permite utilizatorilor să treacă cu ușurință conținutul nedorit, ci și să facă experiența UX mai plăcută și să permită doar luarea de decizii bazate pe date – am putea sări automat secvența de recapitulare atunci când sunt îndeplinite anumite condiții, de exemplu. utilizatorul urmărește un episod pe zi și, în ultimele 7 zile, a dat clic pe butonul „sări peste recapitulare” (ghici ce vrem să facem în ziua a 8-a?).

Secvența titlului

Majoritatea serialelor TV au o secvență de titlu numită uneori intro. În zilele noastre, unele dintre ele sunt foarte scurte, în timp ce altele precum Game Of Thrones sunt destul de lungi (peste 1: 40s). Nu mă înțelegeți greșit aici – este o introducere excelentă și îmi place foarte mult, totuși, după ce am vizionat 50 de episoade, pot spune cu deplină încredere că nu mai văd acest intro! Si ghici ce? Netflix o are și pe ea!

De fapt, nu are rost să spargeți UB prin hărțuirea utilizatorilor cu conținut nedorit. De asemenea, am putea lua aici decizii similare bazate pe date ca și pentru secvența de recapitulare.

Secvență de avertizare

Un alt exemplu de secvență pre-video disponibil la HBO Go este ecranul de avertizare privind drepturile de autor.

Acest mesaj enervant este afișat timp de 5 secunde înainte de un videoclip. De fapt, este și mai rău, deoarece nu putem sări peste el sau să derulăm videoclipuri până când această secvență nu este terminată! 5 secunde pare a fi echilibrul perfect care permite HBO GO să enerveze utilizatorii afișând același mesaj din nou și din nou, totuși nu oferă suficient timp pentru a citi totul dintr-o dată (credeți-mă că am încercat de multe ori și nu putem „Întrerupeți-l” pentru a apărea mai mult pe ecran).

Observați că un utilizator al serviciului a acceptat deja termenii și condițiile (ToC) pe site în timp ce creează un cont. De asemenea, site-ul ToC care avea reguli similare (sau chiar mai extinse) legate de drepturile de autor. Se pare că nu are absolut niciun rost să afișăm acest mesaj din nou și din nou, înainte de fiecare episod, fără o modalitate de a-l derula sau a sări peste el (cu excepția cazului în care vrem cu adevărat să ne enervăm utilizatorii).

Pentru a agrava și mai mult această secvență de avertizare va fi urmată de secvențe de introducere și recapitulare care cresc inutil timpul dintre apăsarea butonului de redare și livrarea conținutului video dorit unui utilizator.

Utilizatorul dorește doar să vizioneze videoclipuri, în general nu îi pasă de intro / recap / avertismente. Scopul de aici ar trebui să fie să ofere utilizatorului conținutul video dorit în permanență.

Bara de progres a videoclipului

HBO GO nu acceptă oficial conținut 4K, dar ar trebui totuși să accepte ecrane cu rezoluție mai mare (să spunem totul pe Full HD, 1920x1080px). Scalarea UI (sau mai degrabă lipsa) este o altă problemă în serviciul HBO GO. Să comparăm înălțimea barei de progres între cele mai populare servicii video de pe internet (modul de redare pe ecran complet) pentru a ilustra acest punct. Mai jos putem vedea bara de progres a videoclipului HBO GO ca referință (6 px).

Acum să analizăm diferiți furnizori de videoclipuri. Se pare că Vimeo a reușit să aibă dreptate având o bară de progres mult mai mare (12 px).

Youtube are, de asemenea, o înălțime a barei de progres destul de mică (5 px) …

… cu toate acestea, înălțimea este extinsă atunci când cursorul trece peste el. De asemenea, este important de menționat că zona interactivă este întotdeauna egală cu acest eveniment de înălțime extinsă (8 px) dacă este invizibil, făcând bara de progres mult mai ușoară pentru a începe să interacționați. Aș spune că este o înălțime minimă pentru acest ecran care încă se simte bine.

Și, în cele din urmă, bara Netflix este imensă și foarte ușor de utilizat chiar și pe ecranele cu rezoluție mare (18 px).

Să analizăm pe scurt compararea înălțimii barei de progres.

După cum putem vedea, HBO GO are cea mai mică bară de progres. Pixelii permit întotdeauna să vă imaginați dimensiunea reală, așa că să privim dimensiunea reală pe ecranul MacBook Pro – 1 milimetru. Serios?

Ca test, cereți-i mamei / tatălui să deruleze înapoi la o parte diferită a videoclipului folosind aceste controale – în niciun caz acestea nu ar putea atinge cu ușurință bara de progres perfect la prima încercare.

Ar trebui să ne amintim despre utilizatorii echipați cu computerul modern care au afișaj de înaltă rezoluție.

Reluați redarea în serie

Imaginați-vă un caz simplu. Ați urmărit câteva sezoane din serial și doriți să continuați de unde ați rămas (următorul episod nevăzut sau un anumit punct al episodului urmărit anterior). Pentru a atinge acest obiectiv trebuie să parcurgem 4 pași (în caz mai rău) – faceți clic pe miniatura seriei TV – & gt; selectați sezonul – & gt; derulați la dreapta la episod – & gt; faceți clic pe miniatura episodului pentru a reda videoclipul (și, bineînțeles, așteptați finalizarea secvenței de recap / intro / avertisment) Este o mulțime de eforturi redundante necesare de la utilizatorul care dorește doar să urmărească în continuare conținut. Cea mai rapidă modalitate ar fi să faceți clic pe miniatura seriei pentru a relua redarea în care utilizatorul a încetat. Nu există într-adevăr niciun motiv pentru a complica în exces această parte a călătoriei utilizatorului.

Redați butonul episodului următor

Să examinăm o altă problemă legată de scalarea interfeței de utilizare și conceptul de îndemn greșit (CTA). Putem începe prin compararea apelului la acțiune „următorul episod” al HBO GO și al Netflix.


La prima vedere nu arată atât de rău, dar există detalii foarte importante aici, care schimbă jocul. Butonul HBO Go pentru urmărirea episodului următor are 91x27px (doar butonul albastru mic este activ, zona care poate fi făcută clic pentru CTA) în timp ce Netflix 585x320px (întreaga imagine cu pictograma de redare în interior este un buton). Aruncați o privire la comparația cu dimensiunea reală de mai jos.

Am estimat că apelul la acțiune Netflix necesită aproximativ 9% din întregul spațiu disponibil pentru pagină, în timp ce butonul de apelare la acțiune HBO GO doar aproximativ 0,5% din spațiul disponibil pentru pagină (mai mult sau mai puțin).

Avem mult loc pe ecran, dar HBO GO pare să nu-i pese să folosească în mod corespunzător tot acest spațiu. 0,5% pare foarte puțin având în vedere că acesta este unul dintre cele două CTA-uri de pe ecran în acest moment ( Play și Cancel ).

De asemenea, uneori butonul „Urmăriți episodul următor” nu este deloc afișat deloc, întrerupând consistența UX pe diferite conținuturi.

Sigla HBO

Acest lucru este cam gri, dar îl descriu pentru că nu înțeleg logica din spatele acestuia. Deci, în fiecare videoclip, urmărim sigla HBO care este afișată în colțul din dreapta sus.

Cred că atunci când televizorul se joacă acasă și mai mulți oameni se uită la televizor, există șansa ca un coleg de casă să activeze un canal și un alt coleg de cameră să vadă ceva interesant în televizor, iar el va dori să știe numele canalului și apoi logo-ul face simț perfect.

Pe de altă parte, cu serviciul video la cerere, de obicei, un videoclip deschis pe un computer singur sau cu cineva și știm amândoi ce urmărim HBO GO. Ce rost are să ai logo-ul HBO aici? Pare inutil pentru mine. Poate un anumit conținut video transcodat cu sigla la un moment dat.

Cred că poate avea mai mult sens să adăugați această siglă la aplicațiile TV native, dar cu siguranță nu pentru aplicația web. Youtube, Vimeo, Netflix nu o fac până la urmă.

Rezumat

Privind cazurile de mai sus, putem vedea clar că unele soluții cunoscute de televiziunea tradițională nu au sens în contextul internetului. De asemenea, HBO pare să nu urmeze tendințele web moderne (adecvate) și nu îi pasă de scalarea corectă a interfeței de utilizare pentru rezoluții mai mari. Partea amuzantă (și spusă în același timp) este că toate aceste probleme sunt destul de ușor de rezolvat dintr-o perspectivă tehnică.

Toate acele elemente „mici” fac diferența între experiența de utilizator plăcută sau mizerabilă. Cazul HBO este un exemplu excelent în care vedem în mod clar lipsa unei echipe cu experiență UI / UX. Acesta este ceva de care are nevoie cu siguranță proiectul HBO GO, altfel nu va continua să ofere o experiență adecvată utilizatorului și să rămână în spatele altor servicii.

Dă-mi doar câteva palme dacă ai aflat ceva aici sau te simți puțin inspirat de articol.