SlideShare a Scribd company logo
Global User Experience Planning and Architecture
Design Series
Architecting
Product
User Experience
Case:
Smartphone
www.novel-ebiz.com
An article or
substance that is
manufactured or
refined for users.
Definition of a Product
Architecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013
©
2©
All product designs are Human-
Centered following
Ergonomics
that take care of how
humans interact with
products.
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 3©
Product Structure/Design
Architecting User
Experience for Product
• Happiness/Joy
•
Satisfaction/Contentment
• Anger/Irritation
• Disappointment/
DissatisfactionSource: International Journal of Design
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 4©
Product Experience:
Human Factors
Architecting User
Experience for Product
• Motive
• Context
• Interaction
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 2©
Product Usage:
Human Factors
Architecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 6©
User Motive drives Context for Interaction
Source: International Journal of Design
Understanding User Context
How a product
relates to what user
needs
Architecting User
Experience for Product
5 User Experience factors…
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 7©
When, how and why
a product fits into
user’s workflow
Understanding User
Context
Architecting User
Experience for Product
1
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 8©
User Goals:
What are user expectations
from the product
2
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 9©
Understanding User
Context
Architecting User
Experience for Product
User domain knowledge:
What user needs to
know to use the product
3
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 10©
Understanding User
Context
Architecting User
Experience for Product
User tasks:
What tasks user needs
to perform for product
usage
4
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 11©
Understanding User
Context
Architecting User
Experience for Product
User mental model:
Product perceptions,
expectations and
what if/wish list
5
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 12©
Understanding User
Context
Architecting User
Experience for Product
Discovery of
user’s “What
if / Wish List”
drives ease of
use and
Product
innovations
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 13©
- A Methodology Model
Discovering User
Context
Architecting User
Experience for Product
Architecture
Smartphone user
experience is context
driven – use cases
and scenarios…
Note: A Smartphone is categorized as product for mobility combining hardware and
software integrated user experience that keeps user connected with information needs.
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 14©
User Experience: SmartphoneArchitecting User
Experience for Product
Architecture
Creating Human
Factors Metrics and
Use-case Logic
Smartphone Human Factors: User Context
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 15©
Architecting User
Experience for Product User Context and Use Cases
Smartphone
Expert User
User Actions
New User
User Actions
Goal
Striking a balance between User Groups
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 16©
User Context and User Flow
Architecting User
Experience for Product
Smartphone
Desired Experience
Persona - Expert
Smartphone Logic
Persona - New
Activate
Application
Display
Application
Helpline
System ResponseUser Actions
Activate App.
Get
Friends
Activate
Application
Display
List
Rules..
Link to
Application
Contact
Friends for help
Stored
Data
Link to
Helpline
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 17©
Architecting User
Experience for Product Persona Driven Drill-down
Smartphone – A Use Case Scenario
Author: Sushmita Dutt, Presentation dated: June
10, 2013
Architecture
Factors driving product
innovation
First Handheld
Smartphone
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 18©
Architecting User
Experience for Product Understanding the Product
Smartphone – Driven by generations of handheld
Handheld
User Experience
The hold
Natural
Scenarios Movement
Ease of Use
Delivering
Two Fingers
Thumbs
Human
Mechanical effort
Natural process
Motion
Swipe
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 19©
Architecting User
Experience for Product Understanding Ease of Use
Smartphone – User Experience Scenarios
Handheld
User Experience
Interface
OS
Scenarios
Guidelines
Operating System
Touch Swipe
Tap
Navigation
Single Screen
Application Structure
Single focus activity
Space
Data Views
Rules
Scroll Expand
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 20©
Architecting User
Experience for Product Understanding The Medium
Smartphone – User Experience Scenarios
Custom Design
Architecture
User
Constraints
Architecture
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 21©
Architecting User
Experience for Product Understanding Constraints
Smartphone – Environment
Experience
User Experience Architecture is
restricted to Mobile Operating
Systems defined guidelines –
the most common ones –
Android, iOS (free, open source)
and Windows Phone (closed
source, proprietary)
Architecture
Scopes
Architecture
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 ©
Architecting User
Experience for Product Understanding Scopes
Smartphone – Environment
Experience
User
Deliver consistent user
experience within defined
design guidelines
Deliver wireframes details
around user activities, tasks and
dependencies
Deliver segmented experience
for custom application
Architecture
User Experience
Pattern
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 ©
Architecting User
Experience for Product Understanding User Patterns
Smartphone – Scopes
Sample
Some Android standard gestures:
• Tap-and-hold (long press)
• One-finger drag 
• Two-finger tap
• Two-finger drag
• Two-finger pinch-zoom
• Three-finger drag
Architecture
YouTube
Pattern:
Fixed tabs
display
functional
areas
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 24©
Architecting User
Experience for Product Understanding User Patterns
Smartphone – Scopes
User Experience
Sample
Pattern
Architecture
Music Album
Pattern:
Allows
selection of
a song
and then
displays
user options
from a menu
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 25©
Architecting User
Experience for Product Understanding User Patterns
Smartphone – Scopes
User Experience
Sample
Pattern
Architecture
The purpose of User Experience Architecture for Products is to surface
communication options for enhanced user-centricity and ease of product use
Author: Sushmita Dutt
Consultant ,User Experience and Information Architecture
for Web, Mobile and Hybrid Technology Platforms
sushmitadutt@novel-ebiz.com
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 26©
Architecting User
Experience for Product The need for UX Architecture

More Related Content

PPT
User Experience Architecture - Product
PPT
User experirncearchitecture product
PPTX
Product - User Experience Architecture
PDF
Improving Your Website's UX - WordCamp Raleigh 2016
PPTX
Strategic mobile user experience
PPT
Circular motion
DOCX
Activitats 7
PDF
6 communication sample
User Experience Architecture - Product
User experirncearchitecture product
Product - User Experience Architecture
Improving Your Website's UX - WordCamp Raleigh 2016
Strategic mobile user experience
Circular motion
Activitats 7
6 communication sample

Viewers also liked (7)

PDF
Entrevista.
PDF
Divendres 17 2-12
PDF
1891915624.articulo ingles contb.ambiental
PPSX
Managerzone taktik-ornekmaclar
PPTX
Fe2 o3 [raud(iii)oksiid]
PPSX
MZ Assistantin Önemi
PPSX
Managerzone - Altyapi Yetistirme ve Altyapi Paketinin Onemi
Entrevista.
Divendres 17 2-12
1891915624.articulo ingles contb.ambiental
Managerzone taktik-ornekmaclar
Fe2 o3 [raud(iii)oksiid]
MZ Assistantin Önemi
Managerzone - Altyapi Yetistirme ve Altyapi Paketinin Onemi
Ad

Similar to User Experience Architecture - Product (20)

PDF
User Experience 2: Talk@Stabilo
PPTX
Multi Platform User Exerience
PDF
How to Pitch Your First AR Project
PDF
Mobile UX Design
PDF
Mobile UX Design
PDF
Mobile UX Design
PDF
Customer experience 2.0
PDF
Mobile User Experience - Inductive Design Process
PPT
PDF
User Experience Portfolio. Sushmita Dutt
PDF
User Experience
PDF
Experience Trends in 2017 by Joe Salowitz at MOMOGR January 2017
PPT
2009 Mux Florentstroppa Mobilecontext Small
PDF
What is User Experience?
PDF
Ux Meets Code Concepting
KEY
M3 conf
PPTX
Best Practices for Mobile UX
KEY
Mobile UX 101 @ Flash Camp Manchester
PDF
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
PDF
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
User Experience 2: Talk@Stabilo
Multi Platform User Exerience
How to Pitch Your First AR Project
Mobile UX Design
Mobile UX Design
Mobile UX Design
Customer experience 2.0
Mobile User Experience - Inductive Design Process
User Experience Portfolio. Sushmita Dutt
User Experience
Experience Trends in 2017 by Joe Salowitz at MOMOGR January 2017
2009 Mux Florentstroppa Mobilecontext Small
What is User Experience?
Ux Meets Code Concepting
M3 conf
Best Practices for Mobile UX
Mobile UX 101 @ Flash Camp Manchester
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Ad

More from Sushmita Dutt (9)

PDF
Client review-portfolio
PPTX
Digitally integrated wellness_ therapy_program
PPT
Interactive dashboard
PDF
User definition and user journey poc ux with marketing approach
PPTX
User Experience Research
PPTX
Mobile wallet user experience
PPTX
Exploring Digital landscape for Apple,Nike, Walmart UX
PPT
Connected Devices - Collaborative User Experience
PPT
User exparch product
Client review-portfolio
Digitally integrated wellness_ therapy_program
Interactive dashboard
User definition and user journey poc ux with marketing approach
User Experience Research
Mobile wallet user experience
Exploring Digital landscape for Apple,Nike, Walmart UX
Connected Devices - Collaborative User Experience
User exparch product

Recently uploaded (20)

PPTX
Benefits of Physical activity for teenagers.pptx
PDF
Getting started with AI Agents and Multi-Agent Systems
PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
CloudStack 4.21: First Look Webinar slides
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
STKI Israel Market Study 2025 version august
PPTX
Chapter 5: Probability Theory and Statistics
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PDF
A review of recent deep learning applications in wood surface defect identifi...
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
PPTX
The various Industrial Revolutions .pptx
PDF
Developing a website for English-speaking practice to English as a foreign la...
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
WOOl fibre morphology and structure.pdf for textiles
PPTX
Tartificialntelligence_presentation.pptx
Benefits of Physical activity for teenagers.pptx
Getting started with AI Agents and Multi-Agent Systems
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
A contest of sentiment analysis: k-nearest neighbor versus neural network
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Assigned Numbers - 2025 - Bluetooth® Document
CloudStack 4.21: First Look Webinar slides
Zenith AI: Advanced Artificial Intelligence
STKI Israel Market Study 2025 version august
Chapter 5: Probability Theory and Statistics
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
A review of recent deep learning applications in wood surface defect identifi...
Univ-Connecticut-ChatGPT-Presentaion.pdf
A comparative study of natural language inference in Swahili using monolingua...
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
The various Industrial Revolutions .pptx
Developing a website for English-speaking practice to English as a foreign la...
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
WOOl fibre morphology and structure.pdf for textiles
Tartificialntelligence_presentation.pptx

User Experience Architecture - Product

  • 1. Global User Experience Planning and Architecture Design Series Architecting Product User Experience Case: Smartphone www.novel-ebiz.com
  • 2. An article or substance that is manufactured or refined for users. Definition of a Product Architecting User Experience for Product Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 © 2©
  • 3. All product designs are Human- Centered following Ergonomics that take care of how humans interact with products. Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 3© Product Structure/Design Architecting User Experience for Product
  • 4. • Happiness/Joy • Satisfaction/Contentment • Anger/Irritation • Disappointment/ DissatisfactionSource: International Journal of Design Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 4© Product Experience: Human Factors Architecting User Experience for Product
  • 5. • Motive • Context • Interaction Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 2© Product Usage: Human Factors Architecting User Experience for Product
  • 6. Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 6© User Motive drives Context for Interaction Source: International Journal of Design
  • 7. Understanding User Context How a product relates to what user needs Architecting User Experience for Product 5 User Experience factors… Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 7©
  • 8. When, how and why a product fits into user’s workflow Understanding User Context Architecting User Experience for Product 1 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 8©
  • 9. User Goals: What are user expectations from the product 2 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 9© Understanding User Context Architecting User Experience for Product
  • 10. User domain knowledge: What user needs to know to use the product 3 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 10© Understanding User Context Architecting User Experience for Product
  • 11. User tasks: What tasks user needs to perform for product usage 4 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 11© Understanding User Context Architecting User Experience for Product
  • 12. User mental model: Product perceptions, expectations and what if/wish list 5 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 12© Understanding User Context Architecting User Experience for Product
  • 13. Discovery of user’s “What if / Wish List” drives ease of use and Product innovations Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 13© - A Methodology Model Discovering User Context Architecting User Experience for Product
  • 14. Architecture Smartphone user experience is context driven – use cases and scenarios… Note: A Smartphone is categorized as product for mobility combining hardware and software integrated user experience that keeps user connected with information needs. Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 14© User Experience: SmartphoneArchitecting User Experience for Product
  • 15. Architecture Creating Human Factors Metrics and Use-case Logic Smartphone Human Factors: User Context Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 15© Architecting User Experience for Product User Context and Use Cases Smartphone
  • 16. Expert User User Actions New User User Actions Goal Striking a balance between User Groups Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 16© User Context and User Flow Architecting User Experience for Product Smartphone
  • 17. Desired Experience Persona - Expert Smartphone Logic Persona - New Activate Application Display Application Helpline System ResponseUser Actions Activate App. Get Friends Activate Application Display List Rules.. Link to Application Contact Friends for help Stored Data Link to Helpline Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 17© Architecting User Experience for Product Persona Driven Drill-down Smartphone – A Use Case Scenario
  • 18. Author: Sushmita Dutt, Presentation dated: June 10, 2013 Architecture Factors driving product innovation First Handheld Smartphone Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 18© Architecting User Experience for Product Understanding the Product Smartphone – Driven by generations of handheld
  • 19. Handheld User Experience The hold Natural Scenarios Movement Ease of Use Delivering Two Fingers Thumbs Human Mechanical effort Natural process Motion Swipe Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 19© Architecting User Experience for Product Understanding Ease of Use Smartphone – User Experience Scenarios
  • 20. Handheld User Experience Interface OS Scenarios Guidelines Operating System Touch Swipe Tap Navigation Single Screen Application Structure Single focus activity Space Data Views Rules Scroll Expand Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 20© Architecting User Experience for Product Understanding The Medium Smartphone – User Experience Scenarios Custom Design
  • 21. Architecture User Constraints Architecture Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 21© Architecting User Experience for Product Understanding Constraints Smartphone – Environment Experience User Experience Architecture is restricted to Mobile Operating Systems defined guidelines – the most common ones – Android, iOS (free, open source) and Windows Phone (closed source, proprietary)
  • 22. Architecture Scopes Architecture Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 © Architecting User Experience for Product Understanding Scopes Smartphone – Environment Experience User Deliver consistent user experience within defined design guidelines Deliver wireframes details around user activities, tasks and dependencies Deliver segmented experience for custom application
  • 23. Architecture User Experience Pattern Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 © Architecting User Experience for Product Understanding User Patterns Smartphone – Scopes Sample Some Android standard gestures: • Tap-and-hold (long press) • One-finger drag  • Two-finger tap • Two-finger drag • Two-finger pinch-zoom • Three-finger drag
  • 24. Architecture YouTube Pattern: Fixed tabs display functional areas Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 24© Architecting User Experience for Product Understanding User Patterns Smartphone – Scopes User Experience Sample Pattern
  • 25. Architecture Music Album Pattern: Allows selection of a song and then displays user options from a menu Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 25© Architecting User Experience for Product Understanding User Patterns Smartphone – Scopes User Experience Sample Pattern
  • 26. Architecture The purpose of User Experience Architecture for Products is to surface communication options for enhanced user-centricity and ease of product use Author: Sushmita Dutt Consultant ,User Experience and Information Architecture for Web, Mobile and Hybrid Technology Platforms sushmitadutt@novel-ebiz.com Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 26© Architecting User Experience for Product The need for UX Architecture