INITIAL STATE
THE BOX museum is based on LA. The current website is a non-responsive, old, outdated, and low-quality website. Customers are not going to be able to read a website that is too small to see.
I would like to change to:
It is a responsive, readable, clean, simple, and can access the navigation bar and easily be directed to the information customers need.
Getting to know the users
PERSONA HYPOTHESIS
The users of the website can be generally categorized into two personas.
What different sorts of people might use this product?
Customer, Buyer
How might their needs and behaviors vary?
Customer: To attend the exhibition and appreciate a work of art
Buyer: To buy the art and painting
What ranges of behaviors and types of environments need to be explored?
Desire to attend the art museum
Willingness to buy the art or not
Motivation to learn in art museum
PERSONA INTERVIEW
To prepare the interview questions, I looked up questionnaires on the Internet as well as tried to get a general idea of Museum Life itself. I came up with the following rough interview template:
How often do you go to the art exhibitions?
Why did you choose to attend the art museum?
What kind of topic are you interested in?
What is most important to you when choosing the art museum?
What do you do in the art museum?
Can you easily find the exhibition information in the “The Box” website?
Why did you choose to attend the art museum?
What kind of topic are you interested in?
What is most important to you when choosing the art museum?
What do you do in the art museum?
Can you easily find the exhibition information in the “The Box” website?
PRIMARY PERSONA
Primary personas are the main target of interface design.
GOAL- USER SCENARIO
A product’s behavior from the standpoint of specific users (personas).
USER STORIES
It is followed by another couple of sentences briefly describing the necessary interface to accomplish the interaction.
USE CASES
A technique based on exhaustive descriptions of the system’s functional requirements, often of a transactional nature, focusing on low-level user action and accompanying system response.
FEATURE AND FUNCTIONALITY LIST
SITE MAP
A hierarchical diagram showing the structure of a website or application.
USER FLOWS
It lays out the user's movement through the product, mapping out each and every step the user takes—from entry point right through to the final interaction.
MOBILE WIREFRAME using SKETCH
It is a visual guide that represents the skeletal framework of a mobile site.
<Click on the image below for a larger view>
PROTOTYPE DESIGN using SKETCH
It is used to understand and see how a product or application works, what it does and how you should interact with it. It's simulations of how a finished product will work.
PROTOTYPE DESIGN using ADOBE XD
USER TESTING using Validately
It is the practice of testing how easy a design is to use on a group of representative users.
RESEARCH PLAN
GOAL:
Users will be able to browse the exhibitions to learn the details of its activities
Users will be able to browse the events to learn the details of its activities
Users will be able to find several ways to contact with the museum
Users will be able to find the ways to buy a ticket
Users will be able to find the mission and history about the museum
Ideal user:
Any level of experience who is interested in art museum
Establishing Questions:
Have you ever been to an Art museum?
How do you usually buy an Art museum ticket?
What kinds of information from its website would help you make the decision to attend the art event?
Task:
1. You would like to attend the art event this weekend.
2. Browse its current art event and buy a ticket to your interested one.
3. Find the Current ART exhibitions
4. After finding the current art exhibition, Find the tickets section
5. After selecting the tickets section, Click the get tickets button.
6. Select date and quantity. Click the add to cart button.
7. Put card Information and billing information. Check your confirmation page
Tasks Screengrab
Pre-study Questions
Task 1-5 Analysis
Follow Up Questions
Usability Testing Video
FINAL PROTOTYPE using FLINTO
.
.
