Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.

Slides:



Advertisements
Similar presentations
Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.
Advertisements

From requirements to design
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #10 BOO! BOO!
Multimedia & Website Design Initial Planning (Part 3)
MSc Publishing on the WWW Web Design Week 2. Aims and Objectives To introduce the stages of web design and implementation To introduce needs analysis.
Information architecture Summary Natalia Shatokhina CS575 Spring 2010.
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
Tuesday, 8 th June 2004 Introduction Margaret Hanley Business Analyst/Senior Information Architect BBC Worked on three continents – Australia, USA and.
Remedy, a BMC Software company Storyboarding the User Interface: Blueprint for an Application Shanaz Kanga | Michele Sarko Sr. UI Design Engineer | Manager,
Multimedia e-learning design After analysis (audience, needs, goals, content, resource requirements and schedule), you are ready for design But don’t skimp.
User Centered Design The Process Information Business – UCD Robert Press (718)
Listen to Welcome Message Strategic design and delivery of the message. Clearly identifying objectives. Listening, in order to understand the needs of.
IBE312: Ch15 Building an IA Team & Ch16 Tools & Software 2013.
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
IBE312 Information Architecture 2013 extracted from IA: Moreville and Rosenfeld, 2007 Ch. 10 Research Ch. 11 Strategy Ch. 12 Design & Documentation.
Introduction to Interactive Media 02. The Interactive Media Development Process.
Multimedia Specification Design and Production 2013 / Semester 2 / week 7 Lecturer: Dr. Nikos Gazepidis * Notes by Dr Trevor Baker.
Sarah Rice - IA Summit 2004 Bottom-Up Information Architecture: Re-Design of an Enterprise Class Web Site.
1999 Asian Women's Network Training Workshop. A short discussion about Information Architecture.
COM 263 Design Process. o Example: Tampa International Film Festival Web Site.
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.
Content Strategy.
What is Multimedia?. Today’s objectives Define multimedia Work with XHTML Work with CSS.
Introduction to Interactive Media The Interactive Media Development Process.
Web Content Development Dr. Komlodi Class 22: Wirerfames.
Chapter 5 Designing Web Sites. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 2 OBJECTIVES Why a Website? Life Cycle of Site Building Ways to Build.
1 WEB Engineering E-Commerce Strategy & Management COM350.
International Center for Agricultural Research in the Dry Areas Web strategy ICARDA2.0 :: re-design project 1.
Applications for Web Development (CIS 162) Intro to Web Design.
U.S. Department of Agriculture eGovernment Program Design Approach for usda.gov April 2003.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
Storyboarding The Why and the How…. A set of drawings that represent screen layout sequences First used by filmmakers to plan the sequences of movie scenes.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Deliverables -IA Methodologies -Research Topic Presentations.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Module 6: The Design Process LESSON 8 The Development Process Module 6: The Design Process LESSON 8.
Information Architecture & Design Week 5 Schedule -Planning IA Structures -Other Readings -Research Topic Presentations Nadalia your Presentations.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.
Chapter 8 Designing Web Sites. Awad –Electronic Commerce 2/e © 2004 Pearson Prentice Hall 2 OBJECTIVES Why a Web site? Life Cycle of Site Building Ways.
Lesson 3-Multimedia Skills. Overview Members of a multimedia team. Roles and responsibilities in a multimedia team.
Multimedia e-learning design After analysis (audience, needs, goals, content, resource requirements and schedule), you are ready for design But don’t skimp.
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
Jane Greenstein Content Strategy & UX February, 2016.
Final Review Systems Analysis and Design in a Changing World, 4th Edition 1 Final Review u Chapters 1-6, 8-10, 13, 14, 15 u Multiple choice, short answer,
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.
Web Content Development Dr. Komlodi Class 11: Blueprints.
CANVAS Layout and Style for Usability. Aspects of Usability Content Importance, Necessity Aesthetic Interesting, evokes desired emotion Organization Leads.
Web Site Design Building a Web site that gives users what they need.
Generating data with enacted methods
Part 3 Digital marketing: implementation and practice Chapter 7 Delivering the online customer experience.
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Copyright © 2013 MyGraphicsLab / Pearson Education
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
How to Develop for e-learning
The Development Process
Anatomy of IA Search Browse “Invisibles” Interface Query Language
Multimedia e-learning design
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
INTRODUCTION TO INFORMATION ARCHITECTURE
Content Strategy Practice Overview
CONTENT Chapter 7.
Executives & Management
Phases of Designing a Website
CIS 376 Bruce R. Maxim UM-Dearborn
Rollout Guide Day 1 to 10 Day 11 to 20 Day 21 to 30 Day 31 to 40
E-learning Projects Overview
Part 3 Digital marketing: implementation and practice Chapter 7
Presentation transcript:

Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class Work: Site Proposal Outline

Process and Methodology Phased Approach -Research -Strategy -Design -Implementation -Administration

Research Framework Context Content Users

Context Business Goals Funding Politics Culture Technology Human Resources

Content Document/data types Content Objects Metadata Volume Existing Structure

Users Audiences Tasks Needs Information Seeking Behavior Experience Vocabularies

IA Strategy IA Administration Develop Maintain Technology Integration Past Present Approach Top-down (centralized - organization) Bottom-up (decentralized – content-based) Metadata Navigation Design

Work Product and Deliverables Metaphor Exploration Organization (environment) Functional (tasks) Visual (graphics) Scenarios Experience Design Case Studies Conceptual Diagrams Wireframes Strategic Analysis Project Plan Presentations

Design and Documentation Influenced by Context of the Project Focus on Process and Product will result Multiple Views (multiple ways to learn) -For Dev Team -For Users Blueprints (Flowcharts) -Whole Site -Specific (task or page) -Data Flows Wireframes become Templates

Design and Documentation… Content Mapping and Inventory -What you have. -What you need. -How you get it. Models -Content (granular) -Relationships -“Data Flow” Controlled Vocabularies Design Sketches Prototypes Style Guides (earlier and later) Administration

Designing Communications As Product As Process The Communications Experience -Positive, Cohesive Messages -Advertising -Promotion Leveraging Pre-existing knowledge and preferences Frames of Reference (PoV)

Design Strategies Remembering What It’s Like Not to Know Flores’ Worlds -What you know you know -What you don’t know -What you don’t know you don’t know Create Interest -Choices -Connections Integration -Goals -Ideas

“Design in the Digital Age” Focus on Connections Among Design Elements -Text -Graphics -Audio -Video Immersion Interaction Quality -Utility -Meaning -Change or Expand Knowledge

Leveraging with Design Map to other Media -TV -Magazines -Movies -Advertising -Environmental -Conversation

Customer Centered-Web Design Who would not want to do this? -Involve Customers in the Design (IA) Process -Too Many Decision Makers Goals of CCWD -Ease of Use -Content -Satisfaction -Performance -Brand Value Nine Myths of Customer-Centered Design

Using Web Design Patters Leveraging Previous Work Understanding the Design Goals Fitting Patterns to Design Goals Types of Patterns -Site Genres -Navigation -Homepage -Content -Trust and Credibility -Page Layouts (Wireframes) -Performance

Project Proposal Outline Description of the Project Scope of the Project Timeline for the Project -Schedule -Tasks -Project Deliverables -Alternatives Roles in the Project Project Expectations -“Customer” Contact -Critical Success Factors IA Development Methods -Communication -Workflow

Project Proposal Outline 2 IA Development Deliverables Descriptions -Site Map(s) -Storyboards Paths Through the Site Tasks and Scenarios -Wireframes and Templates -Prototype Designs (Wireframes and Content) Talk Aloud Paper Low Fidelity Digital High Fidelity Web

Your Project Proposals Break into Groups Outline Proposal -Start Planning Work -Scheduling Submit Proposal Next Week in Class