2. Důvody redesignu
● Uspořádání výpisu článků není příjemné pro skenování textu a výběr článku
● Web není uzpůsobený různým zařízením (existuje jen neplnohodnotná
mobilní verze)
● Složitá IA
● Zastaralý vizuální design
3. Cíle redesignu
● Spokojenost uživatelů (sledujeme NPS, hodnocení webu uživateli)
● Loajalita - frekvence návštěv, návrat
● Angažovanost - délka návštěvy, sdílení
(= Designové cíle, jiné bohužel nebyly stanoveny)
4. Design tým
● Vedoucí design týmu
● 2 UX designéři - jeden z nich... :)
● 1 vizuální designér
8. ● Analýza dat z analytických nástrojů
● Tvorba a vyhodnocování dotazníků
Moje role při analýze dat
9. 2. Výzkum s redaktory
● Cíle
○ Poznat, jak vzniká článek a probíhá publikace
○ Zjistit, jak redaktoři pracují s redakčním systémem → s cílem navrhnout efektivní redakční
systém
● Metoda
○ Pozorování a rozhovory
○ 10 respondentů
■ Segmentovaní dle typu článků, které mají na starosti (politika, kultura, fotočlánky)
10. 3. Výzkum s uživateli
● Cíle
○ Poznat, jak lidé pracují se zpravodajstvím a jakou roli hraje v jejich životě
○ Zjistit, jak lidé používají zpravodajské weby
○ Zjistit, jaké problémy mají lidé s webem ČT24
○ Prověřit inovativní zahraniční koncepty
● Metoda
○ 2 fáze hloubkových rozhovorů s reálnými uživateli (10 + 18 respondentů)
■ segmentováni primárně dle četnosti s jakou sledují zpravodajství a podle toho, kde
sledují zpravodajství
■ sociodemo struktura odpovídala struktuře návštěvníků webu ČT24
11. Lidi nezajímají všechny zprávy
Typický čtenář se zajímá o domácí zprávy a několik dalších rubrik, například domácí, ekonomika.
Oblíbené rubriky (obvykle 2 až 3) si na webu proklikává.
12. Zprávy v TV nebo živé vysílání na webu ČT24 lidé často sledují během jiné činnosti
13. ČT24.cz je lidmi vnímán jako web kanálu ČT24
Není vnímaný jako samostatný zpravodajský server. Někteří lidé vůbec netuší, že kanál ČT24 má svůj web.
14. Text článku je důležitý
Čtení textu je efektivnější než sledování videa – lze snadno přeskakovat nezajímavé pasáže, rychle text
skenovat očima. Pro sledování videa musí být také vhodné prostředí.
Pokud článek obsahuje text i video, lidé dávají přednost textu, zejména pokud očekávají, že video obsahuje
stejné informace jako text.
15. ● Příprava scénářů
● Moderování sezení
● Pozorování a zapisování poznatků z rozhovorů
● Analýza zjištění
Moje role při výzkumu
16. Michal:
“Zprávy mě baví. Chci vědět o všem, co
se děje”
Markéta:
“Chci zůstat v obraze, nemám teď na
sledování zpráv moc čas”
Honza:
“Chci vědět jen to hlavní, abych nebyl
mimo.”
Lada:
“Zprávy mě moc nezajímají, sleduji jen
mimořádné události, které mne
zasáhnou”
4. Persony
17. ● Analýza dat pro tvorbu person
● Sestavení person
● Prezentace vedení a redakci
18. 5. Informační architektura
Hlavní principy:
● Článek je hlavní obsahovou jednotkou
● Rozdělení na rubriky je důležité, ale není primární (na HP jeden tok)
● Obsah třídíme podle témat (rubriky, štítky, události), ne podle formy
19. 6. Prototypování
● Desítky skic
● Interaktivní prototyp
● Několik kol uživatelských testování
○ Menší problémy opravovány hned mezi jednotlivými sezeními, větší problémy mezi
testováními
○ Testování různých velikostí rozlišení na různých zařízeních → prototypy jsou responzivní
21. Článek
● Sestavuje se z obsahových molekul (vytvořeno asi 25 druhů)
● Některé molekuly mají pevnou pozici (nadpis, perex), většina z nich je ale variabilní (fotogalerie, citát…)
● Každá molekula má čtyři verze - přes celou šířku stránky, na šířku textu, na šířku textu sbalená pod
odkaz a postranní molekula (využití podle důležitosti obsahu)
22. Výpis článků
● Podporuje čitelnost a skenovatelnost obrázků a nadpisů článků
● Jednotvárnost toku článků narušují vizuálně odlišené články - obsahující zajímavé fotografie, rozhovory
apod.
● Pro uživatele, kteří nechodí na web několikrát denně, ale chtějí mít přehled, zobrazujeme souhrn
nejzajímavějších zpráv za uplynulý den
23. Živé vysílání
Okno s živým vysíláním TV kanálu ČT24 je dostupné na jakékoli stránce a zapnutím živého vysílání člověk
netratí možnost sledovat obsah webu
