BSc Computing Technologies: User Experience Design Report - OnlineAuct

This report presents a user experience (UX) design analysis for the OnlineAuct company, focusing on the development of a new website. The report outlines the strategy plane, including product objectives, user needs, and the application of agile methodology. It incorporates user personas and a questionnaire to understand customer requirements. The scope plane defines user stories. The structure plane covers navigation. The skeleton plane details wireframe implementation and testing. The surface plane discusses color schemes, site logos, and typography. Recommendations for website improvement are provided, along with conclusions and references. The report aims to enhance the website's usability and user satisfaction, providing insights into the design process for a successful online platform. The report covers all aspects of UX design for a website, from initial strategy to final implementation and testing, providing a comprehensive overview of the design process and its impact on the user experience.

Running head: USER EXPERIENCE DESIGN
USER EXPERIENCE DESIGN
Name of student
Name of university
Author’s note:

1
USER EXPERIENCE DESIGN
Table of Contents
1. Introduction..........................................................................................................3
2. Strategy plane.......................................................................................................3
2.1 Product objectives................................................................................................3
2.2 User needs............................................................................................................3
2.3 Agile methodology...............................................................................................4
2.4 Questionnaire.......................................................................................................4
2.5 User persona.........................................................................................................4
3. Scope plane..........................................................................................................6
3.1 User stories...........................................................................................................6
4. Structure plane.....................................................................................................7
4.1 Navigation structure.............................................................................................8
5. Skeleton plane......................................................................................................8
5.1 Wireframe implementation..................................................................................9
5.2 Wireframe testing...............................................................................................11
6. Surface plane......................................................................................................14
6.1 Colour scheme....................................................................................................14
6.2 Site logo.............................................................................................................14
6.3 Typography and fonts........................................................................................14
7. Recommendations..............................................................................................15
8. Conclusion..........................................................................................................15
9. References..........................................................................................................16
10. Appendix............................................................................................................18

2
USER EXPERIENCE DESIGN
1. Introduction
The present need for maintaining the updated system has developed concerns in the
OnlineAuct company. The company was previously performing using the conventional
methods of business but with the increase in business, the need of website is imminent. A
brief analysis of a website for the company is being discussed in this report. The complete
design of the website is being provided that illustrates how the users and employees would be
interacting with the website. The designing of the website is being done on the basis of the
principles of user experience and user interface design.
2. Strategy plane
2.1 Product objectives
The product that is being implemented in the OnlineAuct company would allow the
company to provide significantly improved services and products to the customers. The
customer satisfaction would increase substantially and simplified methods of gaining the
products of the company would be provided to the customers. The website of the company
would allow to be constantly updated regarding the new products and gain various products
at the lowest prices.
2.2 User needs
The customer of the company needs the website to be easily accessible. The
availability of all the main information on the website should be visible in proper font and
size. The customer needs the website for placing a product in the company for selling and
gain proper notification regarding any potential buyer. The buyers who visits the website for
purchasing any product should view all the available products of the company in the
homepage of the website so that they could purchase the products easily without any
extensive searching. The customer needs a website that could be trusted and easily available

3
USER EXPERIENCE DESIGN
on the internet. There should not be any kind of useless information on the website that
misleads the customers.
2.3 Agile methodology
For the development of improved website in the company, the agile methodology
would be followed that would ensure the easy and accurate implementation of the complete
website (Mukhopadhyay and Gupta 2019). The agile methodology allows the introduction of
the website in the company in proper phases that ensures that all the discovered issues in each
of the phases are eliminated before the deployment of the complete website (Sayeed, Hassan
and Muttoo 2017). Agile methodology is the kind of process in project management that is
primarily utilised for the software development, where the demands as well as the solutions
are constantly evolving using the collaborative support of the self-organising and the cross-
functional teams plus the customers of the company (Kotaiah and Khalil 2017).
2.4 Questionnaire
Questions of customer needs
 What are the tasks that you feel comfortable doing?
 What are the pages that you desire in the website?
 What products do you need from the website?
 Do you wish to save your transaction card details in the website account?
 Do you think a search button has to be placed in the website?
2.5 User persona
Name Jack Ryan
Role Customer
Occupation Record store manager

4
USER EXPERIENCE DESIGN
Status Single
Location California
Bio Jack has a day job at the record store but on side she does various
types of production work for the up-coming artists. He has no
hesitation in learning anything new and she frequently acts as the
tech support for her friends as well as the clients. He is commonly
working on dozens of projects at one time and has the intention of
establishing himself within the industry. This is the reason he
hates any kind data crashes or any other aspects that makes him
look bad. As he is working along from his home, he desires
extensive collaboration.
Goals To grow significantly strong reputation in the industry
To develop audio-pro portfolio
To keep proper track of each aspect
Name David Miller
Role Customer
Occupation Product designer
Status Single
Location Sydney

5
USER EXPERIENCE DESIGN
Bio David lives in the rented apartment in the city with his parent and
works in high-tech job. He likes hosting various kinds of parties
and gatherings in his home. He is an extrovert person. After
having a long day at his work, he likes to come back to his house
and have quality time with his parents. He is a frequent visitor to
the online shopping websites and buys various products that are
required in his daily life. He intends to use the auction website for
placing his bids and gain any available product at significantly
low price.
Goals To develop computer skills
To be an expert in the sector of cyber security
To provide the best security measures to the company
3. Scope plane
3.1 User stories
1. As a customer of the auction website, I want to use the website for logging in the
website using the provided credentials and buy products.
2. As a customer of the auction website, I want to login into my account in the website
for viewing all the available products in the website and add some products in my
wishlist for buying later.
3. As a admin of the auction website, I want to login into my account in the website for
viewing the buying history in any customer account.

6
USER EXPERIENCE DESIGN
4. As a admin of the auction website, I want to use the website for buying products and
then check the payment history of any particular customer.
5. As a admin of the auction website, I want to login into my account in the website
using my credentials are view all the details of the purchases made by any buyer and
update the details of users who have requested update.
6. As a admin of the auction website, I want to login into my account in the website
using my credentials for searching for all the bidders and buyers.
4. Structure plane
The structure plane mainly determines the methods by which the users interacts with
product, how the system would behave when the users interacts, the method of organising the
website, prioritising the features of the website (Popova 2019). The structure of website is
mainly split into the two major components, namely the information architecture and the
interaction design. The interaction design mainly deals with all the functional requirements
and defines the methods by which the users could interact with website and the behaviour of
the system in the response to interactions of the users. The information mainly deals with all
content requirements and it determines the proper arrangement of the content elements, the
method of how they are organisation. This plane mainly deals with ensuring the proper
human understanding.

7
USER EXPERIENCE DESIGN
4.1 Navigation structure
5. Skeleton plane
The skeleton plane in the UX design mainly determines visual form on screen, the
presentation as well as the arrangement of all the elements that allows the people with
interacting with any particular functionality of system that is present on interface (Tremblay
et al. 2020). It also determines the method of how any user traverses through all the available
information and the method of how the information has been presented for making it clear,
effective as well as obvious. The wireframes are vastly utilised for developing the visual
format that is the static diagrams used for representing the visual format of product that
includes the content, navigation and the methods of interactions.

8
USER EXPERIENCE DESIGN
5.1 Wireframe implementation

9
USER EXPERIENCE DESIGN

10
USER EXPERIENCE DESIGN
5.2 Wireframe testing
Scenario 1: As a customer of the
auction website, I want to use the
website for logging in the website
using the provided credentials and
buy products.
1. Search the website of OnlineAuct on internet
2. Enter the proper password and username
3. Retrieve password by clicking on the Forgot
Password button
4. Click on Login
5. Buy products or place bids in the website
RESULT: PASSED

11
USER EXPERIENCE DESIGN
Scenario 2: As a customer of the
auction website, I want to register
in the company website so that I
can login anytime I need and then
buy products
1. Search the website of OnlineAuct on internet
2. Enter all the appropriate details in the registration
form of the company
3. Click on “Register button”
4. Gain the login userID and password
5. visit the login page for viewing products or placing
bids
RESULT: PASSED
Scenario 3: As a admin of the
auction website, I want to use the
website for checking the details of
any customer and view the
payment history of the customer
whose payments are either
pending or completed.
1. Search the website of OnlineAuct on internet
2. Login now using the provided username and
password
3. Select the option “customer details” from the
dashboard
4. Add the appropriate filters that are required
5. Generate report of the payment history to present to
the owner of company
RESULT: PASSED