Návrh zpravodajské aplikace idnes po Android

Transkript

1 Návrh zpravodajské aplikace idnes po Android Semestrální projekt pro předmět PDA 1

2 D1! 4 Název! 4 Popis! 4 Cílová skupina! 4 D2! 5 Uživatelé! 5 Aktivity! 5 System Support! 5 Cílová platforma! 6 Context! 6 D3! 7 Dokumentace prototypu! 7 Popis prototypu! 7 Ukázka prototypu! 7 Hlavní obrazovka! 7 Detail článku! 8 Galerie! 9 Diskuze! 10 Widget! 11 Uživatelský test! 12 Cíl testu! 12 Přehled nálezů! 12 Petr Pavlík! 12 2

3 Martin Petrus! 12 Doporučení pro D4! 12 3

4 D1 Název Mobilní zpravodajská aplikace Popis Cílem je navrhnout moderní a uživatelsky přívětivé UI pro smartphone aplikaci napojenou na redakční systém idnes. Důraz bude kladen hlavně na rychlý a pohodlný přístup k informacím. Cílem není převedení mobilní verze idnes.cz do nativní aplikace, ale rychlý přístup k nejnovějším informacím s elegancí, kterou mobilní webové stránky nenabízejí. Nabízí se i možnost čtení v offline módu, ktery se může hodit při cestě metrem. Důraz bude kladen také na zvyky uživatelů zvolené platofrmy a její konvence. Cílová skupina Uživatelé mobilních telefonů s Androidem (případně se místo Androidu mohu zaměřit na iphone). 4

5 D2 Uživatelé Cílenými uživateli jsou čtenáři portálu idnes, vlastnící telefon s operačním systémem Android. Předpokládaný cílový věk uživatelů je zhruba let. Potenciálními uživateli jsou uživatelé jiné zpravodajské aplikace, které tato aplikace osloví. Aktivity Cílová aktivita uživatele je přečíst si nejnovější články, které idnes publikoval. Toho dosáhne prolistováním proudu novinek v aplikaci. Cílová aktivita uživatele je rychle zjistit nejnovější informace ze světa, které poskytuje zpravodajský server idnes. Další cílovou aktivitou je zobrazení aktuálního počasí. Uživatel zapne aplikaci a vyčká na stažení nejdůležitějších dat pro pokračování v užívání aplikace. Uživatel si vybere z úvodního seznamu článků ten, který ho nejvíce zajímá, a přesune se do obrazovky pro čtení článku. Pomocí gest bude uživatel listovat na další články. Pro více informací, například přístup do diskuse, bude uživatel přesměrován na mobilní verzi webu. System Support Prohlížení seznamu nových článků na portálu idnes. Možnost zvolení kategorií, které uživatele zajímají. Zobrazení zvoleného článku. Listování pomocí gest mezi články. Možnost přechodu do mobilní verze portálu idnes v prohlížeči. Zobrazení počasí. Čtení v offline módu. 5

6 Cílová platforma Cílovou platformou je mobilní telefon s operačním systémem Android 2.1 a vyšší. Context Aplikace bude navrhnuta s důrazem na nejnovější trendy v návrhu aplikací pro platformu Android. Aplikace bude využívat návrhové vzory, na které jsou uživatelé operačního systému Android zvyklí. Pro co největší komfort bude využita mobilní verze idnes API s důrazem na co nejmenší datové přenosy. Aplikace bude navržena s důrazem na co největší rychlost odezvy, držení telefonu v jedné ruce a pohodlné čtení i v rušném prostředí. 6

7 D3 Dokumentace prototypu Popis prototypu Protyp byl vytvořen pomocí aplikace Balsamiq Mockups a vyexportován do podoby PDF dokumentu s možností proklikávání se na jednodlivé obrazovky podle toho, kam uživatel na dané obrazovce klikne. Ukázka prototypu Kompletní přehled je dostupný v přiloženém PDF souboru. Hlavní obrazovka Hlavní obrazovka slouží ke zobrazení přehledu nejnovějších článků na idnes.cz, počasí a nabízí také možnost zapnutí offline módu. Při kliknutí na počasí se tato položka rozbalí a zobrazí detailnější textový popis počasí. Seznam článku se při scrollování automaticky dočítá a po odscrollování se schová spodní lišta s možností zapnutí offline módu. 7

8 Detail článku Tato obrazovka slouží k zobrazení detailu jednotlivých článků. Mezi jednotlivými články uživatel listuje pomocí horizontálního swypu. Pro případy, kdy uživateli nedojde, jak listovat mezi článku, nebo bude použivat navigaci pomocí tlačítek, jsou vespod obsahu tlačítka pro přechod na další/předchozí článek. Pod nadpisem článku bude vsazen hlavní obrázek nebo video. Obrázek o video bude v levem dolním rohu obsahovat tlačítko pro zobrazení informací o daném obrázku/videu. Pokud bude článek obsahovat také galerii, bude v pravém dolním rohu tlačítko s odkazem do galerie. Vespod obsahu bude možnost přechodu do galerie a diskuze. V ActionBaru budou tlačítka pro změnu velikosti textu a sdílení článku na sociálních sítích. 8

9 Galerie Galerie slouží k prohlížení obrázků, které se vstahují k právě čtenému článku. U každého obrázku nabízí možnost zobrazení informaci o daném obrázku. 9

10 Diskuze Tato obrazovka slouží k prohlížení diskuze k článku. Jedná se o pouze doplňkovou funkci, protože hlavním use casem aplikace je rychlé získání nejnovějších informací ze serveru idnes.cz, proto zde není možnost přidávání vlastních komentářů. Standartním způsobem zobrazení reakcí na komentáře je odsazení daného komentáře z leva. Z důvodu úspory místa jsem zvolil způsob změny barvy pozadí místo odsazení. 10

11 Widget Widget je další doplňkovou funkcí aplikace. Slouží k zobrazení informací, kdo má dnes svátek, a nejnovějšího článku na idnes.cz. 11

12 Uživatelský test Cíl testu Cílem testu bylo zjištění nedostatků prototypu a formulovat návrhy změn pro D4. Pro testování byla použita Nielsenova heuristická analýza s využitím dvou expertů. Petr Pavlík: tvůrce prototypu, student oboru STM, FEL, ČVUT Martin Petrus: student oboru OI, FEL, ČVUT Testeři měli k dispozici klikací PDF první část tohoto dokumentu. Pracovali samostatně. Přehled nálezů Petr Pavlík Detail článku - uživateli nemusí dojít, že mezi články se dá pohybovat gesty. Bylo by dobré tuto možnost uživateli zdůraznit. Help and documentation Diskuze - uživatelé nemohou hodnotit komentáře a psát vlastní komentáře. Čtení komentářů je pouze doplňková funkce, ale implementovat něco polovičatě je leckdy horší, než to nenaimplementovat vůbec. Pro tyto možnosti je však vyžadováno přihlášení/registrace. Aesthetic and minimalist design Martin Petrus Detail, tlačítko Galerie(17) očekávám zobrazení náhledů fotek ze kterých si vyberu, ale zobrazí se jedna fotka přes celý display. Consistency and standart Detail, tlačítka pro přecházení mezi články neni jasné, proč mají tlačítka různou velikost, je to matoucí. Consistency and standart Titulek v ActionBaru nemění se titulek a uživatel si nemusí být jistý kde se nachází. Visibility of system status Doporučení pro D4 Zvýraznit uživateli možnost přepínání mezi články pomocí gest. Zamyslet se nad integrací diskuze do aplikace. Ideálně získat názory lidí. Zvýranit smysl toho, že je je jedno tlačítko pro navigaci menší než druhé. Původní myšlenka byla, že uživatel chce listovat primárně dopředu, proto je tlačítko pro navigaci dopředu větší. Z prototypu to dostatečně nevyplývalo. Prověřit, že se uživatel nebude v aplikaci ztrácet. Poznámku o galerii osobně nevidím jako chybu. Je to běžné chování aplikací a mně příjde také lepší. 12