CASA Fairfax Ashwin Eapen Divya Venkatesh Neha Dudeja Pallavi Thakare Sargam Aggarwal GREEN TEAM.

Slides:



Advertisements
Similar presentations
Support.ebsco.com Points of View Reference Center Tutorial.
Advertisements

3.02C Website Organization
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
An introduction to Destiny, the online card catalog
UX and Content Strategy for the ISD website Chris Moos ISD Website and Communications Team.
Tutorial Flipster for Desktops support.ebsco.com.
Niraj Dudhane Neha Parnandi Shradha Gulati Kruthi Sreenivasa Murthy.
Tripti Aurora Pooja Mehta Swetha Reddy Siddhesh Shirode.
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.
ISI Web of Knowledge Update July New features ISI Web of Knowledge new features: Address searching on the All Databases screen Sort All Databases.
P2-WIREFRAME Presented by Rahul Potghan Sonal Kulkarni.
Project Two Art3870 fall Web Services Concept Selling web services to Art Galleries ◦ Our group sells web site development for art galleries: the.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Chapter 6: NavigationCopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
NZSTA WEBSITE HELP GUIDE. REGISTRATION Easy registration to access members area.
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
Business Definition Analysis & Design Phase. Development Team Smit Shah (System Analyst, Web Developer) Harsha Balagere (Web Designer) Abdullah Alsubaiei.
Fairfax CASA Website Redesign Proposal Melanie Chen Srinivas Deshraju Jack O’Bannon Ketan Patil INFM 700 – Fall 2009 Project 2.
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
DESIGN PROJECT 2 (CITYDANCE WEBSITE REDESIGN) 4-APR-12 ADEEL BHATTI JESSIE CHEN KAYS FATTAL RAVIKANTH ARIKATLA VENKATA INFM700 – Information Architecture.
Redesigning CASA, Fairfax ANMOL PRADHAN NILAY SANGHAVI ANISH GUPTE ELRON D’SILVA.
CASA: Court Appointed Specials Advocates Presented By: Cheryle Jacob Debabrata Ghosh Hiten Patel Meredith Cowie Prathmesh Mengane.
CASA Fairfax Ashwin Eapen Divya Venkatesh Neha Dudeja Pallavi Thakare Sargam Aggarwal GREEN TEAM.
Bhoomi Deliwala Falguni Shah Sujata Narayanan Vrushank Salaskar Re-design: FORCE website Friends of Rock Creek Environment.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
+ Introduction to Wireframing. + Overview Storyboarding and wireframing your site before you start to code is another step in the website design process.
 What is a wireframe?  What features are important?  Which wireframe tools might you want to try?
Proposal to Redesign Website for Friends of Rock Creek Environment FORCE Proposal prepared by the Blue Team Anand Lalye Laura McCarthy-Ceffalo Srikant.
Requirements Information and data which need to be displayed or accessible to the user Sitemapping (Site Map) Flow Chart models of site structure displaying.
Learning.com for New Users. This presentation will help educators… Login to Edit your Learning.com educator account Access resources.
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. what is effective web design? 3. main client project and deliverables.
How to Navigate the Website. Site Description A comprehensive database of organizations and agencies that provide community service.
LOGO IT Project Management Information System and Information Architecture Prof. Dr. Ir. Riri Fitri Sari, MM, MSc Electrical Engineering.
Welcome to i-Sho. Introduction Data presented chronologically in a timeline (Channel) Data can be: organised, retrieved, tagged, hyperlinked, sorted,
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
Agenda 45 7.SharePoint Changes 8.Items & Lists 9.Files & Libraries 10.SharePoint & Office 11.Help 12.Wrap Up.
3.02C Website Organization 3.02 Develop webpages..
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
Principles of Web Design Da’Zheonna M. Cotton 2/8/13.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. main client project and deliverables 3. what is effective web.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
INFM 700 Information Architecture Project 3 Team Red: Atul Anvekar Salil Borkar AnupamaChinniwar Mohamed Mohideen Sayali Patwardhan.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
There are Different Purposes for Navigation Global links go on ALL the website screens: Goes to OVERVIEW section screens Local/Inline Links usually go.
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.
MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.
INFM 700 Project 3 (Aqua) - Akashdeep Ray - Arnaud Lawson - Neha AR - Vidisha Vedvyas.
Points of View Reference Center Tutorial support.ebsco.com.
Designing for Usability OBJECTIVE: Learn “usability” principles related to design for interactive media.
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.
Points of View Reference Center
SHOULD BE ON ALL INTERNAL PAGES
>> Header & Footer in CSS
Web Development A Visual-Spatial Approach
Travel Exotic India Site designed and implemented by: Krishnan Ayyer
Fairfax CASA Website Redesign Proposal
Introduction to Wireframing
Web Design and Development
Layout - you need to understand that a simple navigation bar:
Thursday, November 15, | © Kanbay Incorporated. All Rights Reserved
Elements of User Experience
Anatomy of IA Search Browse “Invisibles” Interface Query Language
INTRODUCTION TO INFORMATION ARCHITECTURE
Part 8 Q36 to Q40 of National 5 Prelim
Some Assistance May Be Required
Presentation transcript:

CASA Fairfax Ashwin Eapen Divya Venkatesh Neha Dudeja Pallavi Thakare Sargam Aggarwal GREEN TEAM

Agenda Researching the Client Understanding the User Focus Groups and Contextual Inquiry Card Sorting Wireframe Blueprint Screenshots of “Before” and “After” Demo of new-website

Researching the Client Browsed the CASA FairFax’s website to study the organization and page structure Observations o CASA’s mission statement o Dead-links o Badly structured header o Placement of Search bar o No Breadcrumbs o Not visually appealing o Improper linking of logos o Labeling of side bar menus Environment Scanning o Researched other CASA websites o NGO Websites, america.cry.org,

Understanding the User o Step 1: Focus Group o Step 2: Contextual Inquiry o Step 3: Card Sorting

Focus Group and Contextual Inquiry Navigation Information Content Appearance

Card Sorting o We used the "Card Sorting" technique in order to generate a category tree which would help us to understand the basic web site navigation. o We used WebSort a simple web based interface which enables remote card sorting online. o Following was the resulting category tree: (Next Slide)

Wireframe- Home Page

Blue Print

Screen Shots

Thank You!

Questions??