FIA 1: Harrys House App

User interface

User experience

User story - customer

Client story - tour manager

Criteria

Self prescribed

Prescribed

Constraints and Impacts

Social

Economic

Personal

Visual Communication

Principles

Elements

Colour

Scale

Proportion

Shape

Space

Proximity

Repetition

Alignment

Contrast

Hierarchy

Harmony

Client Requirements (tour management)

User needs (customers)

payment details and banking will be done securely security

Screens

Able to login using staff id and passwoed

Print reports

Sales reports

select report period

add, update and search products

select items to report on

Wants

Wants

able to login using customer id and password

view ticket purchases

search for and select tour dates based on city and concert dates

select delivery methods for tickets

receive conformation of their order

Existing solutions

Ticket master

Official Harry Styles website

Merch is sold here and you get a link to book tickets on ticket master

Just sells tickets, no merch

Doesn't want to give too much information away (keep their privacy) they just want to buy tickets and merch

Persons

an automatic conformation email will be sent to the customer after they make a purchase.

before the concert customers can add their info in so can purchase quicker. This will help organised customers to definitely secure their ticket.

Project

Scope

Project Statement

Current gaps

Objectives

Consequences

the problem

Proposal

the ideal situation

Who

What

When

Where

Why

How

Constrains

Deliverables

Timeline

Gerneral home page

Customer login page

Tour manager login page

Same large font used throughout - to be accessible to people with visual impairment.

Available to all users for free

Generates increased ticket and merch sales

Sophie

Mr Smith

Alice

Easy to navigate through clear buttons and labels

Clear and simple layout

consistent colour scheme and buttons through app

Is the first time she has been a tour manager so buttons and layout needs to be clear, simple and easy to understand.

Has impaired vision so the app needs to have a large font, a minimalistic display and no contrasting colours.

Is a keen Harry fans so wants to go as many concerts as possible and buy lots of merch. So the app will allow her to add this all in one her shopping kart so she can buy them all at once. Also allow her to put her payment details in ahead of time so she wont miss out.

He is not confident about buying tickets online so he wants to see more about how secure the payment is and the app's layout needs to be clear and simple.

He must get tickets in a seated area so there will be a clear option for either standing or sitting. He will also be able to sign up and before the tickets are sold out.

Needs

Needs

Somewhere to login to see their ticket information.

Icons

Tour logo

House with heart in it to represents Harrys house

Shopping kart

Able to click on the house icon in the top left corner when your anywhere in the app and it will take you to the home page. This is the same for the shopping kart icon that will be in the top right corner.

Will have to login straight away so then they will be taken to the right home page and will then have access to everything. This will have to be the first thing they do so the app knows who they, their location and their preferences, that way more specific tour dates and merch will be shown to them.

Fans are able to get to see Harry preform in a more exclusive way.

Different levels/prices for tickets depending on where you are seated and of you choose the VIP experience.

Is a trustworthy and secure place to buy tickets and merch.

Everyone is given the opportunity to buy tickets

Logical and easy to use

Both the customers and tour managers are able to access the app to suit their needs and wants.

Bright and coherent colour scheme

Colours, sizes and shapes wont be contrasting

Everything in the app will be proportionate. E.g. titles bigger that information, also large images.

A quality app that can be clearly communicated with a simple layout. So it can be understood by the staff and customers.

An app to efficiently report on ticket and merch sales.

An app to update and add information in ticket and merch sales.

A app that they can trust the sales of tickets and merch on.

A specific login for the tour managements staff and a separate login/side of the app to be for customers.

It to be accessible to people with impaired vision.

Their ideas and requirements to be listened too and followed.

Customers to keep coming back to the app to buy their tickets and merch (customer loyalty)

To buy tickets and merch before they all sell out.

Continuity and flow throughout the app to allow the users to make it easy and simple for the user to use.

Tour manager home page

Select area to report on page - either on merchandise or ticket sales

edit/add merch page

edit/add tickets page

Customer home page

Buy tickets page

Tour setlist page

Buy merch page (choose what you wan to buy)

Select tickets

Checkout page

Confirmation page

Checkout page

Confirmation page

The user needs to be confident and satisfied buy tickets and merch on this app.

needs a safe and secure place to purchase their merch and tickets

Smooth transitions between the apps pages.

Usability Principles - part of UI

Wants to be able to go back to the home or shopping cart at anytime.

Accessibility

Utility

Safety

Effectiveness

Learnability

It is accessible to all users to use after they sign in

All staff members can login with the correct password so customers can login here.

Data and personal information are secure and safe.

It for fills its function as a sign to buy tickets and merch.

Not too much information will needs to be imputed to ensure privacy. Only what is essential like bank account details for payment.

Once they download the app they can access the sale quickly at anytime.

Only have to sign in once then the app will remember you

All app functions and clear and simple so will be able to learn how to use it quickly.

The same colours, fonts and buttons will be repeated throughout the app.

Blue, orange and yellow

Buttons and words will be aligned in the middle. This will ensure elements are visually connected, making the app more visually appealing and giving it a sense of order.

The app will have a visual hierarchy with titles and the more important/used buttons or information prioritised at the top of the page.

Cost of creating the app

Only going to be in English so unavailable to people who speak
another language

No read allowed function so impacts people who are visually impaired.

Easier and quicker to buy tickets and merch

Ticketek

Like that it includes a waitlist for upcoming tour ticket releases.

click to edit

Lots of geometric shapes will be used for buttons and shapes

accessible to customers with vision impairment

able to purchase more than one ticket

can select the type of ticket that they want (e.g. standard or VIP, sitting or standing)

the app should be visually appealing and very user friendly by clearly communicating what each buttons function is.

Buttons are clearly labelled for easy navigation

Able to clearly find what the user is looking for, giving the customers a high satisfaction.

Able to quickly use the app anywhere that has a data connection.

Will try an fill the space but without overcrowding the screen.

Titles will be larger but all all text will to be to scale with each other.

There will be harmony and satisfaction within the app by following a consistent colour scheme and making sure all elements are in alignment.

To minimise clutter and confusion all button will be closely placed close to their corresponding text, to show they are related.

No budget was given

Sign up

Reset password

More information

add a countdown to excite the customers and remind them how far away the tour is

The layout for each ticket or merch sale will have the same requirements.

Large images so they are easy to see by the user.

Customers and the tour manager can effectively achieve their required needs and wants.