Скачать презентацию Information Architecture Design Week 8 Schedule Скачать презентацию Information Architecture Design Week 8 Schedule

3dc9e27d1ea1787d32a033bdfa9f45dc.ppt

  • Количество слайдов: 11

Information Architecture & Design • Week 8 Schedule - Metaphors, Graphics and Labels Other Information Architecture & Design • Week 8 Schedule - Metaphors, Graphics and Labels Other Readings Research Topic Presentations Research Papers Returned

Labeling Systems Design • Labels are More Than Link Descriptors • Convey the Structure Labeling Systems Design • Labels are More Than Link Descriptors • Convey the Structure and Purpose of the Web Site • Describe in the Language of the (Analyzed) User(s) (But Not All Jargon) • Differentiate Each Topic • Imply Hierarchy - News – Tech News – Computing News – Macintosh News • Nouns and Verbs (Mixed & Consistency) • Reading Behavior

Varieties of Label Designs • Contextual Links • Headings - Text - Narrative Help Varieties of Label Designs • Contextual Links • Headings - Text - Narrative Help • Navigation System Choices - Toolbars & Navigation Bars - Application Functionality • Index Terms - Searching (Results) - Browsing • Graphics (Iconic) - Maps - Images • Email Subject Lines Rosenfeld p 80

Labels in Use (Affecting Design) • • • A-Z Indexes (“Term Rotate” and Flatten) Labels in Use (Affecting Design) • • • A-Z Indexes (“Term Rotate” and Flatten) Thesaurus of Labels (and Relationships) Narrowing the Possibilities of Use Examine All the Labels at End of Tech-Independent Design Consistent with Headings and Bookmark Uniqueness Work With Your Content (Content Analysis – Use Search & Evaluate Results) Card Sorting to Determine Structure and Metaphors/Themes Dates, Times, Sizes, Rankings & Categories Too </p> </div> <div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Well-Designed Labels… • • Go Unnoticed Use Size and Color for Hierarchy Follow Consistent" src="https://present5.com/presentation/3dc9e27d1ea1787d32a033bdfa9f45dc/image-5.jpg" alt="Well-Designed Labels… • • Go Unnoticed Use Size and Color for Hierarchy Follow Consistent" /> Well-Designed Labels… • • Go Unnoticed Use Size and Color for Hierarchy Follow Consistent Graphical & Textual Representation Describe and are Parallel to Other Labels Metaphorically Correct Use Rollover Text Communicates Part of the Structure of the Site (The Name of the Label is like the Name of the Page it Links to) • Notes If It Breaks The Browsing Metaphor (another Window via Links) </p> </div> <div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Bad Labelling Exampls • Typos & Misspellings (See Above!) • Too Much Text or" src="https://present5.com/presentation/3dc9e27d1ea1787d32a033bdfa9f45dc/image-6.jpg" alt="Bad Labelling Exampls • Typos & Misspellings (See Above!) • Too Much Text or" /> Bad Labelling Exampls • Typos & Misspellings (See Above!) • Too Much Text or Extraneous That Really Doesn’t Tell You Anything About The Link That Makes You Less Likely To Understand The Link And Actually May Take More Time To Interpret Than Actually Clicking On The Link Name • TOO MUCH UPPERCASE TEXT THAT IS MORE ARDUOUS TO READ AND COMPREHEND • Links in Color • “Click Here” • Are Too Numerous • Are Too Cute </p> </div> <div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Metaphors • What Does the Web “Look” Like To You? • What Does an" src="https://present5.com/presentation/3dc9e27d1ea1787d32a033bdfa9f45dc/image-7.jpg" alt="Metaphors • What Does the Web “Look” Like To You? • What Does an" /> Metaphors • What Does the Web “Look” Like To You? • What Does an Individual Web Site “Look” Link To You? • How Do You Integrate with Labels? • How Does Metaphor Affect Memory of a Site (during use and after a visit)? • Always a Physical Space (Movement)? - Information Highway - Maps - “Explorer” & “Navigator” (Opera? ) • How Do People Describe a Web Site Visit? </p> </div> <div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Maglio & Matlock (1998) • Great Bibliography • Users Remembered Little of Site Visits" src="https://present5.com/presentation/3dc9e27d1ea1787d32a033bdfa9f45dc/image-8.jpg" alt="Maglio & Matlock (1998) • Great Bibliography • Users Remembered Little of Site Visits" /> Maglio & Matlock (1998) • Great Bibliography • Users Remembered Little of Site Visits - Anchor Points - Key Nodes that lead to Target Information - Personal Routines – What Worked Before Will Work Now (!) • Consistently Among Web Sites • Consistency Among Search Engines • Bad User Habits Continue • Bad Design Conventions Continue - Language of Web Site Use • Visiting • Went… - Talk Aloud Protocols When Studying Web Use - Users Conceptualize Themselves Moving TOWARD Information, not Information Being BROUGHT to Them. </p> </div> <div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Maglio & Matlock (1998) 2 • Metaphor and Thought - Lakoff and Johnson •" src="https://present5.com/presentation/3dc9e27d1ea1787d32a033bdfa9f45dc/image-9.jpg" alt="Maglio & Matlock (1998) 2 • Metaphor and Thought - Lakoff and Johnson •" /> Maglio & Matlock (1998) 2 • Metaphor and Thought - Lakoff and Johnson • • Not Only a Literary Device (in Study) Linguistic Analysis Cognitive Analysis Trends and Metaphors of the Times - Clockwork to Computers • “Image Schemata” - Pre-conceptual structures from our embodied experience - Habits and Assumptions in terms of understanding </p> </div> <div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Maglio & Matlock (1998) 3 • Language Use on the Web - Outside &" src="https://present5.com/presentation/3dc9e27d1ea1787d32a033bdfa9f45dc/image-10.jpg" alt="Maglio & Matlock (1998) 3 • Language Use on the Web - Outside &" /> Maglio & Matlock (1998) 3 • Language Use on the Web - Outside & Inside Actions • System Actions - Click, Scroll, Type • Move - Go, Follow • Computer Assistance - Display, Bring Up • Information Action - Look For, Search, Browse • Individual Process - Look, See • Physical Motion Most Common - What about the Browser? (Agency) - What about Other Users? (Collaboration) </p> </div> <div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="How to Design Text (from Metaphor) • Labels and Graphics • Jakob Nielsen •" src="https://present5.com/presentation/3dc9e27d1ea1787d32a033bdfa9f45dc/image-11.jpg" alt="How to Design Text (from Metaphor) • Labels and Graphics • Jakob Nielsen •" /> How to Design Text (from Metaphor) • Labels and Graphics • Jakob Nielsen • Other News Examples? - NY Times - WSJ - AAS • i. School </p> </div> <div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="" src="" alt="" /> </p> </div> </div> <div id="inputform"> <script>$("#inputform").load("https://present5.com/wp-content/plugins/report-content/inc/report-form-aj.php"); </script> </div> </p> <!--end entry-content--> </div> </article><!-- .post --> </section><!-- #content --> <div class="three columns"> <div class="widget-entry"> <div id="sidebarrelated"> <div id="text-2" class="box_small box widget widget_text"><div class="crp_related crp_related_shortcode "><div class="gallery_entry_related"><a href="https://present5.com/ibm-software-group-the-paradise-architects-lounge/" ><img src="https://present5.com/wp-content/uploads/enterprise_architecture_for_dummies_-_togaf_9_enterprise_architecture_overview_0-180x135.jpg" alt="IBM Software Group The Paradise Architect’s Lounge –" title="IBM Software Group The Paradise Architect’s Lounge –" width="180" height="135" class="crp_thumb crp_featured" /></a><a href="https://present5.com/ibm-software-group-the-paradise-architects-lounge/" class="crp_title">IBM Software Group The Paradise Architect’s Lounge –</a></div><div class="gallery_entry_related"><a href="https://present5.com/procurement-quality-supply-chain-pqdr-user/" ><img src="https://present5.com/wp-content/uploads/user_guide_r5.0_b-180x135.jpg" alt="Procurement Quality & Supply Chain PQDR — User" title="Procurement Quality & Supply Chain PQDR — User" width="180" height="135" class="crp_thumb crp_featured" /></a><a href="https://present5.com/procurement-quality-supply-chain-pqdr-user/" class="crp_title">Procurement Quality & Supply Chain PQDR — User</a></div><div class="gallery_entry_related"><a href="https://present5.com/12517-1-enterprise-architecture-implementing/" ><img src="https://present5.com/wp-content/uploads/implementing_effective_enterprise_architecture_0-180x135.jpg" alt="1/25/17 1 Enterprise Architecture Implementing" title="1/25/17 1 Enterprise Architecture Implementing" width="180" height="135" class="crp_thumb crp_featured" /></a><a href="https://present5.com/12517-1-enterprise-architecture-implementing/" class="crp_title">1/25/17 1 Enterprise Architecture Implementing</a></div><div class="gallery_entry_related"><a href="https://present5.com/confidential-and-proprietary-information-of-burger-king-corporation/" ><img src="https://present5.com/wp-content/uploads/care_program_deck_rus_19_613_3-180x135.jpg" alt="CONFIDENTIAL AND PROPRIETARY INFORMATION OF BURGER KING CORPORATION" title="CONFIDENTIAL AND PROPRIETARY INFORMATION OF BURGER KING CORPORATION" width="180" height="135" class="crp_thumb crp_featured" /></a><a href="https://present5.com/confidential-and-proprietary-information-of-burger-king-corporation/" class="crp_title">CONFIDENTIAL AND PROPRIETARY INFORMATION OF BURGER KING CORPORATION</a></div><div class="gallery_entry_related"><a href="https://present5.com/marketing-research-chapter-4-research-design/" ><img src="https://present5.com/wp-content/uploads/part_2_-_research_design-180x135.jpg" alt="Marketing Research Chapter 4 – Research Design" title="Marketing Research Chapter 4 – Research Design" width="180" height="135" class="crp_thumb crp_featured" /></a><a href="https://present5.com/marketing-research-chapter-4-research-design/" class="crp_title">Marketing Research Chapter 4 – Research Design</a></div><div class="gallery_entry_related"><a href="https://present5.com/theme-4-national-monitoring-system-and-departmental-resources/" ><img src="https://present5.com/wp-content/uploads/prezentaciya_4-1_mon_0-180x135.jpg" alt="Theme 4 NATIONAL MONITORING SYSTEM AND DEPARTMENTAL RESOURCES" title="Theme 4 NATIONAL MONITORING SYSTEM AND DEPARTMENTAL RESOURCES" width="180" height="135" class="crp_thumb crp_featured" /></a><a href="https://present5.com/theme-4-national-monitoring-system-and-departmental-resources/" class="crp_title">Theme 4 NATIONAL MONITORING SYSTEM AND DEPARTMENTAL RESOURCES</a></div><div class="gallery_entry_related"><a href="https://present5.com/web-sites-design-and-usability-emmanuel-kimyagarov/" ><img src="https://present5.com/wp-content/uploads/web_sites_design_and_usability_0-180x135.jpg" alt="Web Sites Design And Usability Emmanuel Kimyagarov" title="Web Sites Design And Usability Emmanuel Kimyagarov" width="180" height="135" class="crp_thumb crp_featured" /></a><a href="https://present5.com/web-sites-design-and-usability-emmanuel-kimyagarov/" class="crp_title">Web Sites Design And Usability Emmanuel Kimyagarov</a></div><div class="gallery_entry_related"><a href="https://present5.com/one-trax-overview-one-trax-overview/" ><img src="https://present5.com/wp-content/uploads/one-trax_v1.3_presentation_-_complete-180x135.jpg" alt="ONE-TRAX ®® Overview ONE-TRAX Overview" title="ONE-TRAX ®® Overview ONE-TRAX Overview" width="180" height="135" class="crp_thumb crp_featured" /></a><a href="https://present5.com/one-trax-overview-one-trax-overview/" class="crp_title">ONE-TRAX ®® Overview ONE-TRAX Overview</a></div><div class="crp_clear"></div></div></div></div> </div> </div> </div> </div> <!-- #content-wrapper --> <footer id="footer"> <div class="container"> <div class="columns twelve"> <!--noindex--> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<img src='//counter.yadro.ru/hit?t26.10;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='"+" ' "+ "border='0' width='1' height='1'><\/a>") //--></script><!--/LiveInternet--> <script> $(window).load(function() { var owl = document.getElementsByClassName('owl-carousel owl-theme owl-loaded owl-drag')[0]; document.getElementById("owlheader").insertBefore(owl, null); $('#owlheader').css('display', 'inline-block'); }); </script> <script type="text/javascript"> var yaParams = {'typepage': '1000_top_300k', 'author': '1000_top_300k' }; </script> <!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter32395810 = new Ya.Metrika({ id:32395810, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, params: yaParams }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/32395810" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <!--/noindex--> <nav id="top-nav"> <ul id="menu-top" class="top-menu clearfix"> </ul> </nav> </div> </div><!--.container--> </footer> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/present5.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://present5.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.4'></script> <script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/jquery.shuffle.js?ver=4.9.16'></script> <script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/scripts.js?ver=1.1'></script> <script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/shuffle.js?ver=4.9.16'></script> <!--[if lt IE 9]> <script type='text/javascript' src='https://present5.com/wp-content/themes/sampression-lite/lib/js/selectivizr.js?ver=1.0.2'></script> <![endif]--> </body> </html>