Train Kiosk Design Banner

Project info

  • Software:Axure
  • Class:User Interface I

Train Kiosk

This project is the follow up to my Airlines App design and also used Axure. The assignment was for students to make an interactive kiosk for a train service. This end goal was to make a high-fidelity prototype that showcased several tasks. In addition to a home screen, a minimum of six screens needed to be designed along with at least two interactive tasks. Users need to be able to make a reservation, add more travelers, view a train map showing the itinerary, view economy vs premier options, upgrade fare, see the itinerary summary, purchase tickets, and print tickets.



Research

I decided to do my design based on the BART Transit in San Francisco. Though their Kiosk Design wasn’t too dissimilar to MARTA kiosks.

BART Kiosk orginal design BART Kiosk

I used MARTA as a main point of reference when starting this project. Being a native to Atlanta this was the most convenient. I made sure to take note of the way MARTA kiosks handle each of the tasks I had to complete. I also made sure to note any frustrating feature those kiosks had. Unlike MARTA kiosks though my design is completely touch screen.



Information Architecture

I sketched out the layout of the app and assigned the mandatory features to certain pages. This will be the general layout, but I ended up making some slight changes when fleshing out the apps design.

Sketches of the general layout for my kiosk design.



Iteration One

My first iteration met all the qualifications but had some glaring usability concerns. The feedback that I got was that my pages had poor spacing and the background was too bright causing pages to feel cluttered.

 My first Kiosk iteration Original Prototype:https://hl9986.axshare.com/#c=2



Iteration Two

With my second iteration I made the options clearer and easier to read. Now that the pages are less cluttered, I switched around some of the visuals to make them clearer.

In this app users can order tickets, make reservations, view a map of the system, review their order, and make payments.

The second iteration of the kiosk design Final Prototype:https://mx45q9.axshare.com/#c=2