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©
Architecting User
Experience for Product Product Usage: Human Factors
• 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
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©
Understanding User Context
When, how and why
a product fits into
user’s workflow
Architecting User
Experience for Product
1
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 8©
Understanding User Context
User Goals:
What are user expectations
from the product
2
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 9©
Architecting User
Experience for Product Understanding User Context
User domain knowledge:
What user needs to
know to use the product
3
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 10©
Architecting User
Experience for Product Understanding User Context
User tasks:
What tasks user needs
to perform for product
usage
4
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 11©
Architecting User
Experience for Product Understanding User Context
User mental model:
Product perceptions,
expectations and
what if/wish list
5
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 12©
Architecting User
Experience for Product Understanding User Context
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©
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: Smartphone
Architecting 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 – User discoveries
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 exparch product
PPTX
Strategic global user experience
PPTX
Strategic global user experience
PDF
Improving Your Website's UX - WordCamp Raleigh 2016
PPTX
Strategic mobile user experience
PPT
User Experience Architecture - Product
PPTX
Product - User Experience Architecture
User Experience Architecture - Product
User exparch product
Strategic global user experience
Strategic global user experience
Improving Your Website's UX - WordCamp Raleigh 2016
Strategic mobile user experience
User Experience Architecture - Product
Product - User Experience Architecture

Similar to User experirncearchitecture product (20)

PPTX
Costech mobile bootcamp 2
DOCX
Embry-Riddle Campus Solutions UX Design
PDF
UIUX-Crafting-Seamless-Digital-Experiences (1).pdf
PPTX
UI UX Process for SaaS Product Design Success
PPTX
Shallow Dive in Univarsal usability and its need
PDF
UI DESIGN.pdf
PPTX
LVL1/LDA Android Workshop Intro
PDF
Formalizing the Technical Communication and User Experience Relationship (STC...
PPTX
Aditya Kumar Verma_18352002_Universal Usibility
PPTX
User Interface Analysis and Design
PDF
PDF
SMARCOS_Paper_Mobile hci12 246
PDF
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
PPT
User Experience presentation
PPTX
UI & UX Engineering
PPTX
Introduction to Intrection design UX UI.
PDF
What is User Centered Design?
PDF
Custom UI/UX Design Services
PPTX
Guidelines for Android application design.pptx
PPTX
Ux Overview
Costech mobile bootcamp 2
Embry-Riddle Campus Solutions UX Design
UIUX-Crafting-Seamless-Digital-Experiences (1).pdf
UI UX Process for SaaS Product Design Success
Shallow Dive in Univarsal usability and its need
UI DESIGN.pdf
LVL1/LDA Android Workshop Intro
Formalizing the Technical Communication and User Experience Relationship (STC...
Aditya Kumar Verma_18352002_Universal Usibility
User Interface Analysis and Design
SMARCOS_Paper_Mobile hci12 246
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
User Experience presentation
UI & UX Engineering
Introduction to Intrection design UX UI.
What is User Centered Design?
Custom UI/UX Design Services
Guidelines for Android application design.pptx
Ux Overview
Ad

More from Sushmita Dutt (9)

PDF
User Experience Portfolio. Sushmita Dutt
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
User Experience Portfolio. Sushmita Dutt
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
Ad

Recently uploaded (20)

PDF
Getting started with AI Agents and Multi-Agent Systems
PDF
WOOl fibre morphology and structure.pdf for textiles
PPT
Module 1.ppt Iot fundamentals and Architecture
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
DP Operators-handbook-extract for the Mautical Institute
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
1 - Historical Antecedents, Social Consideration.pdf
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
A novel scalable deep ensemble learning framework for big data classification...
PPTX
observCloud-Native Containerability and monitoring.pptx
PDF
Five Habits of High-Impact Board Members
PPTX
Tartificialntelligence_presentation.pptx
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
CloudStack 4.21: First Look Webinar slides
PPTX
Chapter 5: Probability Theory and Statistics
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PDF
Taming the Chaos: How to Turn Unstructured Data into Decisions
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
Getting started with AI Agents and Multi-Agent Systems
WOOl fibre morphology and structure.pdf for textiles
Module 1.ppt Iot fundamentals and Architecture
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Group 1 Presentation -Planning and Decision Making .pptx
DP Operators-handbook-extract for the Mautical Institute
Enhancing emotion recognition model for a student engagement use case through...
1 - Historical Antecedents, Social Consideration.pdf
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
A novel scalable deep ensemble learning framework for big data classification...
observCloud-Native Containerability and monitoring.pptx
Five Habits of High-Impact Board Members
Tartificialntelligence_presentation.pptx
Zenith AI: Advanced Artificial Intelligence
CloudStack 4.21: First Look Webinar slides
Chapter 5: Probability Theory and Statistics
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
Taming the Chaos: How to Turn Unstructured Data into Decisions
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor

User experirncearchitecture 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© Architecting User Experience for Product Product Usage: Human Factors
  • 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. 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© Understanding User Context
  • 8. When, how and why a product fits into user’s workflow Architecting User Experience for Product 1 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 8© Understanding User Context
  • 9. User Goals: What are user expectations from the product 2 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 9© Architecting User Experience for Product Understanding User Context
  • 10. User domain knowledge: What user needs to know to use the product 3 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 10© Architecting User Experience for Product Understanding User Context
  • 11. User tasks: What tasks user needs to perform for product usage 4 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 11© Architecting User Experience for Product Understanding User Context
  • 12. User mental model: Product perceptions, expectations and what if/wish list 5 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 12© Architecting User Experience for Product Understanding User Context
  • 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© 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: Smartphone Architecting 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 – User discoveries
  • 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