It's a talk in Information psychology (2007-Fall) in Social Education Department, NTNU, Taiwan. This is the 3 of 4 talks.

1. Design
Cases: webpage design
陳啟亮 | 師大圖資所 | 2007/12/02 | www.xxc.idv.tw | xxc.chen@gmail.com

2. Agenda
Don’t Get Lost Well Organization
1. Breadcrumbs 6. Wireframe
2. Navigation Visual
3. Sitemap 7. Map
4. Next 8. Information
5. Cancel visualization

3. Don’t Get
Lost

5. Tip1
Breadcrumbs
http://www.kenston.k12.oh.us/khs/articles/breadcrumb-trail.php

7. Tip2
Navigation

8. Amazon, 1999-10-13

9. Amazon, 2000-07-11

11. Amazon, 2000-10

12. Amazon, 2005-05

13. Amazon style
Navigation
全域導覽
Banner
情境面板(局部導覽) Global Nav
Local Nav
AD

14. Amazon, 2007-10

16. Tip3
Sitemap

20. Tip4
Next, Next

21. Case
study
Redesign
Blogger.com

27. redesign result
15% more visitors to register
67% completed the registration
97% registered created a blog
76% created a blog posted to it

28. Tip5
Cancel

31. Well
Organized

32. Tip6
Wireframe

33. http://www.mediacrumb.com/2007/04/20/building-web-20-a-case-study-for-simply-fireds-redesign/

35. Abstract view
http://argus-acia.com/white_papers/evaluating_ia.pdf

36. Lower-fidelity
http://argus-acia.com/white_papers/evaluating_ia.pdf

37. Higher-fidelity
http://argus-acia.com/white_papers/evaluating_ia.pdf

38. Real HTML
http://argus-acia.com/white_papers/evaluating_ia.pdf

39. Visual

40. Tip7
Map

41. 1908
http://homepage.ntlworld.com/clivebillson/tube/tube.html

42. 1920
http://homepage.ntlworld.com/clivebillson/tube/tube.html

43. 1933
http://homepage.ntlworld.com/clivebillson/tube/tube.html

44. Charles Minard(1861): March of
Napolean’s troops to Moscow
http://www.russellchun.com/wp-content/uploads/2007/09/minard.thumbnail.jpg

45. Tip8
Information
visualization

47. Newsmap
http://www.marumushi.com/apps/newsmap/

48. visualizing the editing history of Wikipedia pages
http://www.research.ibm.com/visual/projects/history_flow/

49. http://www.munterbund.de/visualisierung_textaehnlichkeiten/essay.html

50. Books