with great power comes great (development) responsibility

52
SALLY JENKINSON · @sjenkinson · From the Front · 18th September 2014 With great power comes great (development ) responsibility

Upload: sally-jenkinson

Post on 01-Nov-2014

4.508 views

Category:

Software


1 download

DESCRIPTION

Developers are often seem as mere implementors, when the reality is that their choices can have a huge impact on the overall success of projects - for good, or for bad. A user-centric design process is common in most projects, but in this talk we’ll cover how viewing usability and responsibility as part of development decisions is equally as important. We’ll travel through time from the beginning of the digital age, observing how a focus on users (or lack of) has helped to make or break the success of ideas. We’ll also consider how other industries apply similar principles, and how we can learn from them, finishing with some tips to apply to our builds.

TRANSCRIPT

Page 1: With great power comes great (development) responsibility

SALLY JENKINSON · @sjenkinson · From the Front · 18th September 2014

With great power comesgreat (development) responsibility

Page 2: With great power comes great (development) responsibility

Hello!SALLY JENKINSON

@sjenkinson [email protected] www.recordssoundthesame.com

Page 3: With great power comes great (development) responsibility

THE three laws

Page 4: With great power comes great (development) responsibility

2. A robot must obey the orders given to it by human beings, except where such orders would conflict with the First Law.

3. A robot must protect its own existence as long as such protection does not conflict with the First or Second Law.

1. A robot may not injure a human being or, through inaction, allow a human being to come to harm.

Three Laws of Robotics

Page 5: With great power comes great (development) responsibility

?

Page 6: With great power comes great (development) responsibility

1. technology is experiences

Page 7: With great power comes great (development) responsibility
Page 8: With great power comes great (development) responsibility
Page 9: With great power comes great (development) responsibility
Page 10: With great power comes great (development) responsibility

technology

experiences

Page 11: With great power comes great (development) responsibility

“We don’t have a UX Team. If the problem

with your service is that the servers are slow

and the UX Team can’t change that, then

they aren’t in control of the user experience

and they shouldn’t be called the user

experience team.”

https://gds.blog.gov.uk/2014/07/18/whats-the-design-process-at-gds/

Page 12: With great power comes great (development) responsibility

User experience is affected

by our implementations. 

User experience isnot just visual

Page 13: With great power comes great (development) responsibility

of online shoppers cite checkout speed as the

number one factor that determines whether

or not they will return to a site.

http://blog.radware.com/applicationdelivery/applicationaccelerationoptimization/2014/01/55-web-performance-stats-youll-want-to-know/

46%

Page 14: With great power comes great (development) responsibility
Page 15: With great power comes great (development) responsibility

FRONT-end performance

Page 16: With great power comes great (development) responsibility

test your experiences

Page 17: With great power comes great (development) responsibility

evolve your thinking

Page 18: With great power comes great (development) responsibility

Modified from http://commons.wikimedia.org/wiki/File:Human_evolution.svg. Devices from icomoon.io

Page 19: With great power comes great (development) responsibility

2. be MORE responsive

Page 20: With great power comes great (development) responsibility

fluid grid+

flexible images+

media queries

Page 21: With great power comes great (development) responsibility

Size isn’t everything(RWD > media queries > widths)

dev.w3.org/csswg/mediaqueries4/

Ambient Light API

Page 22: With great power comes great (development) responsibility

dev.w3.org/csswg/mediaqueries4/

Scripting

pointer

hover

light-level

“used to query whether scripting languages, such as JavaScript, are supported on the

current document”

“used to query about the presence and accuracy of a pointing device such as a mouse”

“used to query the user’s ability to hover over elements on the page”

Page 23: With great power comes great (development) responsibility

+ + API

Page 24: With great power comes great (development) responsibility

DeviceLightEvent = ? lux

LightLevelEvent = dim | normal | bright

(Approximate levels of dim: < 50 lux, normal: 50 - 10000 lux, bright: > 10000 lux)

www.w3.org/TR/ambient-light/

Media query translation: washed

Page 25: With great power comes great (development) responsibility

sallyjenkinson.co.uk/blog/2014/05/18/light-level-demo/

Page 26: With great power comes great (development) responsibility

Invisible requirements

Page 27: With great power comes great (development) responsibility

offlinefirst.org

Page 28: With great power comes great (development) responsibility
Page 29: With great power comes great (development) responsibility

Page 30: With great power comes great (development) responsibility

Texas State Archives - https://www.flickr.com/photos/texasstatearchives/9079476324/in/set-72157634196756057, D-Tailor - http://d-tailor.deviantart.com/art/Howl-s-Moving-Castle-80916550

Responsive architecture

Page 31: With great power comes great (development) responsibility

Kenny Stoltz -https://www.flickr.com/photos/42901313@N00/226740290/

Page 32: With great power comes great (development) responsibility

Shelley Bernstein -https://www.flickr.com/photos/31484272@N00/7044075263/

Page 33: With great power comes great (development) responsibility

http://www.gehealthcare.com/promo/advseries/

Page 34: With great power comes great (development) responsibility

More than media queries

Page 35: With great power comes great (development) responsibility

BUT Wait!

Page 36: With great power comes great (development) responsibility

http://huffduffer.com/adactio/167838

Page 37: With great power comes great (development) responsibility

Page 38: With great power comes great (development) responsibility

3. BE responsive RESPONSIBLE

Page 39: With great power comes great (development) responsibility
Page 40: With great power comes great (development) responsibility

Narcissistic web design

Page 41: With great power comes great (development) responsibility
Page 42: With great power comes great (development) responsibility

RESPONSIBLE WEB DESIGN

Page 43: With great power comes great (development) responsibility
Page 44: With great power comes great (development) responsibility
Page 45: With great power comes great (development) responsibility

“A Dark Pattern is a type of user interface that appears to have been carefully crafted

to trick users into doing things, such as buying insurance with their purchase or

signing up for recurring bills.”

- darkpatterns.org

Page 46: With great power comes great (development) responsibility

2. A robot must obey the orders given to it by human beings, except where such orders would conflict with the First Law.

3. A robot must protect its own existence as long as such protection does not conflict with the First or Second Law.

1. A robot may not injure a human being or, through inaction, allow a human being to come to harm.

Three Laws of Robotics

Page 47: With great power comes great (development) responsibility

Change is hard (but it’s also good)

Page 48: With great power comes great (development) responsibility

http://clientsfromhell.net/post/68277799025/i-have-a-champagne-taste-on-a-beer-budget

“I have a champagne taste on a beer budget.”

- Clients From Hell, 2013

Page 49: With great power comes great (development) responsibility

- Batman, 2005

“ It’s not who I am underneath, but what I do that defines me. ”

Page 50: With great power comes great (development) responsibility

I Can Make - @icanmakehq

Page 51: With great power comes great (development) responsibility

1. technology IS experiences

2. be more responsive

3. BE responsive RESPONSIBLE

Page 52: With great power comes great (development) responsibility

Thank youSally Jenkinson

www.recordssoundthesame.com

[email protected] · @sjenkinson