SlideShare a Scribd company logo
1 of 26
Download to read offline
Architecting
Product
User Experience
Case: Smartphone
User
Experience for
Product
Case:
Smartphone
www.novel-ebiz.com
Strategic Global User Experience Architecture and Design Series
Definition of a Product
Architecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013
©
2©
An article or
substance that is
manufactured or
refined for users
Product Structure/Design
All product designs are Human-
Centered following
Ergonomics
that take care of how
humans interact with
products
Architecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 3©
Product Experience: Human Factors
• Happiness/Joy
• Satisfaction/Contentment
• Anger/Irritation
• Disappointment/
Dissatisfaction
Source: International Journal of Design
Architecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 4©
Product Usage: Human Factors
• Motive
• Context
• Interaction
Architecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 2©
User Motive drives Context for Interaction
Source: International Journal of Design
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 6©
Understanding User Context
Human/Product
Relationship -
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
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 8©
1. User’s Workflow
Understanding User Context
Architecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 9©
What are user
expectations from the
product
2. User’s Goals
Understanding User Context
Architecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 10©
What users need to
know to use the product
3. User’s Domain
knowledge
4. User’s tasks
What tasks users need
to perform to use the
product
Understanding User Context
Architecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 11©
5. User’s mental model
Product perceptions,
expectations and
user’s what if/wish list
Understanding User Context
Architecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 12©
- A Methodology Model
Discovering User ContextArchitecting User
Experience for Product
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 13©
Discovery of
user’s “What
if/Wish List”
drives ease of
use and
product
innovations
User Experience: SmartphoneArchitecting User
Experience for Product
Architecture
Smartphone user
experience is context
driven – use cases and
scenarios…
Note: A Smartphone is categorized as a 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©
Architecting User
Experience for Product
Architecture
User Context and Use Cases
Creating Human
Factors Metrics and
Use-case Logic
Smartphone
Smartphone Human Factors: User Context
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 15©
Expert User
User Actions
New User
User Actions
Goal
Striking a balance between User Groups
User Context and User Flow
Architecting User
Experience for Product
Smartphone
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 16©
Architecting User
Experience for Product Persona Driven Drill-down
Smartphone – A Use Case Scenario
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©
Author: Sushmita Dutt, Presentation dated: June
10, 2013
Architecture
Architecting User
Experience for Product Understanding the Product
Smartphone – Driven by generations of handheld
Factors driving product innovation Useful
Usable
Desirable
First Handheld
Smartphone
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 18©
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 Custom Design
Scroll Expand
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 20©
Architecting User
Experience for Product Understanding The Medium
Smartphone – User Experience Scenarios
Architecture
User Experience
Constraints
Architecture
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 21©
Architecting User
Experience for Product Understanding Constraints
Smartphone – Environment
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
User Experience
Scopes
Architecture
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 © 21
Architecting User
Experience for Product Understanding Scopes
Smartphone – Environment
• Deliver consistent user
• Deliver wireframes details
around user activities,
experience within defined
design standards
Deliver Custom Application
Structures based on
content and UI patterns
•
tasks, views, dependencies
Architecture
User Experience
Pattern
Sample
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 © 22
Architecting User
Experience for Product Understanding User Patterns
Smartphone – Scopes
Android patterns for gestures:
• Tap-and-hold (long press)
• One-finger drag
• Two-finger tap
• Two-finger drag
• Two-finger pinch-zoom
• Three-finger drag
Architecture
User Experience
Pattern
Sample
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 24©
Architecting User
Experience for Product Understanding User Patterns
Smartphone – Scopes
YouTube
Pattern:
Fixed tabs
to display
functional
areas
Architecture
User Experience
Pattern
Sample
Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 25©
Architecting User
Experience for Product Understanding User Patterns
Smartphone – Scopes
Music Album
Pattern:
Allows
selection of
a song
and then
displays
user options
over a menu
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

What's hot

Open-RnD UX/UI Design
Open-RnD UX/UI DesignOpen-RnD UX/UI Design
Open-RnD UX/UI DesignOpen-RnD
 
User Experience Design & Paper Prototyping
User Experience Design & Paper PrototypingUser Experience Design & Paper Prototyping
User Experience Design & Paper PrototypingIlona Posner
 
Evaluating Interactive User-Centered Mobile Application with 3D Features
Evaluating Interactive User-Centered Mobile Application with 3D FeaturesEvaluating Interactive User-Centered Mobile Application with 3D Features
Evaluating Interactive User-Centered Mobile Application with 3D FeaturesWenzhuo Duan
 
User Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesUser Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesIRJET Journal
 
2nd Annual International UX Awards, May 2012
2nd Annual International UX Awards, May 20122nd Annual International UX Awards, May 2012
2nd Annual International UX Awards, May 2012Oxford Tech + UX
 
Sogeti - Android tech track presentation - 24 february 2011
Sogeti - Android tech track presentation - 24 february 2011Sogeti - Android tech track presentation - 24 february 2011
Sogeti - Android tech track presentation - 24 february 2011Kenneth van Rumste
 
Cross Platform Development Using Flutter
Cross Platform Development Using FlutterCross Platform Development Using Flutter
Cross Platform Development Using Fluttervivatechijri
 
Rachit ux portfolio (1)
Rachit ux portfolio (1)Rachit ux portfolio (1)
Rachit ux portfolio (1)PoojaSawant68
 
Mobile Convention Amsterdam - mobtzu - Jerry Lieveld
Mobile Convention Amsterdam - mobtzu - Jerry LieveldMobile Convention Amsterdam - mobtzu - Jerry Lieveld
Mobile Convention Amsterdam - mobtzu - Jerry LieveldMobileConventionAmsterdam
 
The mobile opportunity: what every business leader needs to know
The mobile opportunity: what every business leader needs to knowThe mobile opportunity: what every business leader needs to know
The mobile opportunity: what every business leader needs to knowRobosoft Technologies
 
My Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android DesignMy Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android DesignShyamala Prayaga
 
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 DesignKoombea
 
Session 9-10 - UI/UX design for iOS 7 application
Session 9-10 - UI/UX design for iOS 7 applicationSession 9-10 - UI/UX design for iOS 7 application
Session 9-10 - UI/UX design for iOS 7 applicationVu Tran Lam
 
Bringing mobile apps to market faster using rapid application prototyping
Bringing mobile apps to market faster using rapid application prototypingBringing mobile apps to market faster using rapid application prototyping
Bringing mobile apps to market faster using rapid application prototypingPidoco
 
Creating a compelling mobile user experience
Creating a compelling mobile user experienceCreating a compelling mobile user experience
Creating a compelling mobile user experienceIBM Software India
 
Hitting a moving target: achieving mobile inclusion
Hitting a moving target: achieving mobile inclusionHitting a moving target: achieving mobile inclusion
Hitting a moving target: achieving mobile inclusionJon Gibbins
 
Self-Organized, Autonomous UX | SoCal UX Camp | May 31, 2014
Self-Organized, Autonomous UX  |  SoCal UX Camp  |  May 31, 2014Self-Organized, Autonomous UX  |  SoCal UX Camp  |  May 31, 2014
Self-Organized, Autonomous UX | SoCal UX Camp | May 31, 2014Jaimi Kercher
 

What's hot (20)

Open-RnD UX/UI Design
Open-RnD UX/UI DesignOpen-RnD UX/UI Design
Open-RnD UX/UI Design
 
User Experience Design & Paper Prototyping
User Experience Design & Paper PrototypingUser Experience Design & Paper Prototyping
User Experience Design & Paper Prototyping
 
Evaluating Interactive User-Centered Mobile Application with 3D Features
Evaluating Interactive User-Centered Mobile Application with 3D FeaturesEvaluating Interactive User-Centered Mobile Application with 3D Features
Evaluating Interactive User-Centered Mobile Application with 3D Features
 
User Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesUser Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile Devices
 
2nd Annual International UX Awards, May 2012
2nd Annual International UX Awards, May 20122nd Annual International UX Awards, May 2012
2nd Annual International UX Awards, May 2012
 
Sogeti - Android tech track presentation - 24 february 2011
Sogeti - Android tech track presentation - 24 february 2011Sogeti - Android tech track presentation - 24 february 2011
Sogeti - Android tech track presentation - 24 february 2011
 
Cross Platform Development Using Flutter
Cross Platform Development Using FlutterCross Platform Development Using Flutter
Cross Platform Development Using Flutter
 
Rachit ux portfolio (1)
Rachit ux portfolio (1)Rachit ux portfolio (1)
Rachit ux portfolio (1)
 
Mobile Convention Amsterdam - mobtzu - Jerry Lieveld
Mobile Convention Amsterdam - mobtzu - Jerry LieveldMobile Convention Amsterdam - mobtzu - Jerry Lieveld
Mobile Convention Amsterdam - mobtzu - Jerry Lieveld
 
The mobile opportunity: what every business leader needs to know
The mobile opportunity: what every business leader needs to knowThe mobile opportunity: what every business leader needs to know
The mobile opportunity: what every business leader needs to know
 
My Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android DesignMy Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android Design
 
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
 
Session 9-10 - UI/UX design for iOS 7 application
Session 9-10 - UI/UX design for iOS 7 applicationSession 9-10 - UI/UX design for iOS 7 application
Session 9-10 - UI/UX design for iOS 7 application
 
Elements of User Experience by Jesse James Garrett
Elements of User Experience by Jesse James GarrettElements of User Experience by Jesse James Garrett
Elements of User Experience by Jesse James Garrett
 
Bringing mobile apps to market faster using rapid application prototyping
Bringing mobile apps to market faster using rapid application prototypingBringing mobile apps to market faster using rapid application prototyping
Bringing mobile apps to market faster using rapid application prototyping
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Android Design
Android DesignAndroid Design
Android Design
 
Creating a compelling mobile user experience
Creating a compelling mobile user experienceCreating a compelling mobile user experience
Creating a compelling mobile user experience
 
Hitting a moving target: achieving mobile inclusion
Hitting a moving target: achieving mobile inclusionHitting a moving target: achieving mobile inclusion
Hitting a moving target: achieving mobile inclusion
 
Self-Organized, Autonomous UX | SoCal UX Camp | May 31, 2014
Self-Organized, Autonomous UX  |  SoCal UX Camp  |  May 31, 2014Self-Organized, Autonomous UX  |  SoCal UX Camp  |  May 31, 2014
Self-Organized, Autonomous UX | SoCal UX Camp | May 31, 2014
 

Similar to Architecting UX for Smartphones

User exparch product
User exparch productUser exparch product
User exparch productSushmita Dutt
 
User Experience Architecture - Product
User Experience Architecture - ProductUser Experience Architecture - Product
User Experience Architecture - ProductSushmita Dutt
 
User Experience Architecture - Product
User Experience Architecture - ProductUser Experience Architecture - Product
User Experience Architecture - ProductSushmita Dutt
 
User experirncearchitecture product
User experirncearchitecture productUser experirncearchitecture product
User experirncearchitecture productSushmita Dutt
 
Costech mobile bootcamp 2
Costech mobile bootcamp 2Costech mobile bootcamp 2
Costech mobile bootcamp 2Denis Minja
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design paulodavila
 
UI DESIGN.pdf
UI DESIGN.pdfUI DESIGN.pdf
UI DESIGN.pdf216310018
 
Formalizing the Technical Communication and User Experience Relationship (STC...
Formalizing the Technical Communication and User Experience Relationship (STC...Formalizing the Technical Communication and User Experience Relationship (STC...
Formalizing the Technical Communication and User Experience Relationship (STC...Lori Fisher
 
Shallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its needShallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its needNasimul Gani
 
Custom UI/UX Design Services
Custom UI/UX Design ServicesCustom UI/UX Design Services
Custom UI/UX Design ServicesChetu
 
_How Interaction Design Enhances Web and Mobile Experiences.pptx
_How Interaction Design Enhances Web and Mobile Experiences.pptx_How Interaction Design Enhances Web and Mobile Experiences.pptx
_How Interaction Design Enhances Web and Mobile Experiences.pptxUIUXSTUDIO1
 
LVL1/LDA Android Workshop Intro
LVL1/LDA Android Workshop IntroLVL1/LDA Android Workshop Intro
LVL1/LDA Android Workshop IntroJason Loehr
 
5 Best Prototyping Tools for Mobile Apps in 2023
5 Best Prototyping Tools for Mobile Apps in 20235 Best Prototyping Tools for Mobile Apps in 2023
5 Best Prototyping Tools for Mobile Apps in 2023Baek Yongsun
 
Aditya Kumar Verma_18352002_Universal Usibility
Aditya Kumar Verma_18352002_Universal UsibilityAditya Kumar Verma_18352002_Universal Usibility
Aditya Kumar Verma_18352002_Universal UsibilityAdityaKumarVerma11
 
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)Samir Dash
 
Ux Overview
Ux OverviewUx Overview
Ux Overviewmbrosset
 

Similar to Architecting UX for Smartphones (20)

User exparch product
User exparch productUser exparch product
User exparch product
 
User Experience Architecture - Product
User Experience Architecture - ProductUser Experience Architecture - Product
User Experience Architecture - Product
 
User Experience Architecture - Product
User Experience Architecture - ProductUser Experience Architecture - Product
User Experience Architecture - Product
 
User experirncearchitecture product
User experirncearchitecture productUser experirncearchitecture product
User experirncearchitecture product
 
Costech mobile bootcamp 2
Costech mobile bootcamp 2Costech mobile bootcamp 2
Costech mobile bootcamp 2
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design
 
UI DESIGN.pdf
UI DESIGN.pdfUI DESIGN.pdf
UI DESIGN.pdf
 
UI_UX Design Process_ A Comprehensive Overview
UI_UX Design Process_ A Comprehensive OverviewUI_UX Design Process_ A Comprehensive Overview
UI_UX Design Process_ A Comprehensive Overview
 
Formalizing the Technical Communication and User Experience Relationship (STC...
Formalizing the Technical Communication and User Experience Relationship (STC...Formalizing the Technical Communication and User Experience Relationship (STC...
Formalizing the Technical Communication and User Experience Relationship (STC...
 
Shallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its needShallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its need
 
Custom UI/UX Design Services
Custom UI/UX Design ServicesCustom UI/UX Design Services
Custom UI/UX Design Services
 
Design Techniques
Design TechniquesDesign Techniques
Design Techniques
 
_How Interaction Design Enhances Web and Mobile Experiences.pptx
_How Interaction Design Enhances Web and Mobile Experiences.pptx_How Interaction Design Enhances Web and Mobile Experiences.pptx
_How Interaction Design Enhances Web and Mobile Experiences.pptx
 
LVL1/LDA Android Workshop Intro
LVL1/LDA Android Workshop IntroLVL1/LDA Android Workshop Intro
LVL1/LDA Android Workshop Intro
 
5 Best Prototyping Tools for Mobile Apps in 2023
5 Best Prototyping Tools for Mobile Apps in 20235 Best Prototyping Tools for Mobile Apps in 2023
5 Best Prototyping Tools for Mobile Apps in 2023
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
Aditya Kumar Verma_18352002_Universal Usibility
Aditya Kumar Verma_18352002_Universal UsibilityAditya Kumar Verma_18352002_Universal Usibility
Aditya Kumar Verma_18352002_Universal Usibility
 
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
 

Recently uploaded

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructureitnewsafrica
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFMichael Gough
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...itnewsafrica
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesBernd Ruecker
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...Jeffrey Haguewood
 
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...BookNet Canada
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 

Recently uploaded (20)

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App Framework
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDF
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
 
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 

Architecting UX for Smartphones

  • 1. Architecting Product User Experience Case: Smartphone User Experience for Product Case: Smartphone www.novel-ebiz.com Strategic Global User Experience Architecture and Design Series
  • 2. Definition of a Product Architecting User Experience for Product Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 © 2© An article or substance that is manufactured or refined for users
  • 3. Product Structure/Design All product designs are Human- Centered following Ergonomics that take care of how humans interact with products Architecting User Experience for Product Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 3©
  • 4. Product Experience: Human Factors • Happiness/Joy • Satisfaction/Contentment • Anger/Irritation • Disappointment/ Dissatisfaction Source: International Journal of Design Architecting User Experience for Product Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 4©
  • 5. Product Usage: Human Factors • Motive • Context • Interaction Architecting User Experience for Product Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 2©
  • 6. User Motive drives Context for Interaction Source: International Journal of Design Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 6©
  • 7. Understanding User Context Human/Product Relationship - 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 Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 8© 1. User’s Workflow
  • 9. Understanding User Context Architecting User Experience for Product Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 9© What are user expectations from the product 2. User’s Goals
  • 10. Understanding User Context Architecting User Experience for Product Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 10© What users need to know to use the product 3. User’s Domain knowledge
  • 11. 4. User’s tasks What tasks users need to perform to use the product Understanding User Context Architecting User Experience for Product Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 11©
  • 12. 5. User’s mental model Product perceptions, expectations and user’s what if/wish list Understanding User Context Architecting User Experience for Product Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 12©
  • 13. - A Methodology Model Discovering User ContextArchitecting User Experience for Product Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 13© Discovery of user’s “What if/Wish List” drives ease of use and product innovations
  • 14. User Experience: SmartphoneArchitecting User Experience for Product Architecture Smartphone user experience is context driven – use cases and scenarios… Note: A Smartphone is categorized as a 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©
  • 15. Architecting User Experience for Product Architecture User Context and Use Cases Creating Human Factors Metrics and Use-case Logic Smartphone Smartphone Human Factors: User Context Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 15©
  • 16. Expert User User Actions New User User Actions Goal Striking a balance between User Groups User Context and User Flow Architecting User Experience for Product Smartphone Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 16©
  • 17. Architecting User Experience for Product Persona Driven Drill-down Smartphone – A Use Case Scenario 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©
  • 18. Author: Sushmita Dutt, Presentation dated: June 10, 2013 Architecture Architecting User Experience for Product Understanding the Product Smartphone – Driven by generations of handheld Factors driving product innovation Useful Usable Desirable First Handheld Smartphone Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 18©
  • 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 Custom Design Scroll Expand Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 20© Architecting User Experience for Product Understanding The Medium Smartphone – User Experience Scenarios
  • 21. Architecture User Experience Constraints Architecture Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 21© Architecting User Experience for Product Understanding Constraints Smartphone – Environment 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 User Experience Scopes Architecture Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 © 21 Architecting User Experience for Product Understanding Scopes Smartphone – Environment • Deliver consistent user • Deliver wireframes details around user activities, experience within defined design standards Deliver Custom Application Structures based on content and UI patterns • tasks, views, dependencies
  • 23. Architecture User Experience Pattern Sample Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 © 22 Architecting User Experience for Product Understanding User Patterns Smartphone – Scopes Android patterns for gestures: • Tap-and-hold (long press) • One-finger drag • Two-finger tap • Two-finger drag • Two-finger pinch-zoom • Three-finger drag
  • 24. Architecture User Experience Pattern Sample Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 24© Architecting User Experience for Product Understanding User Patterns Smartphone – Scopes YouTube Pattern: Fixed tabs to display functional areas
  • 25. Architecture User Experience Pattern Sample Author: Sushmita Dutt, Novel-eBiz Presentation: June 10, 2013 25© Architecting User Experience for Product Understanding User Patterns Smartphone – Scopes Music Album Pattern: Allows selection of a song and then displays user options over a menu
  • 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