a design portfolio of my creative work.

Design

Close Project

Social CRM

Overview

As an interaction design intern at Cook Medical, I was given the task to design a mobile CRM application for Cook’s sales representatives. The goal was to design an internal CRM app with a social media twist: utilizing features similar to Facebook, Twitter, and Foursquare.

Design Process

I began this project by conducting several interviews of future users. I interviewed sales representatives and various managers from different business units to discover their current process of keeping track of customers, and difficulties in their daily work life. From these interviews, I learned that keeping track of customers proves difficult, and collaboration between employees needs improvement. With these insights, I began brainstorming various concepts around the problem space using affinity diagraming, personas, and scenarios. From the initial concepts, I created a mid-fidelity prototype using keynote, kenotopia, and an iPad to test iterations of the design on sales representatives.

Final Design

The final design known as IRIS allows sales representatives to easily find information on physicians and facilities. It also allows them to share their interaction history with each physician to other representatives. With geo-location features, the system allows sales representatives in the same district to find one another and connect for discussions, product swaps, or simply to meet for coffee. All in all, the system helps with communication and collaboration between sales representatives of the company.

Responsibilities

Interviews
Secondary Research
Sketching
Prototyping
User Testing
Data Collection

 

Tools

Personas
Scenarios
Storyboards
Photoshop
Keynote
Keynotopia

Close Project

Magic Mirror

Challenge

For Erik Stolterman’s Experience Design class, we were tasked to design and prototype an interactive museum exhibit focusing on the user experience.

Goal

Create a museum exhibit that explores the effect of digital technology on the perceptions of reality and self.

Solution

The magic mirror is a museum exhibit that allows visitors to interact with one another and manipulate their reflections. The exhibit includes a projection screen, two cameras, and four pedals that manipulate a user’s reflection. The pedal effects include: delay, reverse, infinity, and upside-down. This design was prototyped and tested on students at Indiana University. To see the final design, prototype, and prototype testing, and project process please view the embedded video.

Responsibilities

Research
Prototyping
User Testing
Video Editing
Ideation & Sketching
Body Storming

Tools

iMovie
After Effects
Projector
Google SketchUp
Web Camera

Team

Marie Bautista
Grant Carlile
Joanna Mueller
Ed Rice

Close Project

Responsive Dog Collar

Problem

A dog is a man’s (or woman’s) best friend. But when it gets dark outside, sometimes its hard to find your best friend. Currently there are lighted dog collars that can be turned on and off, but these are typically very bright and bothersome to dogs when first turned on. Furthermore, sometimes owners tend to turn these collars on early because they do not know when it will get dark out as a safety precaution. The issue with this is that it wastes energy making battery life shorter.

Solution

To remedy this issue, I propose creating a responsive dog collar that is sensitive to the current light conditions. On the collar would be photocell sensors that detect amount of light that is currently being emitted. As the environment becomes darker, the collar would adjust to the environment slowly starting to glow. The darker it is, the brighter the glow. This slow process of lighting the collar will help the dog adjust to the lighting conditions naturally, and prevent wasted energy by only providing the amount of light needed.

Responsibilities

Research
Primary Observations
Ideation & Sketching
3D Modeling

Tools

Rhino3D
Photoshop

Close Project

Intimate Communication

Problem

Couples enjoy feeling connected, even when they are apart. They show this connection through phone calls and text messages. However, depending on the messages sent, this type of communication can be cute but distracting. Messages such as “Miss you!” or “Love you!” can pull a person away from work, current conversations, or other tasks like driving.

Goal

Create a screenless communication device for intimate communication between couples.

Solution

To solve this problem, I propose creating a screenless interactive neckless to help couples communicate simple messages. Instead of sending a cute text message to a significant other letting them know they are thought of, a user can perform three interactions with the necklace to send three distinct messages:

  1. “I love you!”
  2. “Thinking of you…
  3. Sending a :kiss:

Users simple hold the necklace, rub the necklace, or give the necklace a kiss and their message is either felt or smelt by their significant other.

So why would couples use a necklace instead of a phone to communicate to their sweeties?

  • A device that uses senses such as touch and smell can feel more intimate than reading a message on a screen.
  • Necklaces are small and easily hidden
  • Messages can be received privately without others knowing
  • A necklace is not as distracting as texting or calling on a phone. Users can continue with daily tasks without being disturbed.

All in all, a device like this is safer, simpler, and a more intimate way for couples to communicate while apart.

Close Project

Women in Computing

Challenge

Create and show meaning and form through the use of digital imagery on the topic of diversity.

Overview

For this project, my partner and I decided to focus on gender diversity in the School of Informatics and Computing. As alumni from their undergraduate program, we are aware that the number of men highly outweighs woman in computing classes. This did not change when moving into IU’s HCI/d graduate program; of the 36 students in our cohort, only 6 are women. Using imagery, we wanted to raise awareness of this fact and to show that if nothing is done, we will become a male dominated school and field.

The images displayed above were used for this project.

Responsibilities

Photography
Image Manipulation
Presentation

Tools

InDesign
Photoshop

Team

Marie Bautista
Ginger White

Close Project

Amazon Review Redesign

Challenge

Re-design the Amazon Mobile application review system for the iPhone.

Goal

Provide a means for Amazon shoppers with smartphones to easily and quickly access the most relevant reviews of a product and view the general reviewer consensus of a product.

Design Process

When first approaching this challenge, our team created two personae and specific scenarios with the personae to reference while re-designing the mobile app. Using these personae, we brainstormed ideas on how to make the user experience more efficient and reliable. Through discussion and research about the current Amazon mobile rating system, we came up with the following issues:

  • Too many reviews: This can make it hard for users to choose a specific review to read.
  • Reviews not relevant to product: Some users write reviews based on shipping, price, or customer service as opposed to the actual product.
  • Most helpful/favorable review is sometimes outdated: Outdated reviews can contain information that is obsolete

We brainstormed and sketched ways to remedy these issues and create a better user experience. Our team decided to focus specifically on redesigning the mobile application to show the most relevant and helpful reviews and information to the user. Bringing relevant reviews brought up questions such as, “How do we know what reviews are most helpful?” Currently Amazon users can rate other user’s reviews of products, however sometimes these reviews are outdated. We wanted to redesign the system to show the most relevant reviews by user rating, date, and by showing reviews by users who have similar purchase histories to the person that is viewing the product.

With these aspects in mind, we sketched then created an interactive paper prototype with poster board, tape, and markers. We tested the prototype on three users. Each user was given a pre-test to determine their previous use with iPhones and the Amazon mobile app, several tasks to determine the usability of our design, and then a post test to find out the user’s feelings and thoughts on our design.

Final Design

In our final design, we modified the customer reviews page to display all information on the screen. We moved text around to save vertical space so users would not have to scroll down in order to find more information on their product. Our biggest change is the tabs area at the bottom of the screen. There are two tabs: the reviews tab, and the pros + cons tab.

The reviews tab allows the user to choose between “Positive Reviews” or “Negative Reviews”. Underneath these buttons is the excerpt box, which will show the first few lines of a review and can be clicked to view the whole review. The review displayed is the “best result” for the user based on a algorithm that takes into account the amount of votes from users that thought the review was helpful, the date the review was done, whether the reviewer has a similar purchase history, and whether the reviewer has a similar wish list to the user. Additionally, users can swipe their finger left or right to view more reviews.

The Pros + Cons tab displays the top three pros and cons as selected by users during the review process. For each pro, a blue “+” icon is displayed with the quality of the product and the amount of users who selected that quality as a positive attribute of the product; cons are displayed similarly, only with a red “-“ icon instead.

Responsibilities

Team Facilitation
Secondary Research
Ideation
Sketching
Prototype Creation
Usability Testing
Presentation

Tools

Personas
Whiteboards
Photoshop

Team

Marie Bautista
Peyman Hosseinzadeh
Brian Oppenlander
Leo Pak

  • Social CRM

    Social CRM

  • Magic Mirror

    Magic Mirror

  • Responsive Dog Collar

    Responsive Dog Collar

  • Intimate Communication

    Intimate Communication

  • Women in Computing

    Women in Computing

  • Amazon Review Redesign

    Amazon Review Redesign

Animation

Close Project

Future of News

Overview

This stop motion video was made for the IxDA12 Student Competition. The video explains my thoughts on the news, and how technology will impact the news in the future.

Tools

Camera
iMovie
Storyboards

Close Project

Further Down the Road

Overview

This is an After Effects animation I made for my T361 Motion Graphics class. The animation goes through the story of a girl having a rough day and overcoming her sadness with optimism. The music was done by Brendan Wood.

Tools

After Effects
Adobe Illustrator
Adobe Photoshop
Storyboards

Close Project

Personal Robot Trainer

Overview

A short animation film created for the T361 Motion Graphics and Animation midterm. The animation is an advertisement for a personal robot that will help encourage you to exercise.

Tools

After Effects
Google SketchUp
Photoshop
Soundbooth

  • Future of News

    Future of News

  • Further Down the Road

    Further Down the Road

  • Personal Robot Trainer

    Personal Robot Trainer

About

I’m naturally a curious person at heart and love to see what makes people tick. What do they want, and what do they need? I like to take this information to create enjoyable experiences that will eventually improve lives.

I love to travel, and consider myself an explorer constantly trying to learn about the world around me. I like to take everything in, and find ways to apply life’s lessons to my work.

As a second year master’s student in the Human Computer Interaction / Design program at Indiana University, I’m hoping to use my last few months in Bloomington to grow as a person, and as a designer. I look forward to applying the skills I have acquired into the real world, and making a real difference through design.

I will be graduating in May 2012 and am currently seeking full time design opportunities.

Resume

Download PDF Version

Education

M.S. Human Computer Interaction Design
Indiana University | Bloomington, IN | May ’12

B.S. Informatics and Computing
Minors: Business, Telecommunications, Spanish
Indiana University | Bloomington, IN | May ’10

Work Experience

Interaction Design Intern
Cook Medical | Bloomington, IN | May ’11 – Present

  • Designed and prototyped an internal mobile CRM application

Associate Instructor for I101, I300, and I400
Indiana University | Bloomington, IN | Aug. ’10 – Present

  • Teaching and leading discussions in various Informatics courses

Project Manager Intern
Discover Financial Services | Riverwoods, IL | June ’09 – Aug. ’09

  • Managed a team of interns in a project to decommision DFS intranet websites and redesign the main Discover portal website

Peer Leader
Indiana University | Bloomington, IN | Jan. ’09 – Aug. ’09

  • Guided two classes in programming Python with approximately 50 students each
  • Created and led two weekly class activities dealing with key programming concepts

Research

Tabletop Research Group with Dr. Shaowen Bardzell
Indiana University | Bloomington, IN | Dec. ’10 – Jan. ’12

  • Studied the effects of digital and analog interfaces on dominance within designer brainstorms

Student Activities

Mentor
Interaction Design Practice Course | Bloomington, IN | Aug. ’11 – Dec. ’11

  • Provided feedback and critique to first year master’s students on interaction design

Timmy Foundation Webmaster
IU Timmy Foundation | Bloomington, IN | Aug. ’08 – Aug. ’09

  • Updated and reorganized site content using CSS

Access/Excel Peer Tutor
Indiana University | Bloomington, IN | Jan. ’07 – Dec. ’07

  • Assisted in teaching two Access and Excel classes of approximately 40 students each

IUSTV Web designer
Indiana University Student Television| Bloomington, IN | Jan. ’07 – Dec. ’07

  • Collaborated with others to create a new design for the IUSTV website

Destructobox Animator
Indiana University Student Television’s Destructobox | Bloomington, IN | Aug. ’06 – Jan. ’07

  • Designed backgrounds in a flash based cartoon on IUSTV.

Design Methods

Affinity Diagrams
Card Sorting
Ideation
High Fidelity Prototyping
Low Fidelity Prototyping
Rapid Prototyping
Usability Testing
Storyboards
Scenarios

Research Methods

Contextual Inquiry
Ethnography
Cultural Probes
Diary Studies
Personae
Focus Groups
Artifact Analysis
Interviews

Web Development

HTML
XHTML
CSS
Dreamweaver

Languages

C
Python
PHP

Tools

Photoshop
Illustrator
After Effects
Flash
iMovie

Contact

The best way to contact me is through email. If you have any questions or comments, feel free to send a message to me at marie.c.bautista[at]gmail[dot]com . You can also connect with me via LinkedIn or Twitter.



View Marie Bautista's profile on LinkedIn