Web Interface Design User Interface Design Design Processes Museum
Rich Interface Design
-
Upload
molecular-inc -
Category
Business
-
view
6.336 -
download
1
description
Transcript of Rich Interface Design
![Page 1: Rich Interface Design](https://reader036.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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.fdocuments.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