{"id":302063,"date":"2010-02-10T11:31:00","date_gmt":"2010-02-10T16:31:00","guid":{"rendered":"http:\/\/37signals.com\/svn\/posts\/2149-using-real-data-to-judge-a-design-is-crucial"},"modified":"2010-02-10T11:31:00","modified_gmt":"2010-02-10T16:31:00","slug":"using-real-data-to-judge-a-design-is-crucial","status":"publish","type":"post","link":"https:\/\/mereja.media\/index\/302063","title":{"rendered":"Using real data to judge a design is crucial"},"content":{"rendered":"<p>Yesterday&#8217;s post <a href=\"http:\/\/37signals.com\/svn\/posts\/2148-design-decisions-campfire-transcript-headings\">&#8220;Design Decisions: Campfire transcript headings&#8221;<\/a> explained how we arrived at this new header for each transcript day:<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/37assets\/svn\/369-transcript_new_full.png\" class=\"image\"><img decoding=\"async\" src=\"http:\/\/s3.amazonaws.com\/37assets\/svn\/370-transcript_new.png\" alt=\"New transcript design\" \/><\/a><\/p>\n<p>Several commenters disliked the black border:<\/p>\n<blockquote>\n<p>Wow. I like the update but it is almost impossible to read \u201cToday, February 9 in\u2026\u201d since the black border takes all the attention.<\/p>\n<\/blockquote>\n<blockquote>\n<p>+1, the huge, repeated back border takes all the attention and makes my eyes cry.<\/p>\n<\/blockquote>\n<blockquote>\n<p>I also find the thick black borders more distracting than useful in this situation. Maybe you should make them a little less thick or give them a less harder black color (gray)?<\/p>\n<\/blockquote>\n<p>Viewing the header in isolation, I understand their concerns. But I also see what our prez would call a &#8220;teachable moment.&#8221;<\/p>\n<p>See, this is where using real data to judge a design becomes so crucial. When you fake it or use lorem ipsum or just view a design in isolation, it&#8217;s easy to draw the wrong conclusions. That black bar <em>does<\/em> look very heavy in this context.<\/p>\n<p>But check it out once you start using real data:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/s3.amazonaws.com\/37assets\/svn\/cf_bars_long.png\" width=\"300\" height=\"818\" alt=\"cf_bars_long\" \/><\/p>\n<p>Totally different story now. Now the black bar doesn&#8217;t seem that heavy at all. In fact, it&#8217;s a great way to break up the data so you can see a new day has arrived in the transcript.<\/p>\n<p>Real designs come from real data. Anything else is an abstraction. And abstractions can be real tough to judge accurately.<\/p>\n<p><strong>Related:<\/strong> <a href=\"http:\/\/gettingreal.37signals.com\/ch11_Use_Real_Words.php\">Use Real Words: Insert actual text instead of lorem ipsum<\/a> [Getting Real]<\/p>\n<div class=\"feedflare\">\n<a href=\"http:\/\/feeds.feedburner.com\/~ff\/37signals\/beMH?a=5qJQrEzomIM:KRUl3mAqoaE:yIl2AUoC8zA\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/37signals\/beMH?d=yIl2AUoC8zA\" border=\"0\"><\/img><\/a> <a href=\"http:\/\/feeds.feedburner.com\/~ff\/37signals\/beMH?a=5qJQrEzomIM:KRUl3mAqoaE:7Q72WNTAKBA\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/37signals\/beMH?d=7Q72WNTAKBA\" border=\"0\"><\/img><\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Yesterday&#8217;s post &#8220;Design Decisions: Campfire transcript headings&#8221; explained how we arrived at this new header for each transcript day: Several commenters disliked the black border: Wow. I like the update but it is almost impossible to read \u201cToday, February 9 in\u2026\u201d since the black border takes all the attention. +1, the huge, repeated back border [&hellip;]<\/p>\n","protected":false},"author":7020,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-302063","post","type-post","status-publish","format-standard","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts\/302063","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/users\/7020"}],"replies":[{"embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/comments?post=302063"}],"version-history":[{"count":0,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts\/302063\/revisions"}],"wp:attachment":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/media?parent=302063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/categories?post=302063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/tags?post=302063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}