240 likes | 338 Views
IA Hub Project. Information Architecture & Design I INF 385E Group Members: Amy (Xueyin) Bai Li Cao Valerie Gomez de la Torre Jessica Kubik Misty McLaughlin. Introduction. Mission Need for an IA Resource at the iSchool Define goals in Project Proposal Create Project Website.
E N D
IA Hub Project Information Architecture & Design I INF 385E Group Members: Amy (Xueyin) Bai Li Cao Valerie Gomez de la Torre Jessica Kubik Misty McLaughlin
Introduction • Mission • Need for an IA Resource at the iSchool • Define goals in Project Proposal • Create Project Website IA Hub Project
Planning: Meetings • Client Meetings • Don Turnbull • Stakeholder Meetings • Dean Dillon • Randolph Bias • Oliver Chen • Shannon Lucas • Technology Meeting • Kai, iSchool Webmaster IA Hub Project
Planning: Manage group process • Weekly Group Meetings • Email • Schedule & Tasks • Blog IA Hub Project
Analysis: Content Gathering • Content from client and stakeholders • Research for content externally • Other Graduate iSchool Programs • IA Terminology/definitions • Industry Resources • Professional Organizations • Content within iSchool • Current iSchool Website • research projects/papers • Professors • Students IA Hub Project
Analysis: Content List IA Hub Project
Analysis: Content Map IA Hub Project
Analysis: Labels Analysis IA Hub Project
Design • The initial design phase • Meetings with Dean Dillon and Dr. Turnbull • Agreed that IA Hub site needed to be similar to the current PCS pages • Thoughts from Dean Dillon • Possible move away from current iSchool site design • Meeting with Kai Mantsch • iSchool CSS IA Hub Project
Group Consensus on Design • Stick with the current iSchool site design • Keep it consistent with the iSchool design so that any future iSchool changes can easily be implemented IA Hub Project
Design: Sketches Design • Design Drafts • Gave a visual of content and placement on pages IA Hub Project
Design: Wireframe Design • Browser Title • Page Title • Navigation • Content Area IA Hub Project
Design: Changes & Decisions Design • Our own local navigation • similar to that of PCS • What is IA? • IA at UT • IA Resources • Events • Third column • break up heavy text • provide supplementary info • task focused IA Hub Project
Design: Template Design IA Hub Project
Design: Site Map IA Hub Project
Implementation: Build Prototype • Live Prototype http://www.ischool.utexas.edu/~iahub/IAHUB/what_is_ia.html IA Hub Project
Implementation: Tools, Technology & Style • Tools needed • Current version of Dreamweaver • iSchool CSS • Style Guide • CSS • www.ischool.utexas.edu/ischool.css • Navigation: • Global and Local Nav. Schemes • Updated Pages • File Locations & Naming Conventions • underscore_separated_titles.html • Contact Information for Kai Mantsch IA Hub Project
Verification: User Testing & Heuristic Evaluation Design • Jakob Nielsen’s Ten Usability Heuristics • Match between system and the real world • Consistency and standards • Flexibility and efficiency • Aesthetic and minimalist design • Help and documentation http://www.ischool.utexas.edu/~iahub/test.html IA Hub Project
Verification: User Testing & Heuristic Evaluation Design • General Usability Issues - Too many page titles and sub-headings - Not enough interlinking of pages and suggesting pathways for visitors - Many links take you out of iSchool site - Content heavy, not enough visuals - Need annotations to accompany lists of links - Difficult to move around “Events” section - Lacks much by way of substance in content IA Hub Project
Future: Top 10 Areas for Growth Future • Info for internal audiences • More faculty info • Info on current students for external audience • Profiles of recent grads / IA alum • Info on undergraduate backgrounds IA Hub Project
Future: Top 10 Areas for Growth 6) Info on relationship between IA and Kilgarlin Center / Librarianship 7) Dynamic RSS feed 8) Comprehensive glossary 9) Population-specific pages to create pathways into site 10) IA-only “Events” calendar IA Hub Project
Future: Construction & Maintenance Future • Construction - Images http://www.ischool.utexas.edu/~iahub/photo_proposal.html - Content / content review - Final code verification • Maintenance - ASIS&T Student Chapter IA Hub Project
Post Mortem • Group Challenges - Top-down v. bottom-up - Not enough face-to-face contact with audience / stakeholders • Group Successes - Making abstract ideas concrete - Setting reasonable goals - Alternating tasks between group members • Individual Members Comments http://www.ischool.utexas.edu/~iahub/post_mortem.html IA Hub Project
Questions? Thank you! IA Hub Project