Navigation Features. What are we discussing  We are not talking about layout and navigation bars here….we are talking beyond that.  Telling a user where.

Slides:



Advertisements
Similar presentations
Year 9 website design Aim of this module
Advertisements

Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.
Interface / navigation COM 366 Web Design & Production.
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.
Copyright © 2003 Bolton Institute The Web is a new medium Writing for the web is not like writing a print document Users tend to browse and glance at information.
Feb 6-7, 2104 Hyatt Residency Bellevue. Meera Mahabala.
Information Architecture Donna Maurer Usability Specialist.
New Features in Release 8.2 (August 3, 2008). 2 Release 8.2 New Features User Interface Updates - Improved “Look and Feel” Product Search Layout Changes.
Navigation & Interface Website Designs Dr. Bowie.
PubMed/How to Search, Display, Download & (module 4.1)
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
StressChill App Click the StressChill icon (shown to the right) to open the app. If you do not see this on the desktop, you will find it in the pull up.
211 Multimedia Web Design Lesson 7 Planning / Designing a Site.
A web design firm! Champyon Shots. The Proposal The purpose of this website is to promote Greenville College Soccer for future recruits. The terms of.
In this tutorial, you are going to be exploring the structure and layout of websites. Activity: With a partner, discuss the websites you visit regularly.
Unit 12 LO3 Be able to design websites
Client Website Hornsea Inkjet Supplies. What The Client Would Like: The company I am going to make the website for is Hornsea Inkjet Supplies. They want.
Website Development with Dreamweaver
Designing a site (2/4) Conceptual Design – 1h. Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify.
The Web Graph & The Laws of The Web P. Baldi, et al. Modeling the Internet and the Web: Probabilistic Methods and Algorithms John Wiley & Sons, Inc. ©
Insert workgroup logo on slide master Insert workgroup name on slide master Projects Documents Team Links What’s New Home 16/10/2015cell1 Biology-is the.
University Web Training: Introduction to Web Editing Web Services.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Using As series of training presentations How to edit an existing project September,
Esri UC2013. Technical Workshop. Technical Workshop 2013 Esri International User Conference July 8–12, 2013 | San Diego, California Building Map Books.
Chapter 2 Working with Images and Links. Chapter Objectives Insert and align an image Change the workspace Add borders and margins to an image Copy page.
7/8/04 1 Web Project Phase 3 - Sketches Use pencil and paper to sketch the layout of the pages in your web site Considerations – Placement of text? – Placement.
Web Center Training ©2003 Optimum Technology, Inc.
EMu Interface and the Web Clear identification of web fields for users and administrators Visual identifier of the web presentations in EMu, ie Collection.
Desktop Mapping: Building Map Books Jeff Barrette Michael Grossman.
© 2005 Lawrenceville Press Slide 1 Chapter 4 Website Development Planning 1.Define the purpose and target audience. 2.Sketch the navigation structure.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Navigation & Interface Website Designs Electronic Writing & Publishing Dr. Bowie.
Wildland Fire Management Information (WFMI) Weather Lesson 3: View Choices February 2013.
You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.
Learning Aim C.  In this section we will look at how text, tables, forms and frames can be used in web pages.
Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
Home page. Fonts and colours Menus and sub-menus.
Home page button Nokia link button Samsung link button Apple link button Blackberry link button Phone Accessories button Feedback button Contact us button.
HOW TO USE GOOGLE WEBMASTER TOOLS TO IMPROVE SEO ? GOOGLE WEBMASTEER.
Public Services Information Management
<workgroup name>
Web software.
WEBSITE DESIGN TOOLS.
Site Structure.
Designing a site (2/4) Conceptual Design – 1h
Web Design and Development
Bill Chown C I O Chapter Websites Bill Chown C I O
Terminal Learning Objective
Designing for the World Wide Web
A01 DESIGN To be completed Your proposal  Your House style 
FRC Parts Exchange Guide to the site.
Type of Energy Pros Cons Example of slide… Clip Art Picture
Is it a Good Web Site to use?
Public Services Information Management
I can ask and answer text dependent questions
Bourke properties Houston, Whitney relocation info 23/02/2019.
For use on your feedback page
PowerPoint Information
Wheelers clubs Your site will consist of 3 pages:
Uppingham Community College
Text Features 7th Grade Literature.
COSMIC- System User’s Guide Introduction: Login View: Dashboard View:
Desktop Mapping: Building Map Books
Lesson 2: Gathering and Organizing Information Using ICT KEY QUESTION: HOW DO YOU GATHER AND ORGANIZE INFORMATION USING THE COMPUTER AND INTERNET?
Presentation transcript:

Navigation Features

What are we discussing  We are not talking about layout and navigation bars here….we are talking beyond that.  Telling a user where they are at in a web site  Structure of web site  Search and Results

Where Am I? Map views of Websites Introduction Fields of Research Collaboration with Industry Research in Vision Rosenfeld, Azriel Center for Automation Research Rosenfeld, Azriel Rivlin, et al., (Feb. 1994). Navigating in Hyperspace: Designing a structure-based toolbox. CACM, 37(2), 2:87–96..

Types of Website Maps  Breadcrumb lists  Sitemap lists  Sitemap pictures  Multi-dimensional pictures  Colour, size, and position  Dynamic Diagrams, Inc.

Breadcrumb Detail

Breadcrumb  Example at IBM

Some Sample Sitemaps

Sitemap List

Sitemap  Example at IBM Zurich

Indexing  Create index – useful when larger set of items to display  Often alphabetical

Paging and Pagination  Idea – present multiple items a page at a time.  Need – how do you paginate – controls.  Often results of a search operation.

Slide (show) through items  Not traditional “page numbering.  Works like a slide show…typically with images  Works best on limited number of items

Slide Show  Here is some results from Yahoo on images themselves!  Here results on new items of the day

Search Results  Lists or Images with some pagination/slide show navigation  List by relevance or sponsorship or publication date or????

Search Results  Here have sponsored, relevance ordering with pagination.

Search Results  Here more imagery used because of type of search (for a person)

Search Results