Tabbedout

Name

Tabbedout – Tabbedout App

My role in the project

UI / UX Designer

Tools used

Photoshop, Illustrator, Invision

About the Project

Tabbedout is a Mobile Ordering solution for the modern bar and restaurants. By easing the process of ordering

and paying from your mobile device, Tabbedout solved the problem of people leaving credit cards at

restaurants, not having to bring your wallet when you are out with your friends and bar owners for those

runaways with open tabs that brought them headaches.

Main Objectives

Create a user flow so intuitive that people and bar owners could use despise distractions, unpredictable

situations, cloud based and secured information, backup and privacy respectful to all parties.

The Problem

Experience should never interfere with real world, people on both sides, bar owners, waiters, bar tenders, and

public are not to blame for any tech inconveniences. Having this in mind, multiple cases were studied and risks

of any kind had to be assured, secured, or at least to be considered. Storms causing blackouts, intermittent

internet connection, a very fun time and too many drinks, runaways, and many more. We are all humans and

tech is here to make our lives easier, not harder. Increasing the engagement, was also part of the challenge, we

had some returning and current users, who knew the app and how it worked but in order to keep them in the

loop and bring new users, bar and restaurant staff and users became even more important.

The Solution

Trials and Tests were performed to several individuals and groups in multiple situations. To improve the

engagement gamification principles, such as real world and virtual rewards were implemented, promotional

codes and the best an application that made their fun time out even better with facilitating experience that

Tabbedout brought.

Personal Take Aways

The process of working in an everyday transforming, evolving, and developing product was incredible

transformative and formative for my professional career, the ability to work and test prototypes, potential

features, current flows and test every aspect past, present and future with actual users made such an impact in

my perspective of how usability and research can cause in the interaction with the real world to be a great

experience or not.

Performing interviews, catching gestures, answers, interactions, doubts, eye rolling and a-ha moments, was

something that I definitely encourage for every project to perform, not only for the please and the information

these techniques can provide, but also for the results and the satisfaction we can see in the final product.

THE PROCESS

USER PERSONAS

Creation of user personas and not thinking of people just as users, provided the

research more empathy and a perspective of how people will be using the

application taking in mind their real world situations. Two applications were

developed one for bars and restaurants as their POS, and one for the common

users that wanted to have a fun time at their favorite venues.

PERSONAS STORIES

As we had as many personas as we considered for each application interaction

several stories were created and written to consider possible scenarios in which

they could be as they walked into a venue.

USER FLOWS

The stories helped us trace possible paths and step by step flows that we could

tackle in the best possible way to improve the experience, and functionality.

WIREFRAMING & UI GUIDELINES

Wireframes became possible once the requirements were stablished, layout

construction, hierarchy and functional priorities started to become a reality, and

solutions tested. Sometimes, with wireframes tests were made with users to

prove their viability and success before going into HiRes design. Some other

features just went through depending also on Tabbedout initiative.

USER INTERFACE DESIGN & PROTOTYPING

Beatufying the wireframes by adding styles, and design, bringing them to life was

another fun part, filling in the blanks and choosing elements and micro

interactions was also worked in this phase, also, with working prototypes tests

were performed internally and some particular users,

USER TESTING

The last place of user testing for this particular project has nothing to do with the

implementation of it, as these tests were performed along the inception of most

features until their release and even after. Once the new product/feature was out

it was possible still to be a major success or a brutal failure, this nonetheless, was

not a turn down but a beautiful way to bring in consideration we are all humans

and we are all not the same our testers were not the final word and will never be,

it all was a continuous evolution of the application and ourselves as a team.