rich interface design
DESCRIPTION
If technologies such as AJAX and Flash are powerful flames heating up the Web, then we designers are the glassblowers. It's up to us to create intuitive, engaging interfaces on top of the new possibilities that AJAX and Flash bring. But old skills aren't enough in this age of animated transitions, asynchronous interactivity, and application-like behavior. What does every designer need to know in order to move from static HTML sites to dynamic rich interfaces? This presentation covers effective ways to incorporate user feedback into a dynamic interface, and how timing can be the difference between an interface that works and one that doesn't. We'll also discuss how traditional usability ideals such as discoverability and simplicity take on new meaning when we design rich interfaces. The session will include many examples of successful and failed rich interfaces. Presentation by Steve Mulder.TRANSCRIPT
![Page 1: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/1.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar1
How AJAX Changes Everything
Steve Mulder
Rich Interface Design
& Flash
![Page 2: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/2.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar2
The spectrum of rich interfaces
Single-ScreenCheckout
SliderDrag-and-Drop
ConfiguratorsIn-Page Editing
Auto-Suggest
Microsite
Interactive Charts/Calculators
Rich page components Rich Internet Applications
![Page 3: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/3.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar3
To Richify or Not to Richify?
![Page 4: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/4.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar4
Opportunities for richness
• What are common activities that could be easier?– Searching (e.g., auto-suggest)
– Avoiding errors (asynchronous validation)
– Making long processes faster (e.g., registration)
– Transactions
– Video/audio
• Where do users want more flexibility or power?– Selection tools
– Configurators
– Dashboards
• Where are brand-immersive experiences valuable and effective?
![Page 5: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/5.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar5
Single-screen checkout
![Page 6: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/6.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar6
Opportunities for richness
• What are common activities that could be easier?– Searching (e.g., auto-suggest)
– Avoiding errors (asynchronous validation)
– Making long processes faster (e.g., registration)
– Transactions
– Video/audio
• Where do users want more flexibility or power?– Selection tools
– Configurators
– Dashboards
• Where are brand-immersive experiences valuable and effective?
![Page 7: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/7.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar7
Finding stuff: the early years
![Page 8: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/8.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar8
AJAX to the rescue!
![Page 9: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/9.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar9
Wine store proof of concept (wine.molecular.com)
![Page 10: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/10.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar10
Opportunities for richness
• What are common activities that could be easier?– Searching (e.g., auto-suggest)
– Avoiding errors (asynchronous validation)
– Making long processes faster (e.g., registration)
– Transactions
– Video/audio
• Where do users want more flexibility or power?– Selection tools
– Configurators
– Dashboards
• Where are brand-immersive experiences valuable and effective?
![Page 11: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/11.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar11
adidas miCoach
![Page 12: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/12.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar12
adidas miCoach.com
![Page 13: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/13.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar13
Opportunities for richness
• What are common activities that could be easier?– Searching (e.g., auto-suggest)
– Avoiding errors (asynchronous validation)
– Making long processes faster (e.g., registration)
– Transactions
– Video/audio
• Where do users want more flexibility or power?– Selection tools
– Configurators
– Dashboards
• Where are brand-immersive experiences valuable and effective?
![Page 14: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/14.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar14
Nikon
![Page 15: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/15.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar15
NikonUSA.com
![Page 16: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/16.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar16
Reebok Run Easy
![Page 17: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/17.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar17
Reebok GoRunEasy.com
![Page 18: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/18.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar18
Elementsof Richness
![Page 19: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/19.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar19
User expectations of Web interactions are changing
“I want it to work like…”
![Page 20: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/20.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar20
Instant feedback
![Page 21: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/21.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar21
![Page 22: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/22.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar22
![Page 23: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/23.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar23
![Page 24: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/24.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar24
Faster processes
![Page 25: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/25.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar25
Endless.com
![Page 26: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/26.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar26
Backpack
![Page 27: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/27.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar27
SSCO
![Page 28: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/28.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar28
More ways to interact
![Page 29: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/29.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar29
Marketwatch
![Page 30: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/30.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar30
Wine demo
![Page 31: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/31.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar31
Etsy
![Page 32: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/32.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar32
Direct manipulation
![Page 33: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/33.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar33
Drag and drop Netflix
![Page 34: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/34.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar34
Google Finance
![Page 35: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/35.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar35
Differentiating experiences
![Page 36: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/36.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar36
Nike ID
![Page 37: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/37.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar37
![Page 38: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/38.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar38
http://www.backstageataccenture.com/
![Page 39: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/39.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar39
![Page 40: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/40.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar40
vs.
![Page 41: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/41.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar41
User Experience Challenges
![Page 42: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/42.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar42
There is more same than different
Information design challengesare universal
![Page 43: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/43.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar43
Parade of failures
![Page 44: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/44.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar44
Complexity
![Page 45: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/45.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar45
Wine store, version 1
![Page 46: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/46.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar46
What we wanted users to feel
![Page 47: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/47.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar47
What users actually felt
![Page 48: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/48.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar48
First-time vs. regular use
![Page 49: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/49.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar49
Run Easy: Before
![Page 50: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/50.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar50
Run Easy: After
![Page 51: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/51.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar51
adidas miCoach: display and buttons
![Page 52: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/52.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar52
• Prune with ferocity
• Overemphasize the core, underemphasize the cool stuff
• Be obsessive about a consistent visual system for interactivity cues
![Page 53: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/53.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar53
Discoverability
![Page 54: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/54.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar54
Discoverability60%Messaging
14%
Legibility11%
Performance11%
Gremlins3%
Drunk Facilitator
1%
Root causes of usability issues *
* Fake chart based on no data whatsoever
![Page 55: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/55.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar55
Findability = the quality of a known item to be locatable on a web site
Discoverability = the quality of a known or unknown item to be noticeable on a web page
![Page 56: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/56.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar56
The Components of Discoverability
Position
Context
User expectations & conventions
Design
Text & labeling
![Page 57: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/57.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar57
![Page 58: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/58.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar58
![Page 59: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/59.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar59
![Page 60: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/60.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar60
![Page 61: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/61.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar61
![Page 62: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/62.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar62
• Intercept natural eye scanning behavior
• Information design and hierarchy more important than ever
• Motion – the weapon of power that can also backfire
![Page 63: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/63.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar63
Affordance
![Page 64: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/64.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar64
![Page 65: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/65.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar65
![Page 66: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/66.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar66
![Page 67: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/67.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar67
Timing
![Page 68: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/68.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar68
Slowing it down
![Page 69: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/69.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar69
![Page 70: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/70.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar70
Control
![Page 71: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/71.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar71
Mouseover overload
![Page 72: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/72.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar72
Override control
![Page 73: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/73.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar73
adidas miCoach: desktop expectations
![Page 74: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/74.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar74
Familiarity
![Page 75: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/75.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar75
If it looks like a drop-down…
![Page 76: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/76.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar76
![Page 77: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/77.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar77
Back button expectations
• People expect the Back button to work!
• People expect Undo functionality– Most recent action, whatever that might be
![Page 78: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/78.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar78
DesignProcess
Warning: common sense ahead
![Page 79: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/79.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar79
Every web site is becoming less like a site and
more like an application
![Page 80: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/80.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar80
The components of the experiences we create are getting smaller
![Page 81: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/81.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar81
The nimble and iterative shall inherit the earth
![Page 82: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/82.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar82
Engineered waterfalls do not inspire
![Page 83: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/83.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar83
We need better visualization tools
![Page 84: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/84.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar84
Adobe “Thermo”
![Page 85: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/85.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar85
Users expect more power and complexity without sacrificing
simplicity
![Page 86: Rich Interface Design](https://reader036.vdocument.in/reader036/viewer/2022062405/5555c804d8b42a711f8b45f1/html5/thumbnails/86.jpg)
Copyright © 2008 Molecular, Inc. | www.molecular.com | Linked by Isobar86
Steve [email protected]
www.molecular.com/webdesignworld-chicago