SlideShare a Scribd company logo
P1 Layout, Conventions, Appearance, Structure and Navigation By Liam Thorley
Navigation Logo Image The convention of this website is a portfolio website that shows a persons best work in hope to get a job. As you can see the navigation buttons and the main image is very easy to see. Layout This layout has a header and footer. Here is the picture of the person who made the website. www.84colors.com
House style These are the different pages for the  www.84colors.com   As you can see they have the same sort of house style with everything important in the same place on each page which would mean that it is consistent. The logo, links, navigational buttons and the top story’s are all in the same place. The font of the website is consistent which would make it less confusing for people to navigation around it. The style is like it is an autumn day.
The users of this website wont be over flown with information when they look around it because there aren’t many pages, there are 5 pages all together.  The navigation of the webpage is easily noticed when you open it, with navigation along the top and when clicked on other pages you get a noticeable navigation bar along the side.  This is an example of the navigation on the portfolio page. I would say that this webpage is a success because it has everything that a portfolio site needs, easy navigation to look at their best work and a consistent house style so people don’t get confused.
Logo Navigation Main images/ Best work The convention for this website is a portfolio style website. By just first looking the website you can spot where the logo, navigation bar and the main images are. This is the layout On the first page, the first thing that it shows you is the best work. Which would be a good way of ‘selling’ the work to employers.
These are the different pages for  www.thetoke.com . As you can see all of the pages have a consistent font and house style.  The consistent font makes it easy for the users to navigate their way around the website, and to understand what the website is better. The colour scheme is a very dark and dull background with the opposite colour as the font which is white. All of the logo’s, navigation bar and the information are still in the same place on each page.
This is the navigation bar on each webpage. The person who enters the website has a lot of information to take in but its very ‘hard hitting and takes you by surprise to gain the attention.  I would say that this website is successful for the purpose showing off the best work that this person has done, they show it off very well and have set the website out very well like the navigation and the images.
This has a conventional layout of a portfolio website that's aim is to show off their best work for people, so they offer them jobs.  This website has a different layout than the others because instead of having the navigation at the top, it has it spread across the page in speech bubbles. Logo Navigation across the page. Footer This is the overall layout of the website hoepage.  www.Alexarts.ru/en/index
By these pictures you can see that they aren’t actual WebPages for this portfolio site. They are pop ups that appear when clicked on. It has a picture as its background and looks to be a famous city, these picture is consistent because there is only one page. This would also mean that the fonts and house style would be consistent as well because of the fact that he has only made one page to contain all of his work.
The person who enter this website has hardly got any information on the screen, it just shows some simple buttons which make a pop up of what they have clicked on. This would mean that when the person does enter this site they aren’t put of by masses of writing. This is an example of the buttons that spring the pop ups, they are made as type of a speech bubble. Because this link is so big, it is easy to notice which means that the website is usable by anybody.  In my opinion, this website also is a success to employers because its easy to navigate and it is consistent all the way through.
This is a complicated website that operates by drawing something. It is a convention of a portfolio website The navigation of this website is along the bottom in little writing. This would make it quite hard to see for people who can’t see very well. This would be made for company’s that want a very good designer because that why its complicated to show what he can do. Logo When something is drawn on this screen it becomes a news article. Links
This website is like the alexarts website because the links aren’t actually separate pages, they are pop ups. It basically has a plain light green background and this is consistent throughout the website because it is the only page. The buttons are consistent as well because they are on the same page. This website has very little links which make pop ups and the links that they do have are very little so its hard for the user to navigate.
This website is a success and a failure because: Its a success because it shows to the employers that they can create a good and creative website. Its a failure because the normal people who just want a look around the website have to draw something to get a news article and they have very little buttons which means that they might not be noticed. This is what it looks like when you draw on it, they are two pictures of news articles. These are the buttons at the bottom, they are very small so they might not get noticed.

More Related Content

Recently uploaded

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Peter Udo Diehl
 

Recently uploaded (20)

IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
Intelligent Gimbal FINAL PAPER Engineering.pdf
Intelligent Gimbal FINAL PAPER Engineering.pdfIntelligent Gimbal FINAL PAPER Engineering.pdf
Intelligent Gimbal FINAL PAPER Engineering.pdf
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
ECS 2024 Teams Premium - Pretty Secure
ECS 2024   Teams Premium - Pretty SecureECS 2024   Teams Premium - Pretty Secure
ECS 2024 Teams Premium - Pretty Secure
 
Transforming The New York Times: Empowering Evolution through UX
Transforming The New York Times: Empowering Evolution through UXTransforming The New York Times: Empowering Evolution through UX
Transforming The New York Times: Empowering Evolution through UX
 
Enterprise Security Monitoring, And Log Management.
Enterprise Security Monitoring, And Log Management.Enterprise Security Monitoring, And Log Management.
Enterprise Security Monitoring, And Log Management.
 
Server-Driven User Interface (SDUI) at Priceline
Server-Driven User Interface (SDUI) at PricelineServer-Driven User Interface (SDUI) at Priceline
Server-Driven User Interface (SDUI) at Priceline
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCustom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 
Motion for AI: Creating Empathy in Technology
Motion for AI: Creating Empathy in TechnologyMotion for AI: Creating Empathy in Technology
Motion for AI: Creating Empathy in Technology
 
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdfAgentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdf
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 

P1 layout, convention, appearance, structure and navigation

  • 1. P1 Layout, Conventions, Appearance, Structure and Navigation By Liam Thorley
  • 2. Navigation Logo Image The convention of this website is a portfolio website that shows a persons best work in hope to get a job. As you can see the navigation buttons and the main image is very easy to see. Layout This layout has a header and footer. Here is the picture of the person who made the website. www.84colors.com
  • 3. House style These are the different pages for the www.84colors.com As you can see they have the same sort of house style with everything important in the same place on each page which would mean that it is consistent. The logo, links, navigational buttons and the top story’s are all in the same place. The font of the website is consistent which would make it less confusing for people to navigation around it. The style is like it is an autumn day.
  • 4. The users of this website wont be over flown with information when they look around it because there aren’t many pages, there are 5 pages all together. The navigation of the webpage is easily noticed when you open it, with navigation along the top and when clicked on other pages you get a noticeable navigation bar along the side. This is an example of the navigation on the portfolio page. I would say that this webpage is a success because it has everything that a portfolio site needs, easy navigation to look at their best work and a consistent house style so people don’t get confused.
  • 5. Logo Navigation Main images/ Best work The convention for this website is a portfolio style website. By just first looking the website you can spot where the logo, navigation bar and the main images are. This is the layout On the first page, the first thing that it shows you is the best work. Which would be a good way of ‘selling’ the work to employers.
  • 6. These are the different pages for www.thetoke.com . As you can see all of the pages have a consistent font and house style. The consistent font makes it easy for the users to navigate their way around the website, and to understand what the website is better. The colour scheme is a very dark and dull background with the opposite colour as the font which is white. All of the logo’s, navigation bar and the information are still in the same place on each page.
  • 7. This is the navigation bar on each webpage. The person who enters the website has a lot of information to take in but its very ‘hard hitting and takes you by surprise to gain the attention. I would say that this website is successful for the purpose showing off the best work that this person has done, they show it off very well and have set the website out very well like the navigation and the images.
  • 8. This has a conventional layout of a portfolio website that's aim is to show off their best work for people, so they offer them jobs. This website has a different layout than the others because instead of having the navigation at the top, it has it spread across the page in speech bubbles. Logo Navigation across the page. Footer This is the overall layout of the website hoepage. www.Alexarts.ru/en/index
  • 9. By these pictures you can see that they aren’t actual WebPages for this portfolio site. They are pop ups that appear when clicked on. It has a picture as its background and looks to be a famous city, these picture is consistent because there is only one page. This would also mean that the fonts and house style would be consistent as well because of the fact that he has only made one page to contain all of his work.
  • 10. The person who enter this website has hardly got any information on the screen, it just shows some simple buttons which make a pop up of what they have clicked on. This would mean that when the person does enter this site they aren’t put of by masses of writing. This is an example of the buttons that spring the pop ups, they are made as type of a speech bubble. Because this link is so big, it is easy to notice which means that the website is usable by anybody. In my opinion, this website also is a success to employers because its easy to navigate and it is consistent all the way through.
  • 11. This is a complicated website that operates by drawing something. It is a convention of a portfolio website The navigation of this website is along the bottom in little writing. This would make it quite hard to see for people who can’t see very well. This would be made for company’s that want a very good designer because that why its complicated to show what he can do. Logo When something is drawn on this screen it becomes a news article. Links
  • 12. This website is like the alexarts website because the links aren’t actually separate pages, they are pop ups. It basically has a plain light green background and this is consistent throughout the website because it is the only page. The buttons are consistent as well because they are on the same page. This website has very little links which make pop ups and the links that they do have are very little so its hard for the user to navigate.
  • 13. This website is a success and a failure because: Its a success because it shows to the employers that they can create a good and creative website. Its a failure because the normal people who just want a look around the website have to draw something to get a news article and they have very little buttons which means that they might not be noticed. This is what it looks like when you draw on it, they are two pictures of news articles. These are the buttons at the bottom, they are very small so they might not get noticed.