Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation.

Slides:



Advertisements
Similar presentations
User Research Findings. 1 Overview Background Study goals Methodology Participants Findings Recommendations.
Advertisements

Presentation and discussion April 15, 2013
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2: Planning.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Background Current Status Future Plans. Agenda Background First Steps Current Status Future Plans Joomla Basics Questions 2.
 Why should it be mobile?  What content should I make mobile?  What need do I serve by making my content available to mobile users?  What value does.
MULTIMEDIA Development Team.
UI Standards & Tools Khushroo Shaikh.
Usability presented by the OSU Libraries’ u-team.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Design Modeling for Web Applications
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator.
Conceptual Design of the Website Site Architecture andNavigation.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
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.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Navigation Design. From the Brookfield Zoo, IL  (from Zoo)
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Paper Prototyping Source:
Chapter 15 Designing Effective Output
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Scrap Book of Design Critiques by Rohit Maddipudi HF /03/2013 Bentley University 1.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Web Development Life Cycle from Beginning to End…and BEYOND!
– Strategies for Effective Navigation Design & Prototype Phases.
1 WEB Engineering Introduction to Electronic Commerce COMM1Q.
Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.
Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.
1 WEB Engineering E-Commerce Strategy & Management COM350.
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
Heuristic evaluation Functionality: Visual Design: Efficiency:
MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design,
Building effective websites Raymond Frost · Judy Straus.
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.
An Industry Case Study SES – Chicago: 2006 Web 2.0.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
1  [company] Inc. [year] Girl Scouts of the USA Secure Site Project Kickoff [date]
HTML Concepts and Techniques Fourth Edition Project 1 Introduction to HTML.
Chapter 3-Multimedia Skills
Lesson 3-Multimedia Skills. Overview Members of a multimedia team. Roles and responsibilities in a multimedia team.
Creating & Building the Web Site Week 8. Objectives Planning web site development Initiation of the project Analysis for web site development Designing.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
Mboindy.com Halie Vining Director of Consulting, Relevance Content Strategy: The Research & Data Behind Successful Content Marketing.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Web Site Development - Process of planning and creating a website.
AFACT Website Report Iran Center for ecommerce Development 33 rd plenary meeting
CD Web Page Re-design. Agenda  Introductions  Project Goals  Design Components proposal  Comments/requirements from stakeholders on proposal  Initial.
William H. Bowers – Requirements Torres 9.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Redesign Goals Based On User Survey… Simpler navigation to reduce clutter.
Chapter 2 Web Site Design Principles
Investigating User Interfaces
DL Interfaces & Users LIS 5472 Digital Libraries Week 12
Publishing and Maintaining a Website
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Web Development Life Cycle from Beginning to End…and BEYOND!
INTRODUCTION TO INFORMATION ARCHITECTURE
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation

NSIDC.org User Refinement Recommendations 2 User Refinement project A usability analysis process designed to:  Identify current strengths and weaknesses of usability  Re-evaluate info about users, NSIDC objectives, sponsor requests  Address the growth/evolution of the site’s content, audiences  Proactively examine future user, content, technology needs The project examines:  Presentation  Organization  Interactivity  Navigation  End-user technologies  To identify changes that will more clearly present content and functionality and ensure the site is easy to use, easy to learn

NSIDC.org User Refinement Recommendations 3 Process summary POINT Evaluation: Heuristic evaluation that summarizes the site’s current strengths and weakness; provides a prioritized list of changes 1.Audience/Task Analysis: info gathering from strategic plans, other web efforts, internal interviews, users, PODAG, user surveys 2.Content Organization: site map of the major categories 3.Functional Design: navigation and task design 4.Interface Design: graphic design, presentation of all elements 5.Implementation

NSIDC.org User Refinement Recommendations 4 Make a very deep site “shallow” Bring more options to the top to reduce the number of clicks it takes to get to a page or task ** * * *

NSIDC.org User Refinement Recommendations 5 Give users a mental map of the site Add navigation options, change navigation schema to show users the breadth of content and functionality * * *

NSIDC.org User Refinement Recommendations 6 Make navigation consistent at lower levels Create a vertical secondary navigation menu Avoid many stacking horizontal menus Provide a mental map of sub- content * *

NSIDC.org User Refinement Recommendations 7 Provide a focal point for prioritized audiences Give data users a point of focus on multi-audiences pages such as the home page * *

NSIDC.org User Refinement Recommendations 8 Use “trigger words” for the specific audiences Use terms that make sense to the specific audience we are targeting; avoid organizational terms * * * *

NSIDC.org User Refinement Recommendations 9 Give users access to more powerful searches Give more power/functionality to the users by reformatting an advanced data search Create an opportunity for feedback that can be used for other data discovery prototypes * *

NSIDC.org User Refinement Recommendations 10 Implement accessible designs elements Maximize screen space Use readable font sizes Create print style sheets Create a CSS- based design Avoid too much change as to cause existing users to relearn the site * 80 Pixels * *

NSIDC.org User Refinement Recommendations 11 Action plan Nov 30: The Web Planning Board will review the navigation and design recommendations Dec 11: A demonstration of select pages will be available on  Preview new design  Notify users of upcoming change  Solicit user feedback Q1 2007: An implementation plan will be created

NSIDC.org User Refinement Recommendations 12 Other site improvements Replacing static content with dynamic content – decrease resources needed to update, maintain content; improve usability Streamlining internal workflow – create more efficient Web-contribution processes Developing a content plan for new material and updates – schedule resources needed for content maintenance & improvements Coordinating site promotion efforts – ensure site is accessible to data users Examining new data search and presentation schemas – position the center to be more flexible as technologies, user wants change