Post on 22-Jan-2018
transcript
UX Beyond the UI
Joe Regan UX Developer/Designer
User Interfaceshttps://commons.wikimedia.org/wiki/File:Aldea_Digital_2013_01.jpg
Graphic Design
Usability
UX practices and activitieshttps://www.flickr.com/photos/gdsteam/20649386153
“Iinventedtheterm[UserExperience]becauseIthoughtHumanInterfaceandusabilityweretoonarrow:Iwantedtocoverallaspectsoftheperson'sexperiencewithasystem,includingindustrialdesign,graphics,theinterface,thephysicalinteraction,andthemanual.”
DonNorman(myemphasis)
http://adaptivepath.org/ideas/e000862/
What we’ll cover
•UIandUXactivitiesintheSDLC&applicationstack•Stackin-depth•Themes•Whyitmatters•Challenges•Approaches
UI and UX in the SDLC and
Application Stack
Highly detailed tech stack diagram
Certainly these have an effect
on UX
System components that aren’t the UI
and their effect on UX
Application code that’s not the UI
APIs and Services
Server-side
https://commons.wikimedia.org/wiki/File:Server-multiple.svg
Back end processes Databases
Associated systems
Your network and
infrastructure
https://en.wikipedia.org/wiki/Network_topology#/media/File:NetworkTopology-FullyConnected.png
Software your code depends onand its effect on UX
Frameworks and components
Third-party APIs or
platforms
Source:TechTargetNetwork
Platform and version support
“iOS first”
Themes we’re seeing
Performance
47% expect a web page to load in 2 seconds or less
40% will abandon a web page if it takes more than 3 seconds to load
Sources:Akamai,Econsultancy,ThinkwithGoogle
http://www.fastcodesign.com/3061519/evidence/the-ux-secret-that-will-ruin-apps-for-you
Behavior in low- or no connectivity
situations
Availability
Reliabilityhttps://pixabay.com/en/macro-focus-cogwheel-gear-engine-1452987/
Security
Nissan Leaf - unsecured API http://www.programmableweb.com/news/poor-api-security-leaves-nissan-leaf-vehicles-vulnerable-to-hackers/2016/02/25
Accuracy
Steam server caching https://eclecticlight.co/2015/12/27/unexpected-christmas-presents-how-steam-served-the-wrong-user-data/
Delivery
Bugs!https://commons.wikimedia.org/wiki/File:H96566k.jpg
http://www.nytimes.com/2016/01/14/fashion/nest-thermostat-glitch-battery-dies-software-freeze.html?_r=0
Why this matters
We are constantly interacting with software
It wasn’t always this wayhttps://commons.wikimedia.org/wiki/File:NASAComputerRoom7090.NARA.jpg
Howmanydifferentinteractionswithsoftwareisthat?
The average person looks at his or her phone 46 times every day.Deloitte 2015
Failures are more noticeable
Sources:TechCrunch,iMore,Reddit
Challenges
EMPATHYNot your usual UX presentation
slide
And now I have to worry about UX too?
Are you committed to quality?
Quality can lead to better user experiences
Qualitypractices
UnittestingCodereviews
Testautomationagileprocesses
ContinuousIntegrationContinuousDelivery
Craft
If your users care that your system will work tomorrow and the next day and six months from now and that it can be updated effectively and efficiently without stuff breaking all the time, then they care about good software design.
Josh Schultz (@veryfancy)
http://veryfancy.net/blog/users-care-about-software-design/
I think in reality developers, even experienced ones, tend to do a very poor job of defending our practices in terms that make sense to anyone else.
Chris Ammerman
http://www.whilenotdeadlearn.com/blog/2016/2/28/why-should-they-care
These practices lead to higher quality software
This can lead to better user
experiences
Approaches to improving UX
I’m not trying to get everyone to do my job for me
(honest!)
http://www.wikiart.org/en/norman-rockwell/tom-sawyer-whitewashing-the-fence
Plan and test for it
User Testing
Analytics
Involve the team in the UX process
Advocate for quality practices in other disciplines
UX isn’t just UI, wireframes and user research
Development quality in all aspects is key to user experience
UX is a team effort
DCComics“TheNewFrontier”byDarwynCooke
We have to make sure we are building the right things
and building them well
EMPATHYHere’s a better
slide
https://twitter.com/KentBeck/status/566255102067871744
Build for others as you would
have built for you
Thank youJoe Regan
Red Arrow Labs jregan@redarrowlabs.com
@jregan