El Corazon.Org Information Architecture & Design Project Presentation David Zepeda December 6, 2005.

Slides:

Advertisements

Similar presentations

Information Architecture for the World Wide Web By Steve Cherry and Matt Scheinerman.

Advertisements

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?

Major Sponsors Minor Sponsors. Overview What is a Search Driven Site?

2/23/ Enterprise Web Accessibility Standards Version 2.0 WebMASSters Presentation 2/23/2005.

Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.

Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,

Designing Basic Web Sites II: Process Based on Web Style Guide, Lynch and Horton Technical Communication.

Art 155 Information Architecture In-class Presentation Week 6B.

A content management system (CMS) is a computer program that allows publishing, editing and modifying content on a web site as well as maintenance from.

Basic Web Design. Technology is a tool  FIRST, understand how people actually interact with each other and with the information in their lives, in all.

Apiitfreeware websites is about all free sources such as software, video, wallpaper, games in different categories We use different technologies for.

Tulsa SharePoint User Group TulsaSPUG. Agenda Introductions (5 Minutes) Branding Review (25 Minutes) Site Overview (5 Minutes) Office 365 Provisioning.

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentation Unit 8.2_Lesson 2 Structure and layout.

Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.

Unit 12 LO3 Be able to design websites

MarketLine HQ ADVANTAGE – your subscription service Explore today at

Ball State University Digital Media Repository …a project of the University Libraries Scholarly Resources for Teaching, Learning, and Research Ball State.

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.

6. Marketing Tools: Electronic and Multimedia. Tools  Templates  Spam filters  Click-through rates  Surveys  Archiving 

Web Content Development Dr. Komlodi Class 22: Wirerfames.

INKMART’s Program is a Win-Win for All! You Save Money Your School Makes Money Recycling Supports Clean Environment.

Usability Testing: In-Depth Competitive Analysis Michael Hilario October 13, 2009 IMD445.

Created by Department of Instructional Technology.

The New Elements © Main Menu Structure Media Canvas Form Click on one of the categories below to view information about the new HTML5 elements in.

Developed by Kelly J Howard.

PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.

AET/545 University of Phoenix

 Background & Overview  Business Model & Value Proposition  Consumer & Purchase Analysis  The E-Commerce Value Chain  Technical & Design Aspects.

Content Management Systems Allyson Falkner Spokane County ISD

SWOT Analysis Music Blogs Kyle Krahenbuhl. The Blogs  

124/12/20151 “Be the Best” Learning Objective: understand why and how websites are created and evaluate websites. Please get out last weeks homework……….

Blackboard Learn 9.1 © 2010 Blackboard Inc. All rights reserved.

IA & Design Project Henry Stokes INF 385E. Overview  Project Details  Organization  Navigation  Design  Vital Statistics  Post-mortem.

Information Architecture

Gail Matthews WIKI is a fabulous solution to engage students outside (and inside) of the classroom. Wiki Instructions: The Basic How-To.

School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Week 12.

Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.

Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.

Unit 8.2_Lesson 2_ Resource 2c_Structure and layout presentation Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentation Structure and layout.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Information Architecture 2 No Class Scheduled October 23 Primary Readings - Zeldman, J. (2003). Designing With Web Standards: Chapters 6-8Designing With.

Introduction of Scratch (1/4) You can find Scratch on the Web:

Kathryn Pierce INF 385E Fall 2006 IA Project

Discovering Computers 2011: Living in a Digital World Chapter 3

BBNC Lingo What do the following refer to? So what are these? Web page

To arrange an interview, please contact at or call SANJAY KUMAR DEY

LESSONS 13, 14 & 15 Module 4: Working with Images Final Project.

Public Services Information Management

Webtech has 3 main pages: WebTech Home, Students’ Page and Module’s Home. Using the top buttons, you can quickly navigate different levels. Each module.

Unit 8.2_Lesson 2_CD Resource 2c_Structure and layout presentation

Travel Exotic India Site designed and implemented by: Krishnan Ayyer

Designing Successful Web Sites

IA Website: Lee Sutherland Fall 2005.

Texas Legacy Project LIS 385T Information Architecture and Design

Jesse Martinez Fall 2006 December 7, 2006

Personal Website Development Project

Alice’s Adventures in Wonderland

Zhi Liu Dec.7th IA and Design

My Personal Photo Website --Final project

Web Programming– UFCFB Lecture-4

Website Design and Management Section 3 - Design

Overview of Dreamweaver

Principles of Web Design 5th Edition

Yi-Hsuen Shih’s personal Web site

Information Architecture and Design I

Sunshine Gardens Min Yao December 6,2005.

Public Services Information Management

Website production.

Common Page Design Elements

CS7026: Authoring for Digital Media

Presentation transcript:

El Corazon.Org Information Architecture & Design Project Presentation David Zepeda December 6, 2005

6 Minutes and 30 Seconds –IA Tools utilized in site conception, design, and implementation –Site structure and navigation –“Vital Statistic” overview –Design decisions –Brief site demo –Post-mortem

5 minutes 39 Seconds IA Tools Utilized in Development and Construction Wire frames and sketches Templates Peer review

5 minutes and counting Site Structure and Navigation Each section of the site can operate independently of each other Main page (Home page) serves as distribution hub Global Navigation is consistent on every page Local Navigation varies with depth of site

Logo & Global Navigation Bar Music Downloads & Download Instruction Video Downloads Photography Poster Art Album Art Song Lyrics 3 bands Related Web Sites 4 minutes 28 ½ seconds

4 minutes never felt this long! Local navigation changes with depth in site

3 is the magic number (0:03:42) Vital Statistics 68 Pages total Validation issues – minor tag inconsistency orphans from templates Accessibility validations Layout design

2 Minutes to Demo

30 Second Post-mortem CSS All the way Content management Search function for audio and lyrics User interaction: mailing list/ survey

0:00:00 The End