From Website To Webapp Shane Morris

From Website to WebApp: Designing for Workflow Shane Morris

The impending death of Information architecture ,[object Object],[object Object],[object Object]

GUI Basics ,[object Object],[object Object],[object Object]

The Web Was Irrelevant ,[object Object],[object Object],[object Object]

What we were worried about ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

The Web Was Awesome ,[object Object],[object Object],[object Object],[object Object]

The Web Also Sucked ,[object Object]

But The Web Kept Evolving ,[object Object],[object Object],[object Object],[object Object],[object Object]

But The Web Kept Evolving ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

pptPlex Section Divider Collision Course The slides after this divider will be grouped into a section and given the label you type above. Feel free to move this slide to any position in the deck.

Parallel Paths Command Line CUI GUI Web Games

Parallel Paths Command Line CUI GUI Web Games Web Applications

Enabling Technologies ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

RIA? ,[object Object],[object Object]

Web Applications ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Continuum ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Web Applications ,[object Object]

How do I know if I’m working on a Web Application?

How Do I... ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

How Do I... ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Dear Internet... Welcome to 1993

The Problem With Web Apps ,[object Object],[object Object]

Browsers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Browsers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

A different navigation paradigm Web Site: User navigates to information This is about wayfinding… Web App: Functionality comes to the user This is about working in one place…

A Different Interaction Paradigm ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Interaction paradigms – Outlook Web Access

Tips – Designing for Workflow ,[object Object],[object Object]

The Primary Workspace ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Techniques ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Techniques ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Activity Scenarios ,[object Object],[object Object]

Applications Break At The Joins

Task Analysis ,[object Object],[object Object]

Workflow Diagram The Hiser Group

Workflow Diagrams ,[object Object],[object Object],[object Object]

Workflow Diagrams ,[object Object],[object Object],[object Object],[object Object],[object Object]

Workflow Diagrams ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Creating Workflow Diagrams ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Workflow diagramming in action The Hiser Group

Workflow diagram syntax ,[object Object],[object Object],User action 1 User action 2 Condition Decision Y N Entry/Exit point Optional Usually enough

Workflow diagram The Hiser Group Plan Special Effect Record Composite to Film Preview Retouch Images Interpolate Set Parameters Select Nodes Scan in Film Rolls Convert & Manipulate Tape Build Flowgraph Composite Convert & Manipulate Tape Arrange Elements on Lightbox Preparation Planning Implementation Completion

Interpreting workflow diagrams ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

For the Record ,[object Object],[object Object],[object Object],[object Object]

Interaction model Early draft The Hiser Group Node Palette Node Parameters Preview Console File Manager Lightbox Flowgraph Paint Conversion/ Transfer Manager Composite Scrapbook Notes Job Navigation Minature Interpolation Palette Palette Palette Palette

You already know a lot ,[object Object],[object Object],[object Object]

Thank you Shane Morris [email_address] blogs.msdn.com/shanemo

From Website To Webapp Shane Morris

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Destaque

Destaque (20)

Semelhante a From Website To Webapp Shane Morris

Semelhante a From Website To Webapp Shane Morris (20)

Mais de Shane Morris

Mais de Shane Morris (17)

Último

Último (20)

From Website To Webapp Shane Morris