School of Information, Fall 2007 University of Texas
description
Transcript of School of Information, Fall 2007 University of Texas
![Page 1: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/1.jpg)
Information Architecture & Design
Tuesday 6:30–9:30pm SZB 546http://www.ischool.utexas.edu/~i385e
A. Fleming Seay
School of Information, Fall 2007
University of Texas
![Page 2: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/2.jpg)
Course Overview
SyllabusRequirements & PreferencesIA & Design ReadingsGroup ProjectsDo’s and Don’tsIA OverviewWhat is IA?Information Architect as a Profession
![Page 3: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/3.jpg)
Syllabus and Topics Overview
Weekly WorkReadings
PrimarySecondary
Class WorkDiscussions in class
Participation is the key to getting something out of this course
Cooperation & Collaboration with others in class
![Page 4: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/4.jpg)
Assignments
DiscussionsClass discussions
PresentationsIA TopicSite design (your final assignment)
IA WorkSmall assignments due every other week
Site critiqueExamine a Web site for information structure, design, navigability, general usability & underlying design technology
![Page 5: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/5.jpg)
Rules for Assignments
Assignments due at the absolute beginning of classDo not be late to class
Late assignments are penalized 20% per 24 hour periodYou are responsible for making sure the assignment is received
E.g. Due at Noon today, turned in tomorrow at Noon = -20%. Turned in a week later = 0.
Arrangements can be agreed upon for known issuesTravel, Serious Illness or Work
![Page 6: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/6.jpg)
Rules for Assignments (continued)
Do not mail attachments to me unless agreed upon
Make assignments Web accessibleWhen required, notify class of your assignment via class listserv
Posting or sent email times count as submission times
For Web pages, DO NOT use MS Word or FrontPage No “Save As…”Learn to use Web markup tools & see the XHTML code
![Page 7: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/7.jpg)
Class Work
Mailing list (listserv) Go to https://utlists.utexas.edu/sympa/info/inf385e . Log in or create an account Click subscribe in left margin. Follow instructions. To post a message to the mailing list, address your email to: [email protected]
![Page 8: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/8.jpg)
IA Course Requirements
Use Fundamental IA ToolsHTML EditorsGraphics EditorsSite Mapping ToolsSite Organization Tools
Learn and Use IA MethodologyWork Through the Phases of the IA ProcessCreate and Maintain a Design SpecificationUse Structured Development Techniques
![Page 9: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/9.jpg)
IA Course Preferences
IA TechnologiesHTML, XHTML, XMLJavascript and Databases
Innovative Design using:ContentInterfacesOrganization schemes (“architectures”)
Work on a Real ProjectDeveloping RequirementsDefining and Implementing DesignsDealing with changes & deadlines
![Page 10: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/10.jpg)
Do’s and Don’ts for IA1
Do turn in assignments at the very beginning of class.
Don’t be late for class.
Don’t use Microsoft Word’s “Save As…” feature or FrontPage to build any Web pages.
Do try new Web designs.
Do use Web dev tools you haven’t used before.
Do embrace different aspects of the IA roles.
![Page 11: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/11.jpg)
Introductions
Where are you from?
What program are you in and what year?
How much experience in building pages/sites?
![Page 12: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/12.jpg)
Information Architecture Overview
What is Information Architecture?
What Do Information Architects Do?
Approaches to Information Architecture
Information Architecture Process
Design and Information Architecture
Designers and Information Architects
Information as Product
![Page 13: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/13.jpg)
What is Information Architecture?
Builds on Skills, Methods & History of ArchitectureIA is not just an analogyIA is Process-Oriented
IA is both Art & ScienceBuilt upon Theory (Knowledge & Experiments)Realized in Practice (Skills & Experience)
IA is a Dynamic DisciplineTechnologies are continually changingPeople have accelerating needs & expectations
![Page 14: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/14.jpg)
What defines Info Architectures?
Convey organization & information
Provide a logical, understandable structure for current (& future) information
Seem well-designed (perception)
Provide Just in Time information
Support reference & retrieval
A picture worth a thousand wordsAn architecture to find those 1,000 words & moreNot always a simple picture
![Page 15: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/15.jpg)
DNA is information, now this is IA
![Page 16: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/16.jpg)
This IA is useful too
![Page 17: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/17.jpg)
IA has Density
![Page 18: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/18.jpg)
Communicate structure
Where to goWhere you’ve beenHow much is there
Site Maps
![Page 19: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/19.jpg)
Not just graphics
Tables of contentIndexShelves of BooksList of links
![Page 20: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/20.jpg)
What Do Info Architects Do?
Use Tools and Methods
Apply Experience & Understanding of Users
Manage the IA Process
Roles IncludeApplication DevelopmentContent DevelopmentDesignMISEducationProduct Management
![Page 21: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/21.jpg)
What Do Info Architects Do?
Work through an IA MethodologyPlanAnalyzeDesignConstructVerifyMaintain
Iterate the process
Adapt to technology, information & customer needs
![Page 22: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/22.jpg)
AKA IA?
Experience DesignExperience Modeling (X-Mod)User ModelingUsability EngineeringWebmasterInteraction DesignMultimedia DeveloperInstructional DesignerWeb DeveloperThe Visio job search…
![Page 23: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/23.jpg)
Information Architecture is …
Proactive Strategic for Information SystemsTactical for TechnologiesProfitable for the OrganizationCentral to BusinessApplicable to Any EndeavorNot just Web sitesInformation & Process
FluidIndispensable
![Page 24: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/24.jpg)
IA in Context
Learning
Information Seeking
Information Retrieval
Analytical Strategy
BrowsingStrategy
Information Architecture
![Page 25: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/25.jpg)
Approaches to IA
Mediator of the Design ProcessInterpreter of User Needs and UsesApplying Theory to Practice (Top-Down)Designing & Extending from Examples (Bottom-Up)VisionaryProducer, DirectorArtist or ScientistObjective / Subjective
Project Lead – IA – Designer – Usability - QA
![Page 26: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/26.jpg)
What about Design?
Design as Problem SolvingView of the world as an information spaceImproving the information space
Products that solve these problemsInformation as ProductConnections & Organization as Product
Processes that solve problemsEducation (eLearning)Business Transformation (Web 2.0)
Information Architecture is critical for good Application Design
![Page 27: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/27.jpg)
Design & IA
Creating & managing information
Visualization alone isn’t enough
Users. Content. Context.
![Page 28: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/28.jpg)
Design is an Attitude
View of the world as a problem space
Improving the problem space
Solving problems that no one even knew existed
Creativity put to use
Applying solutions from one domain to another (synthesis)
![Page 29: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/29.jpg)
Designers & Information Architects
Focus on the UsersApply TheoryUnderstand the systemUse tools proficientlyExtend the systemCreate new systemsSolve problems
![Page 30: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/30.jpg)
Our IA Methodology
PlanningAnalysisDesignTechnology IndependentTechnology Dependent
ConstructionVerificationMaintenance
![Page 31: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/31.jpg)
IA Methodology
Analysis Design
Verification Construction Maintenance
Planning
![Page 32: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/32.jpg)
Principles of UI Design & IA
Allow feedback controlExpose the UI functionalityMake functionality clear & distinct
Reduce working memory loadShow progress & context of task
Support experts & novicesLet user select the right interfaceReveal UI & system functionality in phasesAmount of information shown, preferred
![Page 33: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/33.jpg)
What about Visualization & IA?
Interactive GUIs are a good startGraphical views of information can provide an
overviewIs a picture (of an action) worth 1000 words?Is a picture of a dataset worth more?Graphics help with abstraction, how can they
represent specifics?Visual metaphors may be one keyNavigation as a mechanism for interpretation
![Page 34: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/34.jpg)
Types of Visualization Interaction
Windows, Icons, Menus & PointersDesktops, dialogs & formsColors & HighlightingPanning & ZoomingFocus-plus contextMagic Lens, Fisheye lens
![Page 35: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/35.jpg)
Web Categories
![Page 36: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/36.jpg)
Drill down selection in a GUI
![Page 37: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/37.jpg)
Visual Clustering
![Page 38: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/38.jpg)
GUIs are good for users
But let’s not go overboard.“Although intuitively appealing, graphical
overviews of large document spaces have yet to be shown to be useful and understandable for users. In fact, evaluations that have been conducted so far provide negative evidence as to their usefulness.”
Jef Raskin’s Humane Interface
Well architected information makes GUIs better
The information structure(s) should guide the interface
![Page 39: School of Information, Fall 2007 University of Texas](https://reader035.fdocuments.net/reader035/viewer/2022062221/56813b3c550346895da41091/html5/thumbnails/39.jpg)
Deliverables for next week
Sign up for the listserv
Course readings & discussion
Tools Tutorials & Review in two weeksUsing your iSchool account (FTP)Visio & OmniGraffleDreamWeaver