Screen Design Critique Page One Page Two Reflection on Project.

Slides:



Advertisements
Similar presentations
3.01D Design Multimedia Presentations
Advertisements

Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
3.02E Designing and Development of Multimedia Titles 3.02 Demonstrate interactive multimedia presentations.
Starting and Customizing a PowerPoint Slide Show
Janet Cadman & Mary Kay Gordon EDTC Spring 2011 Instructional Design/ Storyboard for Tutorial/ Interactive Learning Project Storyboard 1)Title :
Example Presentation Something to Show. Basic Title & Content Point to be made Number One Point to be made Number Two Point to be made Number Three.
Principles of Graphic Design with some background on Web 2.0 styles.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
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.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
DoW text: Task and WP leaders will prepare syntheses reports of the project progress, its results and its implications. These synthesis reports will be.
Chapter 2 LEARNING OUTCOMES This Chapter will partially cover the learning outcome No. 1 i.e. Design color slides combining graphics, text, and sound.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Designing a Classroom Web Site Using NVU Beginning Level.
A Brief Glimpse of Web Design By: Samantha Beckett.
PAGE DESIGN PAGE DESIGN Giving Your Work the Best Possible Appearance.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
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.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Web Technologies Website Development Trade & Industrial Education
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
1.Introduction 2.How to use this module 3.Learning outcomes 4.Text 5.The Master slide 6.Hyperlinks 7.Slide Management 8.Multiple Choice Questions 9.Exploring.
Website Development with Dreamweaver
Class 4 of 4 Sessions Using SmartBoards to Enhance Mathematics Instruction.
Design Principles Rachelle Leung HBU EDUC 6307 September 12, 2011.
G053 - Lecture 07 Designing Your Web Pages Mr C Johnston ICT Teacher
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Unit 3, Lesson 8 Principles of Design AOIT Web Design Copyright © 2008–2013 National Academy Foundation. All rights reserved.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
3.01D Design Multimedia Presentations 3.01 Explore multimedia systems, elements, and presentations.
Web Site Design 15 Easy Steps to an Excellent Web Site.
Creating a poster is easier than you think.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.
What is PowerPoint? By Kettina L. Robinson. Unit Questions What do I want to accomplish? What do I want to accomplish? What content do I need to cover?
BY: DAN PREVI Composite Materials. Consistent style and format Easy to find and use links Inviting colors and themes Efficient use of space Convinces.
By Lauren Mayer WEBSITE RESEARCH. NYLON MAGAZINE WEBSITE Header, this is the title of the website and should be the main attraction. This example had.
Webpages 7 th Grade Quest What Are Your Webpage Pet Peeves? Incorrect Spelling and Grammar Errors Page Takes Forever to Load Information is Out.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
Word Create a basic TOC. Course contents Overview: table of contents basics Lesson 1: About tables of contents Lesson 2: Format your table of contents.
For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.
Web Site Development - Process of planning and creating a website.
Introduction to Frontpage Wed. Oct. 17, 1-2p Title V Cooperative Holly Hofmann.
We looked at these two presentations and talked about the structure of setting up the table.
Problem Statement Goal & Objective Background Procedure Literature Reviewed Data Collection KML File and Arcmap Creation, Arc IMS Setup Design of Website.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
3.01D Design Multimedia Presentations
Guide to Accessible PowerPoint
Section 6.1 Section 6.2 Write Web text Use a mission statement
8/18/2016 Web Development and Interactive Media
Presentation title Subheading.
GCE Applied ICT G053: Lesson 07 Design Tools and Techniques
Web Design Techniques.
Fixed Positioning.
Geography of Sports Spring 2010
Web Design Principles.
3.02D Design Multimedia Presentations
Elements of Effective Web Design
You might already know this, but we're covering it anyway
Presentation transcript:

Screen Design Critique Page One Page Two Reflection on Project 2

MessageOverall Look & Feel Interactivity Issues Menu Page Back to Introduction

Message The text is arranged into labels that are short and easy to read. When the mouse hovers over the picture on the stone corresponding label lights up. This helps the student gain more information about both the pictures and the labels. The memory load is appropriate. There isn’t too much information on the page. The copyright is owned by the Trustees of the British Museum. This gives the site credibility. Menu Page Back to IntroductionBack to the Critique of the Menu Page

Interactivity Issues The navigation bar at the left or the hyperlinks on the stone make it easy to access the information you desire. When you click on a link from this page it takes you to a title page. This page is attractive, but functionally useless. An extra click is required to access the information. Directions are not stated. However, they not needed because the simple page design makes the next step intuitive. Menu Page Back to IntroductionBack to Introduction Back to the Critique of Menu PageBack to the Critique of Menu Page

Overall Look And Feel The background is black which creates an air of intrigue and mystery appropriate for a museum webpage. The “Rosetta Stone” navigation pallet stands out clearly on the black background. There is unity with the page elements. There is also consistency- the main page is always marked by the graphic of the Nile River. The page is balanced with elements on the left and on the right. Menu Page Back to IntroductionBack to Introduction On to the Second Page- MummificationOn to the Second Page- Mummification Back to the Critique of the Menu Page

MessageOverall Look & Feel Interactivity Issues Mummification Page Back to Introduction

Message The message is broken into small units of text. The text is enhanced by attractive pictures. The students can click on underlined vocabulary words to see the definition. The text is not written in the 1 st person. The style is informal and is similar to an oral discussion of mummification. The reading level is appropriate for 6 th grade Authors are from the British Museum which gives the site credibility. Mummification Page Back to IntroductionBack to Introduction Back to Critique of Mummification PageBack to Critique of Mummification Page

Interactivity Issues The column on the left aids navigation through the site. The navigation tools are consistently found in the left column The Nile icon leads you to the home page from each of the interior pages. Unfortunately they consider home to be the opening title page so it takes an extra click to get to the menu page. The page loads quickly. The headings “story,” “explore,” and “challenge” are used for each topic. This makes it difficult to find an activity. You may remember that you are looking for a challenge activity but you might have to go back to the menu page and look through each topic to find out which challenge it is. A site map for these sections would be very helpful. Mummification Page Back to IntroductionBack to Introduction Back to Critique of Mummification PageBack to Critique of Mummification Page

Overall Look And Feel The page has a mysterious and intriguing feel with the dark colors and the shadow of the mummy in the side column. \ The highlight on the left side of the text column helps to separate it from the navigation column. There is consistency with fonts and page styles. There is balance between the text and the pictures. The blank space between the navigation and text columns helps define these areas. Mummification Page Back to IntroductionBack to Introduction Back to Critique of Mummification PageBack to Critique of Mummification Page

Reflection I was very impressed with the British Museum’s webpage. It is one of the few websites that I have found that could be used as is in a whole class presentation. The pictures are clear and bright. The text is kept to a minimum but still covers the necessary content. I would suggest that they get rid of the title pages that require an extra click to navigate through. A detailed site map would also be helpful in finding a specific spot within the website. I would like to find more good examples of screen design for websites. Seeing good websites makes these concepts of good screen design more concrete. For Project Two Back to IntroductionBack to Introduction Back to My WebpageBack to My Webpage