Designing Rich Applications
Designing Rich Applications
-- Theresa Neil
= Rich Internet Applications (RIA) =
== richness of desktop applications ==
live save
drag and drop
slide preview
direct editing
undo redo drill down
immediate feedback
dynamic refresh drawing
resize collapse
== familiar features of the web ==
hyperlinks
bookmakrs
tags
pop-ups flash animation
file upload
graphics back button
browser
CSS
single click
search paradigms
multimedia
innovation
one-screen-per-goal philosophy
* Give me info / Information Pattern
* I need to complete this task / Process Pattern
* Let me create ... / Creation Pattern
google "12 Standard Screen Patterns"
auto-suggest
carousel/coverflow
charts/graphs
collapsible panels
combobox (advanced)
date-picker (advanced)
dialogs
docking
drag & drop manager
dynamic filter
feedback/status
fisheye/spotlight
gauges
help tips
hot keys
hover action
hover detail
inline edit
progress indicator
magnify
rating
record locator/paginator
slide show
slider
scoped search
sparklines
tabs (advanced)
table/data grid
toolbar
vertical browser
view toggle
WYSIWYG editor
zoom/pan
YUI jQuery BackBase
google "30 Essential Controls"
Interactions
#1 Make It Direct
#2 Keep It Lightweight
#3 Stay In the Page
#4 Provide An Invitation
#5 Use Transitions
#6 React Immediately
auto-complete
live-suggest
live search
refining search
live preview
progressive disclosure
progress indicator
periodic refresh
google "Designing Web Interfaces" www.designingwebinterfaces.com
go to: http://www.bmockups.com/tneil
www.balsamiq.com
More Resources
“About Face 3: The Essentials of Interaction Design”
Alan Cooper, Robert Reimann, David Cronin 2007
“Designing Web Interfaces: Principles and Patterns for Rich Interactions”
Bill Scott and Theresa Neil, O’Reilly Press 2009
“Designing Interfaces: Patterns for Effective Interface Design”
Jenifer Tidwell, O’Reilly Press 2006
“The Design of Everyday Things”
Donald Norman 2002
“The Designers Guide to Web Applications, Part 1”
Hagan Rivers, Two Rivers Consulting
“Web Form Design: Filling in the Blank”
Luke Wroblewski, Rosenfeld Media 2008
Designing For Flex by Rob Adams
http://www.adobe.com/devnet/flex/articles/fig_pt1.html