Presented by: Rashedul Chowdhury Contributors: Anthony Ritrivi, Hegde Mahabaleshwa and Long Pham GES DISC UWG May 11, 2011 GES DISC Homepage Redesign.

Slides:

Advertisements

Similar presentations

Support.ebsco.com Student Research Center with Australia/New Zealand Reference Centre Tutorial.

Advertisements

Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based Web page using HTML.

CQ Researcher Training Workshop Quick Reference Sheets.

Module 2 Navigation.     Homepage Homepage  Navigation pane that holds the Applications and Modules  Click the double down arrow on the right of.

Tutorial Flipster for Desktops support.ebsco.com.

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.

Homepage Design Audience Satisfaction Survey. Survey Goal: The new website design should invoke an aesthetic emotional response with our audience. The.

COE201 – Computer Proficiency Mr. Hamze Msheik

How the edges of a line, paragraph, object, or table are positioned horizontally and vertically between the margins or on a page.

“Sneak-Peak” HISDConnect Redesign. Redesign Goals Based On User Survey…

AiDA Redesign Phase II August 13, AiDA Redesign Status: –Phase I redesign implementation work is currently underway by the technical team –Phase.

Creating a Poster from a PowerPoint Presentation Margy Ingram Learning Technology Services University of Wisconsin-Stout Margy Ingram Learning Technology.

Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.

Exploring the Basics of Windows XP. Objectives Start Windows XP and tour the desktop Explore the Start menu Run software programs, switch between them,

1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

How to Create Top Ranking Searchable and Accessible Documents Chris Pollett and Elizabeth Tu April, 2010.

Basic Editing Lesson 2- Part 2. Navigating and Searching Through a Document Find command options, the mouse, scroll bars, and various keystroke and keyboard.

J333 Lauren Collmer SWOT ANALYSIS. PIGEONS & PLANES.

November 3, 2011 Deborah de Bruin Building Digital Libraries.

Tutorial Flipster for Mobile Devices support.ebsco.com.

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.

Enhanced Kijang.net MyWorkplace User Guide.

Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.

Just type it. By: Saswat Nanda, Dasol Park. ‘Tis a Search engine………

“MyDAP 101” A Brief Introduction January

Excel Part 2 Formatting a Workbook. XP Objectives Format text, numbers, and dates Change font colors and fill colors Merge a range into a single cell.

Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.

How to Create Photoshop Web Comps. Main Ideas You will create an image in Photoshop that will look exactly like your web site will look, created in the.

Web-designWeb-design. Web design What is it? Web-design features Before…

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.

Support.ebsco.com Consumer Health Complete Tutorial.

Internet Explorer 7. Cut through the clutter. Redesigned streamlined interface –Maximizes the area of the screen that displays the webpage.

Presented at the GHRC User Working Group Meeting September 25-26, 2014 GHRC WEB PRESENCE ghrc.nsstc.nasa.gov Presented by Tammy Smith & Shannon Flynn GHRC.

XP New Perspectives on Windows XP Tutorial 1 Exploring the Basics.

Ian Reeves. Homepage design  Google’s Golden Triangle.

MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.

The evolution of hrblock.com Jonathan Heavner Web Designer 1.

Lesson 2 Basic editing Word 2013.

Last.fm Hall of F/S Brian Morris Edward Nishihama.

Omeka Creating Exhibits. Select “Create an Exhibit” Log in to Omeka at:

Basic Editing Lesson 2.

Ian Reeves. Homepage design  Google’s Golden Triangle.

Creating a poster is easier than you think.

Windows Vista is the latest release of Microsoft Windows, a line of graphical operating systems used on personal computers, including home and business.

Websites with good heuristics Irene Wachirawutthichai.

Jakob Nielsen’s “Top Ten Guidelines for Homepage Usability” Presented by Oyeniyi Ogunde

?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.

By Soni Bal & Carol Chu. Over 400 participants, most were parents and coaches More than 95% use the website Majority of people use the website every few.

APICS Website Tutorial. Searching is easy with the new search function, which appears on every page. Shop APICS is accessible from here and is linked.

By: Jonathan Sobczynski. Importance of Homepages A Homepage is the company’s “Face to the World” Most important page on a Website.

News Story Pages for KPCC Expanding KPCC’s Journalistic Excellence in a New Medium March 2007.

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.

Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.

 ebooks are digital copies of books  Our school has a small (but ever growing) collection that can be accessed via Horizon  ebooks have features that.

Creating a Google Site For a Digital Portfolio Purpose.

Premier, multi-disciplinary engineering content that complements course material 750 interactive tables and graphs to.

ILO Public web site guided tour. WEBDEV Page 2 The way we were...  The ILO web presence is composed of about 150 different sites  On top of them there.

School District U-46 Metadot Portal Training. Agenda Intro – Objective Working knowledge of “how to” use this tool to create a personal page Your Expectations?

Planning a Web Site Planning a Web Site. The Home Page Think of this as your storefront. It is the first thing seen by your customer when they log on.

An extension of who you are...

Section 6.1 Section 6.2 Write Web text Use a mission statement

21 Tips Of Website Homepage Content

Public Services Information Management

Page plans A01 Design.

Customizing Your Home Page

User Research Goals Memorability/Desirability Usability

Advance Web Sites.

Presentation transcript:

Presented by: Rashedul Chowdhury Contributors: Anthony Ritrivi, Hegde Mahabaleshwa and Long Pham GES DISC UWG May 11, 2011 GES DISC Homepage Redesign

Current GES DISC Homepage Has the original ONE-NASA design which dates back to 2004 Home page is cluttered and does not represent the Big picture of what the GES DISC is all about. Top navigation is portal focused and does not feature other key areas of the GES DISC The left navigation on the Home page constricts content and as a result page length is increased which causes the user to scroll. Most users find information via Google, Yahoo, ie, search engines, instead of browsing from the homepage.

Redesigned GES DISC Homepage Uses Top Hat from Coherent Web Group which will serve as a common navigation shared by all Data Centers. GES DISC banner graphic size has been reduced and merged with the site search box in order to conserve horizontal screen space. Top navigation is grouped by major content areas so users can locate information quickly and see an overall picture of what the GES DISC has to offer. Sub-navigation appears as users interact with the top navigation and reveals sub-topics so users can sense if they are on the right track as they browse. Left navigation has been removed from home page to free space for more featured items and current content. Site dimensions are wider and content layout is horizontal (3 columns) so the entire home page can be seen without scrolling.

Portal Pages (Hurricane portal as an example) Portals are visually identifiable by their own custom banner. Top and sub-navigation items are highlighted to provide the user with a visual reference to their location within the GES DISC site. Left navigation appears for Portals to access portal specific content “Latest News” is moved to the right column (rather than below the content area) to make it visible and available.