8. 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
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.
12. To Analyze….
Figure out the content of the problem and how to tackle it
Get a better understand of the end users through user research and interviewing
Brainstorming ideas on the problem
Gathering requirements in terms everyone understands
What are the city’s demographics?
Are they appropriate for me to
bring my business there?
What incentives do they have for
Are there good networking or
community opportunities for
promoting my business?
Are there any senior programs for
me to participate in?
What doctors and hospitals are
Are there parks or places for me to
Where can I learn about the local
Are there any summer recreation
programs for my kids to participate in
when they’re older?
How safe is the city for my kids to play
What’s the diversity like of the
residents in the city?
Are there parks for my kids to play in?
Will they be safe there?
25. How These Help Developers
Assigning personas to screens helps us to make sure the functionality is designed
Sometimes, developers become empathetic with the personas, putting themselves in
the personas’ positions. This helps them to realize flows easier.
During brainstorming, break a project into features.
Use the features to help write the code and determine tests.
Write the features in English with gherkin.
Works on multiple platforms
Draw out your understanding of the problem and your
idea on how to solve it
32. Designing a solution
Things that need designing…
Tools that we can use as devs include…
40. Things to consider in development
We want as few clicks and as little thinking as possible
If everything is set up well, you can take a TDD approach.
Using the gherkin from the “gathering requirements” stage
Transition by writing a failing test for a feature
Then make the test pass with the appropriate code
Keep it simple and easy to use
Make sure what you create is working as expected in
order to solve the problem
42. Things to see in testing
Test to make sure the code is covering all the features – can be done in automated
Have users test and report issues – exploratory testing
Use focus groups to help test the app, and use heat maps and analytics to see how
people are using the app
51. Additional Tools and Methods in UX
52. Additional Resources
All About UX
UX for the masses - 25 great free UX tools
MSDN - Windows UX Design Principles
OS X Human Interface Guidelines
Mobile UX and Mobile UI guidelines: The 2014 Collection
UX is not UI
The Secret to Designing an Intuitive UX
More convenience for the user plus visually appealing
Mind map created with FreeMind
Image taken from: https://www.flickr.com/photos/guilhermekardel/4064824615/in/photolist-kUQ7DB-7cchK2-7WGuwA-9cHrbZ-75U2ij-2h5Qpv-cG5GsY-8FzoGX-8kVJTD-3e4dFT-faHtZH-a75Q9P-ow2G3n-efMq41-8C7F1p-4pz6mJ-jRi63g-efFxsp-jRjBD5-jRi6BH-7oHkRF-efFzRT-pDRiS-efFxSt-7neq9q-fDcwUw-65Mwk4-TiHJy-8TTmJ6-dW9WNe-7oHkQD-4CtMuU-dpqZno-faXKF5-7QGu1F-fqG5iB-ax5ctn-fbwyzM-ax5cwK-4KgyKU-4BgVV8-akHMWx-5kJWbG-5zQbCZ-cRZTg7-4RLswS-7d5PVK-5zUNxS-9Tm4L-faHu9M
Flowchart created in Dia; screenshot of DimSum
Flower ipsum generated at http://floweripsum.com/
Taken from: http://img.blogsolute.com/heatmap-.jpg