Sara Snow & Kirk Yoshida

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

© 2007 AT&T Knowledge Ventures. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Knowledge Ventures. Interactive Solutions & Design Group.
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.
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
Top 10 Blackboard Tips for Students. 1. Search Blackboard Blackboard has a search tool, which allows you to search through all the course web sites and.
IS 213 Presentation Healthy Communities Florance Gee, Ran Li, Nettie Ng April 29, 2004.
Contact: Fei Gao Office of Information Technology Montclair State University Creating Professional ePortfolios with Google Sites.
Lesson Components of an Effective Marketing Plan
CS & ECE Senior Design Project Winter 2008 Karen Davis Chia Han Altan Ferendeci.
Jiří Balej, Martin Podborský, Petra Čačková.  Tools, which enables to produce content without source code knowledge  Text document ◦ MS Word/OO Writer.
Ashley Sack Personal Portfolio Explanations. Professional Purpose of Portfolio  The main goal of this portfolio website is to attract employers to and.
Copyright 2007, Information Builders. Slide 1 WebFOCUS BI Portal Matthew Lerner WebFOCUS Product Line Manager September 30, 2009.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
211 Multimedia Web Design Lesson 1 – Web Functionality & Purpose.
Information Architecture The science of figuring out what you want your Web site to do and then constructing a blueprint before you dive in and put the.
MSBSD Website Guidelines Make text readable Make navigation Clear Use quality graphics, quickly accessible Have a consistent look and feel.
Web Strategies for Effective Marketing Results Presenter: Jonathan Buyco, The Active Network.
International Center for Agricultural Research in the Dry Areas Web strategy ICARDA2.0 :: re-design project 1.
Website Project Development Presentation by APNARAJ.COM.
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
What is Peer Editing? A peer is someone your own age. Editing means making suggestions, comments, compliments, and changes to writing.  Peer editing.
SHAREPOINT BRANDING SHAREPOINT PAKISTAN USER GROUP – FEB 2012.
Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.
Two Rivers Chapter Website Navigating through …. Visit
Things you should have with you: Your own address Student addresses Ideas that you want to include.
Steven Dodge & Jackie Sauter INFM603 Spring 2012 in-service-of-seniors.org In Service of Seniors.
Newspaper in Education Web Site (NEWS) Usability Evaluation Conducted by Terry Vaughn School of Information The University of Texas at Austin November.
Web Page Concept and Design :
Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.
Working with Themes, Quick Parts, Page Backgrounds, and Headers and Footers Lesson 7.
Creating Google Sites Laura Assem, Director of Technology.
© Blackboard Inc. All rights reserved. Blackboard Learn 9.1 Getting Started.
Creating a Digital Teaching Portfolio ONLINE USING WEEBLY.
A Presentation on Presentation Design. Presentation Basics To create your presentation: Research your content Identify your audience Choose a design Write.
Content Administration 08/19/13 & 08/20/13.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
WEBSITE REDESIGN PROPOSAL Daniel Sterling (818)
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. main client project and deliverables 3. what is effective web.
Perpetual & Financial I nventory visibility. accuracy. flexibility. A Foundation To Build On Retek Merchandizing System Introduction.
Sitemap Design Cynthia Antonio, Yoon Hea Lee, Jason Mumford.
You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
Creating a Google Site For a Digital Portfolio Purpose.
EKTRON QUICK START GUIDEEKTRON QUICK START GUIDE Version 1.0 Copyright 2013 WebSolutions Technology, Inc. Fuller June 7, 2013.
Advanced Elements & Advanced HTML Codes AGCJ 407.
SFnight SFnight 213 project Overview Special Challenges Heuristic Evaluation Results of the Pilot Study Formal Usability Study Demo of Current Design Last.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
Search – Search Results
Northwind traders Who We Are Brochure subtitle or company tagline
Name of Major/Minor Learn More Name of College Major Snapshot
Northwind traders Who We Are Brochure subtitle or company tagline
Section 7.1 Section 7.2 Identify presentation design principles
SCEC Drupal Website Development Overview and Status
Link Label Text Label… Click Here… Image Image Lorem Ipsum Lorem Ipsum
Dalikoo User Guide.
LESSON 4 Module 4: Working with Images Navigation Tools.
About this Template Stanford Medicine PowerPoint templates have been created to deliver a consistent message to all audiences. Add a page by clicking.
Name of place Who We Are Brochure subtitle or company tagline About Us
Northwind traders Who We Are Brochure subtitle or company tagline
IA Hub Project Information Architecture & Design I INF 385E
A NEW REGISTERING STUDENT ORGANIZATION ON PIONEER PLACE
The Development Process
Creating & Managing for Teaching Purposes
A Presentation on Presentation Design
Phases of Designing a Website
IS213 Project Presentation - April 6, 2006
Northwind traders Who We Are Brochure subtitle or company tagline
Northwind traders Who We Are Brochure subtitle or company tagline
Presentation transcript:

Sara Snow & Kirk Yoshida

Presentation Overview Site concept User research Design strategy Design decisions & technology implementation Site organization, navigation & layout User testing Live demo Lessons learned Results summary Desired improvements Initial idea: refer to your original proposal Objective: design document executive summary, paragraph 3 and/or mission Audience: design document audience

Site Concept Initial Idea Objective Audience Initial idea: refer to your original proposal Objective: design document executive summary, paragraph 3 and/or mission Audience: design document audience

User Research Heuristic evaluations Interview results Active volunteers in Austin People new to Austin People who organize volunteer groups People new to volunteering Implications Heuristic evaluations: design document page 6-15 Interview results: design document page 15-17 Implications: design document page 17-18

Design Strategy Blueprints Blueprints: design document page 19-21

Design Strategy Wireframes Wireframes: design document page 22-29 Wireframe testing: Implementation Report III (we called it II) submitted to UT Blackboard 4/21 (says 4/7 in header)

Design Decisions Fonts & Colors Logo

Technology Implementation 10 hours of pain for every one fleeting moment of joy

Site Homepage Organization Navigation Layout Heuristic evaluations: design document page 6-15 Interview results: design document page 15-17 Implications: design document page 17-18

User Testing Methodology No major flaws! Main issues Events vs. Opportunities Banner Calendar Post a Review

Live Demonstration nova.ischool.utexas.edu/drupal/frontpage Find an Opportunity (Calendar & Search) Post an Opportunity Post a Review Search results Event or opportunity example (from search results) Organization profile

Lessons Learned Detailed project schedule is important Second round of testing is important Difficult to choose CMS before implementation Drupal High learning curve Drupal 6 vs. 7 Immediate professional-looking site Persistence required – don’t panic!

Results Summary Accomplished objective, similar to original plan Exceeded our own expectations Exerted (some) will on Drupal Great user response

Desired Improvements Customize theme (banner size, font & colors) Add “order by” to search results page Add images Add more current content to homepage Minor changes Increase size of help text font Add labeling to calendar buttons