EffectiveUI, profile picture
Uploaded byEffectiveUI
3,656 views

By the Book: How Great User Experiences in Software Can Impact Government and Citizens

This document discusses user experiences with software and how they can impact government and citizens. It provides nine laws of effective user experiences based on common successes, including focusing on the user first, empathizing with users, delivering software where users want it, gathering feedback through conversation, interpreting rather than directly taking user requirements, valuing good design, not trying to build for everyone, collaborating across teams, and allowing for flexibility rather than rigid plans. The document advocates applying these laws to optimize user adoption and achieve the benefits of software ROI for both government operations and citizens.

Embed presentation

1 / 123
2 / 123
3 / 123
4 / 123
5 / 123
6 / 123
7 / 123
8 / 123
9 / 123
10 / 123
11 / 123
12 / 123
13 / 123
14 / 123
15 / 123
16 / 123
17 / 123
18 / 123
19 / 123
20 / 123
21 / 123
22 / 123
23 / 123
24 / 123
25 / 123
26 / 123
27 / 123
28 / 123
29 / 123
30 / 123
31 / 123
32 / 123
33 / 123
34 / 123
35 / 123
36 / 123
37 / 123
38 / 123
39 / 123
40 / 123
41 / 123
42 / 123
43 / 123
44 / 123
45 / 123
46 / 123
47 / 123
48 / 123
49 / 123
50 / 123
51 / 123
52 / 123
53 / 123
54 / 123
55 / 123
56 / 123
57 / 123
58 / 123
59 / 123
60 / 123
61 / 123
62 / 123
63 / 123
64 / 123
65 / 123
66 / 123
67 / 123
68 / 123
69 / 123
70 / 123
71 / 123
72 / 123
73 / 123
74 / 123
75 / 123
76 / 123
77 / 123
78 / 123
79 / 123
80 / 123
81 / 123
82 / 123
83 / 123
84 / 123
85 / 123
86 / 123
87 / 123
88 / 123
89 / 123
90 / 123
91 / 123
92 / 123
93 / 123
94 / 123
95 / 123
96 / 123
97 / 123
98 / 123
99 / 123
100 / 123
101 / 123
102 / 123
103 / 123
104 / 123
105 / 123
106 / 123
107 / 123
108 / 123
109 / 123
110 / 123
111 / 123
112 / 123
113 / 123
114 / 123
115 / 123
116 / 123
117 / 123
118 / 123
119 / 123
120 / 123
121 / 123
122 / 123
123 / 123
By the Book How Great User Experiences in Software Can Impact Government and Citizens Anthony Franco twitter.com/anthonyfranco President, EffectiveUI anthonyfranco.wordpress.com
ROI
What is software ROI for Government?
Software ROI for Government Operational Efficiency Dissemination of Information Gathering of Information Collaboration Compliance
Software ROI for Citizens Citizen Enablement Tools: •BenefitSelf Service •Convenience Information Transparency Information Find-ability
example ROI calculations citizen self service x user adoption = ROI employee data entry x user adoption = ROI information gathering x user adoption = ROI process automation x user adoption = ROI collaboration portals x user adoption = ROI compliance portals x user adoption = ROI
the main multiplier for software ROI is user adoption
investing in a Good User Experience is simply hyper focusing on User Adoption
IBM “Cost-Justifying Ease of Use” “Every $1 invested in usability returns between $10 and $100”
its not enough to talk about it
if user adoption = ROI How do we optimize success through better user adoption?
HOW? the laws of effective user experiences
what was common about the successes?
Law # 1 FOCUS ON THE USER FIRST
✓ focus on the end user first by: understanding user goals and needs before deciding on a technology approach
avoid: Vector Graphics MXML Flash Client Processing Cover-flow Java Service Oriented Architecture Sliverlight Animation Social Networking Streaming Video Aqua Multi-Channel Runtime Skip Intro Web 2.0 Productivity iPhone Accessibility Google Reflections Audio AJAX Thin Client Security Sandbox Multi-Touch APIs Apple Open Source Flex Rich Conversions Microsoft Adobe XAML Web Services Objective C SUN buzz word bingo
✓ focus on the end user first by: understand user goals and needs before deciding on the user flow
BUSINESS UNITS TURN IT INTO THIS: PICK HOW YOU OPEN AN STORE CREDIT CLICK EMAIL SHIP WILL PAY CARD INFORMATION WAIT FOR EMAIL TO CONFIRM ACCOUNT Now? I just want to ship something. LOGIN PACKAGE, CHOOSE TO & FROM CHECK PRICE/ DETAILED CONFIRM TRACK SERVICE PAY DESCRIPTION I don’t know how What does to answer that. each cost? user flows as defined by executives
USERS WANT THIS: PACKAGE, COST VS. CONFIRM SHIP TO & FROM TIME DECISION PAY & TRACK this is what users wanted
avoid: allowing stakeholders to define user flows before user research
✓ focus on the end user first by: conducting good research and testing your usability prototypes
start with contextual research
build prototypes based on research
use prototypes to conduct empirical research
avoid: building large user research documents
fewer research interpretations are better quality of user research number of interpretations the fidelity of research deliverables
✓ improve user requirement fidelity by: Iterating and prototyping through the development process
✓ improve user requirement fidelity by: Keeping the same team engaged throughout the product lifecycle
Law # 2 YOU ARE PROBABLY NOT YOUR USER
baduigallery.com how did this happen?
“Software today is designed for the people who are building it”
this is our fault
ABC CORP SYSTEM ARCHITECTURE TRANSACTION CITIZEN DATA SERVER LEGACY BPM AUTOMATION CMS FRAMEWORK project teams to minimize the user 3rd PARTY 3rd PARTY WORKFLOW CONTENT in almost every process SOA SEARCH ENGINE OPTIMIZATION UI this is our fault
this is our fault
these are your “users” - the people we must care about ...when these are more like your users
✓ empathize with your users by: Budgeting at least 20% of your resources toward strategic user research and interaction design
the less you are like your user the more user research you will need user research you = your user wilson’s law of user research
PA Welfare Benefits
avoid: making major functional decisions without talking to your users
✓ empathize with your users by: Injecting “empathy” & “humility” into everyone’s job description
Law # 3 Location, Location, Location
✓ Deliver the software experience where the user wants it, on the device they want it
Navy Federal Credit Union iPhone App
Law #4: GATHER FEEDBACK THROUGH CONVERSATION
avoid: survey question #8 I found the system intuitive and easy to use. Strongly Agree Agree Neutral Disagree Strongly Disagree
✓ gather feedback by: talking to users
Law #5: USERS DON’T KNOW HOW TO BUILD REQUIREMENTS
You need to interpret what your users ask for
- Henry Ford If I had asked people what they wanted, they would have said ‘faster horses.”
“where’s the refresh button?” joe user
✓ Interpret user requirements by: Taking the time to understand the core issues behind what the user is telling you
avoid: Allowing your users to directly define their software experience
Law #6: VALUE GOOD DESIGN
Give me 5 features that made you upgrade your operating system
“1990 called and they want their interface back”
✓ Good design will grab and keep a user’s attention
raise your hand immediately after you read this
Navy Blue Angels
Adobe Watson Express
✓ value good design by: Involving designers early in the process
avoid: the big pitch
Law #7: DO NOT TRY TO BUILD FOR EVERYONE
If you build for everybody, you wind up building for nobody
this is the result of building for everyone
✓ do not build for everyone: Contextualize how you think about your users by defining a small set of user types (a maximum of 3 is best)
avoid: “fewer features”
The key to ease of use is not less features, it is fewer decisions
from: Joel Spolsky’s topic, It’s Not That Hard” an example of “feature” thinking
from: Joel Spolsky’s topic, It’s Not That Hard” an example of “end user” thinking
Law #8: COLLABORATE
Technology Design Director
Design Director Technology
Director Technology Design
Technology Director Design
✓ collaborate: Define joint ownership & embrace conflict
It is the entire project team’s fault when a project fails to meet its objectives
avoid: Delegating user experience to a single person
avoid: Offshoring your interface design or architecture
Law #9: RIGID PLANS ARE PLANS TO FAIL
“Software projects are predictably unpredictable”
process diagrams are a dime a dozen
avoid: you can’t schedule innovation like this
✓ On Time ✓ On Budget ✓ No Difficult Conversations Upward (who cares if anyone is using it) rigid plans attempt to produce these results
- Richard Monson-Haefel “When you try to guess at future requirements, 50% of the time you’re wrong and 49% of the time you’re very, very wrong”
✓ improve user requirement fidelity by: Iterating and prototyping through the development process
TriGeo Console Project Milestone v_0.1 Last Modi ed: October 30, 2008 9:12 AM USER INTERVIEWS INTERVIEW #1 NOTES nds something then looks at details :( con gure/manage tools Only person take action takes forever to load technical support resolve address other people on technical sta use it check attacks source Dashboard monitor logs who is/traceroute CPU, memory not as dedicated Others check logs/trouble shooting Dial, inspection log not regular basis Would like to nd all for IP for week/ overall network security health calls the TriGeo Console “the TriGeo” day/month (Green/Yellow/Red) Runs it in the background Deep dive in IGS Version of software set up alerts Block IP name of device gets alert google.com for IP to see if we do attackers/source hold always open on separate computer business with graph - top 10 attackers wants sounds Filters Graph/pie chart uses blinking 58 (all) some TriGeo/some created top devices generating IP events In/ Cisco IPS 37 in tabs (dynamic and changing) = 6 Out TriGeo Console Project Milestone v_0.1 rows of tabs Last Modi ed: October 30, 2008 9:12 AM uses the management console line graph/real time Monitors TriGeo and any alerts that Mentioned the usage of “ lter sets” attacks over time come through IPS then uses that TriGeo #of alerts generated console for that event. Custom top alerts USER INTERVIEWS CONT. describes this as “synergy” INTERVIEW #2 NOTES “Day in the Life” what kind/how many functioning 20 - 3 rows logs IGS - servers, edge, rewall suspicious tra c create and delete a lot monitors servers, workstations consolidate logs Morning activity/events Wishlist 10-11 on dedicated research nd out what events are coming from checkdatabases sql lters Top Tasks scheduling reports which thing check tools on team, some semi-trained 4 people (status=up?) remain in directory where you put the Console runs 24/7 Windows IGS console has better capabilities run/check person primary reports last one *same location view tabs jumps around from window to let it run all day not enough licenses for all comps, but ? -rule builder favorite serving locations window Top Activities going that route tools lag time tools create lter from alert Context Scenarios run on desktop to get a sense of Windowing 120 workstations would like ad hoc reports/custom reports for rules too ! Logs in to the console what’s going on the network (tabs) most apps run like that there are already prebuilt ones likes drag and drop for rules and lters go through tabs to see what’s going ! Monitors network feeds Usage not much thought analyzeLife on internet (IP, domain, Day in info on throughout the day (made on navigating through window when other alerts? no? see accounts) Dashboard ! Sets advanced filters general health monitoring TriGeo most custom) looking into speci c task security functions knowledge base same day to day what each server is doing ! Establishes rules login errors, hardware errors program rules for health uses it when needed driven by lters ! Receives an alert *trying to nd info that was stored by lter to nd what’s going on or TriGeo through reports 9 ! Drills down to problem area run reports make notes of Ext.Info Wishlist ! Discovers and attack tool alias wants to be able to deal with monitor console unmanaged Device ! Quarantines affected area IDS make rules in rule builder Rule Builder make notes, then goes into rule Quick reports with button click dedicated machine builder alerts Alert general server health like being able to click and create rule TriGeo Console Project Milestone v_0.1 ! James Woo disk usage or has to take info and plug info rule Last Modi ed: October 30, 2008 9:12 AM Power User Primary Persona virus alerts automatically windows time sync search alerts in Rule Builder? 29 savers rules in alpha order go through log les order is confusing USER RESEARCH SUMMARY backups succeeded CONSIDERATIONS to deal with would like to be able James is an IT administrator for an internal network of a 3000 employee corporation. He is services stopping? General unmanaged workstations** on call 24-7 and is responsible for maintaining a very complex, multi-tiered environment, Context Scenarios restart Tabs take up a lot of space. take action Tactics for gaining insight into an application through the eyes of ! Logs in to the console on/o line agents users can be achieved many ways. User interviews, observation, Navigation should be area- and task- lter tabs from high-profile servers to employee computers. based ! Reviews Network Activity round-table discussions. This research directly impacts the direction of the design and execution. Multiple windows should be brought ! Sets New Rules into the “central” portion of the 10 Being able to put his finger to the “pulse of the network”, maintain fine-grain control of application as much as possible As part of the TriGeo project, user interviews were conducted Primary tasks should be brought out traffic and maintain a high level of security is what James relies on. There are gigabits of over the phone to gain a general insight to usage patterns, pain points and usability. When progress is made incorporating of “hidden” contextual menus to be activity happening every hour that he must be able to respond to at a moments notice. more top-level this feedback, more focussed research is done to further re ne Eliminate redundancy in menus aspects of the application. There is a separation between menus When James logs in to the application he is able to maintain an overview of his network. and information Initial phone interviews were made, however E ectiveUI was Addition of a Dashboard (Ops Center) He knows the network inside and out and has customized his “workspace” to cater to the asked to halt further user analysis and focus on the direct feedback provided by primary stakeholders. Ability to customize in various ways most critical areas. Add methods of “progressive disclosure” allowing users to dive ! Marian Phillips Altogether, six people were interviewed and written notes were deeper. obtained accordingly. Based on the discussions with users and making an evaluation Consistency in work ows and interface elements Novice User Secondary Persona of the console, a number of target areas were identi ed for Ops Center improvement and consideration. Feedback from TriGeo also helped drive the focus on some of these areas. Ability to customize view and content Marian is IT support for a 200 employee company. She monitors the network, but also Ability to add pre-created “Portlets” or create unique ones helps with employee hardware and software. “Work Areas” Re ne results using a variety of criteria The first order of business for Marian is checking email, voice messages and the current In-context options for taking action on status of the network. She receives an email stating that employees are no longer allowed TriGeo Console Project Milestone v_0.1 areas of interest to browse YouTube.com. Last Modi ed: October 30, 2008 9:12 AM In-line re nement of data In addition to monitoring the network, Marian can perform a couple easy steps to creating Context Scenarios 8 a rule to block employees from browsing to YouTube.com. Sure, Marian can view every ! Logs in to the console EXPERIENCE MAP network activity, but her primary concern is respondingGlancesimmediate demands of ! to the at Dashboard enforcing company policies. ! Evaluates network “saves” The Experience Map acts as a diagram of the “ ow” of an application. It is important to hone in on this high-level framework of the application so a clear direction may be Context Scenarios established. This map helps the direction of wireframes without getting too far into the details. ! Demonstrates the application ! Drills into specific features The content of the Experience Map is based on user research, a current understanding of the application and methods of ! Clark McCarthy improving usability. As more information is gathered and Experience Map evolves until a direction has been established. Executive User Secondary Persona ! George Newstead Creating the Experience Map was an ongoing process that ran in tandem with wireframes and creating design compositions. TriGeo Executive Clark is CTO for a 3000 employee company and reports directly to board members. inconsistent overlap due to these areas Although there was some He likes to keep tabs on the companies networkproduct that being done in parallel, thinking around on the path to a to George is looking for a response and effectiveness to see and headed wireframes helped can be white labeled if TriGeo Console Project Milestone v_0.1 spending all that money on new servers is really paying off. tightenwith required functionality. vice versa. SaaS offering while delivered on time and areas of the Experience Map and Last Modi ed: October 30, 2008 9:12 AM Steve wants an easy-to-use dashboard that allows him to monitor just how great his of the TriGeo Console was generated In the end, a solid overview that acts as the foundation for additional development and user network is running. It also doesn’t hurt that he has high level information he can use is still work to be done and directly experience re nement. There Context Scenarios to get get praise from the boss. correlates to the Wireframes. ! Gives a demo WIREFRAMES : OPS CENTER ! Navigates through features ! Linda Deris TriGeo Employee Linda is focused on selling TriGeo offerings. She wants something easy to demo and TriGeo Console Project Milestone v_0.1 sell while successfully conveying the value, ease and power of the application. Last Modi ed: October 30, 2008 9:12 AM 20 WIREFRAMES : MONITOR TriGeo Console Project Milestone v_0.1 Last Modi ed: October 30, 2008 9:12 AM 28 WIREFRAMES : OPS CENTER 34 31 planning only gets you 20% of the way there
✓ avoid over-planning by valuing the PRODUCT over the PROCESS
✓ projects are unpredictable because: SCOPE = PRODUCT
The Broken Analogy “A bridge is the sum of its parts. The pieces of metal and welds and everything else all add up to a single, static bridge. A software system is the behavior created by the dynamic interaction of its parts” EffectiveUI The art of building great experiences in software
✓ Things you would never have to deal with when constructing a bridge:
Can we move the bridge 17 feet to the left? It’s only 17 feet, so that’s not a big deal, right?
We aren’t very happy with how the bridge looks so far. Can you propose a change in the kind of materials you’re using to make it more attractive?
Remember when you asked us whether the bridge would ever need to support vehicle traffic and not just pedestrian traffic, and we weren’t sure, so we just settled on the cheaper pedestrian version? Well, we were wrong. What can you do to make this work for our needs?
We’ve hired an offshore company to start building from the other side of the valley so we can cut the construction time in half. They’re making some improvements on your design, so please coordinate with them to make sure everything comes together ahead of schedule.
Law #10: EVERY PRODUCT NEEDS A SINGLE VISION
Product Director Designer Developer Manager
Product Director Designer Developer Manager
define success and build consensus
8 criteria for good user experiences: ✓ provide valuable feedback ✓ behave with consistency ✓ behave in a familiar way ✓ be obvious and efficient ✓ be responsive and perform ✓ help people & businesses accomplish goals ✓ be brand consistent & elegant ✓ be progressive & trustworthy
understand the end user
contextual research
Context Scenarios Logs in to the console Monitors network feeds Sets advanced lters Establishes rules Receives an alert Drills down to problem area Discovers and attack Quarantines a ected area James Woo Context Scenarios Logs in to the console Power User Primary Persona Reviews Network Activity Sets New Rules James is an IT administrator for an internal network of a 3000 employee corporation. He is on call 24-7 and is responsible for maintaining a very complex, multi-tiered environment, from high-pro le servers to employee computers. Being able to put his nger to the “pulse of the network”, maintain ne-grain control of tra c and maintain a high level of security is what James relies on. There are gigabits of activity happening every hour that he must be able to respond to at a moments notice. Marian Phillips When James logs in to the application he is able to maintain an overview of his network. Novice User Secondary Persona He knows the network inside and out and has customized his “workspace” to cater to the Context Scenarios Logs in to the console most critical areas. Glances at Dashboard Marian is IT support for a 200 employee company. She monitors the network, but also Evaluates network “saves” helps with employee hardware and software. The rst order of business for Marian is checking email, voice messages and the current status of the network. She receives an email stating that employees are no longer allowed to browse YouTube.com. In addition to monitoring the network, Marian can perform a couple easy steps to creating a rule to block employees from browsing to YouTube.com. Sure, Marian can view every Clark McCarthy network activity, but her primary concern is responding to the immediate demands of enforcing company policies. Executive User Secondary Persona Context Scenarios Demonstrates the application Drills into speci c features Clark is CTO for a 3000 employee company and reports directly to board members. He likes to keep tabs on the companies network response and e ectiveness to see if spending all that money on new servers is really paying o . Steve wants an easy-to-use dashboard that allows him to monitor just how great his Newstead George network is running. It also doesn’t hurt that he has high level information he can use to get get praise from the boss. TriGeo Executive George is looking for a product that can be white labeled and headed on the path to a SaaS o ering while delivered on time and with required functionality. Context Scenarios Gives a demo Navigates through features Linda Deris TriGeo Employee Linda is focused on selling TriGeo o erings. She wants something easy to demo and sell while successfully conveying the value, ease and power of the application. user archetypes
Gwen’s Customer Journey Gwen is moving her family of three. She knows she’s going to need phone and internet service. The affective and contextual factors that will affect Gwen’s choice in telecom vendors are price, her existing knowledge and previous experience. ? nt fro e. . up ? . . n od ns lo h. h ed ue as e. ? go ea is a rc fo uc t g . va dg va xp o k ight ea in n’t m th e. m i nc wle is . s ar h o ct ar e r ou le to be th do ce r uc s a no do ? ew t l go g. at e to vi m ay be y es in en ht m gu o ad p tim so ice tt ov h l g to yv n e w ab ni ice ie es ice e m er i e d ve rv n ee tio . ur be e v sa e dd em er M e go as ys er tim ha e’r s ed i yn es lla itt h u fin th se en to er ss W e. yb re io n ce th e eI ll m th t a lo ev ing ns lin ow cis m wi Pr em d ro e’s eI ’s a do vi t o ul co on p ed no t g e p n r re em us ho s I’v hy he he re d is w go e l yp m na ’m No I’ll It’s Ho ed e & Is Th Th el Th I us W t W W I’ll tio d tra wh ite xio ra us er xc pi An Fr Ov E As Thoughts & Feelings Calls to order service Emotional Emotion throughout journey Goes online and checks out different options Experience Emotion towards -------- Consults with influencer I can’t afford what I’m finding here. On hold for too long. Hanging up. Ends phone call Go back Go back Phases of the Journey Inquiry Comparison Purchase Installation Description Description Description Description The Inquiry phase consists of the reasons people are The potential customer comes in to the Comparison The Purchase phase involves the provider demanding Installation phase is the handoff from customer shopping around for new service. These are usually phase usually armed with the right info, tech jargon, quite a bit of personal info. The order flow tends to be service to the installer. There are usually scheduling related to moving and relocation, an upgrade to and is looking for lowest cost. They tend to be brand complex and the process can be all over map. There is conflicts between all parties involved. This phase can existing service, or hunting down new deals. Moving agnostic . If they can’t find the right price or the right a sense of delayed gratification - waiting on service usually be somewhat painful for the customer in is the biggest reason. services, they may leave and go back to inquiry. installation and activation. dealing with installer. Recommendations Recommendations Recommendations Recommendations Design homepages with separate targeted call-out Recommend using IP Location services to geo-locate Reduce amount of info required by streamlining and Many factors converge to make this phase of the areas lying above the fold tailored for residential customers - removing the current service address improving any areas that contain form fields using customer journey unpleasant. Providing accurate customers and tech-savvy customers. Internal product roadblock. Allowing users to configure services before industry best practices. Work on setting expectations arrival times, courteous technicians, and clear instruc- areas should include basic plain-english product adding them to the cart, and reflecting bundled price for installation phase with customer service reps on tion materials during Installation can help alleviate descriptions and large price points with a clear call to discounts in a clear and obvious manner. the phone to improve overall experience with your the negative experience inherent in this phase. Also, action. Tech-savvy bullet points should include brand. consider having leave behind customer comment keywords that summarize options and features cards so customers feel empowered to give feedback typically found in product datasheets. into the process. the customer journey
customer stories
inspire good design
Mood Board : Showcase Mood Board : Slate Mood Board : Dynamic mood boards
ensure business, design & technology collaboration
TriGeo Console Project Milestone v_0.1 Last Modi ed: October 30, 2008 9:12 AM EXPERIENCE MAP The Experience Map acts as a diagram of the “ ow” of an application. It is important to hone in on this high-level framework of the application so a clear direction may be established. This map helps the direction of wireframes without getting too far into the details. The content of the Experience Map is based on user research, a current understanding of the application and methods of improving usability. As more information is gathered and Experience Map evolves until a direction has been established. Creating the Experience Map was an ongoing process that ran in tandem with wireframes and creating design compositions. Although there was some inconsistent overlap due to these areas being done in parallel, thinking around wireframes helped to tighten areas of the Experience Map and vice versa. In the end, a solid overview of the TriGeo Console was generated that acts as the foundation for additional development and user experience re nement. There is still work to be done and directly correlates to the Wireframes. 20 experience maps
wireframes
style guides
graphic components
interactive technical references
articulate the vision
vision demos
What is our opportunity?
instead of this
try this
Thank You Anthony Franco twitter.com/anthonyfranco President, EffectiveUI anthonyfranco.wordpress.com
Anthony Franco President, Founder EffectiveUI anthonyfranco.wordpress.com twitter: anthonyfranco thank you

More Related Content

PDF
The ROI of User Experience:
byEffectiveUI
 
PDF
By the Book: Examining the Art of Building Great User Experiences in Software
byEffectiveUI
 
PDF
Requirements Made Easy With User Stories V2
byWilliam F. Nazzaro
 
PPTX
User Story Writing & Estimation For Testers By Mahesh Varadharajan
byAgile Testing Alliance
 
PDF
Web Site Usability
bywhite paper
 
PPTX
The Product Canvas
byMars Cyrillo
 
PDF
Designing Rich Mobile Apps in a Fragmented World
byWorklight
 
PPTX
WEB INTERFACE DESIGN
byPhD Research Scholar
 
The ROI of User Experience:
byEffectiveUI
 
By the Book: Examining the Art of Building Great User Experiences in Software
byEffectiveUI
 
Requirements Made Easy With User Stories V2
byWilliam F. Nazzaro
 
User Story Writing & Estimation For Testers By Mahesh Varadharajan
byAgile Testing Alliance
 
Web Site Usability
bywhite paper
 
The Product Canvas
byMars Cyrillo
 
Designing Rich Mobile Apps in a Fragmented World
byWorklight
 
WEB INTERFACE DESIGN
byPhD Research Scholar
 

What's hot

PDF
How To Know Your Stories Are At The Right Level Of Detail
byRussell Pannone
 
PPT
TMA Going Mobile
byTincanPipPip
 
PPTX
User interface design: definitions, processes and principles
byDavid Little
 
PDF
Kony-Forrester Webinar: The Evolution of Mobile First Development
byKony, Inc.
 
PPTX
Inbound Marketing for Ecommerce
byDave Hazlehurst
 
PDF
IBM Open Doors Workshop Master vUpload
byEverton Lewis
 
PDF
what is interaction design
byAynne Valencia
 
PDF
When Content Meets Applications
byCraig Randall
 
PDF
Interactive online banking
byInfosys Finacle
 
PDF
Aspe improved user_story_writing_techniques_ppt
byTatiya Siengdang
 
PDF
interaction design trends 2015 _ 2016
byHalil Eren Çelik
 
PDF
Article on User Experience 2004
byDifferent
 
PDF
User-Centered Design
byIvano Malavolta
 
PPT
User Interface Design For Programmers
byChris Poteet
 
How To Know Your Stories Are At The Right Level Of Detail
byRussell Pannone
 
TMA Going Mobile
byTincanPipPip
 
User interface design: definitions, processes and principles
byDavid Little
 
Kony-Forrester Webinar: The Evolution of Mobile First Development
byKony, Inc.
 
Inbound Marketing for Ecommerce
byDave Hazlehurst
 
IBM Open Doors Workshop Master vUpload
byEverton Lewis
 
what is interaction design
byAynne Valencia
 
When Content Meets Applications
byCraig Randall
 
Interactive online banking
byInfosys Finacle
 
Aspe improved user_story_writing_techniques_ppt
byTatiya Siengdang
 
interaction design trends 2015 _ 2016
byHalil Eren Çelik
 
Article on User Experience 2004
byDifferent
 
User-Centered Design
byIvano Malavolta
 
User Interface Design For Programmers
byChris Poteet
 

Viewers also liked

PDF
Selectie gereedschappen
byDries
 
PPT
The Elements of Design
byRachel Collishaw
 
PPT
North korea v
bynevinh
 
PPT
Analysis
byguestd30712
 
KEY
Dolphins By Devin
byDevin
 
PPT
Professional Services Snapshot Overview
bypaulinekearse
 
PDF
Mining brochure
byguestd2b500
 
PDF
Light Presentation
byhomesph
 
PPT
Analyzing film magazines
byHanaEllis
 
PPT
Powerpont for film cover
byHanaEllis
 
PDF
Atención a padres
byconsuelo cargua
 
PPTX
Visual Dictionary - Sp10lockset
bySp10lockset
 
PPT
Тренажёр Н-НН
bytvkam
 
PPTX
Le papillon des e’toiles
byguestdfe179
 
PPSX
Pint anterior(1)
byPablo Borrego
 
PDF
Transform: global positioning, Helen Atkinson
byCommunicate Magazine
 
PDF
Why is going paperless
byLane Severson
 
PPT
педсовет август 2013
bytvkam
 
PPTX
Social Media in a Corporate Context, Manchester 2010 - Martin Thomas, Snapper...
byCommunicate Magazine
 
PPT
How i used my blogs for research and
byHanaEllis
 
Selectie gereedschappen
byDries
 
The Elements of Design
byRachel Collishaw
 
North korea v
bynevinh
 
Analysis
byguestd30712
 
Dolphins By Devin
byDevin
 
Professional Services Snapshot Overview
bypaulinekearse
 
Mining brochure
byguestd2b500
 
Light Presentation
byhomesph
 
Analyzing film magazines
byHanaEllis
 
Powerpont for film cover
byHanaEllis
 
Atención a padres
byconsuelo cargua
 
Visual Dictionary - Sp10lockset
bySp10lockset
 
Тренажёр Н-НН
bytvkam
 
Le papillon des e’toiles
byguestdfe179
 
Pint anterior(1)
byPablo Borrego
 
Transform: global positioning, Helen Atkinson
byCommunicate Magazine
 
Why is going paperless
byLane Severson
 
педсовет август 2013
bytvkam
 
Social Media in a Corporate Context, Manchester 2010 - Martin Thomas, Snapper...
byCommunicate Magazine
 
How i used my blogs for research and
byHanaEllis
 

Similar to By the Book: How Great User Experiences in Software Can Impact Government and Citizens

PDF
The ROI of User Experience
byEffective
 
PDF
The Laws of User Experience: Making it or Breaking It with the UX Factor
byEffective
 
PDF
The Laws of User Experience: Making it or breaking it with the UX Factor
byEffectiveUI
 
PDF
Achieving A Great User Experience For Enterprise Software
byPaul Sherman
 
PDF
Evaluating Usability Of Commercial Software Applications
byJen Hocko
 
PDF
By the Book: Examining the Art of Building Great User Experiences in Software
byEffective
 
PPTX
GA - product management for entrepreneurs
byzhurama
 
PDF
The Essentials of Great Search Design (ECIR 2010)
byVegard Sandvold
 
PPT
Final wireframes from screen concept to user interaction v0.4
byMia Horrigan
 
PDF
Agile 10 Step Story Model
byallan kelly
 
PDF
What is UX Design?
byBaris Erkol
 
PDF
2011 National BDPA Tech Conf Presenation Final
byMJD Management Group
 
PDF
Creating Business Value Through User Experience
byBDPA Education and Technology Foundation
 
PPT
Bake UX into your Startup (March 2009)
byMeghan Ede
 
PDF
Use Business Analysts for User Interface Design
byTechWell
 
PPT
Usability principles 1
bySameer Chavan
 
ODP
Basics of-software-development
bylukaramishvili
 
PPTX
Guerilla Human Computer Interaction and Customer Based Design
byQuentin Christensen
 
PPTX
Webinar: Restyle your Notes Applications
byMaarga Systems
 
PPT
User interface design for the Web Engineering Psychology
byLawrenceNajjar
 
The ROI of User Experience
byEffective
 
The Laws of User Experience: Making it or Breaking It with the UX Factor
byEffective
 
The Laws of User Experience: Making it or breaking it with the UX Factor
byEffectiveUI
 
Achieving A Great User Experience For Enterprise Software
byPaul Sherman
 
Evaluating Usability Of Commercial Software Applications
byJen Hocko
 
By the Book: Examining the Art of Building Great User Experiences in Software
byEffective
 
GA - product management for entrepreneurs
byzhurama
 
The Essentials of Great Search Design (ECIR 2010)
byVegard Sandvold
 
Final wireframes from screen concept to user interaction v0.4
byMia Horrigan
 
Agile 10 Step Story Model
byallan kelly
 
What is UX Design?
byBaris Erkol
 
2011 National BDPA Tech Conf Presenation Final
byMJD Management Group
 
Creating Business Value Through User Experience
byBDPA Education and Technology Foundation
 
Bake UX into your Startup (March 2009)
byMeghan Ede
 
Use Business Analysts for User Interface Design
byTechWell
 
Usability principles 1
bySameer Chavan
 
Basics of-software-development
bylukaramishvili
 
Guerilla Human Computer Interaction and Customer Based Design
byQuentin Christensen
 
Webinar: Restyle your Notes Applications
byMaarga Systems
 
User interface design for the Web Engineering Psychology
byLawrenceNajjar
 

More from EffectiveUI

PDF
Design essentials For Executives
byEffectiveUI
 
PDF
Designing an App: From Idea to Market
byEffectiveUI
 
PDF
Flash and Flex in an HTML5 / App Store World
byEffectiveUI
 
PPT
Design Essentials for Developers 08.31.11
byEffectiveUI
 
PDF
Flex4 Component Lifecycle
byEffectiveUI
 
PDF
The Art of Interaction
byEffectiveUI
 
PPT
Design Essentials for Developers
byEffectiveUI
 
PDF
Rails on HBase
byEffectiveUI
 
PDF
Git for the Android Developer
byEffectiveUI
 
PDF
Microsoft Kinect and Molehill
byEffectiveUI
 
PDF
Reasons for Flash: Flash Development in an HTML5 and App Store World
byEffectiveUI
 
KEY
Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...
byEffectiveUI
 
PPT
Design Essentials for Developers
byEffectiveUI
 
PDF
Your Mom Has an iPad
byEffectiveUI
 
PDF
Human-Centered Design and the Intersection of the Physical and Digital Worlds
byEffectiveUI
 
PDF
From the Trenches: Building the Accessible Web
byEffectiveUI
 
PDF
Flexerific Visual Effects
byEffectiveUI
 
PPT
Test-Driven Development
byEffectiveUI
 
PPT
An Opinionated Introduction to Mate
byEffectiveUI
 
PDF
Diving Deep with the Flex Component Life Cycle
byEffectiveUI
 
Design essentials For Executives
byEffectiveUI
 
Designing an App: From Idea to Market
byEffectiveUI
 
Flash and Flex in an HTML5 / App Store World
byEffectiveUI
 
Design Essentials for Developers 08.31.11
byEffectiveUI
 
Flex4 Component Lifecycle
byEffectiveUI
 
The Art of Interaction
byEffectiveUI
 
Design Essentials for Developers
byEffectiveUI
 
Rails on HBase
byEffectiveUI
 
Git for the Android Developer
byEffectiveUI
 
Microsoft Kinect and Molehill
byEffectiveUI
 
Reasons for Flash: Flash Development in an HTML5 and App Store World
byEffectiveUI
 
Discombobulation, Fire-Breathing Dragons and Wet Noodles: Creating Productive...
byEffectiveUI
 
Design Essentials for Developers
byEffectiveUI
 
Your Mom Has an iPad
byEffectiveUI
 
Human-Centered Design and the Intersection of the Physical and Digital Worlds
byEffectiveUI
 
From the Trenches: Building the Accessible Web
byEffectiveUI
 
Flexerific Visual Effects
byEffectiveUI
 
Test-Driven Development
byEffectiveUI
 
An Opinionated Introduction to Mate
byEffectiveUI
 
Diving Deep with the Flex Component Life Cycle
byEffectiveUI
 

Recently uploaded

PPTX
"Feelings versus facts: why metrics are more important than intuition", Igor ...
byFwdays
 
PPTX
Connecting the unconnectable: Exploring LoRaWAN for IoT
byasasiraarthur
 
PDF
[BDD 2025 - Artificial Intelligence] AI for the Underdogs: Innovation for Sma...
byWintari Yasmin
 
PPTX
Support, Monitoring, Continuous Improvement & Scaling Agentic Automation [3/3]
byUiPathCommunity
 
PPTX
kernel PPT (Explanation of Windows Kernal).pptx
byINFOBYTES1
 
PPTX
Guardrails in Action - Ensuring Safe AI with Azure AI Content Safety.pptx
byUdaiappa Ramachandran
 
PPTX
The power of Slack and MuleSoft | Bangalore MuleSoft Meetup #60
byshyamraj55
 
PDF
Crane Accident Prevention Guide: Key OSHA Regulations for Safer Operations
bySharpEagle Technology
 
PDF
How Much Does It Cost to Build an eCommerce Website in 2025.pdf
byPixlogix Infotech
 
PDF
MuleSoft Meetup: Dreamforce'25 Tour- Vibing With AI & Agents.pdf
byTintu Jacob Shaji
 
PDF
Accessibility & Inclusion: What Comes Next. Presentation of the Digital Acces...
byAssociazione Digital Days
 
PDF
Top Crypto Supers 15th Report November 2025
byStephen Perrenod
 
PDF
Open Source Post-Quantum Cryptography - Matt Caswell
byAll Things Open
 
PDF
[BDD 2025 - Mobile Development] Mobile Engineer and Software Engineer: Are we...
bywintari3
 
PDF
Mulesoft Meetup Online Portuguese: MCP e IA
byPedro Baroni
 
PPTX
MuleSoft AI Series : Introduction to MCP
byMulesoftMunichMeetup
 
PDF
Agentic Intro and Hands-on: Build your first Coded Agent
byUiPathCommunity
 
PDF
[BDD 2025 - Full-Stack Development] Agentic AI Architecture: Redefining Syste...
byWintari Yasmin
 
PDF
Transcript: The partnership effect: Libraries and publishers on collaborating...
byBookNet Canada
 
PDF
The partnership effect: Libraries and publishers on collaborating and thrivin...
byBookNet Canada
 
"Feelings versus facts: why metrics are more important than intuition", Igor ...
byFwdays
 
Connecting the unconnectable: Exploring LoRaWAN for IoT
byasasiraarthur
 
[BDD 2025 - Artificial Intelligence] AI for the Underdogs: Innovation for Sma...
byWintari Yasmin
 
Support, Monitoring, Continuous Improvement & Scaling Agentic Automation [3/3]
byUiPathCommunity
 
kernel PPT (Explanation of Windows Kernal).pptx
byINFOBYTES1
 
Guardrails in Action - Ensuring Safe AI with Azure AI Content Safety.pptx
byUdaiappa Ramachandran
 
The power of Slack and MuleSoft | Bangalore MuleSoft Meetup #60
byshyamraj55
 
Crane Accident Prevention Guide: Key OSHA Regulations for Safer Operations
bySharpEagle Technology
 
How Much Does It Cost to Build an eCommerce Website in 2025.pdf
byPixlogix Infotech
 
MuleSoft Meetup: Dreamforce'25 Tour- Vibing With AI & Agents.pdf
byTintu Jacob Shaji
 
Accessibility & Inclusion: What Comes Next. Presentation of the Digital Acces...
byAssociazione Digital Days
 
Top Crypto Supers 15th Report November 2025
byStephen Perrenod
 
Open Source Post-Quantum Cryptography - Matt Caswell
byAll Things Open
 
[BDD 2025 - Mobile Development] Mobile Engineer and Software Engineer: Are we...
bywintari3
 
Mulesoft Meetup Online Portuguese: MCP e IA
byPedro Baroni
 
MuleSoft AI Series : Introduction to MCP
byMulesoftMunichMeetup
 
Agentic Intro and Hands-on: Build your first Coded Agent
byUiPathCommunity
 
[BDD 2025 - Full-Stack Development] Agentic AI Architecture: Redefining Syste...
byWintari Yasmin
 
Transcript: The partnership effect: Libraries and publishers on collaborating...
byBookNet Canada
 
The partnership effect: Libraries and publishers on collaborating and thrivin...
byBookNet Canada
 

By the Book: How Great User Experiences in Software Can Impact Government and Citizens

  • 1.
    By the Book How Great User Experiences in Software Can Impact Government and Citizens Anthony Franco twitter.com/anthonyfranco President, EffectiveUI anthonyfranco.wordpress.com
  • 2.
  • 3.
    What is softwareROI for Government?
  • 4.
    Software ROI forGovernment Operational Efficiency Dissemination of Information Gathering of Information Collaboration Compliance
  • 5.
    Software ROI forCitizens Citizen Enablement Tools: •BenefitSelf Service •Convenience Information Transparency Information Find-ability
  • 6.
    example ROI calculations citizen self service x user adoption = ROI employee data entry x user adoption = ROI information gathering x user adoption = ROI process automation x user adoption = ROI collaboration portals x user adoption = ROI compliance portals x user adoption = ROI
  • 7.
    the main multiplier forsoftware ROI is user adoption
  • 8.
    investing in a Good User Experience is simply hyper focusing on User Adoption
  • 9.
    IBM “Cost-Justifying Easeof Use” “Every $1 invested in usability returns between $10 and $100”
  • 10.
    its not enoughto talk about it
  • 11.
    if user adoption= ROI How do we optimize success through better user adoption?
  • 12.
    HOW? the laws ofeffective user experiences
  • 13.
    what was commonabout the successes?
  • 14.
    Law # 1 FOCUSON THE USER FIRST
  • 15.
    ✓ focus on theend user first by: understanding user goals and needs before deciding on a technology approach
  • 16.
    avoid: Vector Graphics MXML Flash Client Processing Cover-flow Java Service Oriented Architecture Sliverlight Animation Social Networking Streaming Video Aqua Multi-Channel Runtime Skip Intro Web 2.0 Productivity iPhone Accessibility Google Reflections Audio AJAX Thin Client Security Sandbox Multi-Touch APIs Apple Open Source Flex Rich Conversions Microsoft Adobe XAML Web Services Objective C SUN buzz word bingo
  • 17.
    ✓ focus on theend user first by: understand user goals and needs before deciding on the user flow
  • 18.
    BUSINESS UNITS TURNIT INTO THIS: PICK HOW YOU OPEN AN STORE CREDIT CLICK EMAIL SHIP WILL PAY CARD INFORMATION WAIT FOR EMAIL TO CONFIRM ACCOUNT Now? I just want to ship something. LOGIN PACKAGE, CHOOSE TO & FROM CHECK PRICE/ DETAILED CONFIRM TRACK SERVICE PAY DESCRIPTION I don’t know how What does to answer that. each cost? user flows as defined by executives
  • 19.
    USERS WANT THIS: PACKAGE, COST VS. CONFIRM SHIP TO & FROM TIME DECISION PAY & TRACK this is what users wanted
  • 20.
    avoid: allowing stakeholders todefine user flows before user research
  • 21.
    ✓ focus on theend user first by: conducting good research and testing your usability prototypes
  • 22.
  • 23.
  • 24.
    use prototypes toconduct empirical research
  • 25.
    avoid: buildinglarge user research documents
  • 26.
    fewer research interpretationsare better quality of user research number of interpretations the fidelity of research deliverables
  • 27.
    ✓ improve user requirementfidelity by: Iterating and prototyping through the development process
  • 28.
    ✓ improve user requirementfidelity by: Keeping the same team engaged throughout the product lifecycle
  • 29.
    Law # 2 YOUARE PROBABLY NOT YOUR USER
  • 30.
  • 31.
    “Software today is designedfor the people who are building it”
  • 32.
  • 33.
    ABC CORP SYSTEM ARCHITECTURE TRANSACTION CITIZEN DATA SERVER LEGACY BPM AUTOMATION CMS FRAMEWORK project teams to minimize the user 3rd PARTY 3rd PARTY WORKFLOW CONTENT in almost every process SOA SEARCH ENGINE OPTIMIZATION UI this is our fault
  • 34.
  • 35.
    these are your“users” - the people we must care about ...when these are more like your users
  • 37.
    ✓ empathize with yourusers by: Budgeting at least 20% of your resources toward strategic user research and interaction design
  • 38.
    the less youare like your user the more user research you will need user research you = your user wilson’s law of user research
  • 39.
  • 40.
    avoid: making major functional decisions without talking to your users
  • 41.
    ✓ empathize with yourusers by: Injecting “empathy” & “humility” into everyone’s job description
  • 42.
    Law # 3 Location,Location, Location
  • 43.
    ✓ Deliver thesoftware experience where the user wants it, on the device they want it
  • 45.
    Navy Federal CreditUnion iPhone App
  • 46.
    Law #4: GATHER FEEDBACK THROUGH CONVERSATION
  • 47.
    avoid: survey question #8 I found the system intuitive and easy to use. Strongly Agree Agree Neutral Disagree Strongly Disagree
  • 48.
    ✓ gather feedback by: talking to users
  • 49.
    Law #5: USERS DON’TKNOW HOW TO BUILD REQUIREMENTS
  • 50.
    You need tointerpret what your users ask for
  • 51.
    - Henry Ford If I had asked people what they wanted, they would have said ‘faster horses.”
  • 52.
    “where’s the refreshbutton?” joe user
  • 53.
    ✓ Interpret user requirementsby: Taking the time to understand the core issues behind what the user is telling you
  • 54.
    avoid: Allowing yourusers to directly define their software experience
  • 55.
  • 56.
    Give me 5features that made you upgrade your operating system
  • 58.
    “1990 called andthey want their interface back”
  • 59.
    ✓ Good design will graband keep a user’s attention
  • 60.
    raise your handimmediately after you read this
  • 61.
  • 62.
  • 63.
    ✓ value good designby: Involving designers early in the process
  • 64.
    avoid: the big pitch
  • 65.
    Law #7: DO NOTTRY TO BUILD FOR EVERYONE
  • 66.
    If you buildfor everybody, you wind up building for nobody
  • 67.
    this is theresult of building for everyone
  • 68.
    ✓ do not buildfor everyone: Contextualize how you think about your users by defining a small set of user types (a maximum of 3 is best)
  • 69.
    avoid: “fewer features”
  • 70.
    The key toease of use is not less features, it is fewer decisions
  • 71.
    from: Joel Spolsky’stopic, It’s Not That Hard” an example of “feature” thinking
  • 72.
    from: Joel Spolsky’stopic, It’s Not That Hard” an example of “end user” thinking
  • 73.
  • 74.
  • 75.
    Design Director Technology
  • 76.
  • 77.
    Technology Director Design
  • 78.
    ✓ collaborate: Define jointownership & embrace conflict
  • 79.
    It is theentire project team’s fault when a project fails to meet its objectives
  • 80.
    avoid: Delegating user experience to a single person
  • 81.
    avoid: Offshoring your interface design or architecture
  • 82.
    Law #9: RIGID PLANSARE PLANS TO FAIL
  • 83.
  • 84.
    process diagrams area dime a dozen
  • 85.
    avoid: you can’t schedule innovation like this
  • 86.
    ✓ On Time ✓On Budget ✓ No Difficult Conversations Upward (who cares if anyone is using it) rigid plans attempt to produce these results
  • 87.
    - Richard Monson-Haefel “Whenyou try to guess at future requirements, 50% of the time you’re wrong and 49% of the time you’re very, very wrong”
  • 88.
    ✓ improve user requirementfidelity by: Iterating and prototyping through the development process
  • 89.
    TriGeo Console ProjectMilestone v_0.1 Last Modi ed: October 30, 2008 9:12 AM USER INTERVIEWS INTERVIEW #1 NOTES nds something then looks at details :( con gure/manage tools Only person take action takes forever to load technical support resolve address other people on technical sta use it check attacks source Dashboard monitor logs who is/traceroute CPU, memory not as dedicated Others check logs/trouble shooting Dial, inspection log not regular basis Would like to nd all for IP for week/ overall network security health calls the TriGeo Console “the TriGeo” day/month (Green/Yellow/Red) Runs it in the background Deep dive in IGS Version of software set up alerts Block IP name of device gets alert google.com for IP to see if we do attackers/source hold always open on separate computer business with graph - top 10 attackers wants sounds Filters Graph/pie chart uses blinking 58 (all) some TriGeo/some created top devices generating IP events In/ Cisco IPS 37 in tabs (dynamic and changing) = 6 Out TriGeo Console Project Milestone v_0.1 rows of tabs Last Modi ed: October 30, 2008 9:12 AM uses the management console line graph/real time Monitors TriGeo and any alerts that Mentioned the usage of “ lter sets” attacks over time come through IPS then uses that TriGeo #of alerts generated console for that event. Custom top alerts USER INTERVIEWS CONT. describes this as “synergy” INTERVIEW #2 NOTES “Day in the Life” what kind/how many functioning 20 - 3 rows logs IGS - servers, edge, rewall suspicious tra c create and delete a lot monitors servers, workstations consolidate logs Morning activity/events Wishlist 10-11 on dedicated research nd out what events are coming from checkdatabases sql lters Top Tasks scheduling reports which thing check tools on team, some semi-trained 4 people (status=up?) remain in directory where you put the Console runs 24/7 Windows IGS console has better capabilities run/check person primary reports last one *same location view tabs jumps around from window to let it run all day not enough licenses for all comps, but ? -rule builder favorite serving locations window Top Activities going that route tools lag time tools create lter from alert Context Scenarios run on desktop to get a sense of Windowing 120 workstations would like ad hoc reports/custom reports for rules too ! Logs in to the console what’s going on the network (tabs) most apps run like that there are already prebuilt ones likes drag and drop for rules and lters go through tabs to see what’s going ! Monitors network feeds Usage not much thought analyzeLife on internet (IP, domain, Day in info on throughout the day (made on navigating through window when other alerts? no? see accounts) Dashboard ! Sets advanced filters general health monitoring TriGeo most custom) looking into speci c task security functions knowledge base same day to day what each server is doing ! Establishes rules login errors, hardware errors program rules for health uses it when needed driven by lters ! Receives an alert *trying to nd info that was stored by lter to nd what’s going on or TriGeo through reports 9 ! Drills down to problem area run reports make notes of Ext.Info Wishlist ! Discovers and attack tool alias wants to be able to deal with monitor console unmanaged Device ! Quarantines affected area IDS make rules in rule builder Rule Builder make notes, then goes into rule Quick reports with button click dedicated machine builder alerts Alert general server health like being able to click and create rule TriGeo Console Project Milestone v_0.1 ! James Woo disk usage or has to take info and plug info rule Last Modi ed: October 30, 2008 9:12 AM Power User Primary Persona virus alerts automatically windows time sync search alerts in Rule Builder? 29 savers rules in alpha order go through log les order is confusing USER RESEARCH SUMMARY backups succeeded CONSIDERATIONS to deal with would like to be able James is an IT administrator for an internal network of a 3000 employee corporation. He is services stopping? General unmanaged workstations** on call 24-7 and is responsible for maintaining a very complex, multi-tiered environment, Context Scenarios restart Tabs take up a lot of space. take action Tactics for gaining insight into an application through the eyes of ! Logs in to the console on/o line agents users can be achieved many ways. User interviews, observation, Navigation should be area- and task- lter tabs from high-profile servers to employee computers. based ! Reviews Network Activity round-table discussions. This research directly impacts the direction of the design and execution. Multiple windows should be brought ! Sets New Rules into the “central” portion of the 10 Being able to put his finger to the “pulse of the network”, maintain fine-grain control of application as much as possible As part of the TriGeo project, user interviews were conducted Primary tasks should be brought out traffic and maintain a high level of security is what James relies on. There are gigabits of over the phone to gain a general insight to usage patterns, pain points and usability. When progress is made incorporating of “hidden” contextual menus to be activity happening every hour that he must be able to respond to at a moments notice. more top-level this feedback, more focussed research is done to further re ne Eliminate redundancy in menus aspects of the application. There is a separation between menus When James logs in to the application he is able to maintain an overview of his network. and information Initial phone interviews were made, however E ectiveUI was Addition of a Dashboard (Ops Center) He knows the network inside and out and has customized his “workspace” to cater to the asked to halt further user analysis and focus on the direct feedback provided by primary stakeholders. Ability to customize in various ways most critical areas. Add methods of “progressive disclosure” allowing users to dive ! Marian Phillips Altogether, six people were interviewed and written notes were deeper. obtained accordingly. Based on the discussions with users and making an evaluation Consistency in work ows and interface elements Novice User Secondary Persona of the console, a number of target areas were identi ed for Ops Center improvement and consideration. Feedback from TriGeo also helped drive the focus on some of these areas. Ability to customize view and content Marian is IT support for a 200 employee company. She monitors the network, but also Ability to add pre-created “Portlets” or create unique ones helps with employee hardware and software. “Work Areas” Re ne results using a variety of criteria The first order of business for Marian is checking email, voice messages and the current In-context options for taking action on status of the network. She receives an email stating that employees are no longer allowed TriGeo Console Project Milestone v_0.1 areas of interest to browse YouTube.com. Last Modi ed: October 30, 2008 9:12 AM In-line re nement of data In addition to monitoring the network, Marian can perform a couple easy steps to creating Context Scenarios 8 a rule to block employees from browsing to YouTube.com. Sure, Marian can view every ! Logs in to the console EXPERIENCE MAP network activity, but her primary concern is respondingGlancesimmediate demands of ! to the at Dashboard enforcing company policies. ! Evaluates network “saves” The Experience Map acts as a diagram of the “ ow” of an application. It is important to hone in on this high-level framework of the application so a clear direction may be Context Scenarios established. This map helps the direction of wireframes without getting too far into the details. ! Demonstrates the application ! Drills into specific features The content of the Experience Map is based on user research, a current understanding of the application and methods of ! Clark McCarthy improving usability. As more information is gathered and Experience Map evolves until a direction has been established. Executive User Secondary Persona ! George Newstead Creating the Experience Map was an ongoing process that ran in tandem with wireframes and creating design compositions. TriGeo Executive Clark is CTO for a 3000 employee company and reports directly to board members. inconsistent overlap due to these areas Although there was some He likes to keep tabs on the companies networkproduct that being done in parallel, thinking around on the path to a to George is looking for a response and effectiveness to see and headed wireframes helped can be white labeled if TriGeo Console Project Milestone v_0.1 spending all that money on new servers is really paying off. tightenwith required functionality. vice versa. SaaS offering while delivered on time and areas of the Experience Map and Last Modi ed: October 30, 2008 9:12 AM Steve wants an easy-to-use dashboard that allows him to monitor just how great his of the TriGeo Console was generated In the end, a solid overview that acts as the foundation for additional development and user network is running. It also doesn’t hurt that he has high level information he can use is still work to be done and directly experience re nement. There Context Scenarios to get get praise from the boss. correlates to the Wireframes. ! Gives a demo WIREFRAMES : OPS CENTER ! Navigates through features ! Linda Deris TriGeo Employee Linda is focused on selling TriGeo offerings. She wants something easy to demo and TriGeo Console Project Milestone v_0.1 sell while successfully conveying the value, ease and power of the application. Last Modi ed: October 30, 2008 9:12 AM 20 WIREFRAMES : MONITOR TriGeo Console Project Milestone v_0.1 Last Modi ed: October 30, 2008 9:12 AM 28 WIREFRAMES : OPS CENTER 34 31 planning only gets you 20% of the way there
  • 90.
    ✓ avoid over-planning by valuing the PRODUCT over the PROCESS
  • 91.
    ✓ projects are unpredictablebecause: SCOPE = PRODUCT
  • 92.
    The Broken Analogy “Abridge is the sum of its parts. The pieces of metal and welds and everything else all add up to a single, static bridge. A software system is the behavior created by the dynamic interaction of its parts” EffectiveUI The art of building great experiences in software
  • 93.
    ✓ Things you wouldnever have to deal with when constructing a bridge:
  • 94.
    Can we movethe bridge 17 feet to the left? It’s only 17 feet, so that’s not a big deal, right?
  • 95.
    We aren’t veryhappy with how the bridge looks so far. Can you propose a change in the kind of materials you’re using to make it more attractive?
  • 96.
    Remember when youasked us whether the bridge would ever need to support vehicle traffic and not just pedestrian traffic, and we weren’t sure, so we just settled on the cheaper pedestrian version? Well, we were wrong. What can you do to make this work for our needs?
  • 97.
    We’ve hired anoffshore company to start building from the other side of the valley so we can cut the construction time in half. They’re making some improvements on your design, so please coordinate with them to make sure everything comes together ahead of schedule.
  • 98.
  • 99.
    Product Director Designer Developer Manager
  • 100.
    Product Director Designer Developer Manager
  • 101.
    define success and build consensus
  • 102.
    8 criteria forgood user experiences: ✓ provide valuable feedback ✓ behave with consistency ✓ behave in a familiar way ✓ be obvious and efficient ✓ be responsive and perform ✓ help people & businesses accomplish goals ✓ be brand consistent & elegant ✓ be progressive & trustworthy
  • 104.
  • 105.
  • 106.
    Context Scenarios Logs in to the console Monitors network feeds Sets advanced lters Establishes rules Receives an alert Drills down to problem area Discovers and attack Quarantines a ected area James Woo Context Scenarios Logs in to the console Power User Primary Persona Reviews Network Activity Sets New Rules James is an IT administrator for an internal network of a 3000 employee corporation. He is on call 24-7 and is responsible for maintaining a very complex, multi-tiered environment, from high-pro le servers to employee computers. Being able to put his nger to the “pulse of the network”, maintain ne-grain control of tra c and maintain a high level of security is what James relies on. There are gigabits of activity happening every hour that he must be able to respond to at a moments notice. Marian Phillips When James logs in to the application he is able to maintain an overview of his network. Novice User Secondary Persona He knows the network inside and out and has customized his “workspace” to cater to the Context Scenarios Logs in to the console most critical areas. Glances at Dashboard Marian is IT support for a 200 employee company. She monitors the network, but also Evaluates network “saves” helps with employee hardware and software. The rst order of business for Marian is checking email, voice messages and the current status of the network. She receives an email stating that employees are no longer allowed to browse YouTube.com. In addition to monitoring the network, Marian can perform a couple easy steps to creating a rule to block employees from browsing to YouTube.com. Sure, Marian can view every Clark McCarthy network activity, but her primary concern is responding to the immediate demands of enforcing company policies. Executive User Secondary Persona Context Scenarios Demonstrates the application Drills into speci c features Clark is CTO for a 3000 employee company and reports directly to board members. He likes to keep tabs on the companies network response and e ectiveness to see if spending all that money on new servers is really paying o . Steve wants an easy-to-use dashboard that allows him to monitor just how great his Newstead George network is running. It also doesn’t hurt that he has high level information he can use to get get praise from the boss. TriGeo Executive George is looking for a product that can be white labeled and headed on the path to a SaaS o ering while delivered on time and with required functionality. Context Scenarios Gives a demo Navigates through features Linda Deris TriGeo Employee Linda is focused on selling TriGeo o erings. She wants something easy to demo and sell while successfully conveying the value, ease and power of the application. user archetypes
  • 107.
    Gwen’s Customer Journey Gwen is moving her family of three. She knows she’s going to need phone and internet service. The affective and contextual factors that will affect Gwen’s choice in telecom vendors are price, her existing knowledge and previous experience. ? nt fro e. . up ? . . n od ns lo h. h ed ue as e. ? go ea is a rc fo uc t g . va dg va xp o k ight ea in n’t m th e. m i nc wle is . s ar h o ct ar e r ou le to be th do ce r uc s a no do ? ew t l go g. at e to vi m ay be y es in en ht m gu o ad p tim so ice tt ov h l g to yv n e w ab ni ice ie es ice e m er i e d ve rv n ee tio . ur be e v sa e dd em er M e go as ys er tim ha e’r s ed i yn es lla itt h u fin th se en to er ss W e. yb re io n ce th e eI ll m th t a lo ev ing ns lin ow cis m wi Pr em d ro e’s eI ’s a do vi t o ul co on p ed no t g e p n r re em us ho s I’v hy he he re d is w go e l yp m na ’m No I’ll It’s Ho ed e & Is Th Th el Th I us W t W W I’ll tio d tra wh ite xio ra us er xc pi An Fr Ov E As Thoughts & Feelings Calls to order service Emotional Emotion throughout journey Goes online and checks out different options Experience Emotion towards -------- Consults with influencer I can’t afford what I’m finding here. On hold for too long. Hanging up. Ends phone call Go back Go back Phases of the Journey Inquiry Comparison Purchase Installation Description Description Description Description The Inquiry phase consists of the reasons people are The potential customer comes in to the Comparison The Purchase phase involves the provider demanding Installation phase is the handoff from customer shopping around for new service. These are usually phase usually armed with the right info, tech jargon, quite a bit of personal info. The order flow tends to be service to the installer. There are usually scheduling related to moving and relocation, an upgrade to and is looking for lowest cost. They tend to be brand complex and the process can be all over map. There is conflicts between all parties involved. This phase can existing service, or hunting down new deals. Moving agnostic . If they can’t find the right price or the right a sense of delayed gratification - waiting on service usually be somewhat painful for the customer in is the biggest reason. services, they may leave and go back to inquiry. installation and activation. dealing with installer. Recommendations Recommendations Recommendations Recommendations Design homepages with separate targeted call-out Recommend using IP Location services to geo-locate Reduce amount of info required by streamlining and Many factors converge to make this phase of the areas lying above the fold tailored for residential customers - removing the current service address improving any areas that contain form fields using customer journey unpleasant. Providing accurate customers and tech-savvy customers. Internal product roadblock. Allowing users to configure services before industry best practices. Work on setting expectations arrival times, courteous technicians, and clear instruc- areas should include basic plain-english product adding them to the cart, and reflecting bundled price for installation phase with customer service reps on tion materials during Installation can help alleviate descriptions and large price points with a clear call to discounts in a clear and obvious manner. the phone to improve overall experience with your the negative experience inherent in this phase. Also, action. Tech-savvy bullet points should include brand. consider having leave behind customer comment keywords that summarize options and features cards so customers feel empowered to give feedback typically found in product datasheets. into the process. the customer journey
  • 108.
  • 109.
  • 110.
    Mood Board :Showcase Mood Board : Slate Mood Board : Dynamic mood boards
  • 111.
    ensure business, design &technology collaboration
  • 112.
    TriGeo Console ProjectMilestone v_0.1 Last Modi ed: October 30, 2008 9:12 AM EXPERIENCE MAP The Experience Map acts as a diagram of the “ ow” of an application. It is important to hone in on this high-level framework of the application so a clear direction may be established. This map helps the direction of wireframes without getting too far into the details. The content of the Experience Map is based on user research, a current understanding of the application and methods of improving usability. As more information is gathered and Experience Map evolves until a direction has been established. Creating the Experience Map was an ongoing process that ran in tandem with wireframes and creating design compositions. Although there was some inconsistent overlap due to these areas being done in parallel, thinking around wireframes helped to tighten areas of the Experience Map and vice versa. In the end, a solid overview of the TriGeo Console was generated that acts as the foundation for additional development and user experience re nement. There is still work to be done and directly correlates to the Wireframes. 20 experience maps
  • 113.
  • 114.
  • 115.
  • 116.
  • 117.
  • 118.
  • 119.
  • 120.
  • 121.
  • 122.
    Thank You Anthony Franco twitter.com/anthonyfranco President, EffectiveUI anthonyfranco.wordpress.com
  • 123.
    Anthony Franco President, Founder EffectiveUI anthonyfranco.wordpress.com twitter: anthonyfranco thank you