web design and development (WDD) Flashcards
what must be clearly defined when analysing a website problem
end-user requirements and functional requirements
what are end-user requirements
these describe what the user needs the website to do, focusing on goals and desires of the user
give examples of end-user requirements
- the user must be able to book a ticket online
- the user must be able to view product information and images
what are functional requirements
they describe how the website will function to meet the end-user needs, focused on practical processes
give example of functional requirements
- a form will collect user data (name. email and address)
- a nav bar will link to home and contacts pages
what does design in wdd focus on
it is on end-user requirements
what does implementation follow in wdd
the functional requirements
what does accurate analysis ensure in web design
the final product is fit for design
what does a website’s structure diagram show
multi-level structure, links between pages and navigation
what do horizontal and vertical lines show in a structure diagram
- horizontal lines link between nav bar elements
- vertical lines link to sub-pages
what is a wireframe in web user interface (UI) deisgn
a layout of page elements like nav bars, media, form inputs, etc
what does a wireframe include
- navigational bars
- text/media elements
- interactive and form elements
- hyperlinks
what is low-fidelity prototyping
a basic, non-functional version of a site used to test structure
what is usability testing
checks how easy and effective a website is to use using wireframes or protypes
what is persona testing
fake user profiles based on typical users
what is scenario testing
short stories that explain how the user interacts with the website
what is functionality testing
ensure that website meets functional requirements
following tests to be carried out; input validatio, link + nav work, media content displays properly
what is compatibility testing
tests sites layout and function across different devices
what is browser testing
checks website works across different browsers.
