Arena Premier Web-Based Touch-Screen Cash Register May 2008 - July 2008

For a short introduction to Arena Premier (AP) see the corporate website project page.

Description of Work

Perhaps one of the most diverse uses for my web design skills yet, I was put in charge of re-designing the interface for a touch-screen cash register for installation on site in theatres and stadiums. Previously, the till had been using a Windows-based application, but the new version is entirely web-based AJAX-ified interface.

The project introduced me to some new usability challenges, such as how to give feedback to the user that a button has been click whilst the request is being passed over the network. I overcame this particular challenge using JavaScript and putting a 'down' state on to the button the moment that it is clicked, thus not leaving the user in the dark during lag time.

Summary of my involvement

Research of interface requirements and development of wireframe diagrams
Interface graphic design based upon current corporate branding
Front-end XHTML, CSS and JavaScript development
Back-end development of templates using ASP.NET 2.0 and Visual Studio
Liaison with the relevant stakeholders throughout

Notes: The screenshots below are taken from a developmental version of the site. The data fields only show sample data - not real information.

Screenshots

Log-in screen

Ticket sales screen

Notes: In order to select tickets, the operator must first select the event, then a date, a section of the auditorium and finally ticket type and number of tickets. Previously, this process was handled on various screens. I streamlined the process by applying an iTunes-style selection process, where each of the above stages is contained within their own columns, and AJAX postbacks update the content in the following column when a selection is made in the previous.