SlideShare a Scribd company logo
1 of 16
Kimberly FinnP1&M1Portfolio Websites Conventions, House Styles, Navigation and Structure Alex Latham
Conventions There are things that we would expect to see as an audience in a media product. They are important because they allow audiences to categorise and identify different media. E.g.Name/Title/Logo (Top, Header) Images Links (side bar) Contact information Content (middle, centre) Navigation bar House style Search bar Site map (footer, bottom) 3 column layout (very conventional) Advertisements (side)
The Toke Logo Navigation bar This isn't a conventional portfolio homepage but it is a good website. It has some obvious conventional features like a navigation bar at the top, the logo, a side bar and has content. The reason its not a conventional portfolio website is because if a standard website user went to this page they wouldn't find it easy to use, for example there is no home page but instead its called “works” this makes it hard to navigate between pages. Content Sidebar The website does follow a conventional standard layout with a navigation bar side bar and header and footer. But its just the content that makes it hard for people to use.
Magnetic North Logo Bread Crum Trail This is also not a conventional website but is a very good and attractive one to use but for different audience ranges. This site allows you to draw different shapes and then inside the shapes appear portfolios. This website wasn't designed to show work but designed to show how it showed work. It features a logo and a navigation bar but more importantly a feature called a bread Crum trail at the top of the page allowing you to delete different the different shapes that you made. This may not be suitable for all audiences because they may not want to sit and draw different shapes to find work and get straight to the work via a list so they are possibly loosing a certain target audience, but opening up new and innovative ways of displaying portfolios. Navigation Bar Content The website does follow a conventional standard layout with a navigation, header and footer.
13 Creative Logo Navigation bar 13 creative is another innovative web design which also is very conventional to a standard website. It shows its work in a art book but doesn't complicate things with transitions between pages like you would think by looking at it. But instead it keeps a navigation bar with a conventional header and footer which contain the login andspeculation pages and a side bar which lets you see the different types of work. This is a very attractive and easy to use website and would be good for many target audiences Side Bar Content The website does follow a conventional standard layout with a navigation, header and footer, side bar and the content in the middle and in general is a good and easy to use website for any audience.
Student English Navigation bar Where as websites like before were good websites that was both looked good and conventional, this website is the opposite, it doesn't have a logo or any real decent content and would attract no one to their site. But on the other hand by looking at the title we can see it was made in 2004, which was 7 years ago and in that time websites and the way they are coded has changed a lot. And now they are very conventional and easy to use where as this website isn't and is dreadful. Content The website does follow a conventional standard layout with a navigation, header and footer.
House Styles This means when a media product uses a consistent colour scheme and typeface font through-out its pages. This gives you a clean, organised, professional and easy to navigate website.
The Toke This website has a consistent house style, we can tell this by looking at the three print screens that I have taken of my work, these show that there is several consistent features like the logo it always stays at the top left of the page, the navigation bar stays at the top of each page and the background stays black, with the font and colour scheme staying the same throughout the site this shows a consistent house style and a good one which makes it professional and attractive to anyone that wants to use the website.
Magnetic North This website also has a very good house style, and a consistent one. It is consistent as it keeps the same ivory background colour through out the site and when you click something different all that happens is a screen pops up with in the website and shows you the information. The bread Crum trail stays at the top of the page along with the logo meaning its easy for the user of the site to navigate around the site also with the navigation bar being at the bottom of the site at all times people don’t feel like they are lost in the site.
13 Creative 13 creative is a very good website for house style, this is because it is very consistent. We have the background which is like a art book and that stays there through out the website meaning that it looks very good and professional. The logo and navigation bars stay in their place through out the website and the font is very consistent through out the site.
Student English As you could see websites beforehand were good examples, they looked really nice and professional but as we can see from this website they have totally missed the concept, their page layout even logo and navigation bar is completely different on each page and apart from the main page there is no navigation bar, a non consistent house style means that the website looks un attractive and doesn’t keep people on the page. This is not a good example of house style, even though it was made in 2004 and websites have changed a lot since then.
Structure and Navigation
The Toke The toke website is good in most ways and is still brilliant in the structure and navigation as well, its structured well with the main screen as a scrolling window which moves great and smoothly, there isn't many links on this meaning it is good for users to navigate through the website, also the navigation bar with 4 options makes it easy for the user to navigate the website, getting straight to the point so the user can find what they want. Overall I think this website is good yes its different to other conventional websites but its new and innovative compared to the standard website and it makes the site stand out.
Magnetic North The Magnetic north website is also very good, in terms of its structure it hasn’t really got any meaning that it should in theory not be very good but it’s the lack of structure that makes this website, it has some structure are the top with the logo and the bread Crum trail and at the bottom the navigation bar but in the middle of the page where the content is featured it allows users to create their own structure and make what they want to get the different content, this is good because the user gets freedom on the site but never get lost. In terms of navigation the navigation bar at the bottom is always their and there is only a few links and they take you to where you want meaning the user doesn’t get frustrated and gets to where they want fast. Overall I think this website is new and defiantly different but a good different, its easy and simple for the user to use and makes light work of finding any content, on the down side if some one wants too see all the content they are going to have to draw a lot of little shapes, this could  put off a lot of target audiences.
13 Creative 13 creative is a very good website and probably one of the best so far for showing off structure and navigation, in terms of structure it looks amazingly professional how its set out and how it stays in an art book form through out the whole site. In terms of navigation it does this brilliantly too as well with the navigation bar staying in the same place through out the whole site, it has very few options to choose meaning the user can scroll through the pages and not feel like they are lost and navigate through the site easily.  On the whole I think this is one of the best websites in terms of being a conventional website and well structured, its very attractive and looks very professional.
Student English Websites usually have very good structure and navigation but this one is a prime example of one that doesn’t, it has a header and footer, but no title and its content is very limited. In tterms of structure the website isnt good at allthe title and footer positioned on the centre and the content alligned to the left. And as for navigation when you click one of the tabs it takes you to another page which is completely different compared to the home page. On the whole this website isn't very good, despite being made in 2004 there should have been a site map made and it should have been planned and by the looks of it, it clearly hasn’t.

More Related Content

What's hot

Evaluation for print
Evaluation for printEvaluation for print
Evaluation for printHarry Taylor
 
47 Amazing Blog Designs
47 Amazing Blog Designs 47 Amazing Blog Designs
47 Amazing Blog Designs C.Y Wong
 
6. production reflection
6. production reflection6. production reflection
6. production reflectionLouisGilliland
 
Task 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio websiteTask 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio websiteL15338
 
Evaluation - Question 3
Evaluation - Question 3Evaluation - Question 3
Evaluation - Question 3Mjames00
 
Why Design Matters: How to Make Your Website Worth a Million Visits
Why Design Matters: How to Make Your Website Worth a Million VisitsWhy Design Matters: How to Make Your Website Worth a Million Visits
Why Design Matters: How to Make Your Website Worth a Million VisitsSchoolwires, Inc.
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01Farmanzaland
 
Business website analysis
Business website analysisBusiness website analysis
Business website analysisLewis Appleton
 
7. fmp evaluation
7. fmp evaluation7. fmp evaluation
7. fmp evaluationkipppp
 
Website powerpoint
Website powerpoint Website powerpoint
Website powerpoint JTPanda
 
Johnand wanglokswebsitepowerpoint
Johnand wanglokswebsitepowerpointJohnand wanglokswebsitepowerpoint
Johnand wanglokswebsitepowerpointWang So
 
6 figure blogging 1
6 figure blogging 16 figure blogging 1
6 figure blogging 1wanaylainpa
 
2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)chrislaw34
 
Michael Grafx Photography Paper
Michael Grafx Photography PaperMichael Grafx Photography Paper
Michael Grafx Photography PaperJustin Gahring
 

What's hot (16)

Evaluation for print
Evaluation for printEvaluation for print
Evaluation for print
 
47 Amazing Blog Designs
47 Amazing Blog Designs 47 Amazing Blog Designs
47 Amazing Blog Designs
 
6. production reflection
6. production reflection6. production reflection
6. production reflection
 
Task 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio websiteTask 1 - Conventions of a portfolio website
Task 1 - Conventions of a portfolio website
 
Are You Losing Sales With a Poorly Designed Art Website?
Are You Losing Sales With a Poorly Designed Art Website?Are You Losing Sales With a Poorly Designed Art Website?
Are You Losing Sales With a Poorly Designed Art Website?
 
Evaluation.
Evaluation.Evaluation.
Evaluation.
 
Evaluation - Question 3
Evaluation - Question 3Evaluation - Question 3
Evaluation - Question 3
 
Why Design Matters: How to Make Your Website Worth a Million Visits
Why Design Matters: How to Make Your Website Worth a Million VisitsWhy Design Matters: How to Make Your Website Worth a Million Visits
Why Design Matters: How to Make Your Website Worth a Million Visits
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
Business website analysis
Business website analysisBusiness website analysis
Business website analysis
 
7. fmp evaluation
7. fmp evaluation7. fmp evaluation
7. fmp evaluation
 
Website powerpoint
Website powerpoint Website powerpoint
Website powerpoint
 
Johnand wanglokswebsitepowerpoint
Johnand wanglokswebsitepowerpointJohnand wanglokswebsitepowerpoint
Johnand wanglokswebsitepowerpoint
 
6 figure blogging 1
6 figure blogging 16 figure blogging 1
6 figure blogging 1
 
2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)2. production techniques evaluation pro forma(1)
2. production techniques evaluation pro forma(1)
 
Michael Grafx Photography Paper
Michael Grafx Photography PaperMichael Grafx Photography Paper
Michael Grafx Photography Paper
 

Viewers also liked

Final evaluation
Final evaluationFinal evaluation
Final evaluationAlex Latham
 
Sample Student Evaluations
Sample Student EvaluationsSample Student Evaluations
Sample Student Evaluationswakinyanjui
 
Shopping and spending habits
Shopping and spending habitsShopping and spending habits
Shopping and spending habitsquebedeaux
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsLinkedIn
 

Viewers also liked (7)

Task 2 planning
Task 2   planningTask 2   planning
Task 2 planning
 
Final evaluation
Final evaluationFinal evaluation
Final evaluation
 
Boletin oficial
Boletin oficialBoletin oficial
Boletin oficial
 
Sample Student Evaluations
Sample Student EvaluationsSample Student Evaluations
Sample Student Evaluations
 
Health issues
Health issuesHealth issues
Health issues
 
Shopping and spending habits
Shopping and spending habitsShopping and spending habits
Shopping and spending habits
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving Cars
 

Similar to P1 M1 media

Assessment 1
Assessment 1Assessment 1
Assessment 1l15008
 
Is your website user friendly?
Is your website user friendly?Is your website user friendly?
Is your website user friendly?studiokandm
 
Webpage design design for screen
Webpage design design for screen Webpage design design for screen
Webpage design design for screen beckybbb
 
Introduction
IntroductionIntroduction
Introductionaczachor4
 
Introduction
IntroductionIntroduction
Introductionaczachor
 
Introduction
IntroductionIntroduction
Introductionaczachor
 
Introduction
IntroductionIntroduction
Introductionaczachor4
 
Introduction
IntroductionIntroduction
Introductionaczachor
 
Introduction
IntroductionIntroduction
Introductionaczachor4
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growthJames Smith
 
7 important_web_design_features
7  important_web_design_features7  important_web_design_features
7 important_web_design_featureszoldyke
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsLany Lyn Magdaraog
 
Webdesign New
Webdesign NewWebdesign New
Webdesign Newlyngdoh
 
Textual Analysis - Webpage
Textual Analysis - WebpageTextual Analysis - Webpage
Textual Analysis - Webpagemaisieweaver99
 
Design and User Interface
Design and User InterfaceDesign and User Interface
Design and User InterfaceBeth Case
 

Similar to P1 M1 media (20)

Assessment 1
Assessment 1Assessment 1
Assessment 1
 
Effective web navigation
Effective web navigationEffective web navigation
Effective web navigation
 
Is your website user friendly?
Is your website user friendly?Is your website user friendly?
Is your website user friendly?
 
Connor web research
Connor web researchConnor web research
Connor web research
 
Webpage design design for screen
Webpage design design for screen Webpage design design for screen
Webpage design design for screen
 
Introduction
IntroductionIntroduction
Introduction
 
Introduction
IntroductionIntroduction
Introduction
 
Atlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Tech Talk - Web 2.0 Design GuidelinesAtlogys Tech Talk - Web 2.0 Design Guidelines
Atlogys Tech Talk - Web 2.0 Design Guidelines
 
Introduction
IntroductionIntroduction
Introduction
 
Introduction
IntroductionIntroduction
Introduction
 
Introduction
IntroductionIntroduction
Introduction
 
Introduction
IntroductionIntroduction
Introduction
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 
7 important_web_design_features
7  important_web_design_features7  important_web_design_features
7 important_web_design_features
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Textual Analysis - Webpage
Textual Analysis - WebpageTextual Analysis - Webpage
Textual Analysis - Webpage
 
Designing Navigation
Designing NavigationDesigning Navigation
Designing Navigation
 
Design and User Interface
Design and User InterfaceDesign and User Interface
Design and User Interface
 

Recently uploaded

Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rick Flair
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 

Recently uploaded (20)

Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 

P1 M1 media

  • 1. Kimberly FinnP1&M1Portfolio Websites Conventions, House Styles, Navigation and Structure Alex Latham
  • 2. Conventions There are things that we would expect to see as an audience in a media product. They are important because they allow audiences to categorise and identify different media. E.g.Name/Title/Logo (Top, Header) Images Links (side bar) Contact information Content (middle, centre) Navigation bar House style Search bar Site map (footer, bottom) 3 column layout (very conventional) Advertisements (side)
  • 3. The Toke Logo Navigation bar This isn't a conventional portfolio homepage but it is a good website. It has some obvious conventional features like a navigation bar at the top, the logo, a side bar and has content. The reason its not a conventional portfolio website is because if a standard website user went to this page they wouldn't find it easy to use, for example there is no home page but instead its called “works” this makes it hard to navigate between pages. Content Sidebar The website does follow a conventional standard layout with a navigation bar side bar and header and footer. But its just the content that makes it hard for people to use.
  • 4. Magnetic North Logo Bread Crum Trail This is also not a conventional website but is a very good and attractive one to use but for different audience ranges. This site allows you to draw different shapes and then inside the shapes appear portfolios. This website wasn't designed to show work but designed to show how it showed work. It features a logo and a navigation bar but more importantly a feature called a bread Crum trail at the top of the page allowing you to delete different the different shapes that you made. This may not be suitable for all audiences because they may not want to sit and draw different shapes to find work and get straight to the work via a list so they are possibly loosing a certain target audience, but opening up new and innovative ways of displaying portfolios. Navigation Bar Content The website does follow a conventional standard layout with a navigation, header and footer.
  • 5. 13 Creative Logo Navigation bar 13 creative is another innovative web design which also is very conventional to a standard website. It shows its work in a art book but doesn't complicate things with transitions between pages like you would think by looking at it. But instead it keeps a navigation bar with a conventional header and footer which contain the login andspeculation pages and a side bar which lets you see the different types of work. This is a very attractive and easy to use website and would be good for many target audiences Side Bar Content The website does follow a conventional standard layout with a navigation, header and footer, side bar and the content in the middle and in general is a good and easy to use website for any audience.
  • 6. Student English Navigation bar Where as websites like before were good websites that was both looked good and conventional, this website is the opposite, it doesn't have a logo or any real decent content and would attract no one to their site. But on the other hand by looking at the title we can see it was made in 2004, which was 7 years ago and in that time websites and the way they are coded has changed a lot. And now they are very conventional and easy to use where as this website isn't and is dreadful. Content The website does follow a conventional standard layout with a navigation, header and footer.
  • 7. House Styles This means when a media product uses a consistent colour scheme and typeface font through-out its pages. This gives you a clean, organised, professional and easy to navigate website.
  • 8. The Toke This website has a consistent house style, we can tell this by looking at the three print screens that I have taken of my work, these show that there is several consistent features like the logo it always stays at the top left of the page, the navigation bar stays at the top of each page and the background stays black, with the font and colour scheme staying the same throughout the site this shows a consistent house style and a good one which makes it professional and attractive to anyone that wants to use the website.
  • 9. Magnetic North This website also has a very good house style, and a consistent one. It is consistent as it keeps the same ivory background colour through out the site and when you click something different all that happens is a screen pops up with in the website and shows you the information. The bread Crum trail stays at the top of the page along with the logo meaning its easy for the user of the site to navigate around the site also with the navigation bar being at the bottom of the site at all times people don’t feel like they are lost in the site.
  • 10. 13 Creative 13 creative is a very good website for house style, this is because it is very consistent. We have the background which is like a art book and that stays there through out the website meaning that it looks very good and professional. The logo and navigation bars stay in their place through out the website and the font is very consistent through out the site.
  • 11. Student English As you could see websites beforehand were good examples, they looked really nice and professional but as we can see from this website they have totally missed the concept, their page layout even logo and navigation bar is completely different on each page and apart from the main page there is no navigation bar, a non consistent house style means that the website looks un attractive and doesn’t keep people on the page. This is not a good example of house style, even though it was made in 2004 and websites have changed a lot since then.
  • 13. The Toke The toke website is good in most ways and is still brilliant in the structure and navigation as well, its structured well with the main screen as a scrolling window which moves great and smoothly, there isn't many links on this meaning it is good for users to navigate through the website, also the navigation bar with 4 options makes it easy for the user to navigate the website, getting straight to the point so the user can find what they want. Overall I think this website is good yes its different to other conventional websites but its new and innovative compared to the standard website and it makes the site stand out.
  • 14. Magnetic North The Magnetic north website is also very good, in terms of its structure it hasn’t really got any meaning that it should in theory not be very good but it’s the lack of structure that makes this website, it has some structure are the top with the logo and the bread Crum trail and at the bottom the navigation bar but in the middle of the page where the content is featured it allows users to create their own structure and make what they want to get the different content, this is good because the user gets freedom on the site but never get lost. In terms of navigation the navigation bar at the bottom is always their and there is only a few links and they take you to where you want meaning the user doesn’t get frustrated and gets to where they want fast. Overall I think this website is new and defiantly different but a good different, its easy and simple for the user to use and makes light work of finding any content, on the down side if some one wants too see all the content they are going to have to draw a lot of little shapes, this could put off a lot of target audiences.
  • 15. 13 Creative 13 creative is a very good website and probably one of the best so far for showing off structure and navigation, in terms of structure it looks amazingly professional how its set out and how it stays in an art book form through out the whole site. In terms of navigation it does this brilliantly too as well with the navigation bar staying in the same place through out the whole site, it has very few options to choose meaning the user can scroll through the pages and not feel like they are lost and navigate through the site easily. On the whole I think this is one of the best websites in terms of being a conventional website and well structured, its very attractive and looks very professional.
  • 16. Student English Websites usually have very good structure and navigation but this one is a prime example of one that doesn’t, it has a header and footer, but no title and its content is very limited. In tterms of structure the website isnt good at allthe title and footer positioned on the centre and the content alligned to the left. And as for navigation when you click one of the tabs it takes you to another page which is completely different compared to the home page. On the whole this website isn't very good, despite being made in 2004 there should have been a site map made and it should have been planned and by the looks of it, it clearly hasn’t.