{"id":660355,"date":"2010-02-10T11:31:00","date_gmt":"2010-02-10T16:31:00","guid":{"rendered":"http:\/\/37signals.com\/svn\/posts\/2149-use-real-content-to-judge-a-design"},"modified":"2010-02-10T11:31:00","modified_gmt":"2010-02-10T16:31:00","slug":"use-real-content-to-judge-a-design","status":"publish","type":"post","link":"https:\/\/mereja.com\/index\/660355","title":{"rendered":"Use real content to judge a design"},"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=\"https:\/\/i0.wp.com\/s3.amazonaws.com\/37assets\/svn\/369-transcript_new_full.png\" class=\"image\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/s3.amazonaws.com\/37assets\/svn\/370-transcript_new.png?w=780\" 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 content 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 info:<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/s3.amazonaws.com\/37assets\/svn\/cf_bars_long.png?resize=300%2C818\" 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 content. 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=3ktIGziWYdw:h3JrSZzH81o: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=3ktIGziWYdw:h3JrSZzH81o: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":784,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4821],"tags":[],"class_list":["post-660355","post","type-post","status-publish","format-standard","hentry","category-news"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p9NivD-2LMT","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/posts\/660355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/users\/784"}],"replies":[{"embeddable":true,"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/comments?post=660355"}],"version-history":[{"count":0,"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/posts\/660355\/revisions"}],"wp:attachment":[{"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/media?parent=660355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/categories?post=660355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mereja.com\/index\/wp-json\/wp\/v2\/tags?post=660355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}