![Page 1: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/1.jpg)
Laura ChessmanPrincipal Consultant
Lisa BattlePresident
[email protected]@design4context
Simplicity in Web Application DesignUXPA 2015 Conference • 23 June 2015
![Page 2: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/2.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 2
S i m p l i c i t y
![Page 3: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/3.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 3
http://www.istockphoto.com/photo/white-and-beige-bedroom-with-chair-and-lamps-66012021?st=945ae7c
![Page 4: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/4.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 4
Lima-based studio Javier Artadi Arquitectos has designed this 2,300 square foot contemporary beach house in Las Arenas, a hundred miles south of Lima, Peru.
Architect Javier Artadi from Lima, Peru
![Page 5: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/5.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
http://michaelgraves.com/
Industrial designer Michael Graves
![Page 6: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/6.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 6
“The architect should strive continually to simplify; the ensemble of the rooms should then be carefully considered that comfort and utility may go hand in hand with beauty.” —Frank Lloyd
Wright, 1908
https://www.flickr.com/photos/jasephotos/247803143/in/photolist-nU4eZ-nUAix-quUJhg-pePXsR-psxUsi-qbae1w-p3THKw-pDG8ZV-92NiRS-oEWZnw-7XAkTv-pf7DEs-pCeYmW-qm1trR-qAuEtw-oJeFHY-sAERiz-8jBgkF-rf6mwZ-oWd6MS-7Xw7sK-pPXmaR-r1SHp8-cEpwxy-ptUE34-aorEeL-5MWZ8d-75BRWa-75FGqJ-s5N7m2-oMBR4x-8jBgct-7BgJpe-rav6vp-cDevv7-7V7wjG-71VKC3-99DN5X-rtYa41-8NPj5g-97ttdo-75BNpk-6M3JvT-gfmG8z-6DNAji-kS3FF-75BNFi-6DSJW3-75FFFb-6vS1VT
Photo by Jason Bechtel, Flickr
![Page 7: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/7.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 7
“Perfection is finally attained not when there is no longer anything to add, but when there is no longer anything to take away.”
—Antoine de Saint Exupéry, Terre des Hommes (1939)
http://en.wikipedia.org/wiki/The_Little_Prince
Photo from Wikipedia
![Page 8: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/8.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
![Page 9: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/9.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 9
![Page 10: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/10.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 10
And yet…
Simplicity isn’t always simple.
![Page 11: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/11.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
I’ll know it when I see it…
![Page 12: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/12.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 12
![Page 13: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/13.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 13
![Page 14: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/14.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 14
![Page 15: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/15.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 15
What about business applications?
![Page 16: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/16.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 1616
Real work tasks are often complex.
![Page 17: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/17.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 17
Many functional requirements must be met to support business processes.
![Page 18: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/18.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 18
Applications often are configurable to support many different contexts of use.
![Page 19: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/19.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 19
MORE FEATURES = MORE COMPETITIVE“Make it simple and
people won’t buy.
Given a choice, they will
take the item that does
more. Features win over
simplicity.”
--Donald Norman Photo from http://www.jnd.org/NNg-Photographs/NNg-photographs.html
![Page 20: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/20.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
![Page 21: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/21.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
SIMPLE ≠ SIMPLISTIC
![Page 22: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/22.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 22
Design should be made as simple as possible, but no simpler.
![Page 23: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/23.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
CONSIDER:1. Do you know enough about the users, tasks and context
of use to make informed design decisions?
2. Which features/information need to be most obvious and which can be minimized or hidden?
3. Can context be used to focus on the most relevant information or features?
4. Can the display be made less dense?
5. Can tasks be done in fewer steps or clicks?
6. Can tasks be streamlined through automation, re-using data, defaults, or preferences?
![Page 24: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/24.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 24
FIND A NEW WAY
Rethink the workflow / task
Automate it
Consider alternative channels and formats
![Page 25: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/25.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Rethink the workflowFIND A NEW WAY
![Page 26: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/26.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Rethink the workflowFIND A NEW WAY
![Page 27: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/27.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Automate itFIND A NEW WAY
1
2
3
4
![Page 28: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/28.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Consider alternative channels and formatsFIND A NEW WAY
![Page 29: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/29.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
FIND A NEW WAY
Rethink the workflow / task
Automate it
Consider alternative channels and formats
![Page 30: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/30.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
WHAT THEY NEED WHEN THEY NEED IT
Push meaningful and relevant information
Optimize information density
Optimize to support common tasks
Layer for progressive disclosure
![Page 31: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/31.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Push meaningful and relevant informationWHAT YOU NEED WHEN YOU NEED IT
To Do’s
Productivity
Group Activity
![Page 32: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/32.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Push meaningful and relevant informationWHAT YOU NEED WHEN YOU NEED IT
![Page 33: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/33.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
c
Push meaningful and relevant informationWHAT YOU NEED WHEN YOU NEED IT
33
Customer Overview
Action Action Action More Actions
>
![Page 34: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/34.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Optimize information densityWHAT YOU NEED WHEN YOU NEED IT
![Page 35: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/35.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
c
Optimize to support common tasksSTRUCTURE FOR TASK EFFICIENCY
35
Customer Overview
Action Action Action More Actions
>
Recent Activity
Recent Touchpoints
Record Details
Remarks
![Page 36: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/36.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Layer for progressive disclosureWHAT YOU NEED WHEN YOU NEED IT
15 6 11 19LOREM IPSUM
LOREM IPSUM
LOREM IPSUM
LOREM IPSUM
![Page 37: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/37.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Layer for progressive disclosure
+
+
-
WHAT YOU NEED WHEN YOU NEED IT
![Page 38: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/38.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Layer for progressive disclosureWHAT YOU NEED WHEN YOU NEED IT
![Page 39: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/39.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
WHAT THEY NEED WHEN THEY NEED IT
Push meaningful and relevant information
Optimize information density
Optimize to support common tasks
Layer for progressive disclosure
![Page 40: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/40.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
STRUCTURE FOR TASK EFFICIENCYReduce the number of clicks
Eliminate steps through defaults and re-use
Allow bulk actions
Recover from interruptions
Guide the user step-by-step for infrequent tasks
![Page 41: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/41.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Reduce the number of clicksSTRUCTURE FOR TASK EFFICIENCY
41
Next course: March 15, 2015(2)
(10)
(1) Required by: July 30, 2015
(0)
(1) American Dental Association
![Page 42: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/42.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Reduce the number of clicksSTRUCTURE FOR TASK EFFICIENCY
42
![Page 43: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/43.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
c
Eliminate steps through defaults and re-useSTRUCTURE FOR TASK EFFICIENCY
43
Event Name
Action Action Action
Registration
Event Details
RemarksAction
More Actions
>
Copy event…
![Page 44: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/44.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
c
Allow bulk actionsSTRUCTURE FOR TASK EFFICIENCY
44
Reassign
![Page 45: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/45.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Recover from interruptionsSTRUCTURE FOR TASK EFFICIENCY
Recently Viewed
![Page 46: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/46.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Guide the user step-by-step for infrequent tasks STRUCTURE FOR TASK EFFICIENCY
1 2 3✔
>>
![Page 47: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/47.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Guide the user step-by-step for infrequent tasks STRUCTURE FOR TASK EFFICIENCY
![Page 48: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/48.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
STRUCTURE FOR TASK EFFICIENCYReduce the number of clicks
Eliminate steps through defaults and re-use
Allow bulk actions
Recover from interruptions
Guide the user step-by-step for infrequent tasks
![Page 49: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/49.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
REDUCE TO “JUST ENOUGH”
Break up big lists and menus
Break up long forms
Minimize clutter
![Page 50: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/50.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Break up big lists and menusJUST ENOUGH
more …
more …
more …
more …
Filter
![Page 51: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/51.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Break up long forms into manageable piecesJUST ENOUGH
![Page 52: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/52.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Break up long forms into manageable piecesJUST ENOUGH
Step 1
Continue >Save & Close
![Page 53: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/53.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Minimize clutterJUST ENOUGH
more …
more …
more …
>
Search
>>
![Page 54: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/54.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
REDUCE TO “JUST ENOUGH”
Break up big lists and menus
Break up long forms
Minimize clutter
![Page 55: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/55.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
CLEAR AND EASY-TO-USE INTERACTIONS
Consistent and familiar controls
Direct manipulation
![Page 56: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/56.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Consistent and familiar controlsCLEAR AND EASY-TO-USE INTERACTIONS
+
+
c
-
< >
![Page 57: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/57.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Direct manipulationCLEAR AND EASY-TO-USE INTERACTIONS
![Page 58: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/58.jpg)
@design4context Simplicity in Web Application Design UXPA 2015 58
c
Direct manipulation
Customer Overview
Action Action Action More Actions
>
Recent Activity
Recent Touchpoints
Record Details
Remarks
CLEAR AND EASY-TO-USE INTERACTIONS
![Page 59: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/59.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Direct manipulationCLEAR AND EASY-TO-USE INTERACTIONS
![Page 60: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/60.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
CLEAR AND EASY-TO-USE INTERACTIONS
Consistent and familiar controls
Direct manipulation
![Page 61: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/61.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
COMMUNICATE VISUALLY AND VERBALLYMinimize visual noise
Use conversational language
Provide visualizations and visual cues
Enhance appearance through visual design
![Page 62: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/62.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Minimize visual noiseCOMMUNICATE VISUALLY AND VERBALLY
![Page 63: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/63.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Minimize visual noiseCOMMUNICATE VISUALLY AND VERBALLY
![Page 64: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/64.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
c
1
2
3
Use conversational language
You’re a Genius!
COMMUNICATE VISUALLY AND VERBALLY
![Page 65: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/65.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Provide visualizations and visual cuesCOMMUNICATE VISUALLY AND VERBALLY
![Page 66: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/66.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Provide visualizations and visual cuesCOMMUNICATE VISUALLY AND VERBALLY
![Page 67: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/67.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Provide visualizations and visual cuesCOMMUNICATE VISUALLY AND VERBALLY
![Page 68: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/68.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Enhance appearance through visual designCOMMUNICATE VISUALLY AND VERBALLY
![Page 69: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/69.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
COMMUNICATE VISUALLY AND VERBALLYMinimize visual noise
Use conversational language
Provide visualizations and visual cues
Enhance appearance through visual design
![Page 70: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/70.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
NEW HORIZONS
Leverage open, public data
Use natural language and speech input
Learn from the users’ actions
Context-aware applications
![Page 71: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/71.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Leverage open, public dataNEW HORIZONS
![Page 72: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/72.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Use natural language and speech inputNEW HORIZONS
![Page 73: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/73.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Learn from the users’ actionsNEW HORIZONS
![Page 74: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/74.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
Context-aware applicationsNEW HORIZONS
Full application
Context-aware mobile version uses date, location and task to push most relevant info and functions
![Page 75: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/75.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
NEW HORIZONS
Leverage open, public data
Use natural language and speech input
Learn from the users’ actions
Context-aware applications
![Page 76: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/76.jpg)
@design4context Simplicity in Web Application Design UXPA 2015
FIND A NEW WAYRethink the workflow / taskAutomate itConsider alternative channels and formats
WHAT THEY NEED WHEN THEY NEED ITPush meaningful and relevant informationOptimize information densityOptimize to support common tasksLayer for progressive disclosure
STRUCTURE FOR TASK EFFICIENCYReduce the number of clicksEliminate steps through defaults and re-useAllow bulk actionsRecover from interruptionsGuide step-by-step for infrequent tasks
REDUCE TO “JUST ENOUGH”Break up big lists and menus Break up long formsMinimize clutter
CLEAR AND EASY-TO-USE INTERACTIONSConsistent and familiar controlsDirect manipulation
COMMUNICATE VISUALLY AND VERBALLYMinimize visual noiseUse conversational languageProvide visualizations and visual cuesEnhance appearance through visual design
THE FUTURE IS HERE!Leverage open, public dataUse natural language and speech inputLearn from the users’ actionsContext–aware applications
![Page 77: Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel Sengers](https://reader038.vdocuments.site/reader038/viewer/2022110318/55d2e1f6bb61eb1c248b45b0/html5/thumbnails/77.jpg)
Laura ChessmanPrincipal Consultant
Lisa BattlePresident
[email protected]@design4context
Simplicity in Web Application DesignUXPA 2015 Conference • 23 June 2015
Thanks!
Presentation is on Slideshare – Go to www.designforcontext.com/publications