Přidej vejce – WebExpo 2011

38
Bude vás obšťastňovat Jan Řezáč Freelance webdesigner blog.filosof.biz @janrezac

description

Slidy k přednášce Přidej vejce z konference WebExpo 2011.

Transcript of Přidej vejce – WebExpo 2011

Page 1: Přidej vejce – WebExpo 2011

Bude vás obšťastňovat● Jan Řezáč● Freelance webdesigner

● blog.filosof.biz● @janrezac

Page 2: Přidej vejce – WebExpo 2011

http://www.flickr.com/photos/flibble/4863699349/in/photostream/

Víla Webnička

Page 3: Přidej vejce – WebExpo 2011

http://www.flickr.com/photos/cayusa/2276783536/in/photostream/

Peníze?

Page 4: Přidej vejce – WebExpo 2011

http://www.sxc.hu/photo/1194193

Přidej vejce

Page 5: Přidej vejce – WebExpo 2011

Webdesign jako stavba mostu

http://www.afrikaonline.cz/

Page 6: Přidej vejce – WebExpo 2011

Kdy nastanou potíže?

http://www.afrikaonline.cz/

Page 7: Přidej vejce – WebExpo 2011

Jakou dokumentaci používáte při

návrhu webu?

Page 8: Přidej vejce – WebExpo 2011

Mapa stránek

http://uxmag.com/uploads/ausitemap/smforarticle.jpg

Page 9: Přidej vejce – WebExpo 2011

Analýza klíčových slov

Page 10: Přidej vejce – WebExpo 2011

SEO rady

http://www.flickr.com/photos/70463284@N00/872276176/

Page 11: Přidej vejce – WebExpo 2011

Wireframe

Page 12: Přidej vejce – WebExpo 2011

95% wireframu tvoří Lorem ipsum

Wireframes suck.

Page 13: Přidej vejce – WebExpo 2011
Page 14: Přidej vejce – WebExpo 2011

Design in the absence of content is not design, it's decoration.

@zeldman

Page 15: Přidej vejce – WebExpo 2011

http://www.flickr.com/photos/7378453@N02/515676801/

Kdo je zodpovědný za obsah?

Page 16: Přidej vejce – WebExpo 2011

Jak navrhnout obsah webu

Page 17: Přidej vejce – WebExpo 2011

Content Strategy je

přístup pro systematické

nakládání s obsahem při návrhu a rozvoji

webu.

Page 18: Přidej vejce – WebExpo 2011

Kdo Content Strategy používá?

a mnoho dalších...

Page 19: Přidej vejce – WebExpo 2011

Obsah je král

Kdo je královna?

Page 20: Přidej vejce – WebExpo 2011

Obsah skvěle doplňuje

Kontext

Page 21: Přidej vejce – WebExpo 2011

Situace a podmínky, které ovlivňují obsah

Page 22: Přidej vejce – WebExpo 2011

Ptejte se PROČ!

Univerzální návrh obsahu pro web?

Page 23: Přidej vejce – WebExpo 2011

Postoj + akce = výsledek

http://www.flickr.com/photos/13290612@N04/3814041383/

Page 24: Přidej vejce – WebExpo 2011

1. Rétorika

Umění přesvědčivého projevu

http://commons.wikimedia.org/wiki/File:Aristotle_Bust_White_Background_Transparent.png

Page 25: Přidej vejce – WebExpo 2011

Ethos (důvěryhodnost)

http://www.flickr.com/photos/27801834@N00/3002521837/

Page 26: Přidej vejce – WebExpo 2011

Pathos (emoce)

http://www.flickr.com/photos/dannysantos/5183917271/in/photostream/

Page 27: Přidej vejce – WebExpo 2011

Dáte si?

http://www.flickr.com/photos/dannysantos/5183917271/in/photostream/

Page 28: Přidej vejce – WebExpo 2011

Logos (logika)

http://www.flickr.com/photos/birdofthegalaxy/3601416869/

Page 29: Přidej vejce – WebExpo 2011

2. Psychologie

http://hobby.idnes.cz/hobby-zahrada.aspx?c=A080917_120839_hobby-bylinky_lis

Page 30: Přidej vejce – WebExpo 2011

3. Testování

http://www.flickr.com/photos/71337017@N00/331249771/

Page 31: Přidej vejce – WebExpo 2011

Nástroje

http://www.flickr.com/photos/alexverweij/3088308015/in/photostream/

Page 32: Přidej vejce – WebExpo 2011

Řešení pro wireframy

Page tables

Page 33: Přidej vejce – WebExpo 2011

Page table

Page 34: Přidej vejce – WebExpo 2011

Redesign?

Content Inventory

Page 35: Přidej vejce – WebExpo 2011

Content Inventory

http://blog.braintraffic.com/2009/03/the-content-inventory-is-your-friend/

Page 36: Přidej vejce – WebExpo 2011

Analýza konkurence

Přehled?

Page 37: Přidej vejce – WebExpo 2011

Literatura● The Web Content Strategist's Bible● Clout: The Art and Science of Influential Web

Content● Content Strategy for the Web● Web Anatomy: Interaction Design Frameworks

that Work● Neuro Web Design: What makes them click?● Submit Now!● Na konec: The Elements of Content Strategy

Page 38: Přidej vejce – WebExpo 2011

Neřešíte obsah? Tak začněte! :-)