Wireframy - Historie editací

Václav Kůs v 22. 5. 2012, 07:31

2012-05-22T07:31:06Z

Václav Kůs v 22. 5. 2012, 07:29

2012-05-22T07:29:43Z

Václav Kůs v 22. 5. 2012, 07:23

2012-05-22T07:23:47Z

Václav Kůs v 22. 5. 2012, 00:03

2012-05-22T00:03:01Z

Václav Kůs v 21. 5. 2012, 23:52

2012-05-21T23:52:38Z

Václav Kůs v 21. 5. 2012, 22:00

2012-05-21T22:00:44Z

Václav Kůs v 21. 5. 2012, 21:54

2012-05-21T21:54:38Z

Václav Kůs v 21. 5. 2012, 21:50

2012-05-21T21:50:00Z

Václav Kůs v 21. 5. 2012, 21:47

2012-05-21T21:47:46Z

Václav Kůs v 21. 5. 2012, 21:42

2012-05-21T21:42:19Z

@@ Řádek 42: / Řádek 42: @@
 '''Proklikávací či hypertextový wireframe''': jedná se o ještě podrobnější WF než v předchozím bodě. Největší rozdíl je v jeho chování, předchozí varianty byly statické obrázky, kdežto zde se jedná o proklikávací model, který obsahuje provázanost a smysl celého systému. Toto řešení se používá jen v nejnáročnějších případech (intranet; extranet; B2B portál, B2C portál s napojením na informační systém, apod.).
-== Nástroje pro vytvářením wireframe ==
+== Nástroje ==
 MS Powerpoint, MS Word - vhodné pro tvorbu textových a hrubých blokových wireframů.

@@ Řádek 44: / Řádek 44: @@
 == Nástroje pro vytvářením wireframe ==
-MS Powerpoint, MS Word - vhodné spíše jen pro tvorbu textových či hrubých blokových wireframů.
+MS Powerpoint, MS Word - vhodné pro tvorbu textových a hrubých blokových wireframů.
-MS Visio (pro Windows), OmniGraffle (pro Mac) - dokáže též export do HTML, vhodný pro podrobný a proklikávací wireframe, existují též hotové wireframe vzory tzv. stencils (obrazce).
+MS Visio (pro Windows), OmniGraffle (pro Mac) - dokáže také export do HTML, vhodný pro podrobný a proklikávací wireframe, existují hotové wireframe vzory tzv. stencils (obrazce).
-SmartDraw, Axure, Adobe Flash, Adobe Illustrator či MS Excel.
+SmartDraw, Axure, Adobe Flash, Adobe Illustrator nebo MS Excel.

@@ Řádek 45: / Řádek 45: @@
 MS Powerpoint, MS Word - vhodné spíše jen pro tvorbu textových či hrubých blokových wireframů.
 MS Visio (pro Windows), OmniGraffle (pro Mac) - dokáže též export do HTML, vhodný pro podrobný a proklikávací wireframe, existují též hotové wireframe vzory tzv. stencils (obrazce).
-dále též - SmartDraw, Axure, Adobe Flash, Adobe Illustrator či MS Excel.

← Starší verze		Verze z 22. 5. 2012, 00:03
Řádek 41:		Řádek 41:

	'''Proklikávací či hypertextový wireframe''': jedná se o ještě podrobnější WF než v předchozím bodě. Největší rozdíl je v jeho chování, předchozí varianty byly statické obrázky, kdežto zde se jedná o proklikávací model, který obsahuje provázanost a smysl celého systému. Toto řešení se používá jen v nejnáročnějších případech (intranet; extranet; B2B portál, B2C portál s napojením na informační systém, apod.).		'''Proklikávací či hypertextový wireframe''': jedná se o ještě podrobnější WF než v předchozím bodě. Největší rozdíl je v jeho chování, předchozí varianty byly statické obrázky, kdežto zde se jedná o proklikávací model, který obsahuje provázanost a smysl celého systému. Toto řešení se používá jen v nejnáročnějších případech (intranet; extranet; B2B portál, B2C portál s napojením na informační systém, apod.).
		+
		+	== Nástroje pro vytvářením wireframe ==
		+
		+	MS Powerpoint, MS Word - vhodné spíše jen pro tvorbu textových či hrubých blokových wireframů.
		+	MS Visio (pro Windows), OmniGraffle (pro Mac) - dokáže též export do HTML, vhodný pro podrobný a proklikávací wireframe, existují též hotové wireframe vzory tzv. stencils (obrazce).
		+	dále též - SmartDraw, Axure, Adobe Flash, Adobe Illustrator či MS Excel.
		+

	== Poznámky ==		== Poznámky ==

@@ Řádek 34: / Řádek 34: @@
-'''Textový wireframe''': slovně definuje obsah a funkční prvky stránky. Využití wireframe je spíše okrajové, řeší opravdu jen hrubé myšlenky a naznačuje co je a není možné.
+'''Textový wireframe''': slovně definuje obsah a funkční prvky stránky. Využití wireframe je spíše okrajové, řeší jen hrubé myšlenky a naznačuje co je a není možné.
 '''Stručný či blokový wireframe''': definuje rozložení obsahu a funkčních prvků pomocí polí se stručným textovým komentářem. Jednotlivé bloky definují pozici a proporci textových i grafických prvků na stránce.
-'''Podrobný wireframe''': do detailu ukazuje pozice na stránce/stránkách. Může operovat s ostrými texty, obrázky, tabulkami, apod. Podrobně popisuje chování stránky, její směřování, napojení, atd. Tento druh se používá u komplikovanějších a náročnějších řešení.
+'''Podrobný wireframe''': do detailu ukazuje pozice na stránce/stránkách. Může pracovat s finálními texty, obrázky, tabulkami, apod. Podrobně popisuje chování stránky, její směřování, napojení, atd. Tento druh se používá u komplikovanějších a náročnějších řešení.
-'''Proklikávací či hypertextový wireframe''': jedná se o ještě podrobnější WF než v předchozím bodě. Největší rozdíl je v jeho chování, předchozí varianty byly statické obrázky, kdežto zde se jedná o proklikávací model, který naplno ukáže provázanost a smysl celého systému. Toto řešení se používá jen v nejnáročnějších případech (intranet; extranet; B2B portál, B2C portál s napojením na informační systém, apod.).
+'''Proklikávací či hypertextový wireframe''': jedná se o ještě podrobnější WF než v předchozím bodě. Největší rozdíl je v jeho chování, předchozí varianty byly statické obrázky, kdežto zde se jedná o proklikávací model, který obsahuje provázanost a smysl celého systému. Toto řešení se používá jen v nejnáročnějších případech (intranet; extranet; B2B portál, B2C portál s napojením na informační systém, apod.).
 == Poznámky ==

@@ Řádek 23: / Řádek 23: @@
 ===Rozložení obsahu a funkcionalit===
-Wireframe definují rozložení obsahu a funkcionalit na jednotlivých webových stránkách. Navrhují způsob navigace uživatele webem a přispívají tak k zajištění dobré použitelnosti webového řešení. Cílem je, aby jednotlivé profily uživatelů na webu snadno našli co hledají.
+Wireframe definují rozložení obsahu a funkcionalit na jednotlivých webových stránkách. Navrhují způsob navigace uživatele webem a přispívají tak k zajištění dobré použitelnosti webového řešení. Cílem je, aby jednotlivé skupiny uživatelů webu našli snadno to co hledají.
 ===Komunikační nástroj===
-Druhá funkce wireframů je sloužit jako komunikační nástroj a to tak, aby jasně prezentoval, co bude chystané webové řešení všechno obsahovat. Je to jeden z nejlepších nástrojů, jak precizovat zadání klienta a dosáhnout toho, že si klient a tvůrce webu přesně rozumí. Srozumitelnost je dána mimojiné i tím, že wireframe je vizuálním nástrojem. To je velmi důležité, neboť dodatečné změny ve vytvořeném webovém řešení mohou být časově i finančně náročné.
+Druhá funkce wireframů je sloužit jako komunikační nástroj a to tak, aby jasně prezentoval, co bude chystané webové řešení všechno obsahovat. Je to jeden z nejlepších nástrojů, jak popsat zadání klienta a dosáhnout toho, že si klient a tvůrce webu přesně rozumí. Srozumitelnost je dána mimojiné i tím, že wireframe je vizuálním nástrojem. To je velmi důležité, protože následné změny ve vytvořeném webovém řešení jsou zpravidla časově i finančně náročné.
 ==Rozdělení==

@@ Řádek 19: / Řádek 19: @@
 ==Použití==
-Wireframe je významnou součástí procesu vývoje webu, zlepšuje naplnění cílů a snižuje riziko vzniku rozdílu mezi zadáním a výsledkem. Může významně zkrátit celkovou dobu vývoje. Wireframe stránek se vytváří zpravidla před zahájením grafických prací, aby bylo možné vytvořit si představu o fungování webu. Jde o návrh, který definuje funkce a obsah stránek, označuje se také jako „projektová dokumentace nového webu“. Wireframy slouží dvěma účelům:
+Wireframe je významnou součástí procesu vývoje webu, zlepšuje naplnění cílů a snižuje riziko vzniku rozdílu mezi zadáním a výsledkem. Může významně zkrátit celkovou dobu vývoje. Wireframe stránek se vytváří zpravidla před zahájením grafických prací, aby bylo možné vytvořit si představu o fungování webu. Jde o návrh, který definuje funkce a obsah stránek, označuje se také jako „projektová dokumentace nového webu“. Wireframy mohou slouží dvěma účelům:
 ===Rozložení obsahu a funkcionalit===

@@ Řádek 1: / Řádek 1: @@
 '''Autor:''' Václav Kůs
-'''Klíčová slova:''' wireframe, náhled webu, skica webu
+'''Klíčová slova:''' wireframe, náhled webu, skica webu, projektová dokumentace nového webu
 '''Synonyma:''' skica webu, náhled webu

@@ Řádek 15: / Řádek 15: @@
 ==Charakteristika==
-Pojem wireframe (zkráceně WF, česky drátěný model) bývá v oblasti vývoje webových  prezentací nebo aplikací definován jako: ''„zjednodušený model či architektonický návrh definující funkci a obsah stránek webu“''<ref>'' Wireframe webu - Slovník internetových výrazů'' [online]. [cit. 2012-05-21]. Dostupný z WWW: <http://www.symbio.cz/slovnik/wireframe-webu.html>.</ref> Wirefram definuje textový i grafický obsah, rozmístění funkčních prvků, ale také navigaci, znění nadpisů, klíčových textů nebo tlačítek. Wireframy lze vytvářet v různých detailech. Od základního wireframe úvodní stránky, který obsahuje pouze základní rozložení prvků na stránce, až po detailní wireframe. Detailní wireframe může obsahovat položky menu, texty, velikosti obrázků a odkazy na další wireframy hlavních stránek webové prezentace. Wireframe nezahrnuje grafiku ani typografický styl, je tvořen pouze pomocí čar a textu. Nepoužívají se barvy, výjimkou může být pouze odlišení hypertextových odkazů. Pojem wireframe nepochází z oblasti webového vývoje. Wireframy byly původně vytvářeny pro prezentaci 3-D objektů v CAD (Computer Aided Design) softwarech.
+Pojem wireframe (zkráceně WF, česky drátěný model) bývá v oblasti vývoje webových  prezentací nebo aplikací definován jako: ''„zjednodušený model či architektonický návrh definující funkci a obsah stránek webu“''<ref>'' Wireframe webu - Slovník internetových výrazů'' [online]. [cit. 2012-05-21]. Dostupný z WWW: <http://www.symbio.cz/slovnik/wireframe-webu.html>.</ref> Wirefram definuje textový i grafický obsah, rozmístění funkčních prvků, ale také navigaci, znění nadpisů, klíčových textů nebo tlačítek. Wireframy lze vytvářet v různých detailech. Od základního wireframe úvodní stránky, který obsahuje pouze základní rozložení prvků na stránce, až po detailní wireframe. Detailní wireframe může obsahovat položky menu, texty, velikosti obrázků a odkazy na další wireframy hlavních stránek webové prezentace. Wireframe nezahrnuje grafiku ani typografický styl, je tvořen pouze pomocí čar a textu. Nepoužívají se ani barvy, výjimkou může být pouze odlišení hypertextových odkazů. Pojem wireframe nepochází z oblasti webového vývoje. Wireframy byly původně vytvářeny pro prezentaci 3-D objektů v CAD (Computer Aided Design) softwarech.
 ==Použití==
-Wireframe je významnou součástí procesu vývoje webu, zlepšuje naplnění cílů a snižuje riziko vzniku rozdílu mezi zadáním a výsledkem. Může významně zkrátit celkovou dobu vývoje. Wireframe stránek se vytváří zpravidla před zahájením grafických prací, aby bylo možné vytvořit si představu o fungování webu. Jde o návrh, který definuje funkce a obsah stránek, pro lepší pochopení, označuje se také jako „projektová dokumentace nového webu“. Je nutné upozornit na fakt, že wireframy slouží dvěma primárním účelům viz dále.
+Wireframe je významnou součástí procesu vývoje webu, zlepšuje naplnění cílů a snižuje riziko vzniku rozdílu mezi zadáním a výsledkem. Může významně zkrátit celkovou dobu vývoje. Wireframe stránek se vytváří zpravidla před zahájením grafických prací, aby bylo možné vytvořit si představu o fungování webu. Jde o návrh, který definuje funkce a obsah stránek, označuje se také jako „projektová dokumentace nového webu“. Wireframy slouží dvěma účelům:
 ===Rozložení obsahu a funkcionalit===