A presentation on using requirements as the foundation for design with a framework on what to do. If you would like for me to give this talk to you or your stakeholders, please feel free to get in touch with me via LinkedIn: Bergen Larsen

1. Creating an unforgettable user experience
UNDERSTANDING AND DESIGNING FOR REQUIREMENTS – BERGEN LARSEN

2. 2
What to expect
WHO ARE ‘USERS’
1. What do they want?
2. What are their priorities?
3. How do you translate that into requirements?
4. UI’s are not just skin deep
5. UI toolbox
6. Anatomy of a UI
7. Some witty comments
8. Q&A
9. Go forth and conquer!

3. 3
Who are “Users”

4. 4
Who are “Users”?
Internal
§ Call centre
§ Nurses
§ Claims
§ New business
§ Underwriting
§ Operations
§ Finance
§ …etc..
External
§ Potential clients
§ Clients
§ Brokers

5. 5
What do they want?

6. 6
What do they want?
THEY WANT TO…
Make a sale!
Take bloods
Capture medical information
Assess a claim
Review underwriting information
Capture a broker change
Balance the books
Find out how much their life insurance premium is
Take out a new policy
Add an engagement ring to their short term policy
Find out about their MSA

7. 7
Empathise with your users

8. 8
Empathise with your users…

9. 9
Your users

10. 10
Your users
ARE REAL PEOPLE IN REAL SITUATIONS

11. 11
What are their priorities?

12. 12
What are their priorities?
User priorities include
§ Helping clients
§ Accessing information to
make a decision
§ Closing a sale to earn
commission
§ Updating policy information
§ Submitting a claim
§ Getting their job done!
User priorities DO NOT include
§ Looking for information
§ Wondering what the button does
§ Figuring out what to do next
§ Interpreting error messages
§ Mental gymnastics!

13. 13
Translate user needs into requirements

14. 14
Translate user needs into requirements
Step back and take
a look at the big
picture
Understand the problem
1) Solving the problem isn’t solving a single symptom
2) What happens before the problem
3) What happens after the problem If necessary go beyond the “5 Whys”
Understand the
scenarios
Understand the end
to end process
Understand the
end goal
Remove the
clutter
Solve the
problem at
least twice

15. 15
UI’s are not skin deep

16. 16
UI’s are not skin deep
Technological environment
§ Web
§ Windows 8
§ Mobile: iOS; Android; Win 8
Physical environment
§ Users physical constraints
§ Digitize, automate, SIMPLIFY!
§ Psychology
– Help me understand
– Guide me
– Reduce complexity
– “Don’t make me think!”

17. 17
UI Toolbox

18. 18
UI Toolbox
Content presentations
Cards, tables, layered text, images,
animations, sounds
“White space”
Input
Forms, buttons, menus, maps,
location, movement, voice
Output
Modal windows, pop ups, new
screens, audio, tactile

19. 19
Interacting with the user

20. 20
Interacting with the user
Expectations Messages
§ Notifications
§ Alerts
§ Dialogues
Getting attention!
Feedback for input
§ Audio
§ Visual
§ Touch
The virtual keyboard Animations and
transitions

21. 21
Interacting with the user

22. 22
No really… Interact with your users
Get to know them What are their
motivators
§ Notifications
§ Alerts
§ Dialogues
What are their pain
points
Watch them Hold conversations
with them
Understand them

23. 23
Managing expectation

24. 24
Managing expectations

25. 25
Information architecture

26. 26
Information architecture
Layout hierarchies Navigation principles Semantic zoom

27. 27
Pro-tips

28. 28
Pro-tips
5%
of amazing UI design it
removing the complexity
90%
of amazing UI design is nailing
the requirements in context of
your users within their operating
environments
5%
of amazing UI design is making
it intuitive
Users are more likely to adopt a buggy system with an aesthetically pleasing interface than a flawless system
with an interface that makes them cringe
Don’t make your users think.

29. 29
Q&A
§ …?