Section 2B

2B Interface

  1. Design Brief

Design requirements 

MiBoard is an interactive pinboard that will make it easier to store documents and creates a well-arranged place with all of the users most important information. To make the MiBoard we need a Raspberry Pi ZERO, Raspberry PI USB, a capacitive Touchscreen, a small HD camera and frames, 32 inch screen.

Input: MiBoard will have a touchscreen so the input will be supported by touching the screen with your vinger.

Output: The materials above will be used for the MiBoard. It will also have audio for opening programs or notifications. The screen will be 32 inch and you can hang the MiBoard on the wall.

Delivery requirements 

The MiBoard is 32 inch and need to have 9 functions: a calendar, to do list, time and date, camera/scanner, documents, tools (drawing, writing, erasing), different lay-outs, creating folders and deleting documents.

  1. Background research
    User Experience

    If you look at the other websites, there are using all the same type of user interface. They have only a menu bar where you can add new posts and paste a sticky note on your page. If you are done you can scrap it but if deleted you can’t find it back anywhere. It is not touchable, only by using a mouse. You need to loschermafdruk-2016-11-01-16-27-39gin to the program every time you want to use it and you don’t have any other options to add time, documents etc. only 1 website offers a video option where you can place movies.

    Visuals

    For the visuals I looked at different websites that offer the same methods as a pinboard. When looking at it you can see that they all have an easy design so people can use it and it’s accessible for lots of different people. There are only website available and no touchable features like we want to do with MiBoard. The visuals are all inspired to be like a pinboard and are not visually attractive or modern. Most of these sites are only for business related things and not introduced to the house holding, this doesn’t exist at the moment.

 

  1. Design prototypes

For the first prototypes I sketched about 60 drawings to figure out what I want, because it needs to be simple to use but not boring to see (picture 1). After the presentation we’ve got the feedback that the icons and board were to basic and needed to experiment more with the design and be more creative.

                                  picture 1

I took the feedback and start drawing again, made new sketches and tested it. Most of the sketches got feedback about their creative look and that it not works for business people because it has to be easy to use (picture 2).

By listening to my testing audience I created the final prototype which had simple icons for the important/everyday widgets like: To Do list, Scan, Documents, Writings tools. The menu, time, filing and calendar have a more playful design.

                                  Picture 2

 

 

 

  1. Design Solution

everything

kleurenpallette

  1. Usability issues

After a lot of testing and re-sketching, the icons are designed to be simple and playful. For the next time I would hire someone that have knowledge of 3D design to give the icons more depth. I tried to put it in, but it is not as successful as I hoped. The outcome of the testing results really helped me to design the end piece, I knew already that something was missing but I could not see what it was. When a few people said that they needed the important icons and widgets to be easy to manage and calming, I knew how to play with it and got more in my comfort zone.

 

Advertisements

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