{"id":455,"date":"2013-08-23T13:26:16","date_gmt":"2013-08-23T13:26:16","guid":{"rendered":"http:\/\/www.seonthemon.com\/wp351\/?p=455"},"modified":"2013-08-27T21:42:06","modified_gmt":"2013-08-27T21:42:06","slug":"what-use-is-knowledge-that-i-cannot-name","status":"publish","type":"post","link":"https:\/\/www.seonthemon.com\/wp351\/2013\/08\/23\/what-use-is-knowledge-that-i-cannot-name\/","title":{"rendered":"What use is knowledge that I cannot name?"},"content":{"rendered":"<p>It turns out that I have done <em>information architecture<\/em> for some time now, but I never knew it.<\/p>\n<p>A young acquaintance is learning HTML, CSS and such. \u00a0I gave him Steve Krug&#8217;s classic handbook, <a href=\"http:\/\/www.amazon.com\/Dont-Make-Me-Think-Usability\/dp\/0321344758\/\">Don&#8217;t Make Me Think<\/a>. \u00a0My young friend banged through the book in a day, and his cup running over, started going on about this, that, and the other, including at one point, &#8216;<em>tabbed pages<\/em>&#8216;. \u00a0After some confusion, I realized he was referring to a web page whose content was organized with tabs,<\/p>\n<div id=\"attachment_456\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/webpage-with-tabs.png\"><img aria-describedby=\"caption-attachment-456\" decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-456 \" alt=\"A web page organized with tabs\" src=\"http:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/webpage-with-tabs-300x99.png\" width=\"300\" height=\"99\" srcset=\"https:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/webpage-with-tabs-300x99.png 300w, https:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/webpage-with-tabs.png 500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-456\" class=\"wp-caption-text\">A web page organized with tabs<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>rather than the tabs that most modern browsers offer.<\/p>\n<div id=\"attachment_457\" style=\"width: 620px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/browswer-tabs.png\"><img aria-describedby=\"caption-attachment-457\" decoding=\"async\" loading=\"lazy\" class=\" wp-image-457 \" alt=\"Tabs in a browser\" src=\"http:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/browswer-tabs.png\" width=\"610\" height=\"128\" \/><\/a><p id=\"caption-attachment-457\" class=\"wp-caption-text\">Tabbed Browser windows<\/p><\/div>\n<p>Unaccountably, the &#8216;tabbed pages&#8217; triggered a thought that had not occurred to me before &#8211; <em>the\u00a0&#8216;tabbed page&#8217; represents at least three different kinds of knowledge<\/em>.<\/p>\n<h1>The users&#8217; needs<\/h1>\n<p>Tabs in a web page exist for a reason. \u00a0They serve a purpose. \u00a0 Someone devised them to solve a problem. \u00a0What is that problem?<\/p>\n<h3>Shoe store<\/h3>\n<p>A user is at shopping site. \u00a0Say, a shoe store.<\/p>\n<p>The store sells stuff that you can classify in categories that are familiar to, and expected by the user &#8211; Men, Women, Children, Casual, Formal, Outdoor, etc. \u00a0 Each category of shoes has more items than you can fit in the real estate available on a single web page.<\/p>\n<p>The shopper must be able to peruse any category that she is interested in. \u00a0 Further, regardless of where she is in the site, the shopper must be able to switch to any other category of shoes.<\/p>\n<h3>Farm insurance policy<\/h3>\n<p>You own a large farm. \u00a0You have an insurance policy for the farm, which includes many individual coverages. \u00a0You have had the policy at the same insurer for several years. \u00a0 You want to log in to your insurance company&#8217;s web site, and see all available information on your farm policy.<\/p>\n<p>An insurance policy is characterized by many different kinds of information.<\/p>\n<ul>\n<li>Demographic information about the policy&#8217;s owner &#8211; name, address, age, marital and employment status, etc.<\/li>\n<li>The various coverages included in the policy &#8211; Livestock, limits of the coverage, deductible associated with the coverage; outdoor buildings, limits of the coverage, deductible associated with this coverage; coverage on machinery; coverage against crop failure; and it can go on and on.<\/li>\n<li>Historical data &#8211; the policy as it existed in past years (the industry refers to that as &#8216;terms&#8217;)<\/li>\n<li>Billing history<\/li>\n<li>Documents associated with the policy &#8211; signed agreements, photos, letters that went between customer and insurer, etc.<\/li>\n<\/ul>\n<p>You cannot fit all of this information into a single screen. \u00a0 You must clearly indicate what types of information are available for a policy. \u00a0Finally you must allow the user to pull up and view any type of information, at any point in her interaction with the web site.<\/p>\n<h3>Someone must know<\/h3>\n<p>Someone must know the data you are presenting. \u00a0 What is this data&#8217;s place, and purpose in the world as we know it? \u00a0Can we break the data down into coherent parts? \u00a0How might the parts be related to each other? \u00a0How do you refer to the various slices, and components of the data?<\/p>\n<p>Someone must know the needs of the user vis-a-vis that data. \u00a0 How does the user understand the data? \u00a0What is her mental map of the data? \u00a0How does she categorize the data? \u00a0What names and labels does she use to refer to the data? \u00a0How does she think the various pieces of the data are related to each to other? \u00a0What exactly is the user interested in viewing? \u00a0 What processing might she want to trigger on the data?<\/p>\n<h3>What do you call this knowledge?<\/h3>\n<p>I always thought of this knowledge as &#8216;<em>business analysis<\/em>&#8216;. I suspect that most folks I have worked with, none of them trained in the magic arts of user interface design, would also think of this as &#8216;<em>business analysis<\/em>&#8216;.<\/p>\n<p>However, I am learning lately that this particular sliver of the business might be known as &#8216;<a href=\"http:\/\/www.amazon.com\/Information-Architecture-World-Wide-Web\/dp\/0596527349\"><em>information architecture<\/em><\/a>&#8216;. \u00a0I am not sure. Does it matter what it is called?<\/p>\n<p>&nbsp;<\/p>\n<h1>Presentation solutions<\/h1>\n<p>Now you understand the data that you have to present. \u00a0 You also understand the user&#8217;s expectations regarding the data. \u00a0 Can you devise ways of presenting the data such that the user&#8217;s needs are served?<\/p>\n<p>You do not know how to write computer programs. \u00a0You know color, shape, image, typography, and layout. \u00a0You know how people react to these visual elements. \u00a0 You can communicate with people using just those tools. \u00a0 You know how to convey information, suggest actions, and create a virtual environment on the computer screen, which makes a user feel safe, competent, and perhaps even happy.<\/p>\n<p>You are able to use the expertise I described above and design many different ways to satisfy the needs documented by the &#8216;<em>information architecture<\/em>&#8216;. \u00a0Of these various alternatives, &#8216;<em>tabbed pages<\/em>&#8216; are just one. \u00a0Here are some others.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_475\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/dropdown-not-tab.png\"><img aria-describedby=\"caption-attachment-475\" decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-475 \" alt=\"Drop-down for choosing between categories\" src=\"http:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/dropdown-not-tab-300x72.png\" width=\"300\" height=\"72\" srcset=\"https:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/dropdown-not-tab-300x72.png 300w, https:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/dropdown-not-tab.png 324w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-475\" class=\"wp-caption-text\">Drop-down for choosing between categories<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_477\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/two-alternatives-to-tabs1.png\"><img aria-describedby=\"caption-attachment-477\" decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-477 \" alt=\"An index, and a tree of links\" src=\"http:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/two-alternatives-to-tabs1-300x271.png\" width=\"300\" height=\"271\" srcset=\"https:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/two-alternatives-to-tabs1-300x271.png 300w, https:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/two-alternatives-to-tabs1.png 431w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-477\" class=\"wp-caption-text\">An index, and a tree of links<\/p><\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_493\" style=\"width: 264px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/Screen-Shot-2013-08-23-at-2.28.20-PM.png\"><img aria-describedby=\"caption-attachment-493\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-493 \" alt=\"tag cloud\" src=\"http:\/\/www.seonthemon.com\/wp351\/wp-content\/uploads\/2013\/08\/Screen-Shot-2013-08-23-at-2.28.20-PM.png\" width=\"254\" height=\"234\" \/><\/a><p id=\"caption-attachment-493\" class=\"wp-caption-text\">A tag cloud<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>You also probably know how to present these alternatives to users, and test their use of them to determine what works best.<\/p>\n<p>Once one of these alternatives, perhaps even tabbed pages, is chosen, you ask computer programmers to construct the interface.<\/p>\n<h3>What do you call this knowledge?<\/h3>\n<p>So what do people call this expertise? \u00a0 I hear several terms, all of which seem related.<\/p>\n<ul>\n<li>Graphic design<\/li>\n<li>Visual design<\/li>\n<li>Interaction design<\/li>\n<li>Human computer interaction<\/li>\n<li>Anything else?<\/li>\n<\/ul>\n<p>Do they all refer to the same questions, and answers? \u00a0Is there an overlap? \u00a0 Does it matter?<\/p>\n<p>Is it possible to be good at one, and not the other? \u00a0Can you be a good graphic designer, but a poor visual designer? \u00a0Could you be an an expert on human computer interaction without being a good visual designer? \u00a0Or could you be good visual designer but know little about interaction design? \u00a0The last does seem plausible. \u00a0Mostly, all of this seems a little bit nuts; another case of words getting in the way of meaning.<\/p>\n<p>In layman&#8217;s (that would be me) terms, this expertise simply seems to be what falls in between knowledge of the business &#8211; data, processes, and users, on the one hand, and the ability to construct the interface, on the other. \u00a0 These folks design an interface in response to the business knowledge that the &#8216;business analysts&#8217;, or &#8216;information architects&#8217; provide, and the &#8216;programmers&#8217; (the construction workers of the digital world) tell the designers what they are able to slap together.<\/p>\n<h1>Constructing a solution<\/h1>\n<p>Finally, we have the field of knowledge that I am able to grasp effortlessly. \u00a0 Given a blueprint of the interface, someone has to make it flesh.<\/p>\n<p>You use languages and technologies like HTML, CSS, Javascript. \u00a0 You can also choose some server-side poison like ASP, JSP, XUL, and so on. \u00a0 The more you are cognizant of the other two kinds of knowledge, the more effective your construction will be. \u00a0However, you often know little other than the construction tools.<\/p>\n<h3>What is this knowledge called?<\/h3>\n<p>I think this is what many people call &#8216;<em>web development<\/em>&#8216;. \u00a0Often, a web developer is almost always someone with only knowledge of \u00a0&#8216;<em>construction<\/em>&#8216;.<\/p>\n<p>&nbsp;<\/p>\n<h1>Why does any of this matter?<\/h1>\n<p>If you are starting out, and getting a kick out of creating web-sites, are you able to figure out which of the three types of work is giving you the high?<\/p>\n<p>Just as important, are you able to tell which of the three areas you have a facility for?<\/p>\n<ol>\n<li>Do you like the rigorous analysis, and the emphasis on precision in language, which seems the central characteristic of &#8216;<em>information architecture<\/em>&#8216;?<\/li>\n<li>Do you have a gift for communicating visually, without which you can&#8217;t do well at the &#8216;<em>presentation design<\/em>&#8216; part of the work?<\/li>\n<li>Or do you have a gift for nuts and bolts detail, and are able to methodically, and relentlessly concentrate on a job till it is done? \u00a0This is what <em>construction<\/em> requires &#8211; stamina.<\/li>\n<\/ol>\n<p>The question is just as relevant for someone like me, who has been programming for a while, and has lately developed an interest in something that I know is not exactly programming, but I don&#8217;t know what to call it. \u00a0The best thing I can think of is &#8211; you know, that thing that Apple does so well. \u00a0 Design? \u00a0User experience design? \u00a0Usability? \u00a0What? \u00a0I have never thought of myself as a creative person. \u00a0What?<\/p>\n<p>For the record, I think my strengths might be (1), and (3). \u00a0 I enjoy, and obsess over (2), but I don&#8217;t have a gift for it. \u00a0I think. \u00a0 As the man said, &#8220;it is a puzzlement&#8221;.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It turns out that I have done information architecture for some time now, but I never knew it. A young acquaintance is learning HTML, CSS and such. \u00a0I gave him Steve Krug&#8217;s classic handbook, Don&#8217;t Make Me Think. \u00a0My young friend banged through the book in a day, and his cup running over, started going [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[28,18,19],"_links":{"self":[{"href":"https:\/\/www.seonthemon.com\/wp351\/wp-json\/wp\/v2\/posts\/455"}],"collection":[{"href":"https:\/\/www.seonthemon.com\/wp351\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.seonthemon.com\/wp351\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.seonthemon.com\/wp351\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seonthemon.com\/wp351\/wp-json\/wp\/v2\/comments?post=455"}],"version-history":[{"count":10,"href":"https:\/\/www.seonthemon.com\/wp351\/wp-json\/wp\/v2\/posts\/455\/revisions"}],"predecessor-version":[{"id":534,"href":"https:\/\/www.seonthemon.com\/wp351\/wp-json\/wp\/v2\/posts\/455\/revisions\/534"}],"wp:attachment":[{"href":"https:\/\/www.seonthemon.com\/wp351\/wp-json\/wp\/v2\/media?parent=455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.seonthemon.com\/wp351\/wp-json\/wp\/v2\/categories?post=455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.seonthemon.com\/wp351\/wp-json\/wp\/v2\/tags?post=455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}