Aoide iDesign Presentation
-
Upload
pei-yao-hung -
Category
Design
-
view
324 -
download
1
Transcript of Aoide iDesign Presentation
![Page 1: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/1.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/2.jpg)
Project focus & Methods
![Page 3: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/3.jpg)
Project Focus
� MLibrary audio collection
� Exploration for the online materials
![Page 4: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/4.jpg)
Goal
� Understanding users’ behaviors
� Developing innovative methods
![Page 5: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/5.jpg)
Design Process & Methods � Brainstorming
� Interviewing
� Personas & Scenarios
� Comparative Analysis
� Prototyping
� Usability Testing
� Website Mock-up
![Page 6: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/6.jpg)
Key Findings
![Page 7: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/7.jpg)
Topics � User Behavior
� User Preference on Design
![Page 8: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/8.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/9.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/10.jpg)
Prototyping
![Page 11: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/11.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/12.jpg)
Home Page Result Page
Explore Page Profile Page
![Page 13: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/13.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/14.jpg)
![Page 15: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/15.jpg)
Mid-fi Prototype � Interactive prototype
� Focus on home page, explore page, & profile page
� Pay more attention on function
![Page 16: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/16.jpg)
Usability Test
![Page 17: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/17.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/18.jpg)
Result � Explore page is confusing and need to address the
relation between albums
![Page 19: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/19.jpg)
Redesign
![Page 20: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/20.jpg)
Result � More guidance displayed on interface is needed
� Add more description
![Page 21: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/21.jpg)
Redesign
![Page 22: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/22.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/23.jpg)
Redesign
![Page 24: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/24.jpg)
Demonstration Video
![Page 25: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/25.jpg)
Discussion
![Page 26: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/26.jpg)
Feedbacks from expoSItion � ExpoSItion: student projects exhibition at the
School of Information
� Participants � Students
� Librarians � Corporate associates
� Professors
![Page 27: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/27.jpg)
Feedbacks � Browsing Experience
� Department Favorite List
![Page 28: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/28.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/29.jpg)
Limitations � Aoide designed as an intermediate gateway to
the MLibrary’s audio collection.
![Page 30: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/30.jpg)
Limitation � Privacy Concerns with Checked-out Records
� Non-personal recommendation system
![Page 31: Aoide iDesign Presentation](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/31.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022052912/55a1478b1a28abb2528b45a6/html5/thumbnails/32.jpg)
Q&A Team Aoide
Gin L Chieng, Pei-Chih (Bell) Shih, Pei-Yao Hung, Sylvia Szu-Hsuan Lai, Yi-Ying Lin