Anatomy of IA Search Browse “Invisibles” Interface Query Language

Slides:



Advertisements
Similar presentations
Introduction and Planning your Site. Planning Your Web Site When Designing a Site for Yourself You have the final say over the design and content There.
Advertisements

Chapter 11 Designing the User Interface
Information Architecture for Indexers Presented by Fred Leise American Society of Indexers National Conference Galveston, Texas May 18, 2002 © 2002 ContextualAnalysis.
Information Architecture Information Architecture (IA) is a process of identifying the objectives for building a Web site and then constructing a comprehensive.
5/8/ Introduction to Dreamweaver and HTML Diane Millican.
5/8/ Dreamweaver 8 Basics. 5/8/ What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.
Why do IA? It is impossible to not do Information Architecture, so you are better off doing it intentionally.
Page 1 June 2, 2015 Optimizing for Search Making it easier for users to find your content.
NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator.
Information architecture Summary Natalia Shatokhina CS575 Spring 2010.
Knowledge organisation and information architecture, Nils Pharo Knowledge organisation and the Web Nils Pharo, 6th November 2002.
Tuesday, 8 th June 2004 Introduction Margaret Hanley Business Analyst/Senior Information Architect BBC Worked on three continents – Australia, USA and.
Chapter 13: Designing the User Interface
Information Architecture IBE312
Administration Of A Website Information Architecture November 17, 2010.
Information Architecture Donna Maurer Usability Specialist.
User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals Understand who are the users and what do they do Articulate how will users.
Object-Oriented Analysis and Design LECTURE 8: USER INTERFACE DESIGN.
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
CASA: Court Appointed Specials Advocates Presented By: Cheryle Jacob Debabrata Ghosh Hiten Patel Meredith Cowie Prathmesh Mengane.
The template site was designed so that if a school principal chose they could task someone other than the webmaster to maintain the content of the website.
IBE312 Information Architecture 2013 extracted from IA: Moreville and Rosenfeld, 2007 Ch. 10 Research Ch. 11 Strategy Ch. 12 Design & Documentation.
Commercial-in-Confidence 1 Information Architect and the Development Internet Application Tweek Presentation May 2001.
XP 1 HTML: The Language of the Web A Web page is a text file written in a language called Hypertext Markup Language. A markup language is a language that.
INFM 700 Course Review Paul Jacobs The iSchool University of Maryland Tuesday, May 5, 2009 This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
1999 Asian Women's Network Training Workshop. A short discussion about Information Architecture.
Information Architecture The science of figuring out what you want your Web site to do and then constructing a blueprint before you dive in and put the.
IBE312: Information Architecture Summary Information Architecture: Part I - Introduction.
Designing a site (2/4) Conceptual Design – 1h. Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
In the news Twitter, networks and social analysis uKJfvq4uI&feature=player_embedded#
Website Organization Knowing how it all fits together Having overall picture of site Determine holes in design or poorly structured pages For most, Organization.
LOGO IT Project Management Information System and Information Architecture Prof. Dr. Ir. Riri Fitri Sari, MM, MSc Electrical Engineering.
Chapter 7 Navigation Systems From Information Architecture: Rosenfeld and Moreville.
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Deliverables -IA Methodologies -Research Topic Presentations.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Information Architecture & Design Week 5 Schedule -Planning IA Structures -Other Readings -Research Topic Presentations Nadalia your Presentations.
The lean method Vision I – June 4, The lean approach: Topics The lean startup Customer development MVP Prototypes Customer acquisition Get customers.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Louisa Lambregts, Louisa Lambregts
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
IRS Tax Map Electronic Research Tool David Brown Internal Revenue Service Media and Publications Division David Brown Internal Revenue Service Media and.
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Information Architecture & Design Week 4 Schedule -Group Project Proposal Due -Planning IA Structures -Other Readings -Research Topic Presentations.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
Information Architecture & Design Week 6 Schedule - Browsing and Searching for IA - Other Readings - Research Topic Presentations - Class Work (if time)
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
IA Project: TCC site New Thompson Conference Center Site By: Ann Dobbs Date: December 7, 2006 Class: i385e.
Information Architecture 2 No Class Scheduled October 23 Primary Readings - Zeldman, J. (2003). Designing With Web Standards: Chapters 6-8Designing With.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
CS 501: Software Engineering Fall 1999 Lecture 23 Design for Usability I.
Testing Your Site Design Prototype Evaluate Is it what the user wants? No.
Web Page Elements Writing For the Web
Section 5.1 Section 5.2 Determine the purpose of your Web site
Getting Started with Dreamweaver
Taxonomies & Classification for Organizing Content
Texas Legacy Project LIS 385T Information Architecture and Design
Jesse Martinez Fall 2006 December 7, 2006
Zhi Liu Dec.7th IA and Design
Overview of Dreamweaver
LEARNING AREA 4 : MULTIMEDIA
Information Architecture and Design I
Multimedia and Internet Technology
9 Algorithms: Indexing Now where did I put that?.
HCI and Hypermedia/WWW
Web Standards and Accessible Design.
Presentation transcript:

Anatomy of IA Search Browse “Invisibles” Interface Query Language Index & Algorithms Results (Zones) Browse Taxonomies & Hierarchies Global (site-wide) & Local Navigation Links Tables of Contents, Site Maps, Indices Guides, Pathfinders, Wizards, Tasks Content & Contextual Links “Invisibles” Controlled Vocabularies (language use) Thesauri Rule Sets (Canned search results)

Structural Anatomy for IA Headings Embedded Links Metadata (appearance) Chunks of Content Lists Steps Identifiers Navigational Help Logos(?)

Organizing Information… Topic Yellow Pages Layers Task Shop Learn Audience Experts Beginners Metaphor Hybrids

Questions for IA Organization Who is using the site? Purpose (Just in time) Help! What are the goals of the site? Content Where are the key pieces of information? Navigation Wayfinding When is the site used? What’s New? What’s Old? How will the site be used? Search? Browse? Why this site?

Presentation Materials Wireframes User models Scenarios Site Maps (early) Designs Task flows

Presentation Deliverables Paper prototypes Wireframes (templates) Blueprints (Site maps) Controlled vocabularies (label sorts) User scenarios (storyboards) Metadata schemas Metaphors Design palettes Content inventory

Presentation Discussion What kind of site did you build? Informational, Entertainment, Portfolio, Content display, Context with links What resources do you have? Content, Ideas, Circumstance, Customer Who is your user audience? What will the site be used for? What are the goals of the site? What problem does your design solve? Why would someone want to use your site? What’s the ROI for the site?

IA Mechanics Checklist XHTML Validation With Dreamweaver 508 Accessibility compliance With Bobby Working with common browsers Window sizes & resolution Style Sheet(s) Verification All links work Page names & TITLEs

IA Design Checklist Navigation Labels Navigation Stress Test Simplicity & Functionality Labels File & directory names Link names, headings & keywords

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2024 SlidePlayer.com. Inc. All rights reserved.