SlideShare uma empresa Scribd logo
1 de 32
Baixar para ler offline
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
Project focus & Methods
Project Focus	
—  MLibrary audio collection


—  Exploration for the online materials
Goal	
—  Understanding users’ behaviors


—  Developing innovative methods
Design Process & Methods	
—  Brainstorming
—  Interviewing
—  Personas & Scenarios
—  Comparative Analysis
—  Prototyping
—  Usability Testing
—  Website Mock-up
Key Findings
Topics
—  User Behavior
—  User Preference on Design
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
User preference	
—  Music sites tend to adopt information visualization
  —  AllMusic, Amazon music, and Pandora



—  Users are easily influenced by peer
  recommendations
Prototyping
Paper Prototype
—  Draft sketches of the web interface
—  Finalized our design
—  Main pages
  home page, result page, explore page, and
  profile page
Home Page      Result Page




Explore Page   Profile Page
Interaction Map
—  How information flow between pages
—  How different pages interact with each other
—  Interaction Map
  —  Visualize major functions
  —  Highlight possible routes
Aoide iDesign Presentation
Mid-fi Prototype
—  Interactive prototype
—  Focus on home page, explore page, & profile
  page

—  Pay more attention on function
Usability Test
Usability Test
—  Recruiting: 10 students
—  Age: 23-35
—  Different backgrounds: music, information science,
  and engineering.

—  Domestic & International : Unites State, India,
  Korea, and Taiwan
Result
—  Explore page is confusing and need to address the
  relation between albums
Redesign
Result
—  More guidance displayed on interface is needed
  —  Add more description
Redesign
Result
—  Browsing history is useful but requires more details
  about each album and artist
  —  More text including artist name and album name.
Redesign
Demonstration Video
Discussion
Feedbacks from expoSItion
—  ExpoSItion: student projects exhibition at the
  School of Information

—  Participants
  —    Students
  —    Librarians
  —    Corporate associates
  —    Professors
Feedbacks	
—  Browsing Experience


—  Department Favorite List
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.
Limitations	
—  Aoide designed as an intermediate gateway to
  the MLibrary’s audio collection.
Limitation	
—  Privacy Concerns with Checked-out Records
  —  Non-personal recommendation system
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
Q&A
                  Team Aoide
Gin L Chieng, Pei-Chih (Bell) Shih, Pei-Yao Hung,
        Sylvia Szu-Hsuan Lai, Yi-Ying Lin

Mais conteúdo relacionado

Semelhante a Aoide iDesign Presentation

Educ 526 presentation
Educ 526 presentationEduc 526 presentation
Educ 526 presentationchervitz
 
LibGuides Annotated Bibliography by Subject
LibGuides Annotated Bibliography by SubjectLibGuides Annotated Bibliography by Subject
LibGuides Annotated Bibliography by Subjectlmrey_tamul
 
Stop Looking and Start Listening
Stop Looking and Start ListeningStop Looking and Start Listening
Stop Looking and Start ListeningBecky Stewart
 
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Robert Stribley
 
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Robert Stribley
 
Gathering & Presenting User Input
Gathering & Presenting User InputGathering & Presenting User Input
Gathering & Presenting User InputJeff Wisniewski
 
Multichannel Self-Organized Learning and Research in Web 2.0 Environment
Multichannel Self-Organized Learning and Research in Web 2.0 EnvironmentMultichannel Self-Organized Learning and Research in Web 2.0 Environment
Multichannel Self-Organized Learning and Research in Web 2.0 EnvironmentMalinka Ivanova
 
"From Reading Rooms to Research Commons" Sheila Corrall, DARTS4
"From Reading Rooms to Research Commons" Sheila Corrall, DARTS4"From Reading Rooms to Research Commons" Sheila Corrall, DARTS4
"From Reading Rooms to Research Commons" Sheila Corrall, DARTS4ARLGSW
 
Defense Ates Gursimsek Mutlimodal Semiotics and Collaborative Design
Defense Ates Gursimsek Mutlimodal Semiotics and Collaborative DesignDefense Ates Gursimsek Mutlimodal Semiotics and Collaborative Design
Defense Ates Gursimsek Mutlimodal Semiotics and Collaborative DesignRobin Teigland
 
Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 3/19/16Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 3/19/16Robert Stribley
 
Fims student conference2012_sandygallipeau
Fims student conference2012_sandygallipeauFims student conference2012_sandygallipeau
Fims student conference2012_sandygallipeauSandra Gallipeau
 
Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - 6/25/16Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - 6/25/16Robert Stribley
 
Design and Development Strategies for Building a Museum iTunes U Site, and th...
Design and Development Strategies for Building a Museum iTunes U Site, and th...Design and Development Strategies for Building a Museum iTunes U Site, and th...
Design and Development Strategies for Building a Museum iTunes U Site, and th...Katie Velazco
 
Dimitriadis Et Al Ascilite 7 Dec
Dimitriadis Et Al Ascilite 7 DecDimitriadis Et Al Ascilite 7 Dec
Dimitriadis Et Al Ascilite 7 Decgrainne
 
Rel honours project 2014
Rel honours project 2014Rel honours project 2014
Rel honours project 2014angela_hkbu
 
Information Architecture and User-friendly design
Information Architecture and User-friendly designInformation Architecture and User-friendly design
Information Architecture and User-friendly designMayaLisa
 

Semelhante a Aoide iDesign Presentation (20)

Educ 526 presentation
Educ 526 presentationEduc 526 presentation
Educ 526 presentation
 
LibGuides Annotated Bibliography by Subject
LibGuides Annotated Bibliography by SubjectLibGuides Annotated Bibliography by Subject
LibGuides Annotated Bibliography by Subject
 
Stop Looking and Start Listening
Stop Looking and Start ListeningStop Looking and Start Listening
Stop Looking and Start Listening
 
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
 
Student research redefined - Carrie Frey, Centre College
Student research redefined - Carrie Frey, Centre CollegeStudent research redefined - Carrie Frey, Centre College
Student research redefined - Carrie Frey, Centre College
 
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
 
Citing Sources
Citing SourcesCiting Sources
Citing Sources
 
Gathering & Presenting User Input
Gathering & Presenting User InputGathering & Presenting User Input
Gathering & Presenting User Input
 
The Online Museum
The Online MuseumThe Online Museum
The Online Museum
 
Multichannel Self-Organized Learning and Research in Web 2.0 Environment
Multichannel Self-Organized Learning and Research in Web 2.0 EnvironmentMultichannel Self-Organized Learning and Research in Web 2.0 Environment
Multichannel Self-Organized Learning and Research in Web 2.0 Environment
 
"From Reading Rooms to Research Commons" Sheila Corrall, DARTS4
"From Reading Rooms to Research Commons" Sheila Corrall, DARTS4"From Reading Rooms to Research Commons" Sheila Corrall, DARTS4
"From Reading Rooms to Research Commons" Sheila Corrall, DARTS4
 
Defense Ates Gursimsek Mutlimodal Semiotics and Collaborative Design
Defense Ates Gursimsek Mutlimodal Semiotics and Collaborative DesignDefense Ates Gursimsek Mutlimodal Semiotics and Collaborative Design
Defense Ates Gursimsek Mutlimodal Semiotics and Collaborative Design
 
Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 3/19/16Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 3/19/16
 
Fims student conference2012_sandygallipeau
Fims student conference2012_sandygallipeauFims student conference2012_sandygallipeau
Fims student conference2012_sandygallipeau
 
Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - 6/25/16Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - 6/25/16
 
Design and Development Strategies for Building a Museum iTunes U Site, and th...
Design and Development Strategies for Building a Museum iTunes U Site, and th...Design and Development Strategies for Building a Museum iTunes U Site, and th...
Design and Development Strategies for Building a Museum iTunes U Site, and th...
 
Finding and Using OER
Finding and Using OERFinding and Using OER
Finding and Using OER
 
Dimitriadis Et Al Ascilite 7 Dec
Dimitriadis Et Al Ascilite 7 DecDimitriadis Et Al Ascilite 7 Dec
Dimitriadis Et Al Ascilite 7 Dec
 
Rel honours project 2014
Rel honours project 2014Rel honours project 2014
Rel honours project 2014
 
Information Architecture and User-friendly design
Information Architecture and User-friendly designInformation Architecture and User-friendly design
Information Architecture and User-friendly design
 

Mais de PEI-YAO HUNG

Discount Expertise Metrics for Augmenting Community Interaction
Discount Expertise Metrics for Augmenting Community InteractionDiscount Expertise Metrics for Augmenting Community Interaction
Discount Expertise Metrics for Augmenting Community InteractionPEI-YAO HUNG
 
English Learning Resources at the University of Michigan
English Learning Resources at the University of MichiganEnglish Learning Resources at the University of Michigan
English Learning Resources at the University of MichiganPEI-YAO HUNG
 
Writing and Editing a News Story
Writing and Editing a News StoryWriting and Editing a News Story
Writing and Editing a News StoryPEI-YAO HUNG
 
Collective News Story: What Makes You Happy?
Collective News Story: What Makes You Happy?Collective News Story: What Makes You Happy?
Collective News Story: What Makes You Happy?PEI-YAO HUNG
 
Mobile UI Lo-Fi Prototype
Mobile UI Lo-Fi PrototypeMobile UI Lo-Fi Prototype
Mobile UI Lo-Fi PrototypePEI-YAO HUNG
 
Coding Flash : ActionScript(3.0) Tutorial
Coding Flash :  ActionScript(3.0) TutorialCoding Flash :  ActionScript(3.0) Tutorial
Coding Flash : ActionScript(3.0) TutorialPEI-YAO HUNG
 
CuttingGame: A Computer Game to Assess & Train The Visual-Motor Integration A...
CuttingGame: A Computer Game to Assess & Train The Visual-Motor Integration A...CuttingGame: A Computer Game to Assess & Train The Visual-Motor Integration A...
CuttingGame: A Computer Game to Assess & Train The Visual-Motor Integration A...PEI-YAO HUNG
 

Mais de PEI-YAO HUNG (8)

Discount Expertise Metrics for Augmenting Community Interaction
Discount Expertise Metrics for Augmenting Community InteractionDiscount Expertise Metrics for Augmenting Community Interaction
Discount Expertise Metrics for Augmenting Community Interaction
 
English Learning Resources at the University of Michigan
English Learning Resources at the University of MichiganEnglish Learning Resources at the University of Michigan
English Learning Resources at the University of Michigan
 
Networking
NetworkingNetworking
Networking
 
Writing and Editing a News Story
Writing and Editing a News StoryWriting and Editing a News Story
Writing and Editing a News Story
 
Collective News Story: What Makes You Happy?
Collective News Story: What Makes You Happy?Collective News Story: What Makes You Happy?
Collective News Story: What Makes You Happy?
 
Mobile UI Lo-Fi Prototype
Mobile UI Lo-Fi PrototypeMobile UI Lo-Fi Prototype
Mobile UI Lo-Fi Prototype
 
Coding Flash : ActionScript(3.0) Tutorial
Coding Flash :  ActionScript(3.0) TutorialCoding Flash :  ActionScript(3.0) Tutorial
Coding Flash : ActionScript(3.0) Tutorial
 
CuttingGame: A Computer Game to Assess & Train The Visual-Motor Integration A...
CuttingGame: A Computer Game to Assess & Train The Visual-Motor Integration A...CuttingGame: A Computer Game to Assess & Train The Visual-Motor Integration A...
CuttingGame: A Computer Game to Assess & Train The Visual-Motor Integration A...
 

Último

LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 

Último (20)

LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 

Aoide iDesign Presentation

Notas do Editor

  1. Hi everyone, we are team Aoide. I am Yi-Ying, this is Perry, Bell, Jean and Sylvia. I am going to introduce our project in a few moments.
  2. First I would like to introduce our project focus and the approaches we conducted during the process.
  3. Overall, we classified those finding into two main points. One is about the user behavior on searching and browsing online audio resources; another is user preference on virtual browsing exploration design.
  4. Next I am going to talk about our design process. We use different level of prototype to represent our design idea.
  5. First we came up with draft sketches individually for the design and layout. Then Through discussion and brainstorming, as a team we polished our idea and finalized our design by drawing out a series of sketches. There are 4 main pages: home page, search result page, music exploration page and profile page.
  6. Here is our paper prototype, it helped us to focus on how our ideas transform into different functions by drawing them out.
  7. Next, we developed the interaction map to illustrate how How information flow between pages and different pages interact with each other. Interaction map is a method for designers to visualize the major functions user can interact with by highlighting all the possible routes from the very beginning page to different branches.
  8. Here is our interaction map. We also use it for later design stages, such as during mid-fi prototype we use it to well develop the interaction prcoess.
  9. Next step is mid—fi prototype. To turn the paper prototype to interactive prototype, we used a prototyping software called Axure to see how these pages would render between each other. We focused on three main pages in our design: home page, music exploration page and profile page. During developing the mid-fi prototype, we tried to keep the pages as simple as possible so that in the later on usability testing users can pay more attention on the functions rather than the layout.
  10. To get feedback from our targeted population and moving forward to hi-fi prototype, we did usability testing that gives users a few tasks to complete and to understand where user find it particularly useful or frustrated.
  11. We recruited ten students, range from 23-35. They are from different backgrounds including information school, engineering, and music school. We also include domestic and international students. The usability test took around 30 minutes for users to complete and after each test we discussed the result as a team.
  12. Our first finding for usability test is that explore page is confusing and need to address the relation between albums.Userswere most confused by how the artists are similar and how these albums are grouped together or how is the relationship between each album.Also, the genre button is hard to notice.
  13. As a result, we changed our explore page by making the genre directly appear beneath each album and moving the genre button away.
  14. Second, more guidance displayed on interface is needed.Between different pages, users often found it surprised why the particular page showing up and why they were linked together. Due to the confusion, we decided to add more description on the interface.
  15. For example, on the home page, we put a question mark button so users can click on the button to find out more information about how we generate similar artists and how users can explore from one album to another.
  16. Browsing history record in the profile page is is useful but did not display enough information. For most users they had trouble understanding the display of browsing history. Someusers indicated that the album cover did not convey much about the album itself,
  17. We changed our design for browsing history into more text including artist name and album name. For users who need more information about the artist or album, they can just hover over to see more information
  18. In order to gather feedbacks from potential users of our design, we submitted our project to SI the student project exposition held at the School of Information. On the day of the exposition, we had numerous positive feedbacks from the general public. We talked to students, librarians, corporate associates and professors.
  19. Some of our audiences approached us and were intrigued with our idea of “browsing experience” rather than traditional search method. This is exemplified in our design where we let users browse similar album genre, time frame and albums of the artist through compelling visualization displays. Other people also commented that it is quite useful to let students see the “department favorite list” so they are able to know which artists or albums are more popular among the fellow students.
  20. One of the attendants who gave us feedback was a music school graduate student, he said that the interface of Aoide’s explore function as a good example of the assignments that students are assigned with. The relationship of time, genre and artist is a theoretical understanding that is critical to music student’s academics. As noted by this graduate, which is vaguely quoted, “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.”Thus, much to our surprise, though we did not intend to design our website in such a way; however, we are pleased that it provides for meaningful representations for potential users. The graduate student also pointed out that even though in our interface, we had only focus on pop music collection, it is applicable to other genres such as classical music by simply changing the dimensions. For example, as of now, the explore interface is based on “genre, artist and time,” which can be easily changed to “composer, performer and timeline.” This could be an idea for the future for us to work on, to examine more preciously how different genres can be represented. 
  21. Limitations: We went through an entire cycle of various steps of a design process and had received positive feedbacks from exposition attendants, there are still some limitations in Aoide which we would like to address. First, our hi-prototype is not quite close to the final product since it’s not an interactive website. As a result, we are not able to examine usability questions in details and make strong conclusions about how behavior will relate to use of the Aoide website (reference: http://www.usabilityfirst.com/). In addition, since we wanted to offer an innovative method of visual browsing that invites users to explore and discover materials that the current interface does not offer, the overall design of Aoide website is quite different with Mlibrary system. As a result, we may not be able to provide users a seamless connection between Aoide and Mlibrary website. So when users click on “get this” on the item record in Aoide, the system brings them back to the Mlibrary website to place a hold. This may cause a problem where users may not be able to navigate through the sites as easily as we have hoped.
  22. Limitation: In addition, as we know, there are some privacy concerns regarding users’ checked out records. After our interview with the technical librarian, we confirmed that checked out records would not be recorded due to the privacy issue. The privacy issue has impacted on our design. Initially we wanted to add social networking elements into our design to make the browsing experience more enjoyable and more connected to other users. However, after understanding the current privacy policy, we tried to keep the privacy policy in mind and at the same time not to abandon our original idea. After discussing and brainstorming, we moderated our design to department-based rather than users-based. In recommender system, this is termed as non-personal recommendation system, which congregate results based on system data and does not reflect for individual users. As a result, rather than keeping track of each person’s record, library could only track the checked out records by department. By doing so, the privacy issue is not being violated and at the same time we still added the social elements into our design.
  23. To conclude, Aoide is a reflection of our design process. Our design process includes best-practiced methods in interaction design, where our design is more holistic in terms of considering the perspective of different users in mind. Our design include an initial brainstorming session, where we interviewed librarian and users, created persona and scenarios, conducted a comparative analysis, and created our low-fi prototype. Our low-fi prototype was created based on some of the common findings in addition to further brainstorming of how we can create a system that reflects for a more effective and user-friendly browsing experience. Furthermore, we conducted numerous usability tests on users to find out the strengths and weaknesses of our design. We could not have come up with our current design for Aoide without these procedures. Some of the issues we want to address in our design are to create a separate system that can raise awareness for the audio collection for the MLibrary. Moreover, we want to introduce a browsing system that creates for a novel experience, by having users to generate their own content in the system with their browsing history. This will allow users to have a form of input and output with the system, therefore enforcing an interactive flow between users and system. In sum, we hope that our design can generate a bigger presence of the MLibrary’s audio collection. Our ultimate goal is to increase the usage of the MLibrary resources and to create more opportunities for users to explore what the MLibrary can offer.