Mobile Interaction Design

GROUPCAP Screencast

My screencast for my app allows you to see how, and what, the app does when used for group projects. I go through page by page explaining what you could do on each page and the benefits of having these tools in your arsenal when working in a group project.

 

Advertisements
Standard
Mobile Interaction Design

Paper Prototype for GROUPCAP

To ensure that my UI/UX actually works well when faced with a real live user; I created a paper prototype of my app and asked a friend to test it out. I asked her several questions throughout the video, like what she thought she would have to do next in order to get to a specific page or what she would want to do next if she were truly using the app.

While asking her these questions I was also explaining the different things on the page and giving her a general idea of how the app would be useful in groups. She was very interested and from the start and asked several great questions and made some equally great critiques.

Overall she felt that the app was extremely easy to use while offering a solution to a problem that everyone has to deal with when in groups: communication. She commented that the video calling was a really useful tool because sometimes, especially in stressful situations, it’s just way easier to talk to someone face-to-face than via technology. If you can’t physically be with a person then video calling is the next best thing to face-to-face and she was glad I included that in my design.

I think that this went over really well and I am extremely pleased with her response to my app design.

 

Standard
Mobile Interaction Design

GROUPCAP is born

After critique and lots of revamping I decided upon a design for my app!!

I wanted to give it a name, and possibly an icon, and after many hours of brainstorming for names I decided upong “GroupCap.” I chose this because it plays off of the word “recap” which is the summary of what has been said/done. GroupCap, much like the word “recap,” allows the user to go into their groups artboard and get a recap of not only what’s been created on the artboard but also what’s been said in any chat window and any files that have been shared between group members.

My design is, in my opinion, is simple, clean, user-friendly, and extremely straight to the point. There are no unnecessary bells and whistles within the app. No features that absolutely no one would use. It is simply an app to keep groups together and communicating efficiently even while they are apart.

comps

Standard
Mobile Interaction Design

Preliminary designs : wireframes

Getting started with designing something is always the hardest part. What should go in that blank space? Does this color scheme make you think “old grandma” or “new and trendy?” Does this even look good?

All of these thoughts, and many many more, are running through your head while you try and come up with your design but that’s what wireframes are for! To help layout your core ideas and see if they would look good on paper. Once you decide whether or not they work, then onto the comps and prototypes you go!!

My wireframes are of a handful of different screens. I incorporated color into my wireframes just to get a jump start on what colors I thought would be part of my design. Overall, after much critique by myself and fellow graphic design students, I decided to keep many ideas from my wireframes but also revamp the interface as well.

wireframes

Standard
Mobile Interaction Design

Getting to know my audience

To further research my idea for my group app, I found and interviewed a few different people in different fields of work and stages of life. I thought that by doing this it would allow me to see a bigger spectrum of people that this app could potentially be used by. I gathered some great information about not only who these people are and how they would use the app but also about how to design the app to fit their specific needs. Many of them had ideas or problems about group projects that I had never thought of before and it was extremely helpful discussing these things with other people.

John_persona   Ary_persona   Josiah_persona

Standard
Mobile Interaction Design

Where to begin?

The first step in designing an app is to decide upon what kind of app you want to create. When faced with this decision it truly is difficult to pinpoint one idea when simply opening the app store shows you hundreds of app ideas already made. So, to start off my brainstorming adventure I took a look at my phone, as well as the phones of some friends, and looked at what kind of apps they had. What kind of tools they use on the daily to help simplify their lives. Then I decided to think of what problems or difficulties occur in the day to day lives of students and working adults. I was at a loss until the idea of group projects hit me. Group projects, to anyone who has ever been forced to partake in one, are the bane of college students existence. They are the most dreaded of projects and if faced with a choice between a 10 page paper and a group project, I’d have to start stretching out my hands because they’d be in for a long period of typing. When bringing this idea up to fellow students they all agreed that group projects are so difficult and that if there was an app to simplify things then it would be on their phones immediately. This gave me the encouragement to stick with my idea. When researching my group project app idea I found that there were already a handful of apps that would help. Originality is hard to come by but authenticity is just as important so I decided to take my ideas (that weren’t already included in an app) and some of the apps already created and morph them together to create an authentic, all purposeful, group project app. My app would be for group projects from grade school to the working world that everyone could use. It would have several different artboards to allow for several different projects to be worked on at one time, it would have a whiteboard with different tools to allow the users/group members to brainstorm visually and effectively with each other, it would have a chat window where the user could chat with their group, specific group members, or other people they are grouped with in separate projects. The app would also allow you to send and receive files and make video calls to aid in the communication between group members.

Research for group app

Standard