Interaction Design

The welcome screen

This week I worked on a prototype for an app called Conscious Users of Seattle. This app would be used by Satellites that have electricity/utility bills to pay and are looking to save money/energy. I thought the whole process was a bit limiting at times, because of our focus this week- Interaction Design.


The pop-up to save $5

Using Marvel to create the app prototype made this a very slow process. Due to the focus on Interaction Design, using Marvel made it difficult to carry out all of the features, like typing whatever the user wanted (a title for example), without taking and uploading a thousand pictures. Aside from that, I incorporated pull down menus with arrows indicating more information, and up arrows to return back to the original state. I also enjoy when apps have a four digit sign in page, making signing in on multiple devices worry-free. I had access to my “motivation feature”, which was a chance to save $5 on your monthly bill, in four places. The first one the user would come in contact with, is a pop up box when they first log in. The other three are on the menu. This way the user is reminded more than once about this offer and they see it as something attainable the more they consider it. The first page the user comes to will be familiar to users with experience with bank apps. It will be second nature to tap on a monthly usage to see all details, because it looks and acts very similar to a bank account app.


I liked what Marvel had to offer, although I would not use it again for a project like this. I thought it was very time consuming to draw everything out and take pictures. Most of the time I had to delete pictures because I forgot to add a small feature or I decided to do something different. I understand the benefits of prototyping on paper, though I was not too excited about drawing and coordinating such small interaction design elements and make them work smoothly on Marvel. What would be most beneficial to my design process is being able to hand draw my prototype, brainstorm a list of interaction features and indicate where I would incorporate them in the design. From there, I would explore my options in design websites, to test them out.


In the future, I will have a different view of planning before I execute my design. I can see myself using this technique for my CSE homework, as they are very lengthy and require prior planning. Writing/drawing things out will help me remember and provide a resource I can use to redirect myself when I am stumped. I would also use this technique while designing my room! I always end up running into problems once I start shifting things around, thinking something will fit. If I prototype my room beforehand- hopefully I would be able to recognize that something like that may happen so I am able to avoid wasted time and energy.

I do not see this technique being useful for something like cleaning your room. There are many tasks like this, that it does not matter where you start in your process, as long as everything is tidy in the end!

I am excited to use this experience to help me with our next focus- Usability!

Show your support

Clapping shows how much you appreciated _’s story.