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
Senior Seminar & Portfolio

Business Cards + Mockup! This is getting real…

business_cards_mock_up_res

 

This is my mockup of my business cards and my resume!! I wanted my business cards to be bright and lively and I decided that I should have a bunch with each color from my resume. I think that this really makes my business cards pop out among others and I think that it ties them to my resume very well. I am very proud of my resume and business cards and I think that I accomplished everything I wanted to for both of them.

Standard