This document provides an overview of user experience (UX) design for software engineers. It discusses UX psychology and how people see, remember, and think. It also covers identifying users through personas, understanding user goals and business goals. The document explains user stories and examples. It then discusses wireframing as the blueprint for design, prototyping, visual design mockups, and principles for better software. It emphasizes that UX design focuses on the human-centered approach.

1. UXFor Software
Engineers
By Dakshika Jayathilaka
UX Team Lead, ATL

2. So hard to pour..
&%^$#@%&^
How was it?

3. Source: https://www.pinterest.com/pin/206743439118508195/

6. User eXperience Design(UXD)
Source: http://www.kickerstudio.com/2008/12/the-disciplines-of-user-experience/

8. UI
UX

11. But We’re all Human….. Developer
User
Designer
ManagerResearcher

12. Our Brains
work
in same way
and we share the
same capabilities
and limitations

13. UX Psychology

14. HOW PEOPLE SEE
o What you see isn’t what your brain gets

16. http://www.google.com/design/spec/style/icons.html#icons-system-icons

17. o People identify objects by recognizing patterns
you probably see four sets of two dots each rather
than eight individual dots

19. How people remember
o Short-term memory is limited
o People remember only four items at once
US phone no: 712-569-4532

21. How people think
o Use progressive disclosure. Show people what
they need when they need it

23. ● People scan screens based on past
experience and expectations
Source: http://www.graphics.com/article-old/how-people-see

24. ● People create mental models
● A mental model represents a person’s
thought process for how something works

26. It was really boring

27. User goals & Business
goals

28. Usergoals
Users always want something, because they are people, and people always
want something.
Businessgoals
Every organization has a reason for creating a site or app in the first place.
Typically it’s money, but it might be brand awareness, or getting new
members for a community, etc.
The real test of a UX designer is how well you can align
those goals so the business benefits when the user
reaches their goal.

29. Youtube
YouTube makes money via ads, and users want to find good videos. Therefore,
putting ads in the videos (or on the same page) makes sense. But more than that,
making it easy to search for videos and find similar videos will get users to watch
more, which makes YouTube more money.

30. Identifying
&
Understanding
Users

31. ● Before developing an application, you must identify your users and
determine their needs
● User experience goal : design role-based user interfaces
● Maintaining work context, showing the most important information
first, reducing clicks, streamlining processes etc.
● Applications consists of business functions, who associates with
business functions?
Whyidentifyuser?

32. Fictional characters : characters based on actual observed behaviors of real users
Howcanweidentifyusers?

33. A persona is a representation of a user, typically based off user research
and incorporating user goals, needs, and interests.
Introducingpersonas
Alan Cooper “Father of Visual Basic”

35. Okay,whatdoesapersonalooklike?

36. WhatArePersonasUsedFor?
● Defining a specific user's goals and needs
● Giving design teams a focus with a common understanding
● Identifying opportunities and product gaps to drive strategy
● Concentrating on designing for a manageable target who represents a larger group
● Replacing the need to canvass an entire user community, significantly reducing time and
cost needed to obtain user requirements
● Helping designers empathize with users to understand behaviors, motivations and
expectations

37. Withallthatinmind
Combine the strengths of written and verbal
communication, where possible supported by a
depiction (e.g. diagram, picture).
STORIES !

38. As a [user role] I want to [goal] so I can [reason]
E.g. As a registered user I want to log in so I can access
subscriber-only content
● Who [user role]
● What [goal]
● Why [reason]
Userstories...

39. Asampleuserstory:cardtype

40. Asampleuserstory:formtype

41. Wheredoesthisfit?

42. What is a Wireframe

43. Whatisawireframe?
Wireframes are the “blueprint for design.”
Low-fidelity
High-fidelity

44. o Structure - How will the pieces to be put together?
o Content – What will be displayed?
o Informational hierarchy – How is this information organized and
displayed?
o Functionality – How will this interface work?
o Behavior – How does it interact with the user? And how does it
behave?
Thingstoconsider

45. Tools&Technique
o Sketching
o Black & Whiteboarding
o Paper prototyping (Paper Cutouts)
o Stenciling
o Balsamiq/ Axure/ Pencil/ Adobe Experience Design CC

46. Goodresources
o studio.uxpin.com/patterns
o pttrns.com
o Wireframeshowcase.com
o ui-patterns.com/patterns

47. Wireframetesting

48. Rapidprototype

50. Visual Design(Mockup)

53. Tools&Technique
o Adobe Photoshop
o Brackets
o Sublime-Text
o Many more...

54. Principles for Better Software
1. Design from the outside in
2. Make time for research
3. Keep your hands off the keyboard
4. Try many things. Keep none of them
5. Test designs on people
6. When all else fails, code
7. Details - make or break it
Source:http://devproconnections.com/development/ux-manifesto-7-principles-better-software

56. Why for Software Engineers
o you are nothing like your target user
o We are developing software for humans
o technical skills help in getting up-to-speed on deeply technical
applications
o your job is not to optimize the developer’s productivity, but rather to
optimize the end-user experience

57. Everyone is a UX Engineer
Shift your mindset to focus on
Human-centered solutions

58. Q & A
?

59. Resources
o 100 Things Every Designer Needs to Know about
People - https://www.amazon.com/Things-Designer-People-Voices-Matter/dp/0321767535
o Emotional Design: Why We Love (or Hate) Everyday
Things - https://www.amazon.com/Emotional-Design-Love-Everyday-Things/dp/0465051367