Building Resilient User Experiences

Resilient User Experiences Mike Brittain DIRECTOR OF ENGINEERING, ETSY @mikebrittain

Interfaces and user experiences that adapt to technical and architectural failure

/** * Creates a database connection. */public function __construct($host, $user, $pass, $db) { parent::__construct($host, $user, $pass, $db); if (mysqli_connect_error()) { throw new DBConnection_Exception( sprintf("Error: %s, %s", mysqli_connect_errno(), mysqli_connect_error())); }}

try { $conn = new DBConnection(viewsdb.host, db_read_user, ssssshh!, views_db);} catch (DBConnection_Exception $e) { // TODO: Someone should figure out what to do if // we cant connect to the views db. throw $e;}

Critical path

Every back-end service is an opportunity for failure.

1 4 9 5 6 8 2 3 10 4 11 7 14 7 13 12

Are you showing your visitors the door?

< 400 ms

Non-blocking Ajax

Google Calendar Google Docs

“Oops, we aren’t able to access click metrics right now, do not worry — your data is safe.”

Product design doesn’t stop at 100% availability.

Dev Ops Product

1 4 9 5 6 8 2 3 10 4 11 7 14 7 13 12

Operability reviews and post-mortems

Operational MindsetDev Ops Product

Operational MindsetDev Ops Product Business Priorities

page views for error template

This is hard

... but the beneﬁts are great.

Flickr: striatic http://www.flickr.com/photos/34427466731@N01/2192192956/ Flickr: roboppyPHOTO CREDITS http://www.flickr.com/photos/51035735481@N01/163374138/ Flickr: jamesjyu http://www.flickr.com/photos/32593095@N00/3465022/ Flickr: circulating http://www.flickr.com/photos/26835318@N00/2318226026/

http://www.mikebrittain.com	916
http://lanyrd.com	23
http://www.linkedin.com	5
http://localhost	2
http://tweetedtimes.com	2
http://coderwall.com	2
http://131.253.14.250	1
https://si0.twimg.com	1

Building Resilient User Experiences

by Mike Brittain on Jun 26, 2012

Accessibility

Categories

Upload Details

Usage Rights

8 Embeds 952

Statistics

Building Resilient User Experiences Presentation Transcript