Designing a Web Page Layout

Designing a Web Page Layout

Unit IT9 – Creating a Website

What we will do:

• Retrieval Activity (What can you remember?)

• Purpose of a Website a recap

• How to plan to create a website

• Recap

Retrieval Activity (What can you remember?)

In the next slide, I would like you to write down one thing you can remember from last Monday's lesson.

Open Ended

Write down one thing you can remember from last Monday:

Purpose of a Website a recap

Remember a Website is

One or several pages on the Internet.

The pages of one website are connected to a domain name, have a common theme and website design. 

An example

The page with the Google search results in, the page with the video on YouTube, your Facebook page – all these pages are parts of the websites of the same name.

Open Ended

Can you remember what the purpose of a website is for?

Did you say...

• Selling products and services

• Posting and finding information on the Web

• Gaining knowledge

• Communicating with each other

• Gaming and Entertainment

What website am I (Quiz)

To help show how the above website purposes are part of some of the most popular websites that we use, here is a mini-quiz of guessing the website.

Multiple Select

I have 2.45 billion friends and you can communicate with them all

• YouTube

• Amazon

• Facebook

• Netflix

Multiple Select

I started as a bookseller, now you can buy nearly anything from me

• Netflix

• Tesco Online

• Amazon

• Facebook

Multiple Select

You can watch 5 billion videos with me a day and post your own

• TikTok

• YouTube

• Netflix

• BBC iPlayer

5 Key Principles of how to create a website

Availability and Accessibility​

Clarity​

Learnability ​

Credibility​

Relevance 

Availability and Accessibility​

The availability and accessibility of your site is all about how people can access your website. 

If people, try to access your website and it doesn’t work — for whatever reason –your website becomes worthless.​

​

Availability and Accessibility​

Not only will users become frustrated, but you’ll also lose out on new customers and revenue every time your site is unavailable.

Open Ended

What do you think might stop a website from being available or accessible?

Amazon as an example

The desktop version of the site is optimized for both tablets and desktop screens.

The layout is flexible and adjusts automatically as the screen size is reduced.

For mobile, there is a specific version of the site with a clean interface, less clutter, and clear content. 

Amazon as an example

Amazon.com has almost no downtime. Obviously, this is what you expect from a big company.

Still, the history of constant availability makes Amazon a reliable and trustworthy service platform.

Amazon as an example

Amazon is actively concerned with its accessibility.

On their website, they state: “We’re always looking for ways to improve the usability of the site for our customers, including those with disabilities.”

Multiple Select

True or False, Amazon always looking for ways to improve usability?

• True

• False