Studio Music Video iOS App by Ismael Barry

Home > Winners > #80120


DESIGN DETAILS
DESIGN NAME:
Studio

PRIMARY FUNCTION:
Music Video iOS App

INSPIRATION:
Listening to music is a personally visceral experience that influences our emotions. Further, watching music videos associated with their respective songs profoundly affects our emotions because it involves an additional sense. From research, we learned that people are creating playlists with music they already know rather than creating playlists with newly discovered artists. We hypothesized how we might address this by guiding people to discover new artists based on their changing moods?

UNIQUE PROPERTIES / PROJECT DESCRIPTION:
Discovering new music is fun. Thus how might people's imaginations be pushed with an interaction that's just as fun? 30 unique icons form the genre/mood screens. Each is initially hidden to encourage people to create various playlists by tapping to discover the icons. Direct manipulation spurs curiosity, therefore elevating the feeling and experience of personal discovery of music. The design was inspired by translating the feeling of touch from the physical space into the digital.

OPERATION / FLOW / INTERACTION:
Studio is designed around the user's goals and curiosity. 3 simple steps to watch videos: pick genre(s), artist(s), and mood. The interaction implements high-level feedback in the form of visuals that serves two purposes. 1. It communicates information regarding the acknowledgment, confirmation, and visibility of an action as it transitions from an inactive state to an active one. 2. The new state spurs curiosity in the user, encouraging them to discover what the other inactive states will reveal.

PROJECT DURATION AND LOCATION:
The project spanned 3 weeks and was completed at The Flatiron School in New York City. Studio was successfully submitted to the Apple AppStore (to demonstrate proof of concept) and was exhibited during our final cohort demo presentation.

FITS BEST INTO CATEGORY:
Interface and Interaction Design

PRODUCTION / REALIZATION TECHNOLOGY:
1. Production: Interface and keyframes were iteratively designed and wireframed using Sketch. Prototyping was done using InVision. Final high fidelity designs and assets were exported from Sketch into Xcode where the app was coded using Swift and Objective-C. 2. Design: Interface and interaction was based on Don Norman's 7 Stages of Action in order to achieve usability and user experience goals. 3. Methodology: Genre and mood graphic icons to evoke a range of emotions and felt experiences.

SPECIFICATIONS / TECHNICAL PROPERTIES:
Responsive mobile UI/UX design for iOS. Human-centered design adhering to and demonstrating Jakob Nielsen 10 usability design heuristics and the metric-ISO system. ISO 9241-12:1998 Ergonomic requirements for office work with visual display terminals (VDTs) - Part 12: Presentation of information. ISO 9241-13:1998 Ergonomic requirements for office work with VDTs - Part 13: User guidance. ISO 9241-210:2010 Ergonomics of human-system interaction - Part 210: Human-centered design for interactive systems.

TAGS:
Music, Music Videos, iOS app, music playlists, discover new music, interaction, interactive, interface, UX, UI, human centered design, design thinking

RESEARCH ABSTRACT:
We analyzed and conducted a competitive audit into Apple Music, Spotify, Pandora, and Amazon Music. Next, we examined our own experiences and pain points in these music services that we use, how they might be improved, and a market opportunity. We asked: What is the story of the experience we want others to have? What is happening before people interact with Studio? After interacting with Studio, how do we want people to feel? What do we want them to have taken from away from their experience?

CHALLENGE:
The challenge was to design an experience for users to discover music that speaks to them in times they need it the most. Is it best for users to search, or should an algorithm find music for them? We designed the former. Watching music videos uses 2 senses, sight/sound; using Studio requires 1, touch. With people already touching, we realized an interaction could be designed to further elevate the feeling and experience of music through personal discovery by immersing 3 senses rather than 2.

ADDED DATE:
2019-02-27 04:22:24

TEAM MEMBERS (6) :
Engineer: Joseph Ugowe, Engineer: Erica Gutierrez, Engineer: Matt Amergie, Project Supervisor: Joel Bell, Product Manager: Danny Gallardo and Designer/Engineer: Ismael Barry

IMAGE CREDITS:
All photographs are free to use according to Creative Commons. The photographs are free to share (copy and redistribute the material in any medium or format) and adapt (remix, transform, and build upon the material for any purpose, even commercially).

Apple iPhone Images by Design+Code's Angle, used under purchased Angle License.

Apple iPhone device hands by Sketch Magic Mirror and are free to use for commercial purposes.

Visit the following page to learn more: http://callmeismaelbarry.com/studio-ios-proje ct
VOTE FOR THIS DESIGN

VOTE FOR THIS ENTRY

CLIENT/STUDIO/BRAND DETAILS
NAME:
Flatiron School

PROFILE:
Flatiron School trains passionate, creative people so they can launch a new career in code, data science, or UX/UI design. It’s our goal to show students that programming is more than the mechanics of writing code or a route to a fulfilling career. It’s a collaborative endeavor that can help them find the work they love.

NOMINATION DETAILS

Studio Music Video Ios App by Ismael Barry is a Nominee in Mobile Technologies, Applications and Software Design Category.

· This project is currently confidential as results have not been announced yet. Images and further details of the project is not available for public yet, please check back later. If you are the owner of this design, please login to view the images.

· The profile and other works by Ismael Barry is also kept secret. This information will also be available later.
AWARD DETAILS

Studio Music Video Ios App by Ismael Barry is Winner in Mobile Technologies, Applications and Software Design Category, 2018 - 2019.



· Press Members: Login or Register to request an exclusive interview with Ismael Barry.

· Click here to view the profile and other works by Ismael Barry.
SOCIAL
+ Add to Likes / Favorites | Send to My Email | Comment | Testimonials | View Press-Release | Press Kit

Did you like Ismael Barry's Mobile Design?
You will most likely enjoy other award winning mobile designs as well.
Click here to view more Award Winning Mobile Designs.


Did you like Studio Music Video Ios App? Help us create a global awareness for good mobile design worldwide. Show your support for Ismael Barry, the creator of great mobile design by gifting them a nomination ticket so that we could promote more of their great mobile designs.

See other A' Design Award and Competition WinnersA' Design Award Presentation Submit Your Designs
 
design award logo

BENEFITS
THE DESIGN PRIZE
WINNERS SERVICES
PR CAMPAIGN
PRESS RELEASE
MEDIA CAMPAIGNS
AWARD TROPHY
AWARD CERTIFICATE
AWARD WINNER LOGO
PRIME DESIGN MARK
BUY & SELL DESIGN
DESIGN BUSINESS NETWORK
AWARD SUPPLEMENT

METHODOLOGY
DESIGN AWARD JURY
PRELIMINARY SCORE
VOTING SYSTEM
EVALUATION CRITERIA
METHODOLOGY
BENEFITS FOR WINNERS
PRIVACY POLICY
ELIGIBILITY
FEEDBACK
WINNERS' MANUAL
PROOF OF CREATION
WINNER KIT CONTENTS
FAIR JUDGING
AWARD YEARBOOK
AWARD GALA NIGHT
AWARD EXHIBITION

MAKING AN ENTRY
ENTRY INSTRUCTIONS
REGISTRATION
ALL CATEGORIES

FEES & DATES
FURTHER FEES POLICY
MAKING A PAYMENT
PAYMENT METHODS
DATES & FEES

TRENDS & REPORTS
DESIGN TRENDS
DESIGNER REPORTS
DESIGNER PROFILES
DESIGN INTERVIEWS

ABOUT
THE AWARD
AWARD IN NUMBERS
HOMEPAGE
AWARD WINNING DESIGNS
DESIGNER OF THE YEAR
MUSEUM OF DESIGN
PRIME CLUBS
SITEMAP
RESOURCE

RANKINGS
DESIGNER RANKINGS
WORLD DESIGN RANKINGS
DESIGN CLASSIFICATIONS
POPULAR DESIGNERS

CORPORATE
GET INVOLVED
SPONSOR AN AWARD
BENEFITS FOR SPONSORS

PRESS
DOWNLOADS
PRESS-KITS
PRESS PORTAL
LIST OF WINNERS
PUBLICATIONS
RANKINGS
CALL FOR ENTRIES
RESULTS ANNOUNCEMENT

CONTACT US
CONTACT US
GET SUPPORT

Follow us : Twitter Twitter | Twitter Facebook | Twitter Google+.
Share |