Information Architecture & DesignIA IssuesThe IA MethdologySemantic WebSemantic Web ElementsExpressing MeaningKnowledge RepresentationOntologiesAgentsEvolution of KnowledgeSemantic Web/IA ChallengesWeb Design IdeasGuidelines for Homepage UsabilityAdvanced Web Design ToolsGroup Work – Design for NavigationDesign for NavigationIssues in Designing NavigationNavigation Stress TestSXSWInformation Architecture & Design Information Architecture & Design •Week 9 Schedule-Web Research Papers Due Now-Questions about Metaphors and Icons with Labels -Design 2- the Web-Other Readings-Research Topic Presentations-Group Work – Design for NavigationIA IssuesIA Issues•IA as Hub of Design Process-Project Planning-Analysis-Design-Web Design-Web Development-Verification•Your IA Credentials-Toolsmiths & Craftsmen-Products•Lead by ExampleThe IA MethdologyThe IA MethdologySemantic WebSemantic Web•“bring structure to the meaningful content of Web pages, creating an environment where software agents roaming from page to page can readily carry out sophisticated tasks for users” (Berners-Lee, 2001)•Meaningful?•Content?•Agents?•Tasks?Semantic Web ElementsSemantic Web Elements•Expressing Meaning•Knowledge Representation•Ontologies•Agents•Evolution of KnowledgeExpressing MeaningExpressing Meaning•Documents for People•Information for Systems•Keywords and Their Meanings•Real World Rules•Real World Limitations•Extension of the Current Web•Decentralized•IA Applications-Metainformation Definition-Design Implementation-Interface Research and DevelopmentKnowledge RepresentationKnowledge Representation•Structured Collections of Information•Sets of Inference Rules•Automated Reasoning•Without Centralized Control•Massive Concurrency Coordination•Massive Complexity of Interpretations•IA Applications-Adapting the Rules for Systems (Displays)-Presenting Results and Actions-XML and RDFOntologiesOntologies•Consistency of Object Classification•Taxonomy of Object Uses•Navigation Scheme for Information Objects•(New) Applications to Utilize Data•IA Applications-Defining Ontologies-Updating (Correcting & Testing) Ontologies-Expressing Ontologies (IIC)-Defining Ontologies Use (Privacy++)AgentsAgents•Programs That Use Semantic Web Content•More Automated as Systems and Content Support Increases•Digital Signatures•Organized Services•Ontology Exchanges•Agent Interaction (Not)•IA Applications-Communicating Services-Enabling AgentsEvolution of KnowledgeEvolution of Knowledge•Extend from Virtual to Physical World-Other Devices•Appliances•Other Platforms-Composite Capability/Preference Profile -Complex Relationships and Interactions-Extend to Individuals (Characteristics)-Locations (Temporal)-IA Applications•Designing New Interfaces and Content•Organizing Mappings of Virtual and Physical Interactions•Coordinating the Semantic Web Design ProcessSemantic Web/IA ChallengesSemantic Web/IA Challenges•The Biggest Database Ever•The ONLY Database?•Decentralized or Partitioned?-Concurrency? (Time)-Currency? (Money)•Knowledge Representation-Computational Issues-Cultural Issues-Classification Issues•IA becomes Transformed to Information Architecture for People and Agents•What about “People Readable” Information?Web Design IdeasWeb Design Ideas•Art and Zen of Web Sites-Basic Design Ideas-Snapshot of Earlier (prE-commerce) Design Goals-Expand Real-World Equivalents•Globalization-Cultural-Specific Layouts-Fonts-Colors-Metaphors-Writing Styles-Designing for Everyone at OnceGuidelines for Homepage UsabilityGuidelines for Homepage Usability•One Sentence Tagline•Window Title•Group Information in Distinct Areas•Make (1-4) Priority Tasks Clear•Provide Search (& Browse)•Show Content Examples-Headlines-Graphics-What’s New•Link Names as Action Items and Keywords to Concepts•Show History of Features•Keep Navigation Simple•Use Meaningful GraphicsAdvanced Web Design ToolsAdvanced Web Design Tools•DENIM-Earlier Design Stages & Progressive Refinement-Sitemaps and Storyboards-Schematics and Mockups of Pages-Current Applications Force Fidelity on the Design-Sketching and Evaluation•WebQuilt-Capturing and Visualizing Web Use-Proxy – Inferencer - Graphing – Visualization-Re-Design Site Maps (Others)-Testing Use By Observing (Many) Users (Remotely)Group Work – Design for NavigationGroup Work – Design for Navigation•“Tuning and Tweaking Labels” p 103 Rosenfeld•Card Sorting for Navigation Layout-Rapid Design-Lockdown•Types of Navigation Schemes-Global, Local, Specific to page or set of pages-Lists, Menus, Bars, Tours, Guides-Links (in text and aside from text)•Locations of Navigation-Top, Bottom, Left, Right-Consistency vs. RedundancyDesign for NavigationDesign for Navigation•Sticky Note Prototyping•Sketches•Index Cards•GOAL: Clarity of Structure•Sort and be Prepared to Add New Labels•Build your home page navigation structures•Build others as time allowsIssues in Designing NavigationIssues in Designing Navigation•Perfect Agreement on Labels•Redundancy of Navigation-Per Page-Over the Entire Site•Visualization of Navigation-Text, Graphics, Interactive?Navigation Stress TestNavigation Stress Test•Keith Instone•Pick a random page on your site and ask yourself if it gives context to the site and the navigation structure(s) of the whole site.•Where?•What?•http://keith.instone.org/navstressSXSWSXSW•Executive Pass to the Trade Show