Loading in 2 Seconds...
Loading in 2 Seconds...
Designing Powerful Web Applications with AJAX & Other Rich Internet Applications. David (Heller) Malouf & Bill Scott UI 11 Cambridge, MA October 9, 2006. Breakdown of the day. Section 1: … from the beginning Defining RIAs & RIA Technologies
Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.
David (Heller) Malouf & Bill Scott
October 9, 2006
Animation for aesthetic reasons is also viable
“There is no [page].” - Neo
“There is no page; only pathways”
-- Emily Chang & Max Kiesler of ideacodes
A page is a metaphor of a moment of uninterrupted context
O’Reilly as trend spotter …
AJAX – new info from server without refresh
JJ Garrett-Ajax: A New Approach to Web Applications (Feb 2005)
Well it is really up to you …
… well you are here.
Designing and Communicating Design
Rapid & Rough
What do you see here?
LanguageObject Action Modifiers
What Properties through this process did we notice that might apply to the tools we decide to use?
Wireframing Ajax is a [expletive]... We have to determine all of the things a user might do, and wireframe the blessed moments of each possibility.- Jeffrey Zeldman, Web 3.0
All interaction is course-grained at page level
Wireframes capture layout, priority, behavior & content
Full page refresh is replaced by small content updates.
Hyperlink, Submit are replaced by a full range of interactive events.
Characterized by micro-interaction and micro-updates leading to micro-states.
Interaction is characterized by direct manipulation, lightweight actions and in-page actions
Nuances are multiplied
rate of feedback
Mouse hover over draggable object
Mouse down on draggable object
Drag initiated (mouse down, mouse moves >= 3 pixels)
Drag over valid target area
Drag over invalid target area
Drag over original location
Drop on original location
“I’m wearing designer jeans”
“That design looks cool”
I need a device that allows a user to move & select objects, text and graphics in a graphical interface
Let’s work through this …
Don’t worry we aren’t doing this whole application …
Design a set of screens that make up one page