32
Aoide: A Virtual Browsing Exploration for MLibrary Team Aoide School of Information University of Michigan Gin L Chieng, Pei-Chih (Bell) Shih, Pei-Yao Hung, Sylvia Szu-Hsuan Lai, Yi-Ying Lin

Aoide iDesign Presentation

Embed Size (px)

Citation preview

Page 1: Aoide iDesign Presentation

Aoide: A Virtual Browsing Exploration for MLibrary

Team Aoide School of Information University of Michigan

Gin L Chieng, Pei-Chih (Bell) Shih, Pei-Yao Hung, Sylvia Szu-Hsuan Lai, Yi-Ying Lin

Page 2: Aoide iDesign Presentation

Project focus & Methods

Page 3: Aoide iDesign Presentation

Project Focus

�  MLibrary audio collection

�  Exploration for the online materials

Page 4: Aoide iDesign Presentation

Goal

�  Understanding users’ behaviors

�  Developing innovative methods

Page 5: Aoide iDesign Presentation

Design Process & Methods �  Brainstorming

�  Interviewing

�  Personas & Scenarios

�  Comparative Analysis

�  Prototyping

�  Usability Testing

�  Website Mock-up

Page 6: Aoide iDesign Presentation

Key Findings

Page 7: Aoide iDesign Presentation

Topics �  User Behavior

�  User Preference on Design

Page 8: Aoide iDesign Presentation

User Behavior �  Adopt information seeking techniques like search

engine, such as keyword search �  Ex, Google search; Library resources online search

�  Need specific information to be explicitly displayed on the explore page �  Images: album covers

�  Text: album name and artist

Page 9: Aoide iDesign Presentation

User preference �  Music sites tend to adopt information visualization

�  AllMusic, Amazon music, and Pandora

�  Users are easily influenced by peer recommendations

Page 10: Aoide iDesign Presentation

Prototyping

Page 11: Aoide iDesign Presentation

Paper Prototype �  Draft sketches of the web interface

�  Finalized our design

�  Main pages

home page, result page, explore page, and profile page

Page 12: Aoide iDesign Presentation

Home Page Result Page

Explore Page Profile Page

Page 13: Aoide iDesign Presentation

Interaction Map �  How information flow between pages

�  How different pages interact with each other

�  Interaction Map �  Visualize major functions

�  Highlight possible routes

Page 14: Aoide iDesign Presentation
Page 15: Aoide iDesign Presentation

Mid-fi Prototype �  Interactive prototype

�  Focus on home page, explore page, & profile page

�  Pay more attention on function

Page 16: Aoide iDesign Presentation

Usability Test

Page 17: Aoide iDesign Presentation

Usability Test �  Recruiting: 10 students

�  Age: 23-35

�  Different backgrounds: music, information science, and engineering.

�  Domestic & International : Unites State, India, Korea, and Taiwan

Page 18: Aoide iDesign Presentation

Result �  Explore page is confusing and need to address the

relation between albums

Page 19: Aoide iDesign Presentation

Redesign

Page 20: Aoide iDesign Presentation

Result �  More guidance displayed on interface is needed

�  Add more description

Page 21: Aoide iDesign Presentation

Redesign

Page 22: Aoide iDesign Presentation

Result

�  Browsing history is useful but requires more details about each album and artist �  More text including artist name and album name.

Page 23: Aoide iDesign Presentation

Redesign

Page 24: Aoide iDesign Presentation

Demonstration Video

Page 25: Aoide iDesign Presentation

Discussion

Page 26: Aoide iDesign Presentation

Feedbacks from expoSItion �  ExpoSItion: student projects exhibition at the

School of Information

�  Participants �  Students

�  Librarians �  Corporate associates

�  Professors

Page 27: Aoide iDesign Presentation

Feedbacks �  Browsing Experience

�  Department Favorite List

Page 28: Aoide iDesign Presentation

Surprising Feedback Music Graduate Student

Aoide as a great resource for music students.

“The timeline is an example of how the music school professors thinks – it’s their mental model all laid out in their minds. And they want students to look for relationships between the different dynamics in consideration to artist, time and genre.”

Future design ideas: Timeline as generable to different variables.

Page 29: Aoide iDesign Presentation

Limitations �  Aoide designed as an intermediate gateway to

the MLibrary’s audio collection.

Page 30: Aoide iDesign Presentation

Limitation �  Privacy Concerns with Checked-out Records

�  Non-personal recommendation system

Page 31: Aoide iDesign Presentation

Conclusion �  Aoide as a reflective design.

�  Innovative Browsing Experience that allows for input and output. �  Strategy to retain users for using MLibrary’s audio

resources �  Raise awareness

�  Increase usage �  Opportunities to explore

Page 32: Aoide iDesign Presentation

Q&A Team Aoide

Gin L Chieng, Pei-Chih (Bell) Shih, Pei-Yao Hung, Sylvia Szu-Hsuan Lai, Yi-Ying Lin