Navigation Design/Structure

Slides:



Advertisements
Similar presentations
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Advertisements

1 Menus. 2 Binary Menus 3 Text Based Menus 4 Text Based Menus Cont...
Amgen Grid I Grid II.
Amgen. Grid I Grid II Typography Calibri Regular Calibri Bold Calibri Italics.
WebLearn site templates Feedback welcome!. Properties of a course site Initial content – Standard, reusable documents – Initial starting point – Leading.
Design Elements of a Web Page. Focal Point Each page should have a focal point to attract the viewer. This can be one large picture or a headline, a combination.
NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator.
Walden’s Paths Revamped…. The Problems Horrible and Plain Interface Poor Directions Links Instead of Buttons (more later) Too many assumptions on the.
Web Design. Look and Feel Way your web site works Personality it conveys to the user Plan the way to looks Test against the variable nature of the web.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
MSc Publishing on the WWW Web Design Week 2. Aims and Objectives To introduce the stages of web design and implementation To introduce needs analysis.
MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Visual Design for the Web. Keep the end in mind What is the purpose of the webpage?
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
Information Architecture Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
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,
Web Design Planning Next Bottom. Topics Plan your Web Site Web site content Web site Structure Web site common layout Using MS Publisher MS Publisher.
Creating an Online Portfolio Creating your Electronic Portfolio.
Redesigning CASA, Fairfax ANMOL PRADHAN NILAY SANGHAVI ANISH GUPTE ELRON D’SILVA.
1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
Centricity2 Training School Wires Web Sites. What’s Different? New look and feel APPS, APPS, APPS Pages WYSIWYG Drag and Drop Hierarchy Calendar Enhancements.
Information Architecture The science of figuring out what you want your Web site to do and then constructing a blueprint before you dive in and put the.
Giving Your Web Customers a Reason to Stay.  Web visitors only take 5 SECONDS to decide whether they want to stay on your site  “Users don’t read, they.
XHTML and Style. History of the Internet Internet has been around since the early 1960’s as part of a program with universities and the US government.
How to Build a Better Web site: The Story of Web Design.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Interface Design.
5 Elements of Good Web Design A powerpoint by Himyt Kang & Harman Lidder.
Designing Web Pages Layout and Composition. Defining Good Design Users are pleased by the design but drawn to the content Design should not be a hindrance.
GCE ICT (Double Award) Unit 5: Web Development. Unit 5 Strand (a)Your project plan Strand (b) Investigation of client’s requirements Strand (c) Developing.
Web Design and It’s aspects Annie Leach. Visual Design Visual Design is what the Web Site is about and the layout of it.
Vertical Horizontal Two layers of horizontal navigation at the top of the page…
WikiPlus Configurations Configure WikiPlus elements to your needs.
An Industry Case Study SES – Chicago: 2006 Web 2.0.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
INFM 700: Session 3 Organization and Navigation (cont’d) Paul Jacobs The iSchool University of Maryland Wednesday, Feb. 23, 2011 This work is licensed.
“Niche Work” Graham J Wills, Lucent Technologies (Bell Lab)
BASIC WEB DESIGN 1.Keep it simple 2.Keep it clean 3. Keep it organized, easy to use, and easy to read 4. Give text enough room 5. Kern text whenever possible.
Web Analytics mini case study Mitchell Teixeira
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
Design Elements Continued Dave Curro. Last time Touched on C.R.A.P Mentioned semiotics Gave some examples.
Information Architecture
Information Architecture
Basics of Website Development
Web Site Design Web site diagrams from the Yale Style Manual at:
jaydax. co. uk/tutorials/webdesign/badpageguide/badpgguide
Web software.
Web Design and Development
Web Design and Development
Layout - you need to understand that a simple navigation bar:
Screen Based Design: An Introduction DW9V 34
Checklist to Consider For Design Ultimate Landing Page Menomonie Web Design Agency.
Step 1: Design for a Computer Medium
Page plans A01 Design.
Web Development & Design Foundations with HTML5 8th Edition
Level 1 height Level 2 width Height = 2, 2 levels Width = 4
Web Site Analysis By:.
Sunshine Gardens Min Yao December 6,2005.
                                                                                                                                                                                                                                                    
Planning a Website MAD2053.
Web Design Tips.
TJHSST Website Redesign
For use on your feedback page
Apply programming techniques to design and create a web page
Unit 7 Misc. Test Web Site Elements Test.
Presentation transcript:

Navigation Design/Structure

Navigation Design/Structure Users limited view: http://info.med.yale.edu/caim/manual/interface/navigation.html

Navigation Design/Structure Site Structure: http://info.med.yale.edu/caim/manual/interface/navigation.html

Navigation Design/Structure Site Structure: Poor layout http://info.med.yale.edu/caim/manual/interface/navigation.html

Navigation Design/Structure Site Structure: too shallow http://info.med.yale.edu/caim/manual/interface/navigation.html

Navigation Design/Structure Site Structure: too deep http://info.med.yale.edu/caim/manual/interface/navigation.html

Navigation Design/Structure Site Structure: balanced http://info.med.yale.edu/caim/manual/interface/navigation.html

Navigation Design/Structure Site Structure: sequence http://info.med.yale.edu/caim/manual/interface/navigation.html

Navigation Design/Structure Site Structure: hierarchy http://info.med.yale.edu/caim/manual/interface/navigation.html

Navigation Design/Structure Site Structure: grid http://info.med.yale.edu/caim/manual/interface/navigation.html

Navigation Design/Structure Site Structure: web http://info.med.yale.edu/caim/manual/interface/navigation.html

Navigation Design/Structure http://info.med.yale.edu/caim/manual/interface/navigation.html

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2024 SlidePlayer.com Inc. All rights reserved.