1. information design for the new web ellyssa kroski computers in libraries 2007

2. MSN circa February 29, 2000

3. About circa February 29, 2000

4. Google - Today

5. Kodak – May 25, 2004

6. Flickr - Today

7. The New Web User experience is changing –Changes in the way people consume information –Changes in user expectations –Changes in technology = Changes in information design

8. Information Design for the New Web Simple Social Alternative Navigation

9. simplicity Simplicity of Web applications Simplicity of design and style

10. “The fact that some choice is good doesn’t necessarily mean that more choice is better…there is a cost to having an overload of choice.” -The Paradox of Choice

14. Simplicity of Web Applications Necessary features only Less is more philosophy Low learning curve

15. Simplicity of Web Applications No software to install No manual needed No registration = DIY service model

16. Healia Health Search

17. del.icio.us Bookmarking

18. 43 Things Life Goals

19. Simplicity of Design Design style responds to changes in application functionality Clean and simple design

20. Centered Design

22. Rounded Edges

24. San Serif & Lower Case Fonts

25. Large Fonts

27. Simple Persistant Navigation

29. Bold Logos

30. Strong Colors

32. Complementary Colors

34. Subtle 3D

36. Reflective Surfaces

38. Simple Icons

40. Whitespace

42. Starbursts

43. Advances in User Interface AJAX –An evolution in Web interface design which allows information to be processed without reloading the page. –Large Tabs –Drag-and-Drop –Autocomplete

44. AJAX – Large Tabs

45. AJAX – Drag & Drop

46. AJAX - Autocomplete

47. Advances in UI - Maps

48. Advances in UI - WYSIWYG

49. Advances in UI - Previews

50. Social Socialization of Media and Applications Social for Social’s Sake

51. Socialization of Media and Applications Photos Videos Books News/Text Collaborative Applications –Basecamp –Google Docs & Spreadsheets

52. Expectation of Interaction with Information Required Baseline of Social Functionality Socialization Requirements & Expectations

53. Commenting

54. Rating & Reviewing

55. Send to a Friend

56. Share

57. Subscribe

58. Save

59. Websites can no longer be islands Users want bridges elsewhere

60. What are others saying?

61. Sharing Discoveries

62. Creating New

63. Social for Social’s Sake Social Networking Websites –Primary purpose is a sense of community and connection with others. –User profile is the primary component of a social networking application and the navigation revolves around it.

64. User Profiles

65. Friends Lists

66. Comments

67. Communication

68. Subscribe

69. Groups

70. Tools for Personal Expression

71. Alternate Navigation

72. New Ways to Navigate Web Content Visual Representations of What’s Important “We don’t read pages, we scan them” – Don’t Make Me Think: A Common Sense Approach to Web Usability by Steve Krug

73. By User

74. The Tag Cloud

75. The Top

77. The Zeitgeist

78. Related Information

79. Heat Maps

80. Relationship Maps

81. Time Tools

82. Digg Labs

83. Maps

84. Widgets

85. Mashups

86. Ellyssa’s Principles of Information Design for the New Web Make it Simple –Include only necessary functionality –Clean efficient design Make it Social –Meet users expectations –Enable connections Offer Alternate Navigation –Reflect Zeitgeist –Offer visualizations

87. Closing Thoughts Evolve –The Perpetual Beta –Ethnographic development Be Nimble –Respond to changes/advances –Be willing to abandon bad ideas Be Open –Design Badges & Widgets –Issue an API

88. InfoTangle Information Design for the New Web http://infotangle.blogsome.com