MID-FIDELITY WIREFRAMES
I created mid-fidelity prototypes to illustrate the flow of various user tasks, organizing them into five tabs: 1) My Tickets, 2) My Rewards, 3) My Gifts, 4) Gift History, and 5) Results. Upon seeing these mid-fi screens, we decided that it was too complex and easy for the user to get lost. We decided to simplify the tabs to avoid user confusion.
I created mid-fidelity prototypes to illustrate the flow of various user tasks, organizing them into five tabs: 1) My Tickets, 2) My Rewards, 3) My Gifts, 4) Gift History, and 5) Results. Upon seeing these mid-fi screens, we decided that it was too complex and easy for the user to get lost. We decided to simplify the tabs to avoid user confusion.
For instance, I initially envisioned “Gift History” as a way for users to track gifted tickets, but after several iterations, we decided to eliminate this feature and instead display it as information on a popup, alongside a ticket’s other relevant information. (Some of this relevant information included the drawing date, whether or not a ticket won, etc. “My Rewards” was also integrated into this same information modal - stating whether or not the ticket was a winning ticket.)
“My Gifts” and “My Tickets” were unified into one screen - ultimately, these both held tickets, so there’s no reason to put them on two different screens - the only defining factor was whether or not it was a gift. We decided we could just add a little touchtip to indicate whether or not a ticket was gifted. Hence, the 5 tabs were condensed into 1 singular main screen: My Tickets.
Another feature that underwent several changes was the banner's displayed information: Should it include buttons for users to click on in order to spin for their tickets, or should it present key data like the number of tickets redeemed or won? Should a large modal show the countdown to the next drawing or the total prize money? After multiple iterations, we eventually landed on the optimal combination of information to display.
“My Gifts” and “My Tickets” were unified into one screen - ultimately, these both held tickets, so there’s no reason to put them on two different screens - the only defining factor was whether or not it was a gift. We decided we could just add a little touchtip to indicate whether or not a ticket was gifted. Hence, the 5 tabs were condensed into 1 singular main screen: My Tickets.
Another feature that underwent several changes was the banner's displayed information: Should it include buttons for users to click on in order to spin for their tickets, or should it present key data like the number of tickets redeemed or won? Should a large modal show the countdown to the next drawing or the total prize money? After multiple iterations, we eventually landed on the optimal combination of information to display.