15. A framework for how architects
can think about user experience
New Perspective
16.
17. âWas this application really designed for me?â
âWhy doesnât this application help me get my work done?â
âIf it wasnât for this application, Iâd do stuff differentlyâ
19. Implicit
Personas Purpose Prototype
âI use a similar application at home, and that worksâ
âShould I have read the manual?â
âThe performance of this application sucks!â
20. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
21. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
âI donât think it installed properlyâŚâ
âErr.. How long did you guys spend developing this?â
âExcuse me! I have a suggestionâŚâ
22. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
23. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
41. Sally â âRoad Warriorâ
38, Married
2 Children
5 years of computer experience
Mostly Windows/Office, experienced with
PowerPoint
Has between 10 and 20 clients â mix of
small and medium businesses
Relies on laptop and mobile phone device
Implicit > Personas
42. Sally â âRoad Warriorâ
Needs from your application:
âKeep me connected to customer data
regardless of my locationâ
Implicit > Personas
44. Derek â âCall Center
Operatorâ
25, Single
9 years of computer experience
3 years of which in a call center
PDA/gadget junkie â âlifehackerâ
Relies on call center application
Gets bonus if exceeds monthly target
call quota
Implicit > Personas
45. Derek â âCall Center
Operatorâ
Needs from your application:
âI want the application to decrease my time per callâ
Implicit > Personas
47. Jim â âExecutiveâ
57, Married
4 Children, all left home
Very limited computer experience
Brenda (his admin) used to print all his
Email until very recently
Likes to show off his Blackberry on the
golf course
Implicit > Personas
48. Jim â âExecutiveâ
Needs from your application:
âI want the high level, abstract view of my customersâ
Implicit > Personas
49. Conversations
âFor Sally, a Web Interface may make
sense. But Peter has a lot of keyboard
shortcuts we need to implement.â
Implicit > Personas
50. Conversations
âJim will have access to a printer via his
admin, but Sally works on the road, so
may need another option for printingâ
Implicit > Personas
51. Conversations
âFor Jim, red/white buttons may work,
but we should check that this is the case
for Derek in our offshore call centerâ
Implicit > Personas
52. Takeaways
Use 3 â 7 personas as the first
step of designing any user
experience
Use personas to help resolve
arguments in the development team
Look at the personas that Microsoft
uses (Persona Lifecycle)
Implicit > Personas
Source: Persona Lifecycle [Pruitt, Adlin] Morgan Kaufmann
53. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
66. Implicit > Purpose
Takeaways
Donât confuse tasks and goals when
working on use cases
Focus on the goal of your application,
and apply context at each step
Look into the Office UI licensing for
using the ribbon in applications
67. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
77. Implicit > Prototype
Paper
Wizard of Oz
Many different ways of prototyping
PowerPoint
Card sorting
Visio
Flash
More Information: Effective Prototyping [Arnowitz, Arent, Berger] Morgan Kaufmann
78. Implicit > Prototype
Often static, one-way presentations
(shown only to management)
Few re-usable design assets
Looks different to what gets delivered
79. Implicit > Prototype
High Fidelity Prototype
âPolishedâ look and feel
Great for management
Too high fidelity for users
Low Fidelity Prototype
âSketchâ look and feel
Great for user feedback
Donât show management
Source: Paper Prototyping / Neilsen Norman
80. Implicit > Prototype
High Fidelity Style
Control Base
Low Fidelity
Style
Source: Paper Prototyping / Neilsen Norman
83. Implicit > Prototype
Takeaways
Software Architects donât do enough
prototyping
Try to obtain re-usable design assets
(not necessarily code assets)
Switch between low and high fidelity
to target the correct users
84. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
85. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
105. Interface > Platform
Windows Presentation Smart Client with Windows Presentation Microsoft Office
Foundation Client ClickOnce Deployment Foundation XBAP SharePoint Web Part
Windows Vista Gadget PowerShell CmdLet InfoPath Media Center Add In
Windows Live Messenger Command Line Microsoft Office Add In Media Player Add in
Add In Application
Windows Live Messenger ASP.NET Microsoft Office COM Add XBOX/XNA Application
Activity Window In
Windows Forms ASP.NET Mobile Microsoft Office Business Windows Mobile Pocket
Application Application Outlook Application
Windows Desktop Search ASP.NET AJAX Microsoft Office Smart Ink Enabled Tablet
Add In Docs Application
Windows Forms via Internet Explorer Add In Microsoft Office VBA Windows Mobile 5.0
Terminal Services Application
System Tray Applet Silverlight Microsoft Office VSTO Add Windows Mobile 5.0
In Smartphone Application
(We actually think itâs nearer to 50, but we ran out of time)
109. Interface > Platform
Takeaways
âGut Feelâ may work technically, but
often is not optimal
Pressure vendors to create more
guidance for selecting a UI
If you have different visualization
ideas, let me know ď
110. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
129. Interface > Productivity
Takeaways
Often the most productive user
experiences are not the best looking
Map the productivity curve to
personas when designing interfaces
Look at existing experiences to see if
there is an extensibility option
130. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
145. Interface > Performance
Takeaways
How many âmillisecondsâ
conversations focus on engineering
Consider skewing performance
conversations around expectations
Use AJAX to optimize for scenarios
of good user expectations
146. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
147. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
156. Infrastructure > Proven
RITE
Rapid Iterative Testing and Evaluation
Willing user
Etc.
Modify [4]
Modify [2]
Test
Test
Feedback
Feedback
Feedback
Feedback
Test
Test
Modify [3]
Modify [1]
158. Infrastructure > Proven
Takeaways
Trust takes time. Donât risk this by
releasing a buggy v1.0 for timeâs
sake
Installation, exception handling and
undo are all parts of the experience
Implement the RITE methodology to
get accurate feedback from testing
159. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
162. Infrastructure > People
Project Starts!
Use cases created IT + User / BA
IT
Prototyping
Development
IT
of Services
IT
UI is created
User / BA
User Testing
Project Complete
164. Infrastructure > People
Project Starts!
Use cases created IT + User / BA
IT
Prototyping
Development
IT
of Services
IT
UI is created
UI Designer
User Testing
UI Polished User / BA
Project Complete
166. Infrastructure > People
Project Starts!
Use cases created IT + User / BA
IT + Designer + User / BA
Prototyping
Development
Development IT
Designer + User / BA
of Services
of UX
UI and Services
IT + Designer
Integrated
User Testing User / BA
Project Complete
168. Infrastructure > People
Project Starts!
Use cases created IT + User / BA
IT + Designer + User / BA
Prototyping
Development
Development IT
Designer + User / BA
of Services
of UX
UI and Services
IT + Designer
Integrated
User Testing User / BA
Project Complete
171. Infrastructure > People
Project Starts!
Use cases created IT + User / BA
IT + Designer + User / BA
Prototyping
Development
Development IT
Designer + User / BA
of Services
of UX
UI and Services
IT + Designer
Integrated
User Testing User / BA
Project Complete
172. Infrastructure > People
Project Starts!
Use cases created IT + User / BA
IT + Designer + User / BA
Prototyping
Development
Development IT
Designer + User / BA
of Services
of UX
UI and Services
IT + Designer
Integrated
User Testing User / BA
Project Complete
173. Infrastructure > People
Designer Developer
XAML
Challenges:
⢠How much code level understanding will designers require?
⢠Who owns check-in of XAML artifacts?
⢠Will we require an âinterface stubâ for communication?
174. Infrastructure > People
Takeaways
Great SDLC more than often leads
to Great User Experience
Understand what types of designers
your SDLC model will support
Support interaction between
developers and designers
175. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
182. Infrastructure > Proactive
Rating scale in the application
Remote troubleshooting
Effective status updates
183. Infrastructure > Proactive
Takeaways
Think how users are going to provide
1 3 11 proactive feedback into the SDLC
2 Figure out a strategy for when things
go wrong
Provide status â both good and bad
â to users where possible
184. Implicit
Personas Purpose Prototype
Interface
Platform Productivity Performanc
e
Infrastructure
Proven People Proactive
185. Overall Takeaways
Implicit
Be Implicit by defining personas, purpose
Personas Purpose Prototype
and prototyping before you start coding
Interface Define the Interface â think about how the
platform choice, productivity, and
performance will affect the user Performanc
Platform Productivity
e
Support an Infrastructure that enables
Infrastructure
proven, proactive applications designed by
a team that understands user experience
Proven People Proactive
188. SOA
ESB
Web Services
Transactions
ORM
Replication
etc.
Engineering Concerns
189. Personas
Platform
Prototype
Purpose
Proven
Productivity
Performance
Putting the User (Art) back into
Architecture
190. If you want slides, please email me â or
check out the recording on my blog
(URL below)
simon.guest@microsoft.com
http://www.simonguest.com
Š 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it
should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.
MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
Microsoft Confidential