{"id":1716,"date":"2016-05-17T11:56:01","date_gmt":"2016-05-17T10:56:01","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=1716"},"modified":"2020-08-25T16:49:00","modified_gmt":"2020-08-25T15:49:00","slug":"readability-is-accessibility","status":"publish","type":"post","link":"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/","title":{"rendered":"Readability is accessibility"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When I think about what it means to know, I find myself going back to language, to words. I wonder, for example, when I\u2019m looking at a website, how do I learn about it in order for me to use it? I don\u2019t believe the senses are enough to really understand what\u2019s going on - we\u2019re just simply aware that things are happening. What the written word does is inform us on what something is <em>about<\/em>, to give identities to things.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If we think about it, the majority of the web is still typebased. It\u2019s never enough for a website to just look pretty. Designing for the web means we have to think about the content that will be on there and the information we want to communicate. If we want to be better communicators, we must be better writers.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Writing is deeply connected to design. Writing is thinking, and we should all learn how to think. When it comes down to it, all work should be about solving problems for people first before we start thinking about colour codes and typefaces etc,. Writing before designing cultivates brainstorming, reflection, the maturing of an idea. Jonas Downey, product designer at <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/basecamp.com\/\">Basecamp<\/a>, praises the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/signalvnoise.com\/posts\/3801-writing-first-design\">writing-first<\/a>\u00a0approach to design:<\/p>\n<section class=\"pageWrap pageWrap--s position-relative marginBottom-l paddingLeft-l paddingTopBottom-xs fontWeight-3 c-slate lineHeight-l fontSize-l breakPointM-lineHeight-xl breakPointM-fontSize-xl\">\"A quick way to measure a designer's maturity is to watch what they do at the beginning of a project. Inexperienced designers are often smitten by the allure of new tools and quick results, so they'll jump into Photoshop or Sketch and start messing with layouts and style explorations. Seasoned designers know this can be distracting, so they might start by doing research or drawing in a paper sketchbook instead.\"<span class=\"posPinTL bg-marvel borderRadius-s\" style=\"width: 3px; bottom: 0\"><\/span><\/section>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Before design can happen, the idea must be explored and developed. Eric Karjuluoto, founding partner at <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.smashlab.com\/\">smashLAB<\/a>, notices that \u201ca whole generation of designers compromises the strength of their ideas by jumping to a computer too quickly.\u201d \u201cDesign\" he asserts, \"<a class=\"link link--blue fontWeight-4\"href=\"http:\/\/creativelatitude.com\/articles\/article_200604_eric.html\">is not solely visual<\/a>. Those who believe it is make an unconscious decision to confine themselves solely to the craft. This limits these individuals from growing and taking on more complex and broad challenges.\"<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It\u2019s always interesting to ask someone how they define their work, because it determines the process of how they work, which in turn determines their goal. Job titles can restrict us in that way because everything is seen through a lens. If we neglect words we tend to neglect the message. And when there\u2019s no message, there\u2019s no impact.<\/p>\n<div id='gallery-1' class='gallery galleryid-1716 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"865\" src=\"https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2016\/05\/sc000c32bb.jpg\" class=\"attachment-full size-full\" alt=\"read\" aria-describedby=\"gallery-1-1718\" srcset=\"https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2016\/05\/sc000c32bb.jpg 1600w, https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2016\/05\/sc000c32bb-600x324.jpg 600w, https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2016\/05\/sc000c32bb-768x415.jpg 768w, https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2016\/05\/sc000c32bb-1500x811.jpg 1500w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-1718'>\n\t\t\t\tWatching Words Move by Ivan Chermayeff and Tom Geismar\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Writing can help us to be more self-aware, to take into consideration the tension of things around us, to understand the views of others. A lot of us fear we can\u2019t write, but it\u2019s not so much about being able to write well (there is no pressure to be the next Tolstoy), than it is about having a conversation with ourselves first.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">There's actually a lot of similarities between design and writing. The process of placing one word after the other is like the process of placing one line after the other. There are grammar and guidelines to which they both adhere. Designers and writers are also natural observers, questioning why people do the things they do, why things are the way they are, and how they can be improved. It's no surprise, then, that both craft share the characteristic of empathy. Designers care about how users interact with visuals. Writers care about how readers interact with words. When joined, design and writing are like a (sensitive) powerhouse couple.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In the context of branding, copywriting is design\u2019s partner. \u201cDesigners and copywriters do not hold mutually exclusive roles\u201d writes Gemma Church for <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.creativebloq.com\/ux\/why-words-are-design-issue-91516852\">Creative Bloq<\/a>. <em>Lorem Ipsum<\/em> isn\u2019t enough anymore, and never really was. Form without substance is just make-up without the human smile behind it. People who get content understands context and that\u2019s where copywriting comes in. Thinking about copy early is \u201cintrinsically linked with information architecture\u201d she adds, and \u201ckey messages determine how users should flow through the website.\u201d<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Copywriting is <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/gettingreal.37signals.com\/ch09_Copywriting_is_Interface_Design.php\">interface design<\/a>. In their book <em>Getting Real<\/em>, the founders of Basecamp assert that \"great interfaces are written:\"<\/p>\n<blockquote class=\"pageWrap pageWrap--s position-relative marginTopBottom-l breakPointM-marginTopBottom-xl\"><div class=\"blog-quote-before position-absolute bg-marvel\"><\/div><div class=\"tweet-quote blog-quote-after position-absolute bg-marvel cursor-pointer transitionDuration-l transitionProperty-all transitionTimingFunction-cv-easeOutCircular scaleUp--hover zi-weak\"><svg class=\"fill-white opacity-0 pointerEvents-none position-absolute pinCenter transitionProperty-all transitionTimingFunction-easeInOut\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\"><path d=\"M24,2.37a9.64,9.64,0,0,1-2.83.79A5,5,0,0,0,23.34.37a9.72,9.72,0,0,1-3.13,1.23A4.86,4.86,0,0,0,16.62,0a5,5,0,0,0-4.8,6.2A13.87,13.87,0,0,1,1.67.92,5.13,5.13,0,0,0,3.19,7.67,4.81,4.81,0,0,1,1,7a5,5,0,0,0,3.95,5,4.82,4.82,0,0,1-2.22.09,4.94,4.94,0,0,0,4.6,3.51A9.72,9.72,0,0,1,0,17.73,13.69,13.69,0,0,0,7.55,20c9.14,0,14.31-7.92,14-15A10.17,10.17,0,0,0,24,2.37Z\"\/><\/svg><\/div><p class=\"blog-quote position-relative textAlign-center c-marvel\"><span class=\"blog-quote-text transitionDuration-l transitionProperty-all transitionTimingFunction-easeInOut\">\"If you think every pixel, every icon, every typeface matters, then you also need to believe every letter matters.\"<\/p><\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The words we choose, the order they\u2019re placed in, the typeface they\u2019re cloaked in, will determine how effective that message is. For anyone visiting a website, visual and text communication ultimately falls into one browsing experience so it\u2019s important to make sure both writing and design work together to strive for clarity, engagement and meaning.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Don Norman, designer and author of the popular book <em>The Design of Everyday Things<\/em>, says that design is the communication between objects and users. Products are optimised around how users interact and experience the product. But it\u2019s his other book, <em>Turn Signals Are the Facial Expressions of Automobiles<\/em>, that I want to reference. There\u2019s a chapter in it called <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.jnd.org\/TurnSignals\/TS-WritingAsDesign.html\">\u201cWriting as Design, Design as Writing\u201d<\/a>, in which he touches on the importance of considering the audience and keeping the message clear:<\/p>\n<section class=\"pageWrap pageWrap--s position-relative marginBottom-l paddingLeft-l paddingTopBottom-xs fontWeight-3 c-slate lineHeight-l fontSize-l breakPointM-lineHeight-xl breakPointM-fontSize-xl\">\u201cWhat I find most peculiar about this business of writing and design is that these activities are presumably done for the benefit of others, so shouldn\u2019t the needs and abilities of those others be considered? A good writer and a good designer share many things in common. They need to understand the needs and abilities of their audience, and they must consider just how the product will be used.\u201d<span class=\"posPinTL bg-marvel borderRadius-s\" style=\"width: 3px; bottom: 0\"><\/span><\/section>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This book was born out of a discontent after observing how people struggled to interact with badly designed technology with no regard to the needs of people. Powerpoint, for example, is more of a barrier towards great communication than it is service. Powerpoint makes everything too available, which means we'll inevitably make messy slides that others won't get. It encourages us to add too much: bullet points, charts, slides, without informing us on a better way to do it. The struggle is actually real; because if we\u2019re depending on these signals to help us through life, we need to understand what they\u2019re about.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It takes a lot of hard work to make things easy for people to understand. <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.theverge.com\/2012\/7\/24\/3177332\/ia-oliver-reichenstein-writer-interview-good-design-is-invisible\">Good design is invisible<\/a>. <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.helpscout.net\/blog\/damn-hard-writing\/\">Easy reading is damn hard writing<\/a>. The writer Kurt Vonnegut was often criticised for his easy-to-read writing - people called him lazy and stupid - both of which were far from the truth. Good writing for Vonnegut was about being revealing, present, and getting right to the heart of the matter. They say simple writing reflects a simple mind, but it\u2019s more so a mind that thinks <em>clearly.<\/em><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If the intention is for users to interact with what's in front of them, the message can\u2019t be obscure, it can\u2019t be difficult. It\u2019s our responsibility to put in the legwork by making things simple and accessible. At heart, design and writing are both sides of the same coin: deep down they're both about communicating.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When I think about what it means to know, I find myself going back to language, to words. I wonder, for example, when I\u2019m looking at a website, how do I learn about it in order for me to use it? I don\u2019t believe the senses are enough to really understand what\u2019s going on &#8211; we\u2019re just simply aware that&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":7,"featured_media":1724,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[495],"tags":[],"class_list":["post-1716","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessiblity"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Readability is accessibility | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"When I think about what it means to know, I find myself going back to language, to words. I wonder, for example, when I\u2019m looking at a website, how do I learn about it in order for me to use it? I don\u2019t believe the senses are enough to really understand what\u2019s going on - we\u2019re just simply aware that... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-17T10:56:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-25T15:49:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2016\/05\/Readability-is-Accessibility.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1071\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"5 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/shopjessicabuckley.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#website\",\"url\":\"https:\/\/shopjessicabuckley.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/shopjessicabuckley.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/shopjessicabuckley.com\/wp-content\/uploads\/2016\/05\/Readability-is-Accessibility.jpg\",\"width\":1600,\"height\":1071,\"caption\":\"Readability-is-Accessibility\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/#webpage\",\"url\":\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/\",\"name\":\"Readability is accessibility | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/#primaryimage\"},\"datePublished\":\"2016-05-17T10:56:01+00:00\",\"dateModified\":\"2020-08-25T15:49:00+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/#webpage\"},\"author\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#\/schema\/person\/ff4c922961040dc8fd859bc4c36ad4d9\"},\"headline\":\"Readability is accessibility\",\"datePublished\":\"2016-05-17T10:56:01+00:00\",\"dateModified\":\"2020-08-25T15:49:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/#primaryimage\"},\"articleSection\":\"Accessibility\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/shopjessicabuckley.com\/blog\/readability-is-accessibility\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#\/schema\/person\/ff4c922961040dc8fd859bc4c36ad4d9\",\"name\":\"Linh\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/shopjessicabuckley.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8022ae89c8ba3a398b7073837d077207bce09b7e6c3c0732cb8c4038e710c676?s=96&d=mm&r=g\",\"caption\":\"Linh\"},\"description\":\"Why, hello there! I\\u2019m the word-generator at Marvel with a background in the humanities. I also like walks, talks, and\\u2026rhymes. You can contact me on good ol\\u2019 email.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts\/1716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/comments?post=1716"}],"version-history":[{"count":0,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/posts\/1716\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/media\/1724"}],"wp:attachment":[{"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/media?parent=1716"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/categories?post=1716"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shopjessicabuckley.com\/blog\/wp-json\/wp\/v2\/tags?post=1716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}