HCI Working Blog

We presented in our previous post the sketch containing the ideas for the first type of interface that we thought of. As we promised, here are some details about (remember that we are talking here about an application for mobile devices).

The first type of interface was designed to be used on touchscreen devices.  It is (we hope 😀 ) very intuitive, especially for persons like our poor Beethoven, who have lost their sight. All interaction is made by simple finger gestures (taps and swipes). The main menu is composed of a few simple gestures, such as:

  • Compose a new Song – draw an N with your finger, anywhere on the device’s screen;
  • Listen to previously saved songs – draw an L;

While composing a song, multiple gestures can be used:

  • record a note – directional, straight swipes, described on the top-left of the sketch;
  • undo (delete a note) – draw a Z;
  • save the current song – draw an S;
  • exit without saving the song – draw a C;

While listening to previously saved songs, you can:

  • skip to the next/previous song – right/left swipes;
  • edit currently selected song – swipe upwards;
  • delete current song – swipe downwards;
  • stop playing the current song – a simple tap on the screen;

Also, for any questions that the user has to answer, a simple right swipe means Yes, and left means No.

The application also can give auditive feedback to the user, such as playing the note that you just recorded, or voice instructions of what you can do (basically, the application talks to the user 🙂 ). Also, anywhere in the application, you can draw a question mark (?) and the application will tell you exactly where you are (in case you got distracted and you forgot 😉 ).

This is about it. We have a few more ideas for different interface designs which will be posted soon. Remember, our purpose here is to make Beethoven feel like that application is extremely easy to use without seeing it, so we have to pay a lot of attention to the design of the interface and the user interaction methods. So we don’t want to rush into things and start coding it before we are sure that we made the best choice.

Advertisements

Comments on: "First ideas – explained" (1)

  1. […] “Drawing idea” it’s explained here: https://blindbeethovenhci.wordpress.com/2011/03/29/first-ideas-explained/ […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: