Elementary School Website Redesign Presented by Stacy Michaelsen, Liz Molleur, and Jackie Dana.

Slides:



Advertisements
Similar presentations
WordPress Getting Started. What is the purpose of a classroom web page or blog? It is a web site that maintains an ongoing chronicle of information. A.
Advertisements

3.02C Website Organization
Creating Graph Cards Graphical representation of XA Data Jim Boyer
New Semantic Elements (Part 2)
Mine Action Information Center
By Choksi Siddharth Dubey Anshu Karkera Prasad Shah Parth.
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.
How Well is Your Site Organized?. Agenda  Information Architecture / Navigation  What Does the User Want?  How to Organize Information  Best Practices.
Interface / navigation COM 366 Web Design & Production.
. Website and file organization. How websites work.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
ASIST Website Redesign Final Proposal By P. Lucas-Stannard.
Good & Bad Websites. From WEB 1. Submit one bad or ugly web site or web interface. This is ugly website because there are.
UM.SiteMaker for Database Driven Websites Jonathan Maybaum, Ph.D. Professor of Pharmacology University of Michigan Medical School
The Information School of the University of Washington INFO 310 Web Site Evaluation How to evaluate a Web site for general purposes.
Visual Design for the Web. Keep the end in mind What is the purpose of the webpage?
Information Architecture Creating well structured, usable sites.
MM1950 Project Three – Team Development Group Members Calvin Canning Cara Eustace – Recorder Mei Butler – Facilitator Nadine Green - Presenter.
DESIGN PROJECT 2 (CITYDANCE WEBSITE REDESIGN) 4-APR-12 ADEEL BHATTI JESSIE CHEN KAYS FATTAL RAVIKANTH ARIKATLA VENKATA INFM700 – Information Architecture.
OceanNet our unlimited office space. Ocean County Library population of 540,000 population of 540, branches 20 branches over 600 staff over 600.
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
CASA: Court Appointed Specials Advocates Presented By: Cheryle Jacob Debabrata Ghosh Hiten Patel Meredith Cowie Prathmesh Mengane.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Bhoomi Deliwala Falguni Shah Sujata Narayanan Vrushank Salaskar Re-design: FORCE website Friends of Rock Creek Environment.
From Static HTML to Interactive Drupal: Redesigning A Library Intranet that Enables Collaboration and Social Interaction Huei-Lien (Elaine) Chen, Ph.D.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
1 Designing Need-based Internet Web Sites in Counseling and Career Services James P. Sampson, Jr. Florida State University Copyright 2002 by James P. Sampson,
TERMINALFOUR SiteManager Introduction January, 2014.
Proposal to Redesign Website for Friends of Rock Creek Environment FORCE Proposal prepared by the Blue Team Anand Lalye Laura McCarthy-Ceffalo Srikant.
OCR Nationals ICT – Unit 2 Task 3 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.
World Wide Web Resources What Do the Experts Say About Web Pages? February, 2001.
Research on the Interaction Between Human and Machines University of Houston-Clear Lake Tasha Y. David.
International Center for Agricultural Research in the Dry Areas Web strategy ICARDA2.0 :: re-design project 1.
Website Design: Creating Your Pages and Finishing Your Website Tuesday, February 22 nd -Tuesday, March 1 st.
Point & Edit CMS An Introduction to Point & Edit.
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
Committee and Section Site Demonstration For Committee and Section Leaders 1.
Consistency Increases usability of your Web site..
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.
Information Architecture
Web Site Development - Process of planning and creating a website.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
In the news. Taxonomy Organizing Information Observation The Organization Project Scope Start the project Stakeholder Interviews Gather goals Focus groups.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
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.
Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.
{ User Centered Design Final Presentation Donia Canaveral }
Unit 13 – Website Development FEATURES OF WEBSITES.
 Accessibility & Information Architecture Presented by Liz Molleur INF385E April 5 th, 2009.
Website Schematic BDU - St. Lucia Chamber of Commerce
Blackboard Essentials
Basics of Website Development
Adding Post Type Archive in WordPress Navigation Menus Guided By: wpglobalsupportwpglobalsupport.
WEBSITE REP TRAINING.
Page plans A01 Design.
Thursday, November 15, | © Kanbay Incorporated. All Rights Reserved
© 2016 Blackboard Inc. All rights reserved..
3.02C Website Organization
INTRODUCTION TO INFORMATION ARCHITECTURE
Pair Programming Assistant
Public Services Information Management
Web Design 1 Website Construction.
Website production.
Some Assistance May Be Required
Creating your multimedia product – setting up pages and navigation
Presentation transcript:

Elementary School Website Redesign Presented by Stacy Michaelsen, Liz Molleur, and Jackie Dana

Flowchart of Our Process

Content Inventory Types of materials to be organized. Multiple creators and sources of information Discrepancies in information location and neglected portions. Most frequently updated and used areas of information.

Peer Reviews and Comparisons Critical categories of information Ideas for organization and layout Appropriate to the audience

Peer Reviews and Comparisons And a few others…

Survey Results Survey Monkey survey with 10 questions Six respondents Basic information about respondent (e.g. children's ages, location) Usage of current sites o What information is important o What changes would you make

Cardsort Results 6 Participants Hybrid open/closed sort Establish: o labels o content location o additional info needs

Cardsort Results Tree Cluster groups of similar items

Personas Knowledge of the different users coming to our site and their different information needs. Johanna Jones 29 years old New to the area Works full-time Has a 1st grader with a learning disability Recently divorced

Users Wireframe Based on survey results and card sort Top bar navigation En Español link Monthly calendar Clearly defined section s

Interviews with Stakeholders Purpose and goal of the website Political climate Requirements and preferences "We prefer the side navigation because it gives us more options to add links.” "The page has to be completely accessible or we could loose our federal funding."

Stakeholder Wireframe Noticeable Calendar Accessible Contact Information Aesthetically Pleasing Space for Photos Advertisement for E-news

View our site… Miller Creek Elementary Miller Creek Elementary Webpage

Accessibility & Usability Skip Navigation Global Navigation Translation Image Tags Site Map Consistency

Usability Testing IX Lab at the iSchool 3 participants Morae Software 6 scenarios with sub-tasks

Usability Testing

Plan a Visit

Lunch Menu

Directory

Post-Test Questions

Questions???