RAFA TORRES CLICKABLE INDEX USER EXPERIENCE & PRODUCT DESIGN PORTFOLIO. - About me. - Quickthrough for Gmail. - Fandango 2.0

Transcription

1 RAFA TORRES USER EXPERIENCE & PRODUCT DESIGN PORTFOLIO (917) Brooklyn, NY CLICKABLE INDEX - About me - Quickthrough for Gmail - Fandango Team Insight for Barrel NY - And more... - UX as a way of life - Resume

2 THIS IS ME: - Born and raised in the Canary Islands - Don t have the typical spaniard s english accent - I design meaningful, user-centered experiences for any platform or device - Former Technical Manager in a Digital Marketing agency - Worked on product design for Red Bull, Spotify, IKEA, Disney and CondéNast - I have a thing for interaction design and information architecture and a very strong focus on technology

3 READ. ORGANIZE. FIND TIME TO REPLY. Introducing Quickthrough for Gmail

4 THE INTERVIEW This project did not have a brief. Instead, we had to figure out a problem by interviewing a random person. From a series of interviews, we had to come up with a problem and iterate on the design of a solution. Blue skies, no limitations applied. I interviewed former Makerbot Creative Director, Michael Morales and found out about his life with very simple and open questions. Project: Quickthrough for Gmail Client: Michael Morales (mock project) Deadline: 1 week, June 2014 UX skills: - User Interviews - Contextual Inquiry - Feature prioritization/mvp - Collaborative design - Rapid Prototyping - Paper Prototyping Deliverables: - Wireframes - Clickable prototype KEY FINDINGS - Michael spends most of the day in work but needs time at the beginning and the end of the day to do chores at home. - He receives more than 150 s a day on average. Some are only directed to him, some are threads in which he is CC d, some are replies to s he has sent. - He spends most of his day in long meetings and has very little time to read through his inbox and respond to important s. - Michael is basically a bottleneck for his entire department.

5 THE SOLUTION The main problem Michael was that he couldn t find the time to identify, read and reply to important s. I came up with the idea of creating a tool that organizes the users inbox and allows for quick browsing, hinting possible priorities based on the context. THE IMPORTANCE OF SCHEDULING One of the main problems that the concept brought up is that simply applying labels and replying didn t solve for people that couldn t go back to reading the newly organized inbox due to meeting schedule. The solution was a functionality which scheduled a meeting with yourself in order to clear calendar spaces for you to reply to the s you re behind on. 1. QUICK SKIM THROUGH HEADERS 2. APPLY PRIORITY LABELS TO S 3. SCHEDULING TIME FOR REPLYING BASIC GESTURE CONTROL A crucial part of this app is giving the user the possibility of accessing every functionality and screenby only using their thumb. Everything is based on swipes and taps, keeping the dynamism on every step. CONTEXTUAL INQUIRY When researching, contextual inquiry was probably as useful as the interviews with Michael. Learning how other power-users handled overload gave me key insights about prioritization, instant actions (reply, mark as read...) and the distribution of the elements. User testing with them also helped achieve a positive experience when using the app.

6 PAPER WIREFRAMES This is the setup process. The users log in with their Google account, sets the names for the 3 labels they are going to use and give slight scheduling indications. Swiping down show this contextual navigation which lets you reply s, mark them as read or delete them. subject Swiping from side to side shows previous and next s. Sender This signifier lets you know why this may be important. This might be because: - It was sent only to you - It was a reply to an you sent - You are directly mentioned in the body of the The s are labeled by the userby tapping on these indicators. The labels are established by the user on the settings panel.

7 GO PLACES. TAKE YOUR FRIENDS. Introducing Friends for Fandango

8 THE BRIEF We want to expand our market from just movies to music and local events, let users know whats happening around them and facilitate the purchase of tickets on-the-go. Project: Fandango 2.0 Client: Fandango (mock project) Deadline: 2 weeks, July 2014 UX skills: - Contextual Inquiry - Competitive/Comparative analysis - Qualitative user research - Personas and company profiles - Feature prioritization/mvp Deliverables: - Sitemap - User flows - Wireframes - Clickable prototype Our assumptions - People are familiar with online ticketing systems and are willing to use them to buy tickets in advance. - People who buy tickets using Fandango or any of its competitors also buy tickets for other kinds of events using an online ticketing system. - The majority of our users do not attend events on their own.

9 THE PROCESS THE BUSINESS, BRAND AND USER GOALS The intersection of business, brand and user goals gives us the Critical Product Objectives, the functionality that research has told us we should include in the product. KEY PERSONAS We did some contextual inquiry at TKTS in Times Square and learnt about the users ticket purchasing habits. The main persona we designed for was a young, spontaneous user that liked to find out whats happenings around her, what friends are doing and go with them. Our secondary persona is a more mature, cultural user which plans ahead and get the beast seats in the house. We surveyed over 115 people in 48 hours and covered... 2 LANGUAGES 6 COUNTRIES 7 NAMES THAT SOUNDED INVENTED THE KEY FINDING - SOCIAL BEHAVIORS 66% Over 66% of the people surveyed would plan and attend events with friends or family. The remainder planned on their own but attended with someone else. Only 6% planned and attended on their own.

10 THE SOLUTION Time was the main constraint so we couldn t dive deep into expanding to new markets. However, even though the project brief explicitly asked for only market expansion and on-the-go experiences, research told us that sharing events was far more important, so it was included it in the solution. This is the Minimum Valuable Product (MVP). INTRODUCING YOUR FRIENDS INTO FANDANGO The main game-changer was introducing a social tab where users could see what events their friends where goings, invite friends to events they are attending and access event pages to see which friends are going to a specific event. 1. INCLUDE MUSIC IN THE MIX 2. CREATING A MOBILE PASS 3. GOING SOCIAL LOOKING INTO THE FUTURE One of the things I enjoy most about the job is looking forward in time and applying emerging technologies to my products. In this case, I came up with a Fandango app for a google watch. This would allow the users to wear their digital pass on their wrists and simply swipe their watches to access the venues.

11 THE DELIVERABLES TWRS SITEMAP FOR FANDANGO2.0 Search Results SPOTLIGHT MOVIES CONCERTS FRIENDS ACCOUNT Tabs Sort by: Tabs View by: Tabs View by: Tabs Show: Movie Venue Artists Movie Title Date/Time Venue Concert Name Date/Time Venue Friend Feed Invitations Friend List Selector Sort by: Selector Sort by: Alphabetical Release Date Popularity Top Box Offive Ratings Genres Alphabetical Popularity Price Ratings Genres Movie Details Concert Details Event Details Friend Details LEGEND Venue Details Artist Details Checkout MOVIES Primary navigation Artist Details Secondary navigation Checkout End of user journey Tabs Functionality Global elements Tap based cross-navigation Tap based transitions Swipe up and down to scroll through content. User entry via app notification The sitemap was created having a development team in mind. It also shows interactions and notification entry points High fidelity wireframes AVERY Avery, a 42 year old manager, wants to plan a musical evening with a date she s having next week. OPEN APP CLICK CONCERT JORDAN Jordan, a 19 year old womon, wants to go to a concert on saturday but doesn t know what her friends will be up to. OPEN APP RANDY Randy, a 31 year old, has a free evening and wants to go to the movies at a theater nearby. OPEN APP CLICK MOVIES CLICK SOCIAL CLICK CONCERTS CLICK DATE/TIME CLICK ARTIST CLICK VENUE CLICK DATE/TIME CLICK DATE/TIME CLICK TITLES CLICK THEATERS SELECT DATE CLICK SPECIFIC ARTIST CLICK SPECIFIC VENUE REVIEW NEWS FEED CLICK INVITATIONS CLICK SATURDAY CLICK SPECIFIC MOVIE CLICK SPECIFIC MOVIE CLICK SPECIFIC THEATER CLICK ADD INVITATION SELECT CONCERT SELECT SPECIFIC CONCERT SELECT CONCERT DATE SELECT SPECIFIC CONCERT INPUT FRIENDS & CONCERT CLICK INVITE FRIENDS SCROLL THROUGH THEATERS SCROLL THROUGH MOVIES SELECT TIME INPUT INFO. CLICK SEND INPUT FRIENDS & CONCERT INPUT INFO. CLICK COMPLETE CHECKOUT CLICK SEND CLICK COMPLETE CHECKOUT SELECT ADD TO PASSBOOK SELECT ADD TO PASSBOOK User flows for 3 of our 5 personas Digital Pass screen mockup

12 TeamInsights v2.0 for Barrel NY PUTTING FEEDBACK IN CONTEXT

13 THE BRIEF Take the existing feedback and survey tool, TeamInsights, to the next level, catering for 360º feedback and custom survey and report creation. Project: TeamInsights Client: Barrel, digital product agency based in NY Deadline: 2 weeks, August 2014 UX skills: - Competitive/Comparative analysis - Qualitative user research - Personas and company profiles - Feature prioritization/mvp Deliverables: - Sitemap - User flows - Wireframes - Clickable prototype Our assumptions - Employees feel fear when approaching their manager or their peers in order to give feedback on some negative aspect of their job. They fear negative actions taken against them. - Anonymity is a great tool when giving feedback. People behave differently and only give positive feedback when they know that the recipient is going to know it comes from them. - Surveying employees with quick, 2/3-question surveys every weeks is better and more efficient than doing longer surveys quarterly.

14 THE PROCESS THE BUSINESS, TECHNOLOGY AND USER GOALS The intersection of business, tech and user goals gives us the Critical Product Objectives, the functionality that research has told us we should include in the product. THE PERSONAS AND COMPANY PROFILES Employee and manager personas helped us identify the needs and painpoints that our potential users would have. Company profiles helped us understand how various organizations would use the product. We surveyed over 100 people in 48 hours and covered POSITIONS 22 COMPANIES 15 INDUSTRIES THE KEY FINDING 41% 41% of managers surveyed do not cross reference the data collected from employees over time. This, research showed, was due to the lack of a single platform that facilitated this task.

15 THE SOLUTION Project deadline was the main constraint we had, so we had to decide on what we were going to present to the client and what would be left for further iterations; The Minimum Valuable Product (MVP). HOW DO WE ACHIEVE TRUE INSIGHTS? By this time, the system was tracking employee data over time but we wanted to take is a step further and give information that would drive plausible explanations to employee answer deviations. We did this by including key company milestones into reports. The report would show possible relationships between answers and key moments. 1. CUSTOMIZABLE SURVEY CREATION 2. EVALUATION OVER TIME 3. INSTANT INSIGHT REPORTS LOOKING INTO THE FUTURE Our research showed that employees feared giving feedback to their peers and superiors and that most of the time, feedback was not constructive enough. How would we solve for this? PEER-BACKED FEEDBACK Employees can ask peers to back them when giving feedback to other peers or managers. If the majority of the peers agree, the feedback is sent, if not, peers send back a constructive critique to help the employee give more useful feedback.

16 THE DELIVERABLES The research was delivered half-way through the project. As we couldn t meet with the client, we screencasted ourselves talking through the deck. Evolution of the Reports page LOGIN DASHBOARD GIVE FEEDBACK FEEDBACK Sitemap, top-level view DASHBOARD VIEW PEER RESPONSE Wireflows for Peer-backed Feedback SENT MESSAGE BACK DASHBOARD

17 AND MORE... SHOPPIIC, SMART SHOPPING APP Shoppiic is a smart shopping companion app that lets you take your friend s opinions with you at all times. Take pictures of products you see at stores, fill in the product information and tag your friends. They will receive a notification letting them know that you asked for their opinion, providing product feedback in real-time. As co-founder and product designer at Shoppiic I had to solve the design problems that came up with functionality and navigation as well as user-testing the app. Right now, we are investigating a proximity-based technology like ibeacon to provide our premium-level stores with a new way to engage current and potential customers. When I m not designing for Shoppiic, I manage PR and communications. UNNAMED CONTACT-SHARING PRODUCT One of the most recent personal UX projects I ve started is a solution for the pain of sharing your contact information. The ideation and problem definition stages show Bump as the closest competitor but this isnt the best of options. The goal is to create a platform-agnostic system that shares your contact information on demand with the people you want. MADBRUNCH, LOOKING FOR THE PERFECT BRUNCH IN MADRID Food has to be everybody s passion. In my quest to share the love of food I started a foodie blog called MADBrunch, where some friends and I write about the brunch scene in Madrid. In this project I share my love for food while practicing my editorial and content strategy skills.

18 UX AS A WAY OF LIFE PACKING A BACKPACK FOR A 3 DAY HIKE Being a designer is not only a job, it s a lifestyle. Trying to design a workshop for kids, I came up with a document the explains how to pack a backpack for a 3 day hike. It s an awesome way to learn what goes where. Backpack Clothes Eating Accesories Sleeping Boots Waterproof Windstopper Water Snacks Leatherman Tools Trekking Poles Sleeping Bag Sleeping Pad Remember kids, pack your own backpack! T-Shirts Meals Flashlight Tent Legend Outside Pockets Shorts Cooker First-aid Kit Carried on self Fleece Fire Starters Main Backpack Compartment Pants Toiletries Top Socks Underwear Bottom Position within backpack

19 RAFA TORRES USER EXPERIENCE & PRODUCT DESIGN (917) Brooklyn, NY BRANDS Red Bull Spotify IKEA Disney CondéNast SKILLS AND TOOLS Research User interviews Contextual inquiry Competitive, evaluative & quantitative research Design Information architecture Interaction Design Sketching Adobe InDesign Adobe Illustrator Omnigraffle Prototyping Rapid prototyping Axure InVision POP Coding HTML5 CSS3 Javascript Ruby on Rails (basic) User Testing Heuristics and usability A/B testing Other Keynote Bootstrap Git SCRUM & Kanban EXPERIENCE TeamInsights by Barrel, New York City, NY User Experience and Product Designer July July 2014 During the User Experience Design immersive course at General Assembly, I was involved in a project for Barrel (a digital product agency in New York); reimagening TeamInsights, their existing survey and feedback platform. After research, the proposed solution included custom survey creation, employee evaluation over time and custom, insightful reporting. In this project I developed my ideation, research and analysis skills as well improving my design communication skills. Social Noise, Madrid, Spain Technical Manager July August 2014 Social Noise, Digital Innovation agency based in Madrid, sports a roaster of huge clients, it has seen quick expansion in its relatively young life. As technical manager, my job ranged from project management to product design and creative technologist. I had to adapt my skills to each day as I had to constantly divide myself into various positions. I managed a team that reached 17 designers, developers and project managers and were the first in Spain to achieved the Facebook Preferred Marketing Developers title. Tenerife South Airport, Canary Islands, Spain Internal Digital Products Engineer July July 2011 Working at the IT department of an international airport I designed and developed products for internal use following stakeholder interviews and requirement analysis. Microfusion, Canary Islands, Spain Back-End Engineer December January 2010 My first job as a developer let me apply my skills to the reality of the workplace, realizing then that all the knowledge I had learnt was only the basis for me to understand what I would continue to learn. PROJECTS Unnamed Contact-Sharing Product, New York City, NY User Experience and Product Designer July Ongoing MADBrunch, Madrid, Spain Co-founder and Editor March Ongoing Shoppiic, Canary Islands, Spain Co-founder, Product Design and PR February Ongoing The Projects - Digital Culture Magazine, Spain Co-founder & Editor February Ongoing EDUCATION User Experience Design Immersive Summer hours General Assembly, New York City BSc (with Hons.) in Computer Science Univesity of Hull, United Kingdom INTERESTS Traveling, Outdoor awesomeness, Analogue photography and SciFi