SlideShare a Scribd company logo
1 of 20
Download to read offline
20 FINE Slides
IA + UX
Where Great Digital Brand Journeys Begin
UX
UCD
IA IxD
UI HCI
User
Experience
Information
Architecture
Interaction
Design
User Interface User Centered
Design
Human Computer
Interaction
One Big Happy Family!
Usability Navigation &
Labeling Systems
Content
Organization
Information Storage
& Retrieval
Things IAs Look At...
IAs consciously organize content and
flow based on principles derived
through observation and evidence.
Stakeholder interviews
User interviews, Focus Groups/Listening
Labs
Site evaluations
Competitive/ Comparative analysis
Traffic analysis
Audience analysis
Time and task studies
Surveys/Questionnaires
Testing on real users
Card sorting exercises
Paper prototypes
Academic papers on HCI
Researcher papers
Tools & Methods
Site map
Navigation & Labeling Systems
Flow diagrams
Conceptual Diagrams –
centralization of core issues
Wireframes
Taxonomy
Personas, Use Cases
Requirements Documentation
Functional Specifications
Common IA Deliverables
“Three Circles of Information Architecture”
CONTENT
USERS
CONTEXT
IA
*as defined by Louis Rosenfeld and Peter Morville
Information Architecture
is just one part of the whole
User Experience
IA
UX
UX recognizes that a good digital
service isn't just about functionality.
It’s about the way it does things.
It’s about how it makes people feel.
UX recognizes that a good digital
service isn't just about functionality.
Everything’s right where
I’d expect it to be!
How did I ever live my
life without this?!
The Difference Between
Great Information Architecture Great User Experience
User Experience promotes
rich, engaging interactions
between users and systems.
As we move from static and reactive to
predictive and proactive experiences, IA
and UX become increasingly critical.
Every digital tool or destination begins
with information architecture, from a
formal product to an informal
byproduct.
But is it only digital experiences that
should be predictive and proactive?
Or is the practice of IA + UX
changing our expectation
of how brands must interact
everywhere we go?
IA & UX: Where Great Design Journeys Begin

More Related Content

What's hot

Why User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalWhy User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline Digital
Centerline Digital
 

What's hot (20)

User Research 101
User Research 101User Research 101
User Research 101
 
Eye Tracking & Design
Eye Tracking & DesignEye Tracking & Design
Eye Tracking & Design
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
UX Career Path - Tips to Designing Your Own Path
UX Career Path - Tips to Designing Your Own PathUX Career Path - Tips to Designing Your Own Path
UX Career Path - Tips to Designing Your Own Path
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
Laws of UX: Experience as a Culture 4all
Laws of UX: Experience as a Culture 4allLaws of UX: Experience as a Culture 4all
Laws of UX: Experience as a Culture 4all
 
Lean UX
Lean UXLean UX
Lean UX
 
Introduction to UX Design
Introduction to UX DesignIntroduction to UX Design
Introduction to UX Design
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User Research
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
Why User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalWhy User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline Digital
 

Viewers also liked

Interfaces are Made of Words
Interfaces are Made of WordsInterfaces are Made of Words
Interfaces are Made of Words
Carl Collins
 
Study of Performance and Compensation at Infosys Ltd.
Study of Performance and Compensation at Infosys Ltd.Study of Performance and Compensation at Infosys Ltd.
Study of Performance and Compensation at Infosys Ltd.
Hitaishi Gupta
 
Chapter 13 Variable Pay and Executive Compensation
Chapter 13 Variable Pay and Executive CompensationChapter 13 Variable Pay and Executive Compensation
Chapter 13 Variable Pay and Executive Compensation
Rayman Soe
 

Viewers also liked (20)

Versioning schemes and branching models for Continuous Delivery - Continuous ...
Versioning schemes and branching models for Continuous Delivery - Continuous ...Versioning schemes and branching models for Continuous Delivery - Continuous ...
Versioning schemes and branching models for Continuous Delivery - Continuous ...
 
UX Of Touch - creating physical information architecture and user experience
UX Of Touch - creating physical information architecture and user experienceUX Of Touch - creating physical information architecture and user experience
UX Of Touch - creating physical information architecture and user experience
 
Test Automation
Test AutomationTest Automation
Test Automation
 
IA 7/ UX 1: IA? IxD? UX!
IA 7/ UX 1: IA? IxD? UX!IA 7/ UX 1: IA? IxD? UX!
IA 7/ UX 1: IA? IxD? UX!
 
From Continuous Integration to Continuous Delivery and DevOps
From Continuous Integration to Continuous Delivery and DevOpsFrom Continuous Integration to Continuous Delivery and DevOps
From Continuous Integration to Continuous Delivery and DevOps
 
Structure Matters - Information Architecture for UX & Conversions
Structure Matters - Information Architecture for UX & ConversionsStructure Matters - Information Architecture for UX & Conversions
Structure Matters - Information Architecture for UX & Conversions
 
Interfaces are Made of Words
Interfaces are Made of WordsInterfaces are Made of Words
Interfaces are Made of Words
 
UX in a Nutshell
UX in a NutshellUX in a Nutshell
UX in a Nutshell
 
Design process
Design processDesign process
Design process
 
Ux Research Portfolio
Ux Research PortfolioUx Research Portfolio
Ux Research Portfolio
 
Interaction Design (IxD) in the context of User Experience (UX)
Interaction Design (IxD) in the context of User Experience (UX)Interaction Design (IxD) in the context of User Experience (UX)
Interaction Design (IxD) in the context of User Experience (UX)
 
User Experience: the next step for IAs
User Experience: the next step for IAsUser Experience: the next step for IAs
User Experience: the next step for IAs
 
Information Architecture & UI Design
Information Architecture & UI DesignInformation Architecture & UI Design
Information Architecture & UI Design
 
How to Calculate Average First Reply Time
How to Calculate Average First Reply TimeHow to Calculate Average First Reply Time
How to Calculate Average First Reply Time
 
Study of Performance and Compensation at Infosys Ltd.
Study of Performance and Compensation at Infosys Ltd.Study of Performance and Compensation at Infosys Ltd.
Study of Performance and Compensation at Infosys Ltd.
 
What Is Customer Effort Score and How Do You Measure CES?
What Is Customer Effort Score and How Do You Measure CES?What Is Customer Effort Score and How Do You Measure CES?
What Is Customer Effort Score and How Do You Measure CES?
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information Architecture
 
Information Architecture Workshop
Information Architecture WorkshopInformation Architecture Workshop
Information Architecture Workshop
 
Chapter 13 Variable Pay and Executive Compensation
Chapter 13 Variable Pay and Executive CompensationChapter 13 Variable Pay and Executive Compensation
Chapter 13 Variable Pay and Executive Compensation
 
Personas Demystified 1.0
Personas Demystified 1.0Personas Demystified 1.0
Personas Demystified 1.0
 

Similar to IA & UX: Where Great Design Journeys Begin

User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation
Matt Artz
 
Information Architecture - introduction
Information Architecture - introduction Information Architecture - introduction
Information Architecture - introduction
Asis Panda
 
Information Architecture and User-friendly design
Information Architecture and User-friendly designInformation Architecture and User-friendly design
Information Architecture and User-friendly design
MayaLisa
 
Information Architecture Intro
Information Architecture IntroInformation Architecture Intro
Information Architecture Intro
hapy
 
Ux and seo
Ux and seoUx and seo
Ux and seo
Eva Jio
 

Similar to IA & UX: Where Great Design Journeys Begin (20)

Information Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in OrderInformation Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in Order
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
 
Intro to Information Architecture for Web Sites
Intro to Information Architecture for Web SitesIntro to Information Architecture for Web Sites
Intro to Information Architecture for Web Sites
 
Intro To Ia
Intro To IaIntro To Ia
Intro To Ia
 
User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation
 
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
 
Long Live Information Architecture
Long Live Information ArchitectureLong Live Information Architecture
Long Live Information Architecture
 
User Experience Design Initiation
User Experience Design InitiationUser Experience Design Initiation
User Experience Design Initiation
 
Information Architecture - introduction
Information Architecture - introduction Information Architecture - introduction
Information Architecture - introduction
 
2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final
 
What is IA?
What is IA?What is IA?
What is IA?
 
Developing an information architecture
Developing an information architectureDeveloping an information architecture
Developing an information architecture
 
Demystifying Information Architecture
Demystifying Information ArchitectureDemystifying Information Architecture
Demystifying Information Architecture
 
Information Architecture and User-friendly design
Information Architecture and User-friendly designInformation Architecture and User-friendly design
Information Architecture and User-friendly design
 
Information Architecture Intro
Information Architecture IntroInformation Architecture Intro
Information Architecture Intro
 
Ux and seo
Ux and seoUx and seo
Ux and seo
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User Experience
 
No Interface? No Problem: Applying HCD Agile to Data Projects (Righi)
No Interface? No Problem: Applying HCD Agile to Data Projects (Righi)No Interface? No Problem: Applying HCD Agile to Data Projects (Righi)
No Interface? No Problem: Applying HCD Agile to Data Projects (Righi)
 
Epochs Web 1 2 3 V3 0b
Epochs Web 1 2 3   V3 0bEpochs Web 1 2 3   V3 0b
Epochs Web 1 2 3 V3 0b
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15
 

More from FINE Design Group

More from FINE Design Group (7)

Beyond The Blue Suited Banker - The New Breed Of Financial Brands
Beyond The Blue Suited Banker - The New Breed Of Financial BrandsBeyond The Blue Suited Banker - The New Breed Of Financial Brands
Beyond The Blue Suited Banker - The New Breed Of Financial Brands
 
20 FINE Slides: The Future of Responsive Type On The Web
20 FINE Slides: The Future of Responsive Type On The Web20 FINE Slides: The Future of Responsive Type On The Web
20 FINE Slides: The Future of Responsive Type On The Web
 
The Foldless Web
The Foldless WebThe Foldless Web
The Foldless Web
 
The Applification of the Web
The Applification of the WebThe Applification of the Web
The Applification of the Web
 
20 FINE Slides: Hospitality
20 FINE Slides: Hospitality20 FINE Slides: Hospitality
20 FINE Slides: Hospitality
 
20 FINE Slides: Wine
20 FINE Slides: Wine20 FINE Slides: Wine
20 FINE Slides: Wine
 
Hello. We're FINE.
Hello. We're FINE.Hello. We're FINE.
Hello. We're FINE.
 

Recently uploaded

一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
joshuaclack73
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
Amil baba
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
Amil baba
 

Recently uploaded (20)

一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 

IA & UX: Where Great Design Journeys Begin

  • 1. 20 FINE Slides IA + UX Where Great Digital Brand Journeys Begin
  • 2. UX UCD IA IxD UI HCI User Experience Information Architecture Interaction Design User Interface User Centered Design Human Computer Interaction One Big Happy Family!
  • 3.
  • 4.
  • 5. Usability Navigation & Labeling Systems Content Organization Information Storage & Retrieval Things IAs Look At...
  • 6. IAs consciously organize content and flow based on principles derived through observation and evidence.
  • 7. Stakeholder interviews User interviews, Focus Groups/Listening Labs Site evaluations Competitive/ Comparative analysis Traffic analysis Audience analysis Time and task studies Surveys/Questionnaires Testing on real users Card sorting exercises Paper prototypes Academic papers on HCI Researcher papers Tools & Methods
  • 8. Site map Navigation & Labeling Systems Flow diagrams Conceptual Diagrams – centralization of core issues Wireframes Taxonomy Personas, Use Cases Requirements Documentation Functional Specifications Common IA Deliverables
  • 9. “Three Circles of Information Architecture” CONTENT USERS CONTEXT IA *as defined by Louis Rosenfeld and Peter Morville
  • 10. Information Architecture is just one part of the whole User Experience IA UX
  • 11. UX recognizes that a good digital service isn't just about functionality.
  • 12. It’s about the way it does things. It’s about how it makes people feel. UX recognizes that a good digital service isn't just about functionality.
  • 13. Everything’s right where I’d expect it to be! How did I ever live my life without this?! The Difference Between Great Information Architecture Great User Experience
  • 14. User Experience promotes rich, engaging interactions between users and systems.
  • 15.
  • 16. As we move from static and reactive to predictive and proactive experiences, IA and UX become increasingly critical.
  • 17. Every digital tool or destination begins with information architecture, from a formal product to an informal byproduct.
  • 18. But is it only digital experiences that should be predictive and proactive?
  • 19. Or is the practice of IA + UX changing our expectation of how brands must interact everywhere we go?