{"id":85,"date":"2008-10-06T04:18:16","date_gmt":"2008-10-05T22:18:16","guid":{"rendered":"http:\/\/ingozi.com\/blog\/?p=85"},"modified":"2009-10-22T15:58:36","modified_gmt":"2009-10-22T09:58:36","slug":"wayfinding-in-interface-design","status":"publish","type":"post","link":"https:\/\/ingozi.com\/blog\/?p=85","title":{"rendered":"Wayfinding &#038; Signposting in interface design"},"content":{"rendered":"<div id=\"tearanz\" style=\"width: 585px\" class=\"wp-caption alignnone\"><a  href=\"http:\/\/ingozi.com\/blog\/wp-content\/uploads\/teara-places.jpg\" rel=\"shadowbox[sbpost-85];player=img;\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-tearanz\" src=\"http:\/\/ingozi.com\/blog\/wp-content\/uploads\/teara-places-575x215.jpg\" alt=\"Signposts digital image header for teara.govt.nz (after Rosalie Gascoigne)\" title=\"teara places\" width=\"575\" height=\"215\" class=\"size-medium wp-image-136\" srcset=\"https:\/\/ingozi.com\/blog\/wp-content\/uploads\/teara-places-575x215.jpg 575w, https:\/\/ingozi.com\/blog\/wp-content\/uploads\/teara-places.jpg 730w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/a><p id=\"caption-tearanz\" class=\"wp-caption-text\">digital image header for teara.govt.nz - after Rosalie Gascoigne<\/p><\/div>\n<blockquote><p>&#8220;You have to lead them by the hand &#8211; It&#8217;s not the number of clicks, it&#8217;s the confidence level that you&#8217;re still headed in the right direction&#8221;<br \/>\n<em>Steve Krug &#8220;Don&#8217;t make Me Think &#8211; A Common Sense Approach to Web Usability&#8221;<\/em>\n<\/p><\/blockquote>\n<p>Best-practice involves making navigation and interaction as simple and logical as possible for the user. This is neatly summarized by the concept of &#8216;wayfinding&#8217; &#8211; an alternative and more natural approach to what is normally captured under the heading of &#8220;Information Architecture&#8221;.<\/p>\n<p><!--more-->The concept of &#8220;wayfinding&#8221; is about navigating complex and sometimes unfamiliar space. Just because a website\u00c2\u00a0 has ample navigational links doesn&#8217;t mean that people will see them, understand them, or ultimately use them.\u00a0 Meaningful labelling and nomenclature is therefore all important.<\/p>\n<p>Wayfinding is not just signage &#8211; you&#8217;ve got to make users want to go to particular place. Ultimately the role of &#8220;wayfinding&#8221; in digital design is about improving the browsing experience and thus provide the desired reward at the end of the user journey; whether that be information, a successful e-commerce transaction or watching an interactive feature online.<\/p>\n<p><strong>Some basic tips:<\/strong><\/p>\n<ul>\n<li>Clear, meaningful language<\/li>\n<li>Making use of learnt behaviours and accepted visual metaphors (buttons, input fields, arrows etc)<\/li>\n<li>A reason to commit to the click the <em>What&#8217;s in it for Me?<\/em> factor. Users must have an identifiable reward &#8211;  intrigue, gossip, comedy, financial gain, product gratification,\u00a0 general informational or whatever.<\/li>\n<li>Text is easy to read &#8211; contrasting colours, size is big enough (This is particularly important for the identified user demographics outside of the usual 18 -35 ABC1s)<\/li>\n<li>Eye-catching &#8211; create something visually stimulating!<\/li>\n<li>Groupings of content should therefore be logical and useful. Navigational metaphors should be clear and concise with meaningful wording.<\/li>\n<\/ul>\n<p><em>Words and image by R M Lippiett \u00a9 2008<\/em><\/p>\n<p>&#8212;<br \/>\n<strong>Note on the term Wayfinding<\/strong><br \/>\nThe term &#8220;wayfinding&#8221; was first used in 1960 by architect Kevin Lynch in The &#8220;Image of the City&#8221; where he referred to maps, street numbers, directional signs and other elements as &#8220;way-finding&#8221; devices.<\/p>\n<p>&#8212;<br \/>\n<strong>Links<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Rosalie_Gascoigne\">Rosalie Gascoigne on Wikipedia<\/a><\/li>\n<li><a href=\"http:\/\/www.teara.govt.nz\/\">Te Ara &#8211; New Zealand Online Encyclopaedia<\/a><\/li>\n<li><a href=\"http:\/\/www.teara.govt.nz\/Places\/en\">Te Ara &#8211; Places<\/a><\/li>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Wayfinding\">Wayfinding on Wikipedia<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;You have to lead them by the hand &#8211; It&#8217;s not the number of clicks, it&#8217;s the confidence level that you&#8217;re still headed in the right direction&#8221; Steve Krug &#8220;Don&#8217;t make Me Think &#8211; A Common Sense Approach to Web Usability&#8221; Best-practice involves making navigation and interaction as simple and logical as possible for the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7,3],"tags":[18,17,19,93,20,16],"class_list":["post-85","post","type-post","status-publish","format-standard","hentry","category-interface-design","category-opinions","category-webdesign","tag-gui","tag-ia","tag-information-architecture","tag-interface-design","tag-navigation","tag-wayfinding"],"_links":{"self":[{"href":"https:\/\/ingozi.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ingozi.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ingozi.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ingozi.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ingozi.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=85"}],"version-history":[{"count":49,"href":"https:\/\/ingozi.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":152,"href":"https:\/\/ingozi.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/85\/revisions\/152"}],"wp:attachment":[{"href":"https:\/\/ingozi.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ingozi.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ingozi.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}