Transcript Design 2 - The Web - University of Texas School of Information

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 Navigation
IA Issues
• IA as Hub of Design Process
-
Project Planning
Analysis
Design
Web Design
Web Development
Verification
• Your IA Credentials
- Toolsmiths & Craftsmen
- Products
• Lead by Example
The IA Methdology
Semantic 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 Elements
•
•
•
•
•
Expressing Meaning
Knowledge Representation
Ontologies
Agents
Evolution of Knowledge
Expressing 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 Development
Knowledge 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 RDF
Ontologies
•
•
•
•
•
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++)
Agents
• 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 Agents
Evolution 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
Semantic 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 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 Once
Guidelines 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 Graphics
Advanced 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 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. Redundancy
Design 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 allows
Issues in Designing Navigation
• Perfect Agreement on Labels
• Redundancy of Navigation
- Per Page
- Over the Entire Site
• Visualization of Navigation
- Text, Graphics, Interactive?
Navigation 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/navstress
SXSW
• Executive Pass to the Trade Show Floor
- https://secure.sxsw.com/exec_pass/start.php