SlideShare a Scribd company logo
MIRUM AGENCY 2014
by Joan Lumanauw | May, 2015
Session5:
INFORMATION ARCHITECTURE
INFORMATION
ARCHITECTURE?
Commonly known as IA, it is the art and
science of developing structures and
organization to present data & information
What is
MIRUM AGENCY 2014
UX
Usability
IA
The difference between
User Experience
Usability
Information Architecture
MIRUM AGENCY 2014
UX
Usability
IA
The difference between
How did I live without this before?
Usability
Information Architecture
MIRUM AGENCY 2014
UX
Usability
IA
The difference between
This product is easy to use
Information Architecture
User Experience
MIRUM AGENCY 2014
UX
Usability
IA
The difference between
Everything’s right where I’d expect it to be
User Experience
Usability
MIRUM AGENCY 2014
If UX is
the terrain
MIRUM AGENCY 2014
Then IA is
the map
Navigation
& Labeling
Right
Left
Information Storage
& Retrieval
Content
Organisation
3 Focus of IA
http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
MIRUM AGENCY 2014
THIS IS
YOUR WEBSITE
MIRUM AGENCY 2014
Navigation & Labeling
MIRUM AGENCY 2014
Navigation & Labeling
Living Room Kitchen
Dining Room
Bathroom
Playroom
1st floor
MIRUM AGENCY 2014
Navigation & Labeling
Parent’s Bedroom
Bathroom
Grandma’s Bedroom
2nd floor
Kid Bedroom #1
Kid Bedroom #2
MIRUM AGENCY 2014
Why did we put the living room in the middle?
Questions
Why is the kitchen near the dining room?
Why did we put the family bedrooms upstairs?
Why is the playroom downstairs?
MIRUM AGENCY 2014
But wait, grandma has a bad back, she can’t go up
and down the stairs all day along…
What are we to do?
MIRUM AGENCY 2014
Navigation & Labeling
Living Room Kitchen
Dining Room
Bathroom
1st floor
Grandma’s Room
MIRUM AGENCY 2014
Content Organisation
Living Room Kitchen
Dining Room
Bathroom
Grandma’s Room
Everything (now/future) has a place
•Sofa
•TV
•Coffee Table
•Shower
•Sink
•Toilet
•Bed
•Recliner
•Table
•Dining Table
•Chairs
•Napkins
•Stove
•Oven
•Cooking Utensils
•Spice Rack
MIRUM AGENCY 2014
Information Storage & Retrieval
Kitchen
Dining Room
•Dining Table
•Chairs
•Napkins
•Stove
•Oven
•Cooking Utensils
•Spice Rack
Where does eating utensils go?
MIRUM AGENCY 2014
How do we implement it?
Now that we understand the basic concept of IA
MIRUM AGENCY 2014
IA Output: Sitemap
MIRUM AGENCY 2014
IA Output: Sitemap
Navigation
Right
Left
Findability
Why do we need IA?
SEO
So users can find
your website
So users can find the
information they’re
looking for
So users know
where they are
http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
MIRUM AGENCY 2014
Information Scent
Findability
Is an analogy that compares how humans
seek information with animals seeking food.
• Refers to the extent to which users can predict
what’s ahead (in a link or in an article)
• Information scents includes titles and links that
helps visitors find what they are looking for
• Users will feel duped if they don’t get sufficient
payoff from going down a path
http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
MIRUM AGENCY 2014
It helps visitors know that your site is fertile hunting
grounds for the things they are looking for.
YOU’RE GETTING CLOSER
Information scent says to the user
Scientology
About
The Church
Book of
Scientology
Scientology
Beliefs
Church
History
Church
Hierarchy
Book of
Temptations
Book of
Prophets
Beliefs on
Marriage
Beliefs on
Paradise
http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
MIRUM AGENCY 2014
• Search engines index (scan) your site hierarchically
• Pages higher in the hierarchy are given more weight
• SEO also make note of silos of info and relationships
• Well architected site makes information more findable
Scientology
About
The Church
Book of
Scientology
Scientology
Beliefs
Church
History
Church
Hierarchy
Book of
Temptations
Book of
Prophets
Beliefs on
Marriage
Beliefs on
Paradise
Most Weight
Least Weight
IA impacts heavily on search engine’s view of your site
http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
MIRUM AGENCY 2014
• Help users know what’s available and find what they are looking for.
• Tell users where they are within the site
• Tell users how to use the site by quickly communicating features
• Give users a reference point
Sitemaps and Menus that reflect IA leads to greater findability
Use breadcrumbs let users
know where they are
Clear large title/heading
Active view on the menu item
VISUAL CUES
http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
MIRUM AGENCY 2014
ANY QUESTIONS?
MIRUM AGENCY 2014
In pairs, use the Lifebuoy FGD Report and
design a sitemap for the mobile app.
Exercise 4.1
INFORMATION
ARCHITECTURE

More Related Content

What's hot

UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
Dijup Tuladhar
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
Ravi Bhadauria
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
Ismail Norri
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Koombea
 
Introduction to Information Architecture
Introduction to Information ArchitectureIntroduction to Information Architecture
Introduction to Information Architecture
Mike Crabb
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
Joan Lumanauw
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
Jayan Narayanan
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
Jeremy Robinson
 
UX and UI
UX and UIUX and UI
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
Bruno Mendes
 
User Research 101
User Research 101User Research 101
User Research 101
Christina Wodtke
 
What is UX?
What is UX?What is UX?
What is UX?
David Carr
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
Digital Snack
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
Maksym Babych
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 
Information Architecture Deliverables
Information Architecture DeliverablesInformation Architecture Deliverables
Information Architecture Deliverables
Dushyant Kanungo
 
UX design
UX designUX design
UX design
Tanay Kumar
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
Ravi Bhadauria
 

What's hot (20)

UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
Introduction to Information Architecture
Introduction to Information ArchitectureIntroduction to Information Architecture
Introduction to Information Architecture
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
UX and UI
UX and UIUX and UI
UX and UI
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
User Research 101
User Research 101User Research 101
User Research 101
 
What is UX?
What is UX?What is UX?
What is UX?
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
Information Architecture Deliverables
Information Architecture DeliverablesInformation Architecture Deliverables
Information Architecture Deliverables
 
UX design
UX designUX design
UX design
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
 

Viewers also liked

UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
Joan Lumanauw
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User Research
Joan Lumanauw
 
UX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature AnalysisUX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature Analysis
Joan Lumanauw
 
Busting the Myth of Growth Hacking Magic
Busting the Myth of Growth Hacking MagicBusting the Myth of Growth Hacking Magic
Busting the Myth of Growth Hacking Magic
Sean Ellis
 
The effects of digital devices
The effects of digital devicesThe effects of digital devices
The effects of digital devices
Greg Dillon
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
Peter Rozek
 
Ravensbourne_Identity_Rules_20.05.16_LOWRES
Ravensbourne_Identity_Rules_20.05.16_LOWRESRavensbourne_Identity_Rules_20.05.16_LOWRES
Ravensbourne_Identity_Rules_20.05.16_LOWRES
Ashar Ehsan
 
Towards a positioning
Towards a positioningTowards a positioning
Towards a positioning
Greg Dillon
 
Go Rhino Brand Identity Guidelines 2015
Go Rhino Brand Identity Guidelines 2015Go Rhino Brand Identity Guidelines 2015
Go Rhino Brand Identity Guidelines 2015
Mark Wronski
 
Performance and UX
Performance and UXPerformance and UX
Performance and UX
Peter Rozek
 
Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)
Adam Nash
 
SXSW - Open Leadership
SXSW - Open LeadershipSXSW - Open Leadership
SXSW - Open Leadership
Charlene Li
 
201606 - GreatDrams INTRO - LinkedIn
201606 - GreatDrams INTRO - LinkedIn201606 - GreatDrams INTRO - LinkedIn
201606 - GreatDrams INTRO - LinkedIn
Greg Dillon
 
ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)
Shawn Calvert
 
UX Design And The Mind (UX Design + Persuasion)
UX  Design And The  Mind (UX Design + Persuasion)UX  Design And The  Mind (UX Design + Persuasion)
UX Design And The Mind (UX Design + Persuasion)
Robert Neal
 
Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML Prototyping
Peter Rozek
 
Branding & Brand Identity for Business: A Foundation for Success
Branding & Brand Identity for Business: A Foundation for SuccessBranding & Brand Identity for Business: A Foundation for Success
Branding & Brand Identity for Business: A Foundation for Success
Valentino Sanna
 
PHILIPS (Brand Identity Guide. v. 03/2008)
PHILIPS (Brand Identity Guide. v. 03/2008)PHILIPS (Brand Identity Guide. v. 03/2008)
PHILIPS (Brand Identity Guide. v. 03/2008)
Paco Barranco
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
Chris Pallé
 
The Digital Marketing Workshop SXSW 2014
The Digital Marketing Workshop SXSW 2014The Digital Marketing Workshop SXSW 2014
The Digital Marketing Workshop SXSW 2014
Blake Robinson
 

Viewers also liked (20)

UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
UX Lesson 2: User Research
UX Lesson 2: User ResearchUX Lesson 2: User Research
UX Lesson 2: User Research
 
UX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature AnalysisUX Lesson 4: Task & Feature Analysis
UX Lesson 4: Task & Feature Analysis
 
Busting the Myth of Growth Hacking Magic
Busting the Myth of Growth Hacking MagicBusting the Myth of Growth Hacking Magic
Busting the Myth of Growth Hacking Magic
 
The effects of digital devices
The effects of digital devicesThe effects of digital devices
The effects of digital devices
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
 
Ravensbourne_Identity_Rules_20.05.16_LOWRES
Ravensbourne_Identity_Rules_20.05.16_LOWRESRavensbourne_Identity_Rules_20.05.16_LOWRES
Ravensbourne_Identity_Rules_20.05.16_LOWRES
 
Towards a positioning
Towards a positioningTowards a positioning
Towards a positioning
 
Go Rhino Brand Identity Guidelines 2015
Go Rhino Brand Identity Guidelines 2015Go Rhino Brand Identity Guidelines 2015
Go Rhino Brand Identity Guidelines 2015
 
Performance and UX
Performance and UXPerformance and UX
Performance and UX
 
Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)
 
SXSW - Open Leadership
SXSW - Open LeadershipSXSW - Open Leadership
SXSW - Open Leadership
 
201606 - GreatDrams INTRO - LinkedIn
201606 - GreatDrams INTRO - LinkedIn201606 - GreatDrams INTRO - LinkedIn
201606 - GreatDrams INTRO - LinkedIn
 
ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)
 
UX Design And The Mind (UX Design + Persuasion)
UX  Design And The  Mind (UX Design + Persuasion)UX  Design And The  Mind (UX Design + Persuasion)
UX Design And The Mind (UX Design + Persuasion)
 
Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML Prototyping
 
Branding & Brand Identity for Business: A Foundation for Success
Branding & Brand Identity for Business: A Foundation for SuccessBranding & Brand Identity for Business: A Foundation for Success
Branding & Brand Identity for Business: A Foundation for Success
 
PHILIPS (Brand Identity Guide. v. 03/2008)
PHILIPS (Brand Identity Guide. v. 03/2008)PHILIPS (Brand Identity Guide. v. 03/2008)
PHILIPS (Brand Identity Guide. v. 03/2008)
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
 
The Digital Marketing Workshop SXSW 2014
The Digital Marketing Workshop SXSW 2014The Digital Marketing Workshop SXSW 2014
The Digital Marketing Workshop SXSW 2014
 

Similar to UX Lesson 5: Information Architecture

LOST PROFIT. Or: how much business loses because of mistakes in Information A...
LOST PROFIT. Or: how much business loses because of mistakes in Information A...LOST PROFIT. Or: how much business loses because of mistakes in Information A...
LOST PROFIT. Or: how much business loses because of mistakes in Information A...
Andriy Larchenko
 
Incentive Architecture 1224362486736986 8
Incentive Architecture 1224362486736986 8Incentive Architecture 1224362486736986 8
Incentive Architecture 1224362486736986 8
Marianne Sweeny
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information Architecture
Tejinder Singh
 
Sundara (Case Study)
Sundara (Case Study)Sundara (Case Study)
Sundara (Case Study)
Kim Liu
 
Information Architecture: Core Concepts and Best Practices
Information Architecture: Core Concepts and Best PracticesInformation Architecture: Core Concepts and Best Practices
Information Architecture: Core Concepts and Best Practices
Francis Zablocki
 
User Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX ProcessUser Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX Process
Mary Fran Wiley
 
Social Networking In Extension
Social Networking In ExtensionSocial Networking In Extension
Social Networking In Extension
Dwayne Hunter
 
Gcsv 2011 stepping into social media-andrew hoffman
Gcsv 2011 stepping into social media-andrew hoffmanGcsv 2011 stepping into social media-andrew hoffman
Gcsv 2011 stepping into social media-andrew hoffman
Serve Indiana
 
foursquare presentation
foursquare presentationfoursquare presentation
foursquare presentation
Maryam555
 
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
Jackie Burhans
 
Structure Matters - Information Architecture for SEO and UX
Structure Matters - Information Architecture for SEO and UXStructure Matters - Information Architecture for SEO and UX
Structure Matters - Information Architecture for SEO and UX
Ascedia
 
The UX Disciplines
The UX DisciplinesThe UX Disciplines
The UX Disciplines
Nick Finck
 
What are the FAIR data principles?
What are the FAIR data principles?What are the FAIR data principles?
What are the FAIR data principles?
University of Liverpool Library
 
UI / UX Engineering for Web Applications
UI / UX Engineering for Web ApplicationsUI / UX Engineering for Web Applications
UI / UX Engineering for Web Applications
Reggie Niccolo Santos
 
Introducing Information Coalition
Introducing Information CoalitionIntroducing Information Coalition
Introducing Information Coalition
Nick Inglis
 
'Box Lunch: UX and Analytics
'Box Lunch: UX and Analytics'Box Lunch: UX and Analytics
'Box Lunch: UX and Analytics
SmallBox
 
HOW TO PROVIDE USEFUL INFORMATION IN A USER-CENTERED INTRANET SITE
HOW TO PROVIDE USEFUL INFORMATION IN A USER-CENTERED INTRANET SITEHOW TO PROVIDE USEFUL INFORMATION IN A USER-CENTERED INTRANET SITE
HOW TO PROVIDE USEFUL INFORMATION IN A USER-CENTERED INTRANET SITE
Hsiu-Tan Hsiao
 
Information Architecture and the Distributed User Experience
Information Architecture and the Distributed User ExperienceInformation Architecture and the Distributed User Experience
Information Architecture and the Distributed User Experience
Jason Ryan
 
Actionable Data-Driven Personas for CRO
Actionable Data-Driven Personas for CROActionable Data-Driven Personas for CRO
Actionable Data-Driven Personas for CRO
Michael King
 
The Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
The Importance of Analyzing Your Audience in Strategic Nonprofit Web DesignThe Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
The Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
guidecreative
 

Similar to UX Lesson 5: Information Architecture (20)

LOST PROFIT. Or: how much business loses because of mistakes in Information A...
LOST PROFIT. Or: how much business loses because of mistakes in Information A...LOST PROFIT. Or: how much business loses because of mistakes in Information A...
LOST PROFIT. Or: how much business loses because of mistakes in Information A...
 
Incentive Architecture 1224362486736986 8
Incentive Architecture 1224362486736986 8Incentive Architecture 1224362486736986 8
Incentive Architecture 1224362486736986 8
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information Architecture
 
Sundara (Case Study)
Sundara (Case Study)Sundara (Case Study)
Sundara (Case Study)
 
Information Architecture: Core Concepts and Best Practices
Information Architecture: Core Concepts and Best PracticesInformation Architecture: Core Concepts and Best Practices
Information Architecture: Core Concepts and Best Practices
 
User Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX ProcessUser Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX Process
 
Social Networking In Extension
Social Networking In ExtensionSocial Networking In Extension
Social Networking In Extension
 
Gcsv 2011 stepping into social media-andrew hoffman
Gcsv 2011 stepping into social media-andrew hoffmanGcsv 2011 stepping into social media-andrew hoffman
Gcsv 2011 stepping into social media-andrew hoffman
 
foursquare presentation
foursquare presentationfoursquare presentation
foursquare presentation
 
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
 
Structure Matters - Information Architecture for SEO and UX
Structure Matters - Information Architecture for SEO and UXStructure Matters - Information Architecture for SEO and UX
Structure Matters - Information Architecture for SEO and UX
 
The UX Disciplines
The UX DisciplinesThe UX Disciplines
The UX Disciplines
 
What are the FAIR data principles?
What are the FAIR data principles?What are the FAIR data principles?
What are the FAIR data principles?
 
UI / UX Engineering for Web Applications
UI / UX Engineering for Web ApplicationsUI / UX Engineering for Web Applications
UI / UX Engineering for Web Applications
 
Introducing Information Coalition
Introducing Information CoalitionIntroducing Information Coalition
Introducing Information Coalition
 
'Box Lunch: UX and Analytics
'Box Lunch: UX and Analytics'Box Lunch: UX and Analytics
'Box Lunch: UX and Analytics
 
HOW TO PROVIDE USEFUL INFORMATION IN A USER-CENTERED INTRANET SITE
HOW TO PROVIDE USEFUL INFORMATION IN A USER-CENTERED INTRANET SITEHOW TO PROVIDE USEFUL INFORMATION IN A USER-CENTERED INTRANET SITE
HOW TO PROVIDE USEFUL INFORMATION IN A USER-CENTERED INTRANET SITE
 
Information Architecture and the Distributed User Experience
Information Architecture and the Distributed User ExperienceInformation Architecture and the Distributed User Experience
Information Architecture and the Distributed User Experience
 
Actionable Data-Driven Personas for CRO
Actionable Data-Driven Personas for CROActionable Data-Driven Personas for CRO
Actionable Data-Driven Personas for CRO
 
The Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
The Importance of Analyzing Your Audience in Strategic Nonprofit Web DesignThe Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
The Importance of Analyzing Your Audience in Strategic Nonprofit Web Design
 

Recently uploaded

一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
stgq9v39
 
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
kohd1ci2
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
02tygie
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
i990go7o
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
t34zod9l
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
GregMichaelTapawan
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
ynrtjotp
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
bz42w9z0
 
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
xnhwr8v
 
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
etls06p8
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
kmzsy4kn
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
zv943dhb
 

Recently uploaded (20)

一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
 
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
 
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
 
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
 

UX Lesson 5: Information Architecture

  • 1. MIRUM AGENCY 2014 by Joan Lumanauw | May, 2015 Session5: INFORMATION ARCHITECTURE
  • 2. INFORMATION ARCHITECTURE? Commonly known as IA, it is the art and science of developing structures and organization to present data & information What is
  • 3. MIRUM AGENCY 2014 UX Usability IA The difference between User Experience Usability Information Architecture
  • 4. MIRUM AGENCY 2014 UX Usability IA The difference between How did I live without this before? Usability Information Architecture
  • 5. MIRUM AGENCY 2014 UX Usability IA The difference between This product is easy to use Information Architecture User Experience
  • 6. MIRUM AGENCY 2014 UX Usability IA The difference between Everything’s right where I’d expect it to be User Experience Usability
  • 7. MIRUM AGENCY 2014 If UX is the terrain
  • 8. MIRUM AGENCY 2014 Then IA is the map
  • 9. Navigation & Labeling Right Left Information Storage & Retrieval Content Organisation 3 Focus of IA http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
  • 10. MIRUM AGENCY 2014 THIS IS YOUR WEBSITE
  • 12. MIRUM AGENCY 2014 Navigation & Labeling Living Room Kitchen Dining Room Bathroom Playroom 1st floor
  • 13. MIRUM AGENCY 2014 Navigation & Labeling Parent’s Bedroom Bathroom Grandma’s Bedroom 2nd floor Kid Bedroom #1 Kid Bedroom #2
  • 14. MIRUM AGENCY 2014 Why did we put the living room in the middle? Questions Why is the kitchen near the dining room? Why did we put the family bedrooms upstairs? Why is the playroom downstairs?
  • 15. MIRUM AGENCY 2014 But wait, grandma has a bad back, she can’t go up and down the stairs all day along… What are we to do?
  • 16. MIRUM AGENCY 2014 Navigation & Labeling Living Room Kitchen Dining Room Bathroom 1st floor Grandma’s Room
  • 17. MIRUM AGENCY 2014 Content Organisation Living Room Kitchen Dining Room Bathroom Grandma’s Room Everything (now/future) has a place •Sofa •TV •Coffee Table •Shower •Sink •Toilet •Bed •Recliner •Table •Dining Table •Chairs •Napkins •Stove •Oven •Cooking Utensils •Spice Rack
  • 18. MIRUM AGENCY 2014 Information Storage & Retrieval Kitchen Dining Room •Dining Table •Chairs •Napkins •Stove •Oven •Cooking Utensils •Spice Rack Where does eating utensils go?
  • 19. MIRUM AGENCY 2014 How do we implement it? Now that we understand the basic concept of IA
  • 20. MIRUM AGENCY 2014 IA Output: Sitemap
  • 21. MIRUM AGENCY 2014 IA Output: Sitemap
  • 22. Navigation Right Left Findability Why do we need IA? SEO So users can find your website So users can find the information they’re looking for So users know where they are http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
  • 23. MIRUM AGENCY 2014 Information Scent Findability Is an analogy that compares how humans seek information with animals seeking food. • Refers to the extent to which users can predict what’s ahead (in a link or in an article) • Information scents includes titles and links that helps visitors find what they are looking for • Users will feel duped if they don’t get sufficient payoff from going down a path http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
  • 24. MIRUM AGENCY 2014 It helps visitors know that your site is fertile hunting grounds for the things they are looking for. YOU’RE GETTING CLOSER Information scent says to the user Scientology About The Church Book of Scientology Scientology Beliefs Church History Church Hierarchy Book of Temptations Book of Prophets Beliefs on Marriage Beliefs on Paradise http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
  • 25. MIRUM AGENCY 2014 • Search engines index (scan) your site hierarchically • Pages higher in the hierarchy are given more weight • SEO also make note of silos of info and relationships • Well architected site makes information more findable Scientology About The Church Book of Scientology Scientology Beliefs Church History Church Hierarchy Book of Temptations Book of Prophets Beliefs on Marriage Beliefs on Paradise Most Weight Least Weight IA impacts heavily on search engine’s view of your site http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
  • 26. MIRUM AGENCY 2014 • Help users know what’s available and find what they are looking for. • Tell users where they are within the site • Tell users how to use the site by quickly communicating features • Give users a reference point Sitemaps and Menus that reflect IA leads to greater findability Use breadcrumbs let users know where they are Clear large title/heading Active view on the menu item VISUAL CUES http://www.slideshare.net/jrs76/what-is-information-architecture-and-how-can-it-help-my-website?related=1
  • 27. MIRUM AGENCY 2014 ANY QUESTIONS?
  • 28. MIRUM AGENCY 2014 In pairs, use the Lifebuoy FGD Report and design a sitemap for the mobile app. Exercise 4.1 INFORMATION ARCHITECTURE