Kcrw.org Dino Anastasia Mellanye Lackey Mary Morgan Abbey Potter.

Slides:



Advertisements
Similar presentations
Chapter 3 – Web Design Tables & Page Layout
Advertisements

Basic Principles of Web Page Design CSCI 150, CSCI 155, CSCI , MSTI 131 and MSTI 260 Developed by BNapoli.
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
By Choksi Siddharth Dubey Anshu Karkera Prasad Shah Parth.
Information architecture Summary Natalia Shatokhina CS575 Spring 2010.
Maximizing Teaching & Learning For the Short Course.
Knowledge organisation and information architecture, Nils Pharo Knowledge organisation and the Web Nils Pharo, 6th November 2002.
Administration Of A Website Information Architecture November 17, 2010.
Information Architecture Donna Maurer Usability Specialist.
Homepage Layout Management. Note: This is our last Core Publisher training in the series! You will be checking in with your Station Relations Support.
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.
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.
Rachel Lurie Dustin Moore Karen Vasey. Goals: Test the Usability of the Include an Assessment of the Library Sub-site Usability testing:
November 3, 2011 Deborah de Bruin Building Digital Libraries.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Information Architecture for Librarians or The top 10 things you can do to improve your website.
Sarah Rice - IA Summit 2004 Bottom-Up Information Architecture: Re-Design of an Enterprise Class Web Site.
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,
XP 1 HTML: The Language of the Web A Web page is a text file written in a language called Hypertext Markup Language. A markup language is a language that.
Web Technologies Website Development Trade & Industrial Education
Press Association Websites The job of a website is to house information and make it easily accessible.
1999 Asian Women's Network Training Workshop. A short discussion about Information Architecture.
– Strategies for Effective Navigation Design & Prototype Phases.
Website Development with Dreamweaver
Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.
USABILITY An Introduction. Usability “..usability really just means making sure that something works well: that a person of average (or even below average)
Social Bookmarking and Linking Strategies Page 1 Linda Fisk and Mark Robertson Freedom Interactive Marketing.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.
Last.fm Hall of F/S Brian Morris Edward Nishihama.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Zipcar ( BK FarmyardsZipcar URL S: The URL is clear, logical and intuitive to Brooklyn Farmyards O: Not all users are familiar with.
Zipcar ( Zipcar ( BK FarmyardsZipcar URL S: The URL is clear, logical and intuitive because it.
Etsy ( Etsy ( BK FarmyardsEtsy URL S: The URL is clear, logical and intuitive because it is the same.
Urban Farming ( Urban Farming ( BK FarmyardsUrban Farming URL S: The.
FrontPage Tutorial Part 2 Creating a Course Web Site.
Next Door Organics ( LIS : Personas and Scenarios: Meghan Constantinou, Barbara Douglass, Susan.
Accessibility : Designing the Interface and Navigation The Non-Designer’s Web Book Chapter 7 Robin Williams and John Tollett Presented by Sherie Loika.
Hey Neighbor! ( Hey Neighbor! ( BK FarmyardsHey Neighbor! URL S: The URL.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
By Lauren Mayer WEBSITE RESEARCH. NYLON MAGAZINE WEBSITE Header, this is the title of the website and should be the main attraction. This example had.
Build Your Own Website Review of week 6 You should now have your website pretty complete You should now have your website pretty complete Are there any.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
Next Door Organics ( Next Door Organics ( LIS :
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
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.
Avaya.com Usability Test Findings and Recommendations March 22, 2002 Steve Ellis - Avaya.
Access to Electronic Journals and Articles in ARL Libraries By Dana M. Caudle Cecilia M. Schmitz.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
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.
Zipcar ( BK FarmyardsZipcar URL S: The URL is clear, logical and intuitive because it is the same as the organization’s (BK Farmyards)
Information Architecture
Exploring Microsoft Office PowerPoint 2000 Chapter 2
Objectives Design a form Create a form Create text fields
L A B E L Marina Karapetyan.
Travel Exotic India Site designed and implemented by: Krishnan Ayyer
Teaching slides Chapter 6.
Chapter 4 Planning Site Navigation
Presentation transcript:

kcrw.org Dino Anastasia Mellanye Lackey Mary Morgan Abbey Potter

November 16, SI Fall Overview Background Methodology Audience Current Site Observations & Recommendations: –Organization, Labeling, Search, Findability, Navigation Summary

November 16, SI Fall About KCRW… an NPR station a community service of Santa Monica College more than 450,000 listeners each week member-supported with 50,000 subscribers boasts largest youth (25-44) audience among NPR stations programming reflects diversity of community award winning programming includes music; local, national & global news; radio drama; and arts & cultural shows

November 16, SI Fall Goals of KCRW on the Web Provide streaming music and news Generate membership Promote KCRW programming Support community activities Provide access to program archives

November 16, SI Fall Observations are Informed By IA for the WWW by Rosenfeld & Morville Usability tests & audience analysis Card sort exercises Competitive analysis of related sites

November 16, SI Fall Audience: User Personas “I listen to music and get weather and traffic reports from KCRW.org” --Steve “As a longtime member of KCRW, I check the web site for events and benefits for subscribers” --Barry “I use KCRW.org to listen to music at work and to find out about concerts in the area” --Cloe

November 16, SI Fall Current Site link to kcrw.org

November 16, SI Fall Current IA - a BIRD’s eye view Broad Inconsistent Redundant Deep

November 16, SI Fall Organization: “Not a clue” Observation: Organization scheme and structure are unclear and scattered. Recommendation: Eliminate redundancies, develop a more consistent and unified organization scheme. “There doesn’t seem to be any unifying theme.” KCRW Home Page - join/subscribe There are 8 different ways to subscribe/join the KCRW family from the home page alone. Observation: Organization scheme and structure are unclear and scattered.

November 16, SI Fall Organization: “Cognitive Model” Observation: Hard to create a consistent cognitive model of the site. Recommendation: Group similar links and content areas together and carry this layout through the entire site. “Seems like I’ve been somewhere before where I found this information.” KCRW Home Page - wireframe Observation: Hard to create a consistent cognitive model of the site.

November 16, SI Fall Labels: Ambiguous Labeling “KCRW presents” is a listing of live shows in L.A. New York, San Francisco, AND BEYOND? “Calendar” is a calendar of groups playing at local establishments and listings of “KCRW presents”? “KCRW programming” is a synopsis of the awards KCRW has received? Observation: Labels are hazy as to their meaning. Recommendation: Labels need to be more descriptive regarding the content they represent. Observation: Labels are hazy as to their meaning.

November 16, SI Fall Labels: Uncontrolled Vocabulary Observation: Labels aren’t implemented consistently across the site. “Do join and subscribe mean the same thing?” Recommendation: Create a controlled vocabulary and implement it reliably within the site structure. Observation: Labels aren’t implemented consistently across the site.

November 16, SI Fall Labels: Non-Descriptive Labels Observation: Program names that are used as Labels do not give good “scent” as to their content. Recommendation: Use Labels that acquaint the user to the content it represents. Observation: Program names that are used as Labels do not give good “scent” as to their content. Recommendation: Use Labels that acquaint the user to the content it represents.

November 16, SI Fall Labels: Poor Label Navigation Observation: Same label name navigates to different locations. Program Grid navigation from Home Page Program Grid navigation from News Page Recommendation: Maintain consistent label navigation. Observation: Same label name navigates to different locations.

November 16, SI Fall Search: find it! page Observation: Format of results problematic in sorting, look, findability. Recommendation: Move ‘search again’ to top of page; make text of results obviously different; number results; highlight sorting mechanism; clarify ‘other results’. Observation: Format of results problematic in sorting, look, findability. Recommendation: Move ‘search again’ to top of page; make text of results obviously different; number results; highlight sorting mechanism; clarify ‘other results’. link to kcrw.org/find

November 16, SI Fall Search: Results differ Observation: Results vary depending on where user starts search. Recommendation: Make home page search box and find it! page search same place. Observation: Results vary depending on where user starts search. Recommendation: Make home page search box and find it! page search same place. Home Page FIND IT Page

November 16, SI Fall Findability: Where’s KCRW? Observation: Poor findability from Internet search engines. Recommendation: Research and prominently feature the most popular search terms on the pages of kcrw.org, in the title and descriptor HTML tags. Observation: Poor findability from Internet search engines. Recommendation: Research and prominently feature the most popular search terms on the pages of kcrw.org, in the title and descriptor HTML tags.

November 16, SI Fall Navigation: Too Flexible Observation: Too much information, illogical redundancies, inconsistencies in links. Recommendation: Eliminate redundancies and inconsistencies in links and group content into logical hierarchical categories. “Too complicated.” Observation: Too much information, illogical redundancies, inconsistencies in links. Recommendation: Eliminate redundancies and inconsistencies in links and group content into logical hierarchical categories.

November 16, SI Fall Navigation: “Where am I?” Observation: Global navigation is not easily identifiable. Recommendation: Rename and consolidate major sections, tone down graphics, enlarge font size. “I got lost a lot.” Observation: Global navigation is not easily identifiable. Recommendation: Rename and consolidate major sections, tone down graphics, enlarge font size.

November 16, SI Fall Navigation: “What’s Here?” Observation: Local navigation doesn’t provide clues about what’s available. Recommendation: Move and rename local navigation links. Use contextual navigation for links outside sections. “There doesn’t seem to be any unifying theme.” link to “Program Grid” page Observation: Local navigation doesn’t provide clues about what’s available. Recommendation: Move and rename local navigation links. Use contextual navigation for links outside sections.

November 16, SI Fall Navigation: “What’s This?” “ Organization appeared random.” Arts & Culture Program Grid Observation: Inconsistent and irrelevant bottom links. Recommendation: Mirror global navigation in bottom links; add useful links like “Contact us” or “Copyright Information”. Observation: Inconsistent and irrelevant bottom links. Recommendation: Mirror global navigation in bottom links; add useful links like “Contact us” or “Copyright Information”.

November 16, SI Fall Navigation: “What the -?” Observation: Keyword drop-down menu has poor usability, is poorly labeled, and is overused. Recommendation: Eliminate drop-down menu, use a site index. Consolidate and organize contextual links. “No descriptions for drop downs” link to kcrw.org Observation: Keyword drop-down menu has poor usability, is poorly labeled, and is overused. Recommendation: Eliminate drop-down menu, use a site index. Consolidate and organize contextual links.

November 16, SI Fall Next Steps Recommend IA strategy –Clarify overall schema –Improve labeling –Enhance search and findability –Make navigation consistent Content Analysis, Wireframes Unite content – context – user needs

November 16, SI Fall Fin.