Informační architektura: Porovnání verzí

Z WikiKnihovna
 
m (15 revizí: IMPORT H-L: import stránek z hlavního jmenného prostoru z KiskWiki (http://kisk.phil.muni.cz/))
 
(Není zobrazeno 35 mezilehlých verzí od jednoho dalšího uživatele.)
Řádek 1: Řádek 1:
== InFlow – architektura a použitelnost www stránek ==
+
== InFlow – použitelnost www stránek ==
 +
 
 +
'''Úvodní strana – Aktuální číslo:'''
 +
 
 +
• Při prvním vstupu na úvodní stránku Inflow neznalý host ihned nepozná, o jaké stránky se jedná, na co jsou zaměřeny.
 +
 
 +
• Grafické rozčlenění stránky na tři sloupce je nevýrazné a zbytečné. Stránka je nepřehledná.
 +
 
 +
• V hlavní navigaci se nachází záložka "Expres" - neznalý uživatel neví, co skrývá.
 +
 
 +
• Záložka "Aktuální číslo" v hlavní navigaci je úvodní stranou celého webu a nic neříká o tom, co je tématem stránek (viz shora uvedený bod)
 +
 
 +
• Záložka "O časopisu" v hlavní navigaci by mohla být úvodní stranou celého webu a ihned říci uživateli, kde se nachází.
 +
 
 +
• Záložka "Archiv" v hlavní navigaci není nutná a jak bylo navrženo, šla by přejmenovat na "Časopis" a "Archiv" by se stal jeho součástí (viz grafický návrh).
 +
 
 +
• Ikony "home", "vyhledávání", "mapa webu" a "prohlášení o přístupnosti" jsou špatně viditelné a na první pohled nic neříkající. První dvě jmenované jsou přebytečné a zbývající dvě by měly být spíše dole na stránce rozepsány slovně a ne znázorněny pomocí ikon, aby bylo na první pohled jasné, co zde uživatel najde.
 +
 
 +
• Chybí zde viditelný link na možnost pokročilého vyhledávání na stránkách. Ten je ukryt pod „Hledat“. A chybí i návod „Jak hledat?“
 +
 
 +
• Chybná drobečková navigace (zcela nefungující).
 +
 
 +
• Na stránkách chybí link na web KISK jako garanta časopisu a webu (najdeme ho až v informacích o redakci, což je zcela nevyhovující, mnozí uživatelé se na tuto stránku neproklikají a odcházejí)
 +
 
 +
 
 +
'''Archiv:'''
 +
 
 +
• Zde je zobrazování časopisu rozčleněno do tematických celků. Otázkou je, jaký má význam toto členění. Pokud budeme chtít např. články určitého autora, můžeme si vyhledat pomocí funkce „Hledat“ a zobrazit si je.
 +
 
 +
• U vyhledaných a zobrazených záznamů z různých čísel a roků časopisu by se mělo standardně ukazovat: výrazně název článku (ten by byl linkovací na plný text), jméno autora článku, kdy byl v časopise opublikován (ročník, rok, číslo).
 +
 
 +
• Chybí možnost uložit si článek ve formátu PDF, totéž platí i u některých příloh.
 +
 
 +
• Pod záložkou "Časopis" by měl být vytvořen taktéž ucelený a přehledný archiv příloh, který je nyní přístupný pouze přes aktuální přílohu umístěnou v pravém sloupci. Přílohy by měly být uspořádány jasně podle ročníku a čísla.
 +
 
 +
• Název a podnázev časopisu (Inflow: information journal) by měl být někde výrazně a viditelně napsán. V rámci loga na levé straně webu v pastelových barvách se ztrácí.
 +
 
 +
 
 +
'''Pro autory:'''
 +
 
 +
• Zde by byla dobrá možnost stáhnutí si těchto pokynů v PDF formátu, případně zobrazení verze pro tisk a to ne celé stránky najednou, ale pro každou část zvlášť (pro autory příspěvků do časopisu, pro autory příspěvků do blogů)
 +
 
 +
 
 +
'''Přihlášení / registrace:'''
 +
 
 +
• Chybné barevné zvýraznění odkazu, do kterého vstupuji. Stále je barevně zvýrazněno „Přihlásit se“, i když chci např. „Vytvořit nový účet“. Pak jsou barevně zvýrazněny obě.
 +
 
 +
• V textu se vyskytuje hvězdička, ale chybí k ní komentář. Je tím myšleno, že to, co je touto hvězdičkou označeno, je povinný údaj?
 +
 
 +
• Chybí zde návod jak se přihlásit / registrovat.
 +
 
 +
 
 +
'''Levý sloupec:'''
 +
 
 +
• Odkazy "Expres", "Read or Die", "Poslední komentáře", "Vyzkoušejte", "Kranketa" neznalým nic neříkají. Na první přečtení není jasné, o co se jedná. Především u "Poslední komentáře" – k čemu jsou vztaženy? (k časopisu či k blogům?)
 +
 
 +
• V tomto sloupci přibyly odkazy na "Spřízněné projekty" a to pouze v podobě jejich ikony, které nic moc nevypovídají o daných projektech. Aby jsme zjistili, o čem to je, musíme vstoupit na dané stránky k nim se vážící. Spřízněné projekty by si zasloužily vlastní stránku v podobě, jak je vytvořen její návrh, kde by se nacházel alespoň krátký popis daného projektu.
 +
 
 +
 
 +
'''Přílohy časopisu:'''
 +
 
 +
• Zcela chybí záložka pro "Přílohy časopisu". Jsou umístěny pouze v pravém sloupci, ale vždy jen ta poslední aktuální.
 +
 
 +
• U každé přílohy je sice napsáno, o čem tematicky pojednává, ale dobré by bylo zahrnout sem i její obsah (názvy jednotlivých článků).
 +
 
 +
 
 +
'''Grafická stránka Inflow:'''
 +
 
 +
• Některé barvy používané na stránkách nejsou dostatečně kontrastní (např. světle šedá barva je naprosto nevyhovující). Stávají se tak nepřístupnými pro zrakově handicapované uživatele.
 +
 
 +
• Pro zpřehlednění stránek by jednotlivé části měly být výrazněji graficky odděleny (např. blogy od časopisu, jednotlivé rubriky v postranním sloupci)
 +
 
 +
 
 +
 
 +
== InFlow – architektura www stránek ==
  
 
'''Hlavní (úvodní) stránka:'''
 
'''Hlavní (úvodní) stránka:'''
 +
 +
• možnost úpravy vzhledu stránky podle požadavků uživatelů
  
 
• dát jen dva sloupce (třetí zrušit)
 
• dát jen dva sloupce (třetí zrušit)
Řádek 13: Řádek 89:
 
• ikony mapa webu a prohlášení o přístupnosti přesunout na hlavní stránce dolů a zvýraznit do viditelné podoby
 
• ikony mapa webu a prohlášení o přístupnosti přesunout na hlavní stránce dolů a zvýraznit do viditelné podoby
  
• pod okno hledat přidat odkaz i na pokročilé vyhledávání
+
• hlavní navigace zůstává ve formě záložek
 +
   
 +
• pod okno hledat přidat odkaz i na pokročilé vyhledávání nápovědu jak hledat a přesunout pod záložky úvod atd.
 +
 
 +
• při pokročilém vyhledávání možnost používat booleovské a proximitní operátory, vyhledávání pomocí klíčových slov, názvů, autorů a v textu, definovat Informárum (co přesně obsahuje), položku Pro redakci a Stránka.(uživatel neví, jakou oblast Inflow prohledává)
  
• zcela předělat pokročilé vyhledávání a připojit k němu návod, jak hledat (použití booleovských a proximitních operátorů, ...)
 
  
 
'''Původní navigace:'''
 
'''Původní navigace:'''
  
 
[[Soubor:Navigace.jpg]]
 
[[Soubor:Navigace.jpg]]
 +
  
 
'''Nová navigace:'''
 
'''Nová navigace:'''
Řádek 26: Řádek 106:
  
  
1) Úvod
+
'''1) Úvod'''
povídání o stránkách, aby nový návštěvník věděl, kam se dostal
 
aktuální číslo časopisu (vytvořit pro něj univerzální stylizovanou obálku) + aktuální příloha – to graficky oddělit
 
blogy – 6 nejnovějších příspěvků z blogů
 
kategorie blogů přesunout do blogů
 
  
2) Časopis
+
• výrazné logo
povídání o časopisu – obsah nynější záložky O časopisu
 
archiv čísel + archiv příloh
 
odkaz na KISK jako vydavatele časopisu a provozovatele stránek
 
  
3) Blogy
+
• Stručná anotace časopisu – oborové zaměření, základní údaje – vydavatel, od kdy vychází, ISSN, periodicita
nechat beze změn
 
  
4) Rubriky (dříve Expres)
+
• aktuální číslo časopisu + aktuální příloha – to graficky oddělit
přejmenování, protože nikdo z testovaných nevěděl, co to je
 
zahrnout sem: NOVINKY, EXPRES, READ or DIE, VYZKOUŠEJTE, KRANKETA, a ke každé rubrice napsat krátkou charakteristiku do jejího úvodu
 
  
5) Pro autory
+
• blogy – 6 nejnovějších příspěvků z blogů
zachovat ve stávající podobě
 
  
6) Přihlášení/registrace
+
• kategorie blogů přesunout do blogů
zachovat ve stávající podobě
+
[[Soubor:uvod.jpg]]
  
  
PRAVÝ SLOUPEC – zrušit!!!!!
+
'''2) Časopis'''
 +
 
 +
•povídání o časopisu – obsah nynější záložky O časopisu
 +
 
 +
•archiv čísel + archiv příloh
 +
 
 +
•odkaz na KISK jako vydavatele časopisu a provozovatele stránek
 +
[[Soubor:casopis.jpg]]
 +
[[Soubor:casopis_archiv cas.jpg]]
 +
[[Soubor:casopis_cislo.jpg]]
 +
[[Soubor:casopis_archiv pril.jpg]]
 +
[[Soubor:redakce.jpg]]
 +
 
 +
 
 +
'''3) Blogy'''
 +
 
 +
• zachovat ve stávající podobě
 +
[[Soubor:blogy.jpg]]
 +
[[Soubor:komentare.jpg]]
 +
 
 +
 
 +
'''4) Rubriky'''
 +
 
 +
• vlastní záložka, pod kterou jsou všchny rubriky zahrnuty. V levém sloupci jsou zobrazeny aktuální informace z každé rubriky
 +
 +
• rubriky: NOVINKY, EXPRES, READ or DIE, VYZKOUŠEJTE, KRANKETA, SPŘÍZNĚNÉ PROJEKTY
 +
[[Soubor:rubriky.jpg]]
 +
[[Soubor:novinky.jpg]]
 +
[[Soubor:expres.jpg]]
 +
[[Soubor:rubriky_read.jpg]]
 +
[[Soubor:vyzkousejte.jpg]]
 +
[[Soubor:kranketa.jpg]]
 +
[[Soubor:rubriky_projekty.jpg]]
 +
 
 +
 
 +
'''5) Pro autory'''
 +
 
 +
• zachovat ve stávající podobě
 +
[[Soubor:pro autory.jpg]]
 +
 
 +
 
 +
'''6) Přihlášení/registrace'''
 +
 
 +
• nechat tři záložky
 +
• při registraci změna captchy, viz nové technologie pro inflow
 +
• přidat stránku, jak se přihlásit
 +
[[Soubor:prihlaseni.jpg]]
 +
[[Soubor:ucet.jpg]]
 +
[[Soubor:heslo.jpg]]
 +
[[Soubor:jak prihlasit.jpg]]
 +
 
 +
 
 +
'''7)  Mapa webu'''
 +
[[Soubor:mapa webu.jpg]]
 +
 
 +
 
 +
'''8)  Vyhledávání'''
 +
[[Soubor:vyhledavani.jpg]]
 +
[[Soubor:vyhledavani_pokrocile.jpg]]
 +
[[Soubor:jak hledat.jpg]]
 +
 
 +
 
 +
'''9)  Prohlášení o přístupnosti'''
 +
[[Soubor:pristupnost.jpg]]
 +
 
 +
 
 +
PRAVÝ SLOUPEC – zrušit!!!!! Dva sloupce jsou přehlednějsí
  
  
 
LEVÝ SLOUPEC
 
LEVÝ SLOUPEC
  
1) Nechat Novinky na InFlow ve stávající podobě
+
1) Novinky na InFlow ve stávající podobě
  
2) Expres – nechávat 4 poslední aktuální
+
• archiv novinky
  
3) Read or Die – nechávat 1 odkaz
+
2) Expres – nechávat 3 poslední příspěvky
  
4) Poslední komentáře – 8 posledních komentářů
+
• archiv Expres
  
5) Vyzkoušejte – 1 aktuální
+
3) Read or Die – nechávat 3 poslední příspěvky
 +
 
 +
• archiv Read or Die
 +
 
 +
4) Poslední komentáře k blogům – 8 posledních příspěvků s přesným časem vložení(platí samozřejmě u všech komentářů)
 +
 
 +
• archiv Poslední komentáře
 +
 
 +
5) Vyzkoušejte – 1 poslední příspěvek
 +
 
 +
• archiv Vyzkoušejte
  
 
6) KRANKETA – nechat jen klikací odkaz
 
6) KRANKETA – nechat jen klikací odkaz
 +
 +
7)      Spřízněné projekty - nechat klikací odkaz
 +
  
 
Shora uvedené řadit v tom pořadí, jak je napsáno a plus přiřadit i archivy těchto odkazů.
 
Shora uvedené řadit v tom pořadí, jak je napsáno a plus přiřadit i archivy těchto odkazů.

Aktuální verze z 20. 2. 2012, 11:28

InFlow – použitelnost www stránek

Úvodní strana – Aktuální číslo:

• Při prvním vstupu na úvodní stránku Inflow neznalý host ihned nepozná, o jaké stránky se jedná, na co jsou zaměřeny.

• Grafické rozčlenění stránky na tři sloupce je nevýrazné a zbytečné. Stránka je nepřehledná.

• V hlavní navigaci se nachází záložka "Expres" - neznalý uživatel neví, co skrývá.

• Záložka "Aktuální číslo" v hlavní navigaci je úvodní stranou celého webu a nic neříká o tom, co je tématem stránek (viz shora uvedený bod)

• Záložka "O časopisu" v hlavní navigaci by mohla být úvodní stranou celého webu a ihned říci uživateli, kde se nachází.

• Záložka "Archiv" v hlavní navigaci není nutná a jak bylo navrženo, šla by přejmenovat na "Časopis" a "Archiv" by se stal jeho součástí (viz grafický návrh).

• Ikony "home", "vyhledávání", "mapa webu" a "prohlášení o přístupnosti" jsou špatně viditelné a na první pohled nic neříkající. První dvě jmenované jsou přebytečné a zbývající dvě by měly být spíše dole na stránce rozepsány slovně a ne znázorněny pomocí ikon, aby bylo na první pohled jasné, co zde uživatel najde.

• Chybí zde viditelný link na možnost pokročilého vyhledávání na stránkách. Ten je ukryt pod „Hledat“. A chybí i návod „Jak hledat?“

• Chybná drobečková navigace (zcela nefungující).

• Na stránkách chybí link na web KISK jako garanta časopisu a webu (najdeme ho až v informacích o redakci, což je zcela nevyhovující, mnozí uživatelé se na tuto stránku neproklikají a odcházejí)


Archiv:

• Zde je zobrazování časopisu rozčleněno do tematických celků. Otázkou je, jaký má význam toto členění. Pokud budeme chtít např. články určitého autora, můžeme si vyhledat pomocí funkce „Hledat“ a zobrazit si je.

• U vyhledaných a zobrazených záznamů z různých čísel a roků časopisu by se mělo standardně ukazovat: výrazně název článku (ten by byl linkovací na plný text), jméno autora článku, kdy byl v časopise opublikován (ročník, rok, číslo).

• Chybí možnost uložit si článek ve formátu PDF, totéž platí i u některých příloh.

• Pod záložkou "Časopis" by měl být vytvořen taktéž ucelený a přehledný archiv příloh, který je nyní přístupný pouze přes aktuální přílohu umístěnou v pravém sloupci. Přílohy by měly být uspořádány jasně podle ročníku a čísla.

• Název a podnázev časopisu (Inflow: information journal) by měl být někde výrazně a viditelně napsán. V rámci loga na levé straně webu v pastelových barvách se ztrácí.


Pro autory:

• Zde by byla dobrá možnost stáhnutí si těchto pokynů v PDF formátu, případně zobrazení verze pro tisk a to ne celé stránky najednou, ale pro každou část zvlášť (pro autory příspěvků do časopisu, pro autory příspěvků do blogů)


Přihlášení / registrace:

• Chybné barevné zvýraznění odkazu, do kterého vstupuji. Stále je barevně zvýrazněno „Přihlásit se“, i když chci např. „Vytvořit nový účet“. Pak jsou barevně zvýrazněny obě.

• V textu se vyskytuje hvězdička, ale chybí k ní komentář. Je tím myšleno, že to, co je touto hvězdičkou označeno, je povinný údaj?

• Chybí zde návod jak se přihlásit / registrovat.


Levý sloupec:

• Odkazy "Expres", "Read or Die", "Poslední komentáře", "Vyzkoušejte", "Kranketa" neznalým nic neříkají. Na první přečtení není jasné, o co se jedná. Především u "Poslední komentáře" – k čemu jsou vztaženy? (k časopisu či k blogům?)

• V tomto sloupci přibyly odkazy na "Spřízněné projekty" a to pouze v podobě jejich ikony, které nic moc nevypovídají o daných projektech. Aby jsme zjistili, o čem to je, musíme vstoupit na dané stránky k nim se vážící. Spřízněné projekty by si zasloužily vlastní stránku v podobě, jak je vytvořen její návrh, kde by se nacházel alespoň krátký popis daného projektu.


Přílohy časopisu:

• Zcela chybí záložka pro "Přílohy časopisu". Jsou umístěny pouze v pravém sloupci, ale vždy jen ta poslední aktuální.

• U každé přílohy je sice napsáno, o čem tematicky pojednává, ale dobré by bylo zahrnout sem i její obsah (názvy jednotlivých článků).


Grafická stránka Inflow:

• Některé barvy používané na stránkách nejsou dostatečně kontrastní (např. světle šedá barva je naprosto nevyhovující). Stávají se tak nepřístupnými pro zrakově handicapované uživatele.

• Pro zpřehlednění stránek by jednotlivé části měly být výrazněji graficky odděleny (např. blogy od časopisu, jednotlivé rubriky v postranním sloupci)


InFlow – architektura www stránek

Hlavní (úvodní) stránka:

• možnost úpravy vzhledu stránky podle požadavků uživatelů

• dát jen dva sloupce (třetí zrušit)

• oba sloupce výrazněji barevně či jinak graficky odlišit a tomu přizpůsobit barvu písma i pro lidi hůře vidící

• upravit nefungující drobečkovou navigaci

• zrušit ikony: home a vyhledávání

• ikony mapa webu a prohlášení o přístupnosti přesunout na hlavní stránce dolů a zvýraznit do viditelné podoby

• hlavní navigace zůstává ve formě záložek

• pod okno hledat přidat odkaz i na pokročilé vyhledávání nápovědu jak hledat a přesunout pod záložky úvod atd.

• při pokročilém vyhledávání možnost používat booleovské a proximitní operátory, vyhledávání pomocí klíčových slov, názvů, autorů a v textu, definovat Informárum (co přesně obsahuje), položku Pro redakci a Stránka.(uživatel neví, jakou oblast Inflow prohledává)


Původní navigace:

Soubor:Navigace.jpg


Nová navigace:

Soubor:Menu2.jpg


1) Úvod

• výrazné logo

• Stručná anotace časopisu – oborové zaměření, základní údaje – vydavatel, od kdy vychází, ISSN, periodicita

• aktuální číslo časopisu + aktuální příloha – to graficky oddělit

• blogy – 6 nejnovějších příspěvků z blogů

• kategorie blogů přesunout do blogů Soubor:Uvod.jpg


2) Časopis

•povídání o časopisu – obsah nynější záložky O časopisu

•archiv čísel + archiv příloh

•odkaz na KISK jako vydavatele časopisu a provozovatele stránek Soubor:Casopis.jpg Soubor:Casopis archiv cas.jpg Soubor:Casopis cislo.jpg Soubor:Casopis archiv pril.jpg Soubor:Redakce.jpg


3) Blogy

• zachovat ve stávající podobě Soubor:Blogy.jpg Soubor:Komentare.jpg


4) Rubriky

• vlastní záložka, pod kterou jsou všchny rubriky zahrnuty. V levém sloupci jsou zobrazeny aktuální informace z každé rubriky

• rubriky: NOVINKY, EXPRES, READ or DIE, VYZKOUŠEJTE, KRANKETA, SPŘÍZNĚNÉ PROJEKTY Soubor:Rubriky.jpg Soubor:Novinky.jpg Expres.jpg Soubor:Rubriky read.jpg Soubor:Vyzkousejte.jpg Soubor:Kranketa.jpg Soubor:Rubriky projekty.jpg


5) Pro autory

• zachovat ve stávající podobě Soubor:Pro autory.jpg


6) Přihlášení/registrace

• nechat tři záložky • při registraci změna captchy, viz nové technologie pro inflow • přidat stránku, jak se přihlásit Prihlaseni.jpg Ucet.jpg Soubor:Heslo.jpg Soubor:Jak prihlasit.jpg


7) Mapa webu Soubor:Mapa webu.jpg


8) Vyhledávání Soubor:Vyhledavani.jpg Soubor:Vyhledavani pokrocile.jpg Soubor:Jak hledat.jpg


9) Prohlášení o přístupnosti Soubor:Pristupnost.jpg


PRAVÝ SLOUPEC – zrušit!!!!! Dva sloupce jsou přehlednějsí


LEVÝ SLOUPEC

1) Novinky na InFlow ve stávající podobě

• archiv novinky

2) Expres – nechávat 3 poslední příspěvky

• archiv Expres

3) Read or Die – nechávat 3 poslední příspěvky

• archiv Read or Die

4) Poslední komentáře k blogům – 8 posledních příspěvků s přesným časem vložení(platí samozřejmě u všech komentářů)

• archiv Poslední komentáře

5) Vyzkoušejte – 1 poslední příspěvek

• archiv Vyzkoušejte

6) KRANKETA – nechat jen klikací odkaz

7) Spřízněné projekty - nechat klikací odkaz


Shora uvedené řadit v tom pořadí, jak je napsáno a plus přiřadit i archivy těchto odkazů.