Design Critique LIS 654-01 Group 6 Amber Billey Rachel Crowe Andrew Martrich Carrie Shaurette.

Slides:



Advertisements
Similar presentations
UNDERSTANDING SHAREPOINT Presented by MultiMedia Services Propeller Studio.
Advertisements

The Buckminster Fuller Institute: A Web Design Critique Zaakea Al-Barati, Keitha Hart, Anne-Marie Viola, Corina Waggoner LIS 654.
Eere.energy.gov Agenda Review usage trends Recommendations based on data EERE’s plans to address template-level findings Crazy Egg Analysis: Usage Trends.
Search Engines & Portals – by Premier Tech Yifu Diao| Feng Li | Song Luo | Thomas Tay | Vinod Vemuru Carnegie Financial Services…
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
Neil Sayers - Student Number: URL
ASIST Website Redesign Final Proposal By P. Lucas-Stannard.
Session 4: CSS Positioning Fall 2009 LIS Web Team.
NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator.
SUSE Learning Design & Technology Web Site Redesign Proposal Scott Doorley, Halsted Larsson, Wuping Lu, Huiping Liao, James Scarborough.
ACSBDC.ORG Diagrams for Website Design Specifications April 20, 2010 David E. Bokash.
What is SEO? Making your site’s content easy to find through external search engines such as Google, Yahoo! and Bing.
U.S. Department of Agriculture eGovernment Program FSIS Web site Re-design Project Information Architecture Strategy October 8, 2003.
Banner Home Page Text Image Picture Image JavaScript Hyperlink text Animated image Navigation link To a different webpage Date and time.
Website Design - Review Layout using tables. Table exmaple James 11/08.
Header- contain title (Ronak Mela) Logo Navigation bar: Home page/ about us Our services Gallery Testimonials Contact- online booking Footer- contain information,
1 Session # C - 08 Look What We Have Done to the IFAP Web Site Marcello Rojtman.
EIA Products Portal Information Website for EMT India Associates
The Nav Bar. Nav is short for Navigation. Having a Navigation Bar makes searching for information easier on those accessing your page. Here are some common.
MarketMaker Training Video 2 of 5 Tour of the Home Page Layout.
Content Too Much Content and/or Happy Talk.
Internet Explorer 7. Cut through the clutter. Redesigned streamlined interface –Maximizes the area of the screen that displays the webpage.
Introduction Purpose – To analyze the current CSB website while comparing it to the current website at Appalachian State’s Walker College of Business.
Cipro.co.za content pages look & feel | usability | navigation redesign © Copyright Rob Cowie 2009 live demo | home page:
Configuring Content Navigation Module 8. Overview  Understanding Site Navigation  Customizing Current Site Navigation  Customizing Global Site Navigation.
Celebrity News Fashion News Headlines
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.
>> HTML: Structure Elements. Elements in HTML are either Inline or Block. Block-level Elements – Begins on a new line – Occupy the whole width – Stacks.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.
Seven Hill Preservation Society dhgfhgg Navigation Bar Image Text/Caption Page headline/topic Additional information Title.
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.
Web Design I Spring 2009 Kevin Cole Gallaudet University
Planning Layouts. Layouts ✦ Arrange page items into a logical, consistent scheme ✦ Site & Page purpose is starting point ✦ Determines space allocations.
WEBSITE DESIGN ELEMENTS Test Friday, February 28, 2014.
Delivering Knowledge for Health Mental Health Specialist e-Library and Shared Space September 2007.
A Comparative Mapping Resource for Grains Gramene Navigation Tutorial Gramene v.19.1.
Content Administration 08/19/13 & 08/20/13.
WEBSITE REDESIGN PROPOSAL Daniel Sterling (818)
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Web Site Development - Process of planning and creating a website.
Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.
Jim Zimmerman Recent Work At Citi. Recent Work Most Recent Project: Redesign of Information Portal for the Citi Business Activity Warehouse. Old Portal.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Michigan.gov Portal II Design Changes Thursday, March 4, 2004.
EKTRON QUICK START GUIDEEKTRON QUICK START GUIDE Version 1.0 Copyright 2013 WebSolutions Technology, Inc. Fuller June 7, 2013.
CONTENT MANAGEMENT SYSTEM CMS Team Information Services
By Vicky Vickers Summarized by Mr. Parslow Webpage Design.
Panel pages Mainly used for top level or landing pages
Basics of Website Development
>> Header & Footer in CSS
Links. Links Links Need to define two things: The destination Something to click on to get there Tag is click here Can be text, special.
Welcome To Web Tutor Basics of Designing a website
Web Design and Development
Layout - you need to understand that a simple navigation bar:
Page plans A01 Design.
Google Fonts Selective Formatting
SUSE Learning Design & Technology
Links.
New term, new insite: Redesigning the University of Warwick’s Intranet
YOUR LOGO SUCCESSFUL WEBSHOP Menu Menu Menu Menu Menu Menu Menu
Understanding SharePoint
Links.
Web Design 1 Website Construction.
Common Page Design Elements
CMP Creating Your Personal and Small Business Web Sites
Multipage Sites.
Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.
Presentation transcript:

Design Critique LIS Group 6 Amber Billey Rachel Crowe Andrew Martrich Carrie Shaurette

Figure 1

Figure 2

Figure 3

Figure 4

BrandBanner Ad Global Navigation Bar Title Heading History Stack Content Brand Banner Ad Global Navigation Bar Footer (Ideal webpage layout from:

HeaderSearch Promotional Image Navigation/History Stack “Resources” (links to targeted populations) “QuickLinks” (Links to departments & organizations- this feature is customizable. News & Events About Dartmouth Research & Announcements Footer Basic Layout of Dartmouth’s Homepage

Site Navigation Header Welcome with “contact us” link Links to Admissions Related information & resources “This Week’s Top 5 Pages” Links Search Admissions Contact link “Quick Links” “Dartmouth in Your City” Footer & CopyrightContact link Too many redundant links! Basic layout of Dartmouth’s Admissions Page With redesign considerations

Dartmouth Header (links to Homepage)Search Promotional Image Navigation/History Stack Resources QuickLinks Welcome and general information about Dartmouth Admissions Footer & Copyright Admissions Header (links to Admissions page) Admissions Links Financial Aid Links Contact “Dartmouth in Your City” Dartmouth Admissions Webpage Redesign Less redundant links and more consistent with the look and feel of Dartmouth’s Homepage