{"id":59,"date":"2014-10-07T10:37:36","date_gmt":"2014-10-07T14:37:36","guid":{"rendered":"https:\/\/mberlove.com\/blog\/?p=59"},"modified":"2014-10-08T11:18:35","modified_gmt":"2014-10-08T15:18:35","slug":"an-open-letter-to-online-services","status":"publish","type":"post","link":"https:\/\/mberlove.com\/blog\/an-open-letter-to-online-services\/","title":{"rendered":"An Open Letter to Online Services"},"content":{"rendered":"<div id=\"attachment_62\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/twitter.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-62\" class=\"size-large wp-image-62\" src=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/twitter-1024x502.png\" alt=\"Twitter: A nice, well-rounded landing page.\" width=\"590\" height=\"289\" srcset=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/twitter-1024x502.png 1024w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/twitter-300x147.png 300w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/twitter.png 1348w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><p id=\"caption-attachment-62\" class=\"wp-caption-text\">Nice, well-rounded landing page.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Dear [Generic Online Service],<\/p>\n<p>&nbsp;<\/p>\n<p>I value your existence.<\/p>\n<p>&nbsp;<\/p>\n<p>Without Dropbox, I wouldn&#8217;t have been able to print out that resume last-minute before my interview.<\/p>\n<p>Without Grooveshark, my hours spent coding would be much more tedious.<\/p>\n<p>Without Reddit, I would never be able to procrastinate effectively.<\/p>\n<p>I full well recognize the huge benefit of having these web-based services and hundreds of others in our daily lives. We take them for granted, but they provide us with a lifestyle of ease, help us connect and collaborate with others, and repair the damage done by our foibles.<\/p>\n<p>&nbsp;<\/p>\n<p>But I do have one complaint. It&#8217;s a minor, aesthetic gripe, but I think it&#8217;s important. In a small way, it reflects the way a service sees its consumer. Do you know what I&#8217;m getting at? I&#8217;m talking about the miniscule <strong>login button<\/strong>:<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_61\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/dropbox.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-61\" class=\"size-large wp-image-61\" src=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/dropbox-1024x500.png\" alt=\"Dropbox service's front page.\" width=\"590\" height=\"288\" srcset=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/dropbox-1024x500.png 1024w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/dropbox-300x146.png 300w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/dropbox.png 1349w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><p id=\"caption-attachment-61\" class=\"wp-caption-text\">I Like Big Buttons<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>Probably the smallest, most ignominious element on the page, many sites&#8217; landing pages seem designed almost intentionally to relegate it to a side-note.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_63\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/vimeo.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-63\" class=\"size-large wp-image-63\" src=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/vimeo-1024x459.png\" alt=\"I love Vimeo, but this is ridiculous.\" width=\"590\" height=\"264\" srcset=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/vimeo-1024x459.png 1024w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/vimeo-300x134.png 300w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/vimeo.png 1348w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><p id=\"caption-attachment-63\" class=\"wp-caption-text\">The login button switches the fields into a login form.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>You may think I&#8217;m beating on a rather fragile drum. I&#8217;m not trying to change the world here, and I don&#8217;t think small login buttons mean the Internet is about to explode. But I do think it&#8217;s important to recognize that a site&#8217;s design represents a company&#8217;s thought process.<\/p>\n<p>&nbsp;<\/p>\n<p>Companies hire or retain graphic designers to carefully craft their websites, and the end result can be beautiful. It&#8217;s doubtful that the choice of button size is arbitrary. Large or significantly striking visual elements connote the &#8220;focus&#8221; of the page. When that focus is shifted almost completely from welcoming old hands to acquiring fresh blood, it&#8217;s a clear sign that the company is willing to sacrifice some measure of comfort and simplicity to gain more appeal on first glance.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_66\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/10\/youtube.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-66\" class=\"wp-image-66 size-large\" src=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/10\/youtube-1024x41.png\" alt=\"YouTube Front Page\" width=\"590\" height=\"23\" srcset=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/10\/youtube-1024x41.png 1024w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/10\/youtube-300x12.png 300w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/10\/youtube.png 1350w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><p id=\"caption-attachment-66\" class=\"wp-caption-text\">Google&#8217;s multiple-site structure lets it neatly avoid the issue.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>Incidentally, <a href=\"http:\/\/ux.stackexchange.com\/questions\/55243\/why-are-log-in-buttons-becoming-hard-to-find\">I&#8217;m not the only one to wonder about this.<\/a> <a href=\"http:\/\/zurb.com\/forrst\/posts\/Why_do_designers_make_the_login_button_small-eX7\">In fact, it&#8217;s been talked about for a few years already.<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>The best answers as to why designers build pages this way include &#8220;well, at least the button is in the same place consistently across sites&#8221; &#8212; which it&#8217;s not &#8212; and &#8220;it&#8217;s more important to attract new clients. The old ones know where to look,&#8221; which to me, goes right back to my main point that once a service has you &#8212; and your information &#8212; in its grasp, it&#8217;s ready to move on to someone else.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_65\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/10\/facebook.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-65\" class=\"size-large wp-image-65\" src=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/10\/facebook-1024x592.png\" alt=\"Facebook's Front Page\" width=\"590\" height=\"341\" srcset=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/10\/facebook-1024x592.png 1024w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/10\/facebook-300x173.png 300w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/10\/facebook.png 1461w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><p id=\"caption-attachment-65\" class=\"wp-caption-text\">Facebook, however, has long held a middle ground.<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>If nothing else, it&#8217;s food for thought. I will leave you with one more example that I think strikes a nice balance &#8212; but of course, their business strategy demands high-rate returns, so where does that leave us? With more to ponder&#8230;.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_60\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/amazon.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-60\" class=\"size-large wp-image-60\" src=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/amazon-1024x502.png\" alt=\"Amazon Front Page\" width=\"590\" height=\"289\" srcset=\"https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/amazon-1024x502.png 1024w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/amazon-300x147.png 300w, https:\/\/mberlove.com\/blog\/wp-content\/uploads\/2014\/09\/amazon.png 1349w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><p id=\"caption-attachment-60\" class=\"wp-caption-text\">Well, I like pondering anyway.<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Dear [Generic Online Service], &nbsp; I value your existence. &nbsp; Without Dropbox, I wouldn&#8217;t have been able to print out that resume last-minute before my interview. Without Grooveshark, my hours spent coding would be much more tedious. Without [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,5],"tags":[9,105,10,6,11,7,106,4,8],"class_list":["post-59","post","type-post","status-publish","format-standard","hentry","category-internet","category-society","tag-design","tag-internet","tag-layout","tag-login","tag-services","tag-sign-in","tag-society","tag-technology","tag-web-design"],"_links":{"self":[{"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":7,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/posts\/59\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mberlove.com\/blog\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}