Design for users

I had a really great experience in the bathroom at Jardiniere restaurant.

The sink in the men’s room has a two handle faucet, meaning you have to turn on the hot and cold water separately to get your desired temperature.

Except I only turned on the hot water. With no cold water running, I washed my hands in water that was about as hot as I could stand, but not too hot. It was perfect.

So why is it that most bathrooms have the hot water turned up hotter than any human can bear? Because they can.

Whether you’re building a bathroom or building a software product, it’s easy to get caught designing based on the capabilties of your infrastructure, rather than designing for what the user actually wants.

Who cares what your database schema looks like. Who cares that you can add a million checkboxes and options to let users customize everything. Stop thinking about what your product can do, and start thinking about what your users wants.

5 comments

  1. Not sure this example is a perfect one, since hot water must have a minimal temperature to avoid bacterial infection such as salmonella. It is therefore recommended to have hot water at a least 60°C hot, which is really too hot for many humans.So the reason why most bathroom have the hot water hotter than any human can bear, is not only because they can, but also because they have to.

  2. <div dir="ltr"><b>at some hotel have run lines from the boil room and winter the get cold and caught  break in line if cold in them if not guest say the hotel,and where stay and close hot water tank if your closer it is very hot and if end end of of the rooms line your could be  warm or some  what colder. so take care for Tom Hakim 32.<br> </b><br></div>

  3. <html> <head> <style type="text/css"> html {-webkit-text-size-adjust:none;} body {background-color: #F4F4F4; padding:0; margin:0; width:100%; margin:0 auto;} *[class].tdwrap{display: inline-block !important;} *[class].vspacer{ margin-left: 50px; } *[class].responsive-50per{ width: 50% !important; } @media all and (max-width: 590px){ *[class].responsive{width:320px !important;} *[class].responsive-spacer table{width: 20px !important; } *[class].vspacer{ margin-top: 10px !important; margin-bottom: 15px !important; margin-left: 0 !important; } *[class].res-font16{font-size:16px !important;} *[class].res-font12{font-size:12px !important;} *[class].res-font18{font-size:18px !important;} *[class].res-font18 span{font-size: 18px !important;} *[class].responsive-50per{ width: 100% !important;} *[class].responsive-spacer70{ width: 70px !important; } *[class].hideIMG{ height: 0px !important; width: 0px !important; } *[class].res-width25{ width: 25px !important; }; *[class].res-padding{ width: 0 !important; } *[class].res-padding table{ width: 0 !important; } *[class].cellpadding-none{ width: 0px !important; } *[class].cellpadding-none table{ border: collapse !important; } *[class].cellpadding-none table td{ padding: 0 !important; } *[class].display-none{ display: none !important; } } @media only screen and (max-device-width: 480px) { p[class=anet-digest-activity], span[class=anet-digest-count], td[class=anet-digest-right-rail] { display:none; } } </style> </head> <body > <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;" width="100%" bgcolor="#F4F4F4"><tr><td align="center"> <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;" width="550"> <tr><td> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:10px;font-size:10px;line-height:10px;">&nbsp;</div></td></tr></table> </td></tr> <tr><td align="left"> <img src="http://www.linkedin.com/scds/common/u/img/logos/logo_emails_trans_98x24.png&quot; alt="LinkedIn" border="0" height="24" width="98"> </td></tr> <tr><td> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:10px;font-size:10px;line-height:10px;">&nbsp;</div></td></tr></table> </td></tr> </table> <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;border:solid 1px #DDDDDD;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;" bgcolor="#FFFFFF" width="550" class=""><tr><td colspan="3"><table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:15px;font-size:15px;line-height:15px;">&nbsp;</div></td></tr></table></td></tr><tr><td width="1%" class=""><table width="15" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:0px;font-size:0px;line-height:0px;">&nbsp;</div></td></tr></table></td><td width="98%" valign="top" align=""> <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;" width="100%"> <tr> <td align="left" style="font-family:Arial,sans-serif;font-size:12px"> <div style="text-align: left;"> <b style="font-size:16px;margin-right:12px"> From Tom Hakim </b> </div> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:6px;font-size:6px;line-height:6px;">&nbsp;</div></td></tr></table> <div style="color:#666666">Owner</div> <div style="color:#666666">Greater Los Angeles Area</div> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:16px;font-size:16px;line-height:16px;">&nbsp;</div></td></tr></table> </td> </tr> <tr> <td style="border:1px dotted #DDDDDD;border-width:1px 0"> <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;background:#F2FAFF;width:100%" > <tr><td colspan="3"><table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:4px;font-size:4px;line-height:4px;">&nbsp;</div></td></tr></table></td></tr> <tr> <td><table width="5" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:0px;font-size:0px;line-height:0px;">&nbsp;</div></td></tr></table></td> <td align="left" style="font-family:Arial,sans-serif;font-size:12px"> <p> I’d like to add you to my professional network on LinkedIn.<br/> <br/> – Tom </p> </td> <td><table width="5" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:0px;font-size:0px;line-height:0px;">&nbsp;</div></td></tr></table></td> </tr> <tr><td colspan="3"><table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:5px;font-size:5px;line-height:5px;">&nbsp;</div></td></tr></table></td></tr> </table> </td> </tr> <tr> <td align="left"> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:12px;font-size:12px;line-height:12px;">&nbsp;</div></td></tr></table> <table border="0" cellpadding="6" cellspacing="1" align=""><tr><td align="center" valign="middle" bgcolor="#FFE86C" background="http://www.linkedin.com/scds/common/u/img/bg/yellow_button_back.png&quot; style="background:url(http://www.linkedin.com/scds/common/u/img/bg/yellow_button_back.png) repeat-x scroll 100% 0 #FFE86C;background-color:#FFE86C;border:1px solid #E8B463;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;"><div style="padding-right:10px;padding-left:10px;"><a href="https://www.linkedin.com/e/2vlge3-h793r876-1l/isd/8700726741/DwnTEfxb/?hs=false&amp;tok=2dKRyfdTw8PRo1&quot; style="text-decoration:none;"><span style="font-size:12px;font-family:Arial;font-weight:bold;color:#333333;white-space:nowrap;display:block;"> Confirm that you know Tom </span></a></div></td></tr></table> </td> </tr> </table> </td><td width="1%" class=""><table width="15" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:0px;font-size:0px;line-height:0px;">&nbsp;</div></td></tr></table></td></tr><tr><td colspan="3"><table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:15px;font-size:15px;line-height:15px;">&nbsp;</div></td></tr></table></td></tr></table> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:5px;font-size:5px;line-height:5px;">&nbsp;</div></td></tr></table> <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;width:550px" > <tr> <td align="left" style="color:#999;font-family:Arial,sans-serif;font-size:11px;line-height:15px"> <div style="text-align: left;">You are receiving Invitation to Connect emails. <a href="http://www.linkedin.com/e/2vlge3-h793r876-1l/dXTqxopwR6AFdatdOx_k9ep8438OOuWLwcOvoxavgROFI5ddwEoBSw7/goo/comment-egevdGAbliFmstr%40posterous%2Ecom/20061/I2926459563_1/?hs=false&amp;tok=04oYNHqY08PRo1">Unsubscribe</a></div&gt; <div style="text-align: left; ">&copy; 2012, LinkedIn Corporation. 2029 Stierlin Ct. Mountain View, CA 94043, USA<table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:1px;font-size:1px;line-height:1px;">&nbsp;</div></td></tr></table></div> </td> </tr> </table> </td></tr></table> <img src="http://www.linkedin.com/emimp/2vlge3-h793r876-1l.gif&quot; style="width:1px; height:1px;"/></body> </html>

  4. <html> <head> <style type="text/css"> html {-webkit-text-size-adjust:none;} body {background-color: #F4F4F4; padding:0; margin:0; width:100%; margin:0 auto;} *[class].tdwrap{display: inline-block !important;} *[class].vspacer{ margin-left: 50px; } *[class].responsive-50per{ width: 50% !important; } @media all and (max-width: 590px){ *[class].responsive{width:320px !important;} *[class].responsive-spacer table{width: 20px !important; } *[class].vspacer{ margin-top: 10px !important; margin-bottom: 15px !important; margin-left: 0 !important; } *[class].res-font16{font-size:16px !important;} *[class].res-font12{font-size:12px !important;} *[class].res-font18{font-size:18px !important;} *[class].res-font18 span{font-size: 18px !important;} *[class].responsive-50per{ width: 100% !important;} *[class].responsive-spacer70{ width: 70px !important; } *[class].hideIMG{ height: 0px !important; width: 0px !important; } *[class].res-width25{ width: 25px !important; }; *[class].res-padding{ width: 0 !important; } *[class].res-padding table{ width: 0 !important; } *[class].cellpadding-none{ width: 0px !important; } *[class].cellpadding-none table{ border: collapse !important; } *[class].cellpadding-none table td{ padding: 0 !important; } *[class].display-none{ display: none !important; } } @media only screen and (max-device-width: 480px) { p[class=anet-digest-activity], span[class=anet-digest-count], td[class=anet-digest-right-rail] { display:none; } } </style> </head> <body > <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;" width="100%" bgcolor="#F4F4F4"><tr><td align="center"> <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;" width="550"> <tr><td> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:10px;font-size:10px;line-height:10px;">&nbsp;</div></td></tr></table> </td></tr> <tr><td align="left"> <img src="http://www.linkedin.com/scds/common/u/img/logos/logo_emails_trans_98x24.png&quot; alt="LinkedIn" border="0" height="24" width="98"> </td></tr> <tr><td> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:10px;font-size:10px;line-height:10px;">&nbsp;</div></td></tr></table> </td></tr> </table> <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;border:solid 1px #DDDDDD;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;" bgcolor="#FFFFFF" width="550" class=""><tr><td colspan="3"><table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:15px;font-size:15px;line-height:15px;">&nbsp;</div></td></tr></table></td></tr><tr><td width="1%" class=""><table width="15" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:0px;font-size:0px;line-height:0px;">&nbsp;</div></td></tr></table></td><td width="98%" valign="top" align=""> <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;" width="100%"> <tr> <td width="50" rowspan="3" valign="top"> <IMG alt="Tom Hakim" border="0" height="40" style="padding:5px" src="http://m3.licdn.com/media/p/2/000/1a0/3d5/2c1bc13.jpg&quot; width="40"> </td> <td rowspan="3"><table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:0px;font-size:0px;line-height:0px;">&nbsp;</div></td></tr></table></td> <td align="left" style="font-family:Arial,sans-serif;font-size:12px"> <div style="text-align: left;"> <b style="font-size:16px;margin-right:12px"> From Tom Hakim </b> </div> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:6px;font-size:6px;line-height:6px;">&nbsp;</div></td></tr></table> <div style="color:#666666">Owner</div> <div style="color:#666666">Greater Los Angeles Area</div> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:16px;font-size:16px;line-height:16px;">&nbsp;</div></td></tr></table> </td> </tr> <tr> <td style="border:1px dotted #DDDDDD;border-width:1px 0"> <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;background:#F2FAFF;width:100%" > <tr><td colspan="3"><table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:4px;font-size:4px;line-height:4px;">&nbsp;</div></td></tr></table></td></tr> <tr> <td><table width="5" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:0px;font-size:0px;line-height:0px;">&nbsp;</div></td></tr></table></td> <td align="left" style="font-family:Arial,sans-serif;font-size:12px"> <p> I’d like to add you to my professional network on LinkedIn.<br/> <br/> – Tom </p> </td> <td><table width="5" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:0px;font-size:0px;line-height:0px;">&nbsp;</div></td></tr></table></td> </tr> <tr><td colspan="3"><table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:5px;font-size:5px;line-height:5px;">&nbsp;</div></td></tr></table></td></tr> </table> </td> </tr> <tr> <td align="left"> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:12px;font-size:12px;line-height:12px;">&nbsp;</div></td></tr></table> <table border="0" cellpadding="6" cellspacing="1" align=""><tr><td align="center" valign="middle" bgcolor="#FFE86C" background="http://www.linkedin.com/scds/common/u/img/bg/yellow_button_back.png&quot; style="background:url(http://www.linkedin.com/scds/common/u/img/bg/yellow_button_back.png) repeat-x scroll 100% 0 #FFE86C;background-color:#FFE86C;border:1px solid #E8B463;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;"><div style="padding-right:10px;padding-left:10px;"><a href="https://www.linkedin.com/e/2vlge3-h795t6cy-2b/isd/8700726741/DwnTEfxb/?hs=false&amp;tok=16pcONNWt2PRo1&quot; style="text-decoration:none;"><span style="font-size:12px;font-family:Arial;font-weight:bold;color:#333333;white-space:nowrap;display:block;"> Confirm that you know Tom </span></a></div></td></tr></table> </td> </tr> </table> </td><td width="1%" class=""><table width="15" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:0px;font-size:0px;line-height:0px;">&nbsp;</div></td></tr></table></td></tr><tr><td colspan="3"><table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:15px;font-size:15px;line-height:15px;">&nbsp;</div></td></tr></table></td></tr></table> <table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:5px;font-size:5px;line-height:5px;">&nbsp;</div></td></tr></table> <table border="0" cellspacing="0" cellpadding="0" style="font-family:Arial;width:550px" > <tr> <td align="left" style="color:#999;font-family:Arial,sans-serif;font-size:11px;line-height:15px"> <div style="text-align: left;">You are receiving Invitation to Connect emails. <a href="http://www.linkedin.com/e/2vlge3-h795t6cy-2b/dXTqxopwR6AFdatdOx_k9ep8438OOuWLwcOvoxavgROFI5ddwEoBSw7/goo/comment-egevdGAbliFmstr%40posterous%2Ecom/20061/I2926920268_1/?hs=false&amp;tok=33vfYHXCB2PRo1">Unsubscribe</a></div&gt; <div style="text-align: left; ">&copy; 2012, LinkedIn Corporation. 2029 Stierlin Ct. Mountain View, CA 94043, USA<table width="1" border="0" cellspacing="0" cellpadding="0"><tr><td><div style="height:1px;font-size:1px;line-height:1px;">&nbsp;</div></td></tr></table></div> </td> </tr> </table> </td></tr></table> <img src="http://www.linkedin.com/emimp/2vlge3-h795t6cy-2b.gif&quot; style="width:1px; height:1px;"/></body> </html>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s