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