- Sheena Kapur - Jamie Pell - Adam Nelson - Jaime Espinoza

Slides:



Advertisements
Similar presentations
Distributed Drug Discovery Indiana University Purdue University, Indianapolis.
Advertisements

Design, prototyping and construction
1 Interface Design- Wireframes. 2 Wireframing Lo-Fi design Hi-Fi design Concept design Prototyping Usability Testing *Fidelity refers to the level of.
AN OVERVIEW BY JAMIE STARKE The Role of Prototyping.
Human Computer Interaction
SE 555 Software Requirements & Specification 1 SE 555 Software Requirements & Specification Prototyping.
Ch 10 Prototyping page 1 CS 368 Prototyping an initial version of a software system used to demonstrate concepts, compare design alternatives and to explore.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
AUGMENTED ENVIRONMENTAL TECHNOLOGY CarbonShopper.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
Prof. James A. Landay Luke Vink Cornell Tech Spring 2014 May 14, 2014 HCI+DESIGN: USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Cornell Tech HCI+Design.
What is a sketch? Chapter 1.2 addendum Sketching User Experiences: The Workbook.
Low-Fi Prototypes Group 13 António Pereira (63287) Ana Almeida (64719) Hugo Gonçalves (66998) Lab7 Presentation.
Merja & Pauli Rapid prototyping & other stuff.
System Construction System Construction is the development, installation and testing of system components.
Prototyping. REVIEW : Why a prototype? Helps with: –Screen layouts and information display –Work flow, task design –Technical issues –Difficult, controversial,
Incorporating Feedback Lesson 5 0. Check-in: paper prototype By now, your paper prototype should be complete, so that you can begin creating your app.
Date : 04 Nov 2015 Web Design Fundamentals Planning and Documentation.
Wanderlust Pilot Usability Test Presented by Carolyn Scoville.
What is a sketch? 1 Concepts (and selected visuals) from this slide deck are based on: -Buxton, B. (2007) Sketching User Experiences: Getting the Design.
Wanderlust Ari Ashkenazi, Vince Blas, Brandon Bond, Sheena Kapur, Carolyn Scoville.
SE 431 Human Computer Interactions Jamal Nasir. How to design & build good UIs UI Development process Usability goals User-centered design Design discovery.
LOW-FI PROTOTYPING & PILOT USABILITY TESTING Min-Hung Chiang Ericka Valladares Natalia Beneitez 曾大祐 陳定楷.
Staci Menz Darrin Cole Peter Huss Anna Kong Brian Chan.
Project Breakdowns HCDE 492/592 Winter 2014.
User InsideView Beth Goldman Director of User Experience.
Sketching and Prototyping
Team lakers Tiffany lau David mangold Emily nguyen Xiang zhang
Team Christian White Michael Peterson Filippa Karrfelt Nathan Schager
Social Event Discovery
Your Personal Workout Coach
Designing for people CPSC 481: HCI I.
3D Modelling Mech Pre-Production
Medium-Fi Prototype By LoveStep.
Release 3.0 User Interface and Highlights
Medium-Fi Prototype Inclusive Design.
Prototyping.
CS 321: Human-Computer Interaction Design
Design, prototyping and construction
The Development Process
Chapter 11 Design, prototyping and construction 1.
Addison, Joanne, Katherine, SunMi
<Application Name>
From your hood-- --to the woods
What is a Prototype?.
The Role of Prototyping
Our mission: to enable students to view, collect, organize, and share their tasks in a convenient way. Home Page Checking the Details of an Assignment.
Bus Stop to Mountain Top
Usability Techniques Lecture 13.
Derek Reinelt Team Manager Angela Lam Design Jake Sanders Development
Jaime Espinoza Sheena Kapur Adam Nelson Jamie Pell
Collaborative Collections
Team Friendship Minmin, Santos, Andrés
Agatha plays the guitar in her free time
Chapter by Loco Power Week 6: Medium-Fidelity Prototypes
PERSONALIZE YOUR CANTOR EXPERIENCE
RECHORDS Assignment #6: Med-Fi Prototype
Low-fi Prototyping & Pilot Usability Testing
docket Assignment 6: Medium-fi Prototyping
Tiffany Ong, Rushali Patel, Colin Dolese, Joseph Lim
Med-Fi Prototype Presentation
OX Isaac Goldstein Ian Hodge Cody Hankins Mischa Nee
transforming living spaces
Shane B., Esther K., Curtis S., Jennifer W.
<Application Name>
Nexmail Lei Guang, Haroon Barri.
Interface Design- Wireframes
Lesson 2 Prototyping.
Don’t just listen to music; listen to people
Design, prototyping and construction
Presentation transcript:

- Sheena Kapur - Jamie Pell - Adam Nelson - Jaime Espinoza ((( Tuned ))) - Sheena Kapur - Jamie Pell - Adam Nelson - Jaime Espinoza

THE PROBLEM Finding good new music is difficult if you don't know what you're looking for. There are many existing ways to find and share music, but the market is extremely fragmented.

THE SOLUTION Tuned is a social network for music. Users share music via links or uploading, and can follow others to receive a feed of music suggestions.

WHERE WE'RE GOING X Concept Video Here Be Dragons The Design Process How Tuned Works X The Prototype

TASKS 3 representative tasks: Searching for music in a specific genre Following a user Sharing a song

CONCEPT VIDEO

HOW TUNED WORKS

TASK 1: SEARCHING FOR MUSIC Sheena started her exploration of black metal by searching for the genre. Search is an intrinsic part of music discovery, and it complements the auto-suggestion features of Tuned.

TASK 2: FOLLOWING A USER Rather than searching for new music on her own, Sheena followed Jamie to get her music suggestions. Following users provides a source of music suggestions in Tuned.

TASK 3: SHARING A SONG After her introduction to the world of black metal, Sheena discovered a new song on her own and shared it with Jamie. When a Tuned user shares a song, all of the user's followers receive the song.

THE DESIGN PROCESS Early sketches of the Tuned interface were heavily focused on playing and organizing music.

EARLY SKETCHES

AFTER CONTEXTUAL INQUIRY Our contextual inquiry showed us that we needed to focus on what makes Tuned different. Our next sketches were heavily focused around music sharing.

AFTER TASK ANALYSIS Once we decided on our final tasks, we created a mobile interface centered around those tasks. This interface (with only a few modifications) was later used as a lo-fi paper prototype.

LO-FI PROTOTYPE

AFTER USABILITY TESTING Testing the lo-fi prototype revealed some issues, which we further refined the sketches to resolve. Most of the changes were to the Upload page.

UPLOAD PAGE MODIFICATIONS The original Upload page was confusing and did not have many affordances. It was rearranged and made significantly clearer.

THE PROTOTYPE The current medium-fidelity prototype was built using Axure. It allows the user to perform all 3 core tasks.

FUTURE ENHANCEMENT IDEAS Band Pages

FUTURE ENHANCEMENT IDEAS Upcoming concert/event info

FUTURE ENHANCEMENT IDEAS Purchasing Music

SUMMARY Tuned is about sharing music with friends and discovering new music, without having to know what you're looking for. Our prototype is simple, but demonstrates all of Tuned's core features.