Web design research By Keiran Jarrett.

Slides:



Advertisements
Similar presentations
3.02C Website Organization
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Web design criteria University of Stellenbosch. What is on a web page? Navigational elements Text Graphics.
OCR Functional Skills Leaflets How should it be folded Roll fold Concertina fold Open gate fold Closed Gate fold Simple Folds.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
1.Learning the Terms Learning the TermsLearning the Terms 2.Accessing the Internet from a PC Accessing the Internet from a PCAccessing the Internet from.
Build Your Own Website Introduction Introduction Phil Stone Phil Stone ICT tutor for Dudley Adult Community Learning ICT tutor for Dudley Adult Community.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
We Are Learning To (WALT): Evaluate existing web graphics What I am Looking For (WILF): 4 evaluations that contain: – Detailed descriptions of target.
Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.
Contents Page Marine DetachmentSea Cadet Corps Pictures Main Menu Basic Information What its about Basic Information What its about Activities & Qualifications.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Web Development. Interaction Design How is information organized? How will people find their way around the site? How will people work with the information?
An Introduction To Websites With a little of help from “WebPages That Suck.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
Year 7 Web page project Learn to make web pages using Dreamweaver.
First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.
What is PowerPoint? a complete presentation graphics package gives you everything you need to produce a professional-looking presentation offers word.
Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
3.02C Website Organization 3.02 Develop webpages..
Review of last Session Learning Objectives 1. Create an on-line account with weebly.com along with a blank website 2. What a domain names are & how to.
Principles of effective web design NOTES Flo Morris-Duffin.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.
Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.
History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.
Screen Design Critique Page One Page Two Reflection on Project.
So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.
Techniques used on web pages to aid user access to information and techniques used to provide interactivity.
Browser. What parts does the browser consist of? Title bar Menu bar Toolbar Address box Links.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
Website Design - “Learning English With Me” Junwei Fang 02/25/2015.
Codes and Conventions of contents pages. By Eleanor Raftery.
Unit 13 – Website Development FEATURES OF WEBSITES.
COMP 143 Web Development with Adobe Dreamweaver CC.
What makes a Good Website?. Examples of Bad Websites For more really.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
Home page button Nokia link button Samsung link button Apple link button Blackberry link button Phone Accessories button Feedback button Contact us button.
Edinburgh is the capital of Scotland, the second largest city in Scotland, and the eighth most populous in the United Kingdom. The City is located in.
Introduction to Designing a Website
Investigating User Interfaces
Web-based structures, links and testing
Egyptian Language School
Basics of Website Development
How to Design an Effective Web Presence
Year 7 E-Me Web design.
Layout - you need to understand that a simple navigation bar:
3.02C Website Organization
What: The heading and banner are at the top
Creating a Website.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
The Basics of Microsoft Word 2007 Excel
Wheelers clubs Your site will consist of 3 pages:
Music or Sport Advertising Website
Presentation transcript:

Web design research By Keiran Jarrett

Target audience The target audience is mainly tourist mainly from Japan I need to make the website attractive so they will come and visit the flat and Edinburgh. I might need to consider a translation tool for the website that will display the text in there own language.

Web structures web/mesh structure Web/mesh structures Due to the internet web/mesh structures are becoming most common because websites also follow this type of structure. This structure shows that if you go on to a website you might not go straight to the home page and this may cause confusion but all the web pages are connects to each other. For example the home page is connected to the about page, the information page, the contact page and so forth. Also the pages are also connecting to each other through either links or a menu bar.

Web structures: hybrid structure A combination/ hybrid structure is possible the complicated structure of them all because it could consist of more than one structure (E.G. a website might have a combination of a hierarchical and a web/mesh website). These are commonly found on the internet. For example; if you are on a website and you click on a link that takes you to a video on Youtube or another website the structure for that website might be completely different from the previous website and follow a linear structure.

Example of websites Website: findaflat.com Good colour concept. Simple yet effected. Good layout Good spacing Eye catching logo Easy to understand To much blank spaces

Example websites Disneyland Florida website Good colour concept Good quality of pictures Easy to understand Good contrasting text There is to much menus and sub-menus Strong eye catching logo Good layout

Example websites Website name: flatcatcher Good colour concept Very plain No pictures No information Bad links Too simple Unattractive

Website structure The webpage will consist of roughly ten pages. It will have a flat content page It will have a contact page It will have an about us page It will have a home page page It will have an Edinburgh page that will consist of a festival history, what to do and information page.

Edinburgh What festivals are normally on all year round? What is there do? What historical monuments are there? Some background/general information on Edinburgh

Edinburgh Festivals Edinburgh military tattoo Edinburgh’s hogmanay Blues & Jazz festival Film festival Arts festival Science Festival Historical monuments Edinburgh Castle St. George’s church Royal Scottish academy Scott monument Bank of Scotland Head office

Edinburgh What to do? Football Rugby Shopping Restaurants Nights out Information Capital of Scotland Population Education Brief description of history

Useful websites http://www.edinburghfestivals.co.uk/ http://www.scotcities.com/edinburgh.htm http://www.visitscotland.com/ http://www.edinburgh.org/ http://www.edinburgh- inspiringcapital.com/visit.aspx

Screen resolution Date Higher 1024x768 800x600 640x480 Other January 2012 85% 13% 1% 0% January 2011 14% January 2010 76% 20% 3% January 2009 57% 36% 4% January 2008 38% 48% 8% 6% January 2007 26% 54% January 2006 17% http://www.w3.org/

Popular browsers 2012-2007 Internet Explorer Firefox Chrome Safari Opera November 15.1 % 31.2 % 46.3 % 4.4 % 2.0 % December 20.2 % 37.7 % 34.6 % 4.2 % 2.5 % 27.5 % 43.5 % 22.4 % 3.8 % 2.2 % 37.2 % 46.4 % 9.8 % 3.6 % 2.3 % 46.0 % 44.4 % 2.7 % 2.4 % 56.0 % 36.3 % 1.2 % 1.8 % 1.6 % http://www.w3.org/

Website features Photos, slideshows and videos can be used. Translation tool Text fonts Menus and sub-menus Links to other websites Comments tool