even more tools for the developer's ux toolbelt
TRANSCRIPT
Tools for the Developer’s UX Toolbelt
SARAH DUTKIEWICZ
CLEVELAND TECH EVENTS
CLEVELAND TECH CONSULTING, LLC
Background• Over 15 years in the field, as:
• Tech support & management• Desktop support• Database administration• Web server administration• Reporting• Web development• Iteration manager• Published technical author• Instructor / Adjunct instructor• Developer Mentor• Conference Organizer• Speaker• Blogger• Community advocate
• B.S. in Computer Science & Engineering Technology
While I can sketch…
#codemash2016 #uxjam
Note: Not a Graphics Designer!
Note: Really Not a Graphics Designer!
In our previous episode…
Check your egos
at the door
Look• UI
• Visually appealing
• Consistent
Feel• Emotions
• Beliefs
• Physically
• Psychologically
Usability• Functional
• Intuitive
• Predictable
Why should developers care?
• Without users, our software has no reason to exist.
• More happy users means better chance of getting them to recommend our software to others.
• While designers can make things look visually appealing, at the end of the day, if the functionality is awful, people will get frustrated and stop using a product.
Mind Maps
Site Maps
José
Business Owner
Irene
Older Resident
Sarah
Younger Resident
Pe
rs
on
as
Identifying Processes
Data Visualisation
Wireframes / Mockups
Gathering Requirements with Gherkin
Analytics
And in this episode…
Put yourself
in the users’ shoes
You’ve won the lottery!
Image source: http://figures.boundless.com/30386/full/3678747186_0bfb0d6a01_z.jpg
Your dog has died of dysentery.
Your dog has died of dysentery.
Your dog has died of dysentery.
Conveying the Right Message
• Not just words
• Also delivery, including…• Fonts
• Timing
• Medium
Documentation as part of UX
• Contextual Help
• Error Messaging
• Contextual Messaging
• Help Files
• Online Documentation
Contextual Help
When Contextual Help Goes Awry…
Useless errors
Actionable Errors
Ok… maybe too Actionable
Contextual Messaging
Now that we’ve used
these tools as we’ve gone
through these
cycles…
Where do we go from here?
Ask for feedback.
Give them options for
different feedback!
Demo: Michigan.gov study
• Windows 7 and higher• Capture clicks and steps taken• Add comments on what is expected
Customer Engagements
• Meet in-person
• Experience environment app is being used in
• Make note of environmental conditions not accounted for in the design
• Make note of processes not identified earlier
Any questions?