The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 UW Majors Guide Design Process and Results Pei-Wen.

Slides:



Advertisements
Similar presentations
Planning Your web content
Advertisements

User Experience Krista Van Laan. Agenda What is User Experience? How does a User Experience team support the rest of the organization? What processes.
Research Methods and Usability Guidelines for Ecommerce Web Sites Mary Czerwinski Microsoft Research Note: Many of these slides came from a Keynote address.
Program Update and Site Redesign Program Update and Site Redesign | Aug 2013.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Academic Advisor: Prof. Ronen Brafman Team Members: Ran Isenberg Mirit Markovich Noa Aharon Alon Furman.
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #10 BOO! BOO!
Academic Advisor: Prof. Ronen Brafman Team Members: Ran Isenberg Mirit Markovich Noa Aharon Alon Furman.
From Scenarios to Paper Prototypes Chapter 6 of About Face Defining requirements Defining the interaction framework.
Customer Focus Module Preview
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Product Management & User Experience: Are they the right career paths for you? Rob Houser Sr Director, Product Sage.
Evaluating Educational Technology and Integration Strategies By: Dakota Tucker, Derrick Haney, Demi Ford, and Kent Elmore Chapter 7.
WIKI IN EDUCATION Giti Javidi. W HAT IS WIKI ? A Wiki can be thought of as a combination of a Web site and a Word document. At its simplest, it can be.
Futurewise New Generation. A new generation of careers guidance planning.
6.191 Introduction Master of Engineering Thesis Project Program Prototyping Research Results Charles G. Sodini, Howard E. Shrobe, Arthur C.M. Chen.
Web-designWeb-design. Web design What is it? Web-design features Before…
ARKANSAS DEPARTMENT OF HEALTH Health Literacy Online Marisa Nelson, MPS Health Educator Chronic Disease Prevention and Control.
1 DENIM: An Informal Web Site Design Tool Inspired by Observations of Practice CS 376 – Research Topics in HCI 11/01/2005 Tony Tulathimutte.
IMAGE Daniel Harmon Michael Ryan Stu SPLITTERS Rabess Keener Dack Kao Haas.
SiTEL LMS Focus Group Executive Summary Prepared: January 25, 2012.
Final Project Presentation William Blaney Chris Combs Ellen Eramya David Wagner.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
Research on the Interaction Between Human and Machines University of Houston-Clear Lake Tasha Y. David.
User Inspired Design 2013 Jack Whalen Yiying Wu
Project 3 Cookie Cutters Kevin Huynh Sean Tsusaki Jordaniel Wolk.
Michael KwonJoel AzpeitiaKaren Yeung Alex Dodge Ryo KoyamaDanna LeeKrystin Tani Channelle Washington.
User Centered Design David Lindahl Director of Digital Library Initiatives University of Rochester Libraries.
The Information School at the University of Washington INFO 440: Information System Design Fall 2003 * Bob Boiko * MSIM Associate Chair XML Transforms.
Brainstorm Solutions Problem Solving Module Session 4.
Cathleen Karaffa Wordpress/ ckaraffa Test Findings ckaraffa.
Syllabus Management System. The Problem There is need for a management system for syllabi that: Provides a simple and effective user interface Allows.
User Interface Design & Usability for the Web Card Sorting You should now have a basic idea as to content requirements, functional requirements and user.
IMT 500: The Information Management Framework Autumn Quarter, 2012.
Art 155 Information Architecture In-class Presentation Week 1B.
Choosing Your Major Copyright Prepared for our institution by PaperClip Communications.
Information Architecture Week 1. Information Architecture CALENDAR.
The Changing Campus Web November, December 6, 2015 page 2 Agenda 1)Introductions 2)Overview: Campus Trends 3)Overview: Lessons Learned 4)Our Approach.
3D Animation For this presentation I’ve decided to look at 3D Animation. This style of design has really grabbed my attention in the past couple of months.
Date : 04 Nov 2015 Web Design Fundamentals Planning and Documentation.
Art 155 Information Architecture In-class Presentation Week 4B.
Project Title Subtitle or Value Proposition Overview The basic problem you are attacking. Gain a cursory understanding of our approach to solving within.
EGI-InSPIRE RI EGI-InSPIRE EGI-InSPIRE RI SAM New Requirements from the SA1 Survey.
Computer/Human Interaction Fall 2015 Northeastern University1 Name of Interface Tagline if you have one Team member names and schools/years Team member.
7 th Grade Big6 Project Assignment: Make a children’s informational book (It can be in graphic novel format or regular picture-book format)
My Path Awareness Part 1 Kuder Career Planning Systems Presented by: Veronica Allen, Career Coach Betsy Richards, Director of Career Resources Wade Britt,
Strategies for Success in Earth Science Travis Ramage, Academic Advisor.
Class 12: Exam Review Client project
Data Synthesis and Analysis
Preparing for Graduate School
unitedstreaming New Features
Zapping into learning: Using Zaption in the Classroom
Usability Testing and Web Design
Data Synthesis and Analysis
Enrollment made easy three steps to a complete schedule
Katherine Prentice, MSIS Richard Usatine, MD
OverDrive Digital Library Basics
Juliana Cook Adrienne Ivey Meredith Marks Nhien Tran
OverDrive Digital Library Basics
Office hours If you have any questions about class content, please ask me. I am willing to help you be successful in this course and I am your best.
Structural / Functional Site Diagramming
Office hours If you have any questions about class content, please ask me. I am willing to help you be successful in this course and I am your best.
Transfer Student Initiatives
Finding the Ways To Make Wayfinding Work
Office hours If you have any question about class content, please ask me. I am willing to help you be successful in this course and I am your best.
Office hours If you have any question about class content, please ask me. I am willing to help you be successful in this course and I am your best.
10 Rules of Good UI Design to Follow On Every Web Design Project
Phases of Designing a Website
Presentation transcript:

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 UW Majors Guide Design Process and Results Pei-Wen Chang Aaron Egaas Irvin MacQuarrie Daniel Podhola Ryan Prins Kathryn Tong Team Calder

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Calder is The Man! Performance in Art (Cirque Calder) Kinetic Sculpture (Mobile) Large Public Sculptures Had the “the most prolific and innovative artistic career of the twentieth century.” according to his website… Source: Overview: What we can learn about design: Inspiration can come from anywhere, be observant of your surroundings! A change in surroundings can positively influence your design Just create! Calder spent his entire life creating and designing. Practice makes perfect!

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Team Member Contributions Photo other image that “is” your team Photo Credit: Aaron Team MemberContribution Aaron & Danpresentation editor, prototype team, content types, visual design, photography Irvin & Pei-weninformation architecture, interactions, usability, organizational overview Ryan & Kathrynproject management, requirements, activities, report editors Group effortsthe triple, persona development, report draft, presentational slides

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Our Process Preparation Information Design Interaction Design Prototype Design

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Preparation for Design Questions we asked: What problem shall we pursue? –Strategic Design Who would benefit from a solution? –Persona Design How would they solve it? –Requirement Analysis

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Our Triple By delivering recommendations for a major that matched student interests to students we will be able to help them find their major faster because the service will contain pertinent information

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Our Persona Maria Sangria UW Student Yakima, WA “I just want an easy way to find a major on my own time, without having to wait in line at the Gateway center.”

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Major Requirements BossStudent Information Requirement About programs on campus Advisor contact information Listing of courses Related majors A timeline of steps for applying to a major Interest Survey Reverse course listing to related majors Related majors based on a class taken Presentation Requirement Professional Not intimidating Professional colors (ie no pink) List of suggested majors in order of suggestion Okay to have different look from what’s currently in use Not overly professional Ability to browse major List of suggested majors in order of suggestion Open extra information in a separate window Task Requirement Obtain feedback from users Open to all students Ability to schedule appointment w/ advisors Work in multiple browsers Keep technology in line w/ what is currently in place Remind me later option [Web advising – (boss doesn’t like)] Seamless technology

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Designing the information Information Architecture –Creation of our taxonomy Content Modeling –Defining our content

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Information architecture Brainstormed important words and phrases Created topic map centered around "major finder" Had two users complete a card sort Derived a taxonomy from the card sorts and the project requirements –Five top level hierarchies

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Content model Forming relationships between the words we developed during Brainstorm Prior work: UW’s Course Catalog Course Degree Program School

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Content Domain The information about majors on campus and what it takes to gain admission into these programs. This content also includes past classes and academic planning.

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Designing the interactions Tasks –Pulling tasks from prior labs to generate the top three Interactions –Putting the tasks together with functions

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Tasks Task 1: Look for pertinent information –Wanting to look for only the information that I need and nothing more Task 2: Input past courses and gain suggestions of one or more majors –Input your past courses and see what majors you could get into with them Task 3: Figure out what the degree requirements are for a specific major –Research the specific entry requirements for a particular major

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Interactions Created a site path diagram for the interactions Chose interaction of "Input past courses to get suggestion for major" Took in initial user state of confusion Detailed steps of the interaction Created a flow chart

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Designing the interface Putting the Pieces together

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Our prototype

The Information School at the University of Washington Demo

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair Usability Came up with a test plan Conducted usability testing for three interactions: –past courses, search, and browse Things that stood out: "guy with glasses" Encountered problems –user for first interaction had only taken three courses –user for third interaction didn't follow the expected path Recommendations –more extensive filtering system –look at changing location and titles for features further testing required

The Information School at the University of Washington INFO 440: Information System Design * Fall 2004 * Bob Boiko * MSIM Associate Chair You Should Know… What went right What went wrong What was insanely great Where we compromised How we fit a big project into a small time Next steps…