© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.

Slides:



Advertisements
Similar presentations
Planning Your web content
Advertisements

Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.
Anatomy of a Multimedia Project
User Interface design Teppo Räisänen
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
Information Architecture Information Architecture (IA) is a process of identifying the objectives for building a Web site and then constructing a comprehensive.
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.
Usability and taste  Taste is subjective  but not necessarily trivial  Taste is subject to fashion  Changes over time  Influenced by other people.
 Why should it be mobile?  What content should I make mobile?  What need do I serve by making my content available to mobile users?  What value does.
MULTIMEDIA Development Team.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Creating a Website Part Two Navigation. Creating Usable Navigation Provide enough location information to let the user answer the following navigation.
Copyright © 2003 Bolton Institute Dept. of Computing and Electronic Technology - Multimedia Integration and Applications Lecture 5: Design and Prototype.
Designing Good Web Pages. Form versus Function A good website is a compromise between form and function. While creativity is encouraged, you have to meet.
Chapter 4 Planning Site Navigation. Principles of Web Design 2nd Ed. Chapter 4 2 Principles of Web Design Chapter 4 Objectives Create usable navigation.
Tuesday, 8 th June 2004 Introduction Margaret Hanley Business Analyst/Senior Information Architect BBC Worked on three continents – Australia, USA and.
Administration Of A Website Information Architecture November 17, 2010.
About Waterloo website Project report June Outline Overview of process Project deliverables Lessons learned.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 1 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 1: Setting Project.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
CGMB 113 / CITB123: MULTIMEDIA TECHNOLOGY
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Paper Prototyping Source:
DESIGNING FOR MOBILE Lunch & Learn Series | February 20, 2014.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
Introduction to Interactive Media 02. The Interactive Media Development Process.
Roadmap/Timeline Template Use this template to quickly provide clients a visual representation of your proposed roadmap, project plan or other related.
 What is a wireframe?  What features are important?  Which wireframe tools might you want to try?
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
D AVID -C LINTON WEBSITE REVIEW TEAM ALPHA. LEARNABILITY EFFICIENCY MEMORABILITY ERRORS SATISFACTION STRENGTHS Clean & simple design Good text-image balance.
– Strategies for Effective Navigation Design & Prototype Phases.
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.
Web Strategies for Effective Marketing Results Presenter: Jonathan Buyco, The Active Network.
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. what is effective web design? 3. main client project and deliverables.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
Setting Project Requirements. Step One The first step in creating a website is to define the Purpose.
Refine Produce Implement Design and Development Stages.
Rux Richmond User Experience Presenting Yourself: Tips for showcasing your IA experience in your resume and portfolio February 26, 2009.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
Interface Design.

PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
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.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.
A Blueprint for Successful Web Sites Information Architecture & Web Design Web June 18, 2003 Beth Bailey Kim Eke Elizabeth Pyatt.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Chapter 3-Multimedia Skills
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
Information Architecture
Evaluating Fitness Websites Kin 260 Jackie Kiwata.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
Web Content Development Dr. Komlodi Class 11: Blueprints.
 Creating a functional website that would allow users to quickly and easily access information regardless of device types and browsers, is what web designers.
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
Pre-Production Meet with the client to create a project plan:
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Designing for the World Wide Web
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
INTRODUCTION TO INFORMATION ARCHITECTURE
Phases of Designing a Website
Apply programming techniques to design and create a web page
Chapter 4 Planning Site Navigation
Question Examples Is the interactive Google map useful?
Presentation transcript:

© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE

© 2012 Adobe Systems Incorporated. All Rights Reserved. What is information architecture?  Understanding what users are looking for and allowing easy access to content and information is the overall goal. It’s all about ensuring that users can get what they came for.  The goals of information architecture:  Organize and label a website structure to support usability.  Connect users to the content and organize information intuitively.  Blueprint the site from a functional perspective to communicate easily with a client and a team.  The information architecture step usually falls within the structure phase of web project production, before you create wireframes, design comps, and prototypes. 2

© 2012 Adobe Systems Incorporated. All Rights Reserved. Information architecture best practices  Research the needs of the audience and users  Identify a clear purpose for the site  Inventory and assemble site content  Assemble site content into logical groups  Create a site map  Design navigation systems 3

© 2012 Adobe Systems Incorporated. All Rights Reserved. Consider your audience  Before you create an information architecture for your website, consider the following:  Who is the target audience?  What kind of user are you trying to attract to the website? 4

© 2012 Adobe Systems Incorporated. All Rights Reserved. Identify website purpose  Always keep the goals in mind while you’re creating the information architecture.  What are the goals of the website?  What will attract viewers to the website?  How does the purpose of the website influence the information architecture? 5

© 2012 Adobe Systems Incorporated. All Rights Reserved. Inventory content  The content you plan to use on your website influences the information architecture. Consider the following questions:  What content do you already have?  What content do you need to create?  Is the content suitable for the site’s audience?  Does the content help accomplish the goals of the site?  Is the content suitable for the site’s target screens and devices? 6

© 2012 Adobe Systems Incorporated. All Rights Reserved. Assemble content  Content and structure are intertwined.  Assembling content into logical groups helps:  Establish clear and consistent site organization.  Facilitate the task of defining the information architecture. 7

© 2012 Adobe Systems Incorporated. All Rights Reserved. Create a site map 8

© 2012 Adobe Systems Incorporated. All Rights Reserved. Design navigation systems  Clear navigation helps connect users with the content on your site. Navigation helps users:  Stay oriented to where they are.  Find where they need to go.  Know how to get back to where they came from.  Make sure to use familiar visual cues and navigational aids as users move from page to page.  Clear navigation also helps your website maintain consistency. 9

© 2012 Adobe Systems Incorporated. All Rights Reserved. Summary  Information architecture is a method to add organization and support usability of a website  Information architecture helps improve discoverability, efficiency, satisfaction, consistency, and overall usability of a website.  A site map and a clear navigation are the key components of an information architecture 10