2. “ART becomes SCIENCE becomes ENGINEERING” IDEAS become BEST PRACTICES become TOOLS [and DELIVERABLES] Agile + UX
3. 1991 - Virginia Tech Engineering Fundamentals 1993 – 1999 Corcoran School of Art Fine Arts/ New Media 1995 Sheridan Design Public Art, murals, Community Art projects 1996 – 1999 Architecture 1999 – 2001 .COM Multimedia & web application design 2001 – 2005 Pay.gov UI design/ SDLC Process 2005 - CloverLeaf Consulting UX/ Agile Process 2009 – Georgetown International Business (MBA) 2009 Three Pillar Global Me (Pat Sheridan)
4. Agile Collocation of teams (XP) Peer programming User Stories Iterations/ Sprints Stories, Tasks, and Points Backlog Velocity/ Burndown Retrospectives UX User centered design Information architecture Content strategy Visual design Design patterns View components Task flow/ interaction design Process Maturity and Convergence
5. Competition – Old Thinking Collaboration – New Thinking Product: Closed Source Process: Project/Date Focused Teams: Segmented Skills/ Input Date driven, “Done yet?” hierarchical Process: 50% Transparent Design: All up front (waterfall) All at the end (lipstick) Product: Open Source Process: Business Value / Priority Focused Teams: Interdisciplinary Scope driven sprints Flat Process: 100% Transparent Design: Integrated throughout Collaboration makes for unbeatable Competition
6. Understand tasks at the most granular level Manage Risk and Complexity Evaluate UI/UX choices as Options Scope is Everything
7. Envision Session Design iterations ahead of Dev iterations Importance of Backlog Ongoing Feedback Process
10. Toolset Maturity + Process Convergence Process Maturity Platform Maturity Device Maturity Data visualization Grids, charts, graphs, maps User Maturity – customization and control ‘User Directed Interfaces’ as opposed to ‘design for user’ RIA: Reaching the Next Plateau
12. Communication Challenges Web 2.0, 3.0, Drag-and-Drop, ZZZzzzzzz Invalidated notions of finished states Reference the way successful sites LOOK Reference the way successful sites ACT Mint.com Anything Google Anything Desktop, fat client experience Changing frame of reference
13.
14. Working: Quicker Feedback/ Dev iterations Designing Focus on Interactions and re-use Design Pattern Library Design Component Library [Style Guide] Developing Custom Components Aesthetics: Renderer/ Templates/ Themes Squaring the Circle
15. Modals/ Error Form Validation Search/ Find / Browse Navigation vs. Action Ext JS as Design Pattern Library
17. Meeting Facilitation High resolution wireframes remove Hand Waving + Leap of Faith Constraints on Design Working ‘with’ or ‘against’ the Framework Scope/LOE Consistency Agile + Ext JS + Omnigraffle
25. 25 Focus on conversations not documentation February 2, 2011
26. Maintaining shared understanding Agile UX Prototype driven analysis Business, customer, and dev team stakeholders Text based ‘wireframes’ Ext JS Component architecture allows for meta-code descriptions TPG Envision Distributed Design Location independent teams/ interdisciplinary skills/ skill levels Process maturity, deliverables, infrastructure Distributed Design
27. Developers Common language for discussion w/ designers API, Docs, examples Customers Highly visual deliverables 80%/20% out of the box UX/ Interaction Designers Ext JS Designer Ext JS example site == Design Pattern Library Omnigraffle Stencil == Rapid Prototyping Ext JS Designer!! What’s in it for me?