92005 Web

Clarifications and Examples

Purpose

<insert your purpose here>

Self Explanatory.

Potential Users

<describe your potential users here>

Self Explanatory.

Requirements & Specifications

• Requirements: What your client might ask in human language:
• Website loads fast
• Website looks good and easy to use
• Most people/students can access or use the website
• Specifications: Technical terms for Client and from your personal experiences!
• Images are compressed or optimized. Uniform sizes.
• Website layouts are uniform and consistent. Colour Palette/Contrast makes sense so text can be read. Text Size/Paragraph/Formatting are readable.
• Website is published online. Website can be viewed in different browsers, resolutions, devices without bugs.
• Buttons work or are big enough on mobile

Tools and Techniques

• Explain what text-editor you’re using and why.
• Are you using Photoshop/Photopea for anything?
• Explain what you’re using and why!
• Did you manage to meet your requirements?

Testing - Make sure you date it!

• Make sure your website works.
• Does it look similar to your wireframe?
• Does it work on all browsers? Phone? Resolution?
• Links, spelling, grammar, pictures being displayed?
• Use a testing table

Website Plan / Wireframe

Provide a wireframe for your website.

Conventions

Identify common features or conventions you have discovered.

Link to articles or examples or inspiration will be better.

List the ones you are following and explain what you’ve done.

Improvements

Before and After screenshots. Explain what’s changed and why it’s better. Make sure to date it!

Conventions - Coding Style

https://www.w3schools.com/html/html5_syntax.asp

​

https://www.smu.edu/brand-web-guidelines/seo-and-accessibility/best-practices/naming-conventions

Image Sources

If you used open source images - link where you got them from

https://unsplash.com/

​

Or if you source the images yourselves.

Before / After / Trialling Evidence

To get E, you should include evidence of trialling the outcome with others to improve its fitness for purpose.

Examples of “trials”:

https://www.jimdo.com/blog/diy-guide-to-website-usability-testing/

Optimizing #1

How do we know if our website is optimal?

https://validator.w3.org/

​

https://www.w3schools.com/html/html_comments.asp

​

Splitting CSS and JS. Proper folder structure and names.

Optimizing #2

What happens if somebody else wants to work on it?

​

What if we want to add another page?