Download Assignment 2 - Website Design & Development (1633) and more Study Guides, Projects, Research Information Technology in PDF only on Docsity!
ASSIGNMENT 2 FRONT SHEET
Qualification BTEC Level 5 HND Diploma in Computing Unit number and title 10: Website Design & Development Submission date 15/05/2022 Date Received 1st submission Re-submission Date Date Received 2nd submission Student Name Phan Nhat Linh Student ID GCD Class GCD0905 Assessor name Phan Thanh Tra Student declaration I certify that the assignment submission is entirely my own work and I fully understand the consequences of plagiarism. I understand that making a false declaration is a form of malpractice. Student’s signature Linh Grading grid P5 P6 P7 M4 M5 D2 D
Summative Feedback: Resubmission Feedback:
Grade: Assessor Signature: Date: Signature & Date:
Table of Contents
INTRODUCTION
It's time to move on to Assignment 2 after presenting the technology and techniques in Assignment 1. Now I'll discuss the concepts of building an online tour. The project test strategy, as well as the project challenge, are provided. I/ DESIGN PLAN (P5)
1. User’s requirements by using User Story
Figure 1 : User Story A User Story is a requirement expressed from the perspective of an end-user goal. User Stories may also be referred to as Epics, Themes or features but all follow the same format. A User Story is really just a well-expressed requirement.
An established travel company needed a website that could showcase things for the purpose of promoting their excursions and taking online orders. Because the company is so tiny, it only promotes a few excursions. As an administrator: ➢ I want to add tours to the website so that customers can choose more. ➢ I want to remove low order tours to update new products. ➢ I want to delete and update the tours with few guests to update the new list for guests. ➢ I want to access customer account information ➢ I want to delete the account information of customers who have not visited the website for a long time As a customer ➢ I want to register as a member to receive the latest notifications. ➢ I want to login to use the full utility on the website. ➢ I want to update my personal information to my account. ➢ I would like to see a list of tour details that I need. ➢ I want to know how much to pay for a travel to pay for that product. ➢ I want to order online so I don't have to go to a travel agent. ➢ I want to delete the tours that I have added to the cart.
2. Accessibility standards and guidelines for website
Web Content Accessibility Guidelines (WCAG) are guidelines for web content that were produced by web developers, authoring tools, and accessibility assessment tools. This means that websites, tools, and technology are designed and developed with disabled people in mind. It enables people to perceive, comprehend, navigate, and interact with the Internet, as well as contribute to it. It's also useful for people without disabilities who have "situational limitations," such as being exposed to direct sunlight or being unable to hear sound.
- Sales and After Care ➢ Simplicity Simplicity is the best way to go when considering the user experience and the usability of your website. Below are ways to achieve simplicity through design.
- Colour: Colour has the power to communicate messages and evoke emotional responses. Finding a colour palette that fits your brand will allow you to influence your customer’s behaviour towards your brand. Keep the colour selection limited to less than 5 colours. Complementary colours work very well. Pleasing colour combinations increase customer engagement and make the user feel good.
- Type: Typography has an important role to play on your website. It commands attention and works as the visual interpretation of the brand voice. Typefaces should be legible and only use a maximum of 3 different fonts on the website.
- Imagery: Imagery is every visual aspect used within communications. This includes still photography, illustration, video and all forms of graphics. All imagery should be expressive and capture the spirit of the company and act as the embodiment of their brand personality. Most of the initial information we consume on websites is visual and as a first impression, it is important that high-quality images are used to form an impression of professionalism and credibility in the visitors’ minds. ➢ Navigation Navigation is the wayfinding system used on websites where visitors interact and find what they are looking for. Website navigation is key to retaining visitors. If the website navigation is confusing visitors will give up and find what they need elsewhere. Keeping navigation simple, intuitive and consistent on every page is key. ➢ F-shaped pattern reading The F- based pattern is the most common way visitors scan text on a website. Eye-tracking studies have found that most of what people see is in the top and left areas of the screen. The F shaped layout mimics our natural pattern of reading in the West (left to right and top to bottom). An effectively designed website will work with a reader’s natural pattern of scanning the page.
➢ Visual hierarchy Visual hierarchy is the arrangement of elements in order of importance. This is done either by size, colour, imagery, contrast, typography, whitespace, texture and style. One of the most important functions of visual hierarchy is to establish a focal point; this shows visitors where the most important information is. ➢ Content An effective website has both great design and great content. Using compelling language great content can attract and influence visitors by converting them into customers. ➢ Grid based layout Grids help to structure your design and keep your content organised. The grid helps to align elements on the page and keep it clean. The grid-based layout arranges content into a clean rigid grid structure with columns, sections that line up and feel balanced and impose order and results in an aesthetically pleasing website. ➢ Load time Waiting for a website to load will lose visitors. Nearly half of web visitors expect a site to load in 2 seconds or less and they will potentially leave a site that isn’t loaded within 3 seconds. Optimising image sizes will help load your site faster. ➢ Mobile friendly More people are using their phones or other devices to browse the web. It is important to consider building your website with a responsive layout where your website can adjust to different screens. Guidelines for web design ➢ Establish a web page format: You'll need to determine the type of website you're creating. If you have an e-commerce website. It will be focused on product debuts, have a high level of consumer interaction when it comes to purchasing, and visitors will be able to contact the Shop via the information on the landing page.
In my website, admin can add, delete and update tours on the website, in addition, censoring customer information is also essential. Admin can also delete accounts that have not visited the website for a long time and users who violate the terms. Customers can register, log in to use the website, update their own personal information, view information about the items on the website and place an order, they can also delete the tours they want in the shopping cart.
Figure 3 : Use case diagrams
