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 Define goals in Project Proposal Need for an IA Resource at the iSchool Define goals in Project Proposal Create Project Website What is Information Architecture? What do Information Architects do? Are their classes I can take? Are their Professors I can talk to? What about Student organziations? These are all questions we have all heard or had ourselves. IT is for that reason that the IA HUB project came about. Our mission is to create an online presence for the Information Architecture discipline as related to the School and the Industry. Currently there is no such resource for students, faculty, staff, prospective students, or visitors. We began by defining our goals in a Project Propsal and creating a Project Website so as to monitor our work and share the details of our project with our clients, stakeholders and others who may be interested. 9/21/2018 IA Hub Project

Planning: Meetings Client Meetings Stakeholder Meetings Don Turnbull Stakeholder Meetings Dean Dillon Randolph Bias Oliver Chen Shannon Lucas Technology Meeting Kai, iSchool Webmaster Our planning began with Client and Stake holder meetings. These meetings included iSchool Faculty members, iSchool students, and the iSchool webmaster. 9/21/2018 IA Hub Project

Planning: Manage group process Weekly Group Meetings Email Schedule & Tasks Blog To manage our group processes we had weekly group meetings used to discuss We commnicated our ideas, thoughts, and suggestions through email, a schedule matrix and a blog 9/21/2018 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 Being that we 9/21/2018 IA Hub Project

Analysis: Content List we kept track of our content found during researching here 9/21/2018 IA Hub Project

Analysis: Content Map once we had a good amount of content – we were able to creat a overview of key content areas we hoped to create 9/21/2018 IA Hub Project

Analysis: Labels Analysis Finally, we created labels that would accurately and simply allow users to navigate to these content areas of the site. We used the suggestions and comments from the in-class activity to validate certain label choices as well as to change or even omit others 9/21/2018 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 9/21/2018 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 9/21/2018 IA Hub Project

Design: Sketches Design Drafts Gave a visual of content and placement on pages 9/21/2018 IA Hub Project

Design: Wireframe Browser Title Page Title Navigation Content Area 9/21/2018 IA Hub Project

Design: Changes & Decisions 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 9/21/2018 IA Hub Project

Design: Template Design 9/21/2018 IA Hub Project

Design: Site Map 9/21/2018 IA Hub Project

Implementation: Build Prototype Live Prototype http://www.ischool.utexas.edu/~iahub/IAHUB/what_is_ia.html 9/21/2018 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 9/21/2018 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 9/21/2018 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 9/21/2018 IA Hub Project

Future: Top 10 Areas for Growth Info for internal audiences More faculty info Info on current students for external audience Profiles of recent grads / IA alum Info on undergraduate backgrounds 9/21/2018 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 9/21/2018 IA Hub Project

Future: Construction & Maintenance - Images http://www.ischool.utexas.edu/~iahub/photo_proposal.html - Content / content review - Final code verification Maintenance - ASIS&T Student Chapter 9/21/2018 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 9/21/2018 IA Hub Project

Questions? Thank you! 9/21/2018 IA Hub Project