3 Screen Mockups « Design for Mobile Interaction

#1 written by Lauren Hall
about 5 months ago

I think all 3 are very different and allow for different methods of teaching and learning. I think you could somehow include parts of all 3. Maybe a brand new beginner would use the car, but then as they become more experienced they can use the colors and then move up to a more complicated piece of sheet music like you have at the end. I would also suggest exploring more ways to help learn the rhythms and notes (like the car and building example). Great job!

#2 written by Betsy Sherertz
about 5 months ago

I like the ideas you’re going with towards the first and third apps you made. The first one I think is an interesting visual display. It’s simple, but I think the fact that the scene itself is not necessarily music related is a cool thing, but the music notes and numbers being taught are still being incorporated. Maybe for different levels of learning there are different scenes. One drawback to this idea however, is that a person may get caught up in the scene and find it hard to concentrate on the notes themselves?

I really like the third idea. I like the overall design of it, and I also get a sense of what you’re trying to teach. The red needle thing is really clear about what its doing. I think this could work and look visually interesting

#3 written by Nick Romanos
about 5 months ago

Sam,

This interface is minimalist and colorful, but I have to imagine that is it paired with some sort of audio?

For a music novice (such as myself) I am having trouble trying to discern what you are trying to convey with these images?

That being said, graphically, I like your use of simulated texture in gradient and lines! I think being able to rhythmically differentiate between sections will ultimately be very important to your cause.

Well done!

#4 written by Christina Hardison
about 5 months ago

As far as which screen is working best for me, I’d say the third. The first one is a little confusing with the car/street metaphor, the second screen I wasn’t quite sure what was happening, but the third I was sure that this was some sort of screen that shows you how far into the music you are and your accuracy of the music. Also the interface of the third is just overall the most comprehensive and visually satisfying. I also like how you used ‘and’ in the interface.
hope this helps

#5 written by Madiha Malik
about 5 months ago

Sam, I love the first one just because I am a very visual learner. Having something like cars and buildings can really help a user learn something that is so abstract. I also like the information you are giving in the third screen because I would like to see a sort of progress report at the same time. The way you are showing progression of music works really well in the third one too because it’s clear which point the user is currently at. If you can integrate more of this in the first screen, maybe having smoke coming out of the exhaust pipe of the car or something similar to that. The colors you are using in the second screen is are also effective.
I think that somehow if you integrate all these working elements into one screen, you will have a very engaging and fun interface.

#6 written by amcneil
about 5 months ago

-When I took piano lessons, as well as in music class, I think I learned the most because we were taught some things as a game. It made it more fun.
-Starting out, I also had a problem understanding stuff like syncopation and other like rhythms, so visualizing them like you are is great. Its like biology, I understood stuff better because I was given a visual, so I could make the connection.

#7 written by Jen
about 5 months ago

I naturally would want the music at the bottom, since that’s what I want to focus on most. I like the visual style of #1, but I think that having the notes pushed all the way up to the top would make it more difficult for me to follow. The car is cute, but I think it’d be a distraction to me as well. Following music requires concentration! Maybe have it as an alternate mode?

I think #2 misses the “one and two and”. It also isn’t as visually compelling as the other two.

I love #3, as its visual style reminds me of sheet music while still utilizing color and pattern to separate notes from rests, etc. It’s elegant, and delivers info without distractions.

#8 written by Dave Maki
about 5 months ago

I think the first two are really interesting. They make the practice of learning music more of a game with colorful commentary (ie- the car) and bright color gradients. I wonder if this could play into how the app is used, perhaps more stoic like a text book when the teacher is teaching and more playful when the youngster is practicing by themselves?

3 Screen Mockups

No trackbacks yet.

User Login