user experience for software engineers
TRANSCRIPT
UXFor Software
Engineers
By Dakshika JayathilakaUX Team Lead, ATL
Source: https://www.pinterest.com/pin/206743439118508195/
User eXperience Design(UXD)
Source: http://www.kickerstudio.com/2008/12/the-disciplines-of-user-experience/
UI
UX
But We’re all Human….. Developer
UserDesigner
ManagerResearcher
Our Brains work
in same way
and we share the same capabilities and limitations
UX Psychology
HOW PEOPLE SEE
o What you see isn’t what your brain gets
http://www.google.com/design/spec/style/icons.html#icons-system-icons
o People identify objects by recognizing patterns
you probably see four sets of two dots each rather than eight individual dots
How people remember
o Short-term memory is limited
o People remember only four items at once
US phone no: 712-569-4532
How people think
o Use progressive disclosure. Show people what they need when they need it
● People scan screens based on past experience and expectations
Source: http://www.graphics.com/article-old/how-people-see
● People create mental models
● A mental model represents a person’s thought process for how something works
It was really boring
User goals & Business goals
User goalsUsers always want something, because they are people, and people always want something.
Business goalsEvery 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.
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.
Identifying &
Understanding Users
● 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?
Why identify user?
Fictional characters : characters based on actual observed behaviors of real users
How can we identify users?
A persona is a representation of a user, typically based off user research
and incorporating user goals, needs, and interests.
Introducing personas
Alan Cooper “Father of Visual Basic”
Okay, what does a persona look like?
Source: https://xtensio.com/user-persona/
What Are Personas Used For?● 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
With all that in mind
Combine the strengths of written and verbal
communication, where possible supported by a
depiction (e.g. diagram, picture).
STORIES !
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]
User stories...
A sample user story : card type
A sample user story : form type
Where does this fit?
What is a Wireframe
What is a wireframe?
Wireframes are the “blueprint for design.”
Low-fidelity High-fidelity
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?
Things to consider
Tools & Technique
o Sketching
o Black & Whiteboarding
o Paper prototyping (Paper Cutouts)
o Stenciling
o Balsamiq/ Axure/ Pencil/ Adobe Experience Design CC
Good resources
o studio.uxpin.com/patterns
o pttrns.com
o Wireframeshowcase.com
o ui-patterns.com/patterns
Wireframe testing
Rapid prototype
Visual Design(Mockup)
Tools & Technique
o Adobe Photoshop
o Brackets
o Sublime-Text
o Many more...
Principles for Better Software
1. Design from the outside in2. Make time for research3. Keep your hands off the keyboard4. Try many things. Keep none of them5. Test designs on people6. When all else fails, code7. Details - make or break it
Source:http://devproconnections.com/development/ux-manifesto-7-principles-better-software
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
Everyone is a UX Engineer
Shift your mindset to focus onHuman-centered solutions
Q & A?
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