SlideShare a Scribd company logo
1 of 10
Download to read offline
Designing UX for Cloud –
Mobile and Web Apps
By Unmesh Ballal
Mobile First - An “Experience Design”
paradigm
 Mobile First Strategy is that Desktop / Web App will come later
 Mobile First is a trend in UX - Driven for the user with following benefits:
 Clear Content
 Simple navigation
 Fluid Layouts
 Designed for Touch
 Leverage Mobile features
 UX Features are considered based on:
 Designed for Users in Multiple Contexts
 Unique Design due to a Smaller Screen
 Connectivity with Social Media, Photos and Maps easily accessible
How to Design for Mobile User Experience
 Key Considerations
 Target audience
 Targeted Behavior
 Technology channel
 Due to lesser screen real estate expect greater breadth to user experience
 Mobile Browsers render newer HTML 5 web sites with optimized page layouts
 Increased speed of online data enable users to complete tasks on the go
Steps to UX Strategy
Learn about the
user
Model each type
of users
Analyse the user
tasks
Ensure
requirements of
all tasks are met
with clarity
Guidelines
 Design needs to clearly communicate the behaviour of product through its user
interfaces
 Questions that need the answers
 Vision, product fitment, goals, what can it win, revenue model (cost incurred)
 Competitive differentiation
 What other needs, preferences, desires of customer will the app satisfy
 Understand and create a context using the historical background for the product
 Ensure issues are addressed from what the customers are complaining about or
requesting
Developing a Model for Personas
Personas
Communicate
rationale
Do the tasks
Produce the
desired results
 Persona embodies users who:
 Have common roles, goals, and
motivations
 Have similar skills and characteristics
 Share common mental models
 Work in similar contexts
 Share a similar range of behaviour
patterns
 Typically perform certain tasks
Developing a Task based work-flows
 Identify each user’s task and subtask as a step-by-step procedures or task flows
with:
 Inputs to a procedure
 Cognitive processes
 Actions on objects
 Decision points
 Results of the procedure
Moments That Matter: Micro-Moments
 Refers to single task-based interactions with a product e.g. like setting an alarm,
liking a comment, or pressing a login button
 After completion these moments the implications are tremendous in scope
 Touch, scroll, pinch, zoom, tap, click and so on will be with unique animations
and feedback
 These interactions enable create more engaging experiences
 More and new ways to capitalize on newfound user-engagement e.g. Designing
new features around “interactions within interactions”
 Designers need to devise new interfaces for these abundance of new interactions
 More on this topic can be found at https://www.thinkwithgoogle.com/
Managing the “New Consumer Decision
Journey”
 Though there are mobile online
sessions time spent per visit is lesser
 Consumer wants to make informed
decisions and that too faster than
ever before
 Micro-moments have become the
footsteps that lead people to App
 Objective is to earn customer's
consideration and action, moment
after moment – driven by relevance
Ready to
help
Connect
Fast and
frictionless
UX patterns
 Benefits: Increase of 30% - 50% in performance time
 Use:
 Standards for Profile Menus, Login etc..
 Lists, Search, and Drill down details based navigation
 Top or bottom menus, tabs where required
 Notifications
 Maps and location detection
 “Infinite scroll” technique - Leverages the contemporary user’s openness to scroll down and
keep reading more
 Provide customization where possible
 Improve on interactivity and social media integration

More Related Content

What's hot

BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignJaneMuder
 
The Importance of Product Perception
The Importance of Product PerceptionThe Importance of Product Perception
The Importance of Product PerceptionShachar Nahari
 
Ux and usability it's no PICNIC
Ux and usability   it's no PICNICUx and usability   it's no PICNIC
Ux and usability it's no PICNICMyriam Jessier
 
No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%Derek Pippa Feria
 
Mobile application usability audit
Mobile application usability auditMobile application usability audit
Mobile application usability auditDaniel Drew Turner
 
Google Glass - Explorer's Eye View
Google Glass - Explorer's Eye ViewGoogle Glass - Explorer's Eye View
Google Glass - Explorer's Eye ViewKimberly Mahan
 
(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web design(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web designLeisl Schrader
 
Mobile User Interface Design
Mobile User Interface DesignMobile User Interface Design
Mobile User Interface Designrita
 
UX & Usability: From "nice to have" to "do or die"
UX & Usability: From "nice to have" to "do or die" UX & Usability: From "nice to have" to "do or die"
UX & Usability: From "nice to have" to "do or die" iKatDigital
 
Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLalMobile User Experience - @iRajLal
Mobile User Experience - @iRajLalRaj Lal
 
Principles of Interactive Design
Principles of Interactive DesignPrinciples of Interactive Design
Principles of Interactive DesignMaryColligan1
 
Design Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationMobileNepal
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1Durgesh Pandey
 
User Testing Webinar: Mobile Banking Industry Insights 02.21.2018
User Testing Webinar: Mobile Banking Industry Insights 02.21.2018User Testing Webinar: Mobile Banking Industry Insights 02.21.2018
User Testing Webinar: Mobile Banking Industry Insights 02.21.2018Isidore Gotto
 
The Banking Mobile CX Index: Insights to improve the mobile banking experience
The Banking Mobile CX Index: Insights to improve the mobile banking experienceThe Banking Mobile CX Index: Insights to improve the mobile banking experience
The Banking Mobile CX Index: Insights to improve the mobile banking experienceUserTesting
 
Bharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approachBharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approachRahul Singh
 
Application Design - Part 3
Application Design - Part 3Application Design - Part 3
Application Design - Part 3Kelley Howell
 
Building Enterprise Mobile Applications - Lessons for the Hospitality Industry
Building Enterprise Mobile Applications - Lessons for the Hospitality IndustryBuilding Enterprise Mobile Applications - Lessons for the Hospitality Industry
Building Enterprise Mobile Applications - Lessons for the Hospitality IndustrySocial Tables
 

What's hot (20)

BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
The Importance of Product Perception
The Importance of Product PerceptionThe Importance of Product Perception
The Importance of Product Perception
 
Ux and usability it's no PICNIC
Ux and usability   it's no PICNICUx and usability   it's no PICNIC
Ux and usability it's no PICNIC
 
No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%
 
Mobile application usability audit
Mobile application usability auditMobile application usability audit
Mobile application usability audit
 
Google Glass - Explorer's Eye View
Google Glass - Explorer's Eye ViewGoogle Glass - Explorer's Eye View
Google Glass - Explorer's Eye View
 
(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web design(Healthcare) make your business mobile with responsive web design
(Healthcare) make your business mobile with responsive web design
 
Mobile User Interface Design
Mobile User Interface DesignMobile User Interface Design
Mobile User Interface Design
 
UX & Usability: From "nice to have" to "do or die"
UX & Usability: From "nice to have" to "do or die" UX & Usability: From "nice to have" to "do or die"
UX & Usability: From "nice to have" to "do or die"
 
Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLalMobile User Experience - @iRajLal
Mobile User Experience - @iRajLal
 
Principles of Interactive Design
Principles of Interactive DesignPrinciples of Interactive Design
Principles of Interactive Design
 
Design Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - Presentation
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
User Testing Webinar: Mobile Banking Industry Insights 02.21.2018
User Testing Webinar: Mobile Banking Industry Insights 02.21.2018User Testing Webinar: Mobile Banking Industry Insights 02.21.2018
User Testing Webinar: Mobile Banking Industry Insights 02.21.2018
 
The Banking Mobile CX Index: Insights to improve the mobile banking experience
The Banking Mobile CX Index: Insights to improve the mobile banking experienceThe Banking Mobile CX Index: Insights to improve the mobile banking experience
The Banking Mobile CX Index: Insights to improve the mobile banking experience
 
Bharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approachBharti axa website analysis, competitor analysis & visual approach
Bharti axa website analysis, competitor analysis & visual approach
 
Mobile UI / UX Trends
Mobile UI / UX TrendsMobile UI / UX Trends
Mobile UI / UX Trends
 
Application Design - Part 3
Application Design - Part 3Application Design - Part 3
Application Design - Part 3
 
Building Enterprise Mobile Applications - Lessons for the Hospitality Industry
Building Enterprise Mobile Applications - Lessons for the Hospitality IndustryBuilding Enterprise Mobile Applications - Lessons for the Hospitality Industry
Building Enterprise Mobile Applications - Lessons for the Hospitality Industry
 
Jameson - ux report
Jameson  - ux reportJameson  - ux report
Jameson - ux report
 

Viewers also liked

Blockchain with HyperLedger (Public version)
Blockchain with HyperLedger (Public version)Blockchain with HyperLedger (Public version)
Blockchain with HyperLedger (Public version)Benjamin Fuentes
 
Technical Introduction to IBM's Open Blockchain (OBC)
Technical Introduction to IBM's Open Blockchain (OBC)Technical Introduction to IBM's Open Blockchain (OBC)
Technical Introduction to IBM's Open Blockchain (OBC)Altoros
 
Parallelization Stategies of DeepLearning Neural Network Training
Parallelization Stategies of DeepLearning Neural Network TrainingParallelization Stategies of DeepLearning Neural Network Training
Parallelization Stategies of DeepLearning Neural Network TrainingRomeo Kienzler
 
Blockchain for Business on Hyperledger
Blockchain for Business on HyperledgerBlockchain for Business on Hyperledger
Blockchain for Business on HyperledgerAll Things Open
 
Anatomy of a hyperledger application
Anatomy of a hyperledger applicationAnatomy of a hyperledger application
Anatomy of a hyperledger applicationEric Cattoir
 
Hyperledger Sawtooth Lake Intel's OSS Contribution to Enterprise Blockchain
Hyperledger Sawtooth Lake Intel's OSS Contribution to Enterprise BlockchainHyperledger Sawtooth Lake Intel's OSS Contribution to Enterprise Blockchain
Hyperledger Sawtooth Lake Intel's OSS Contribution to Enterprise BlockchainAltoros
 
Introduction to Blockchain and the Hyperledger Project
Introduction to Blockchain and the Hyperledger ProjectIntroduction to Blockchain and the Hyperledger Project
Introduction to Blockchain and the Hyperledger ProjectManuel Garcia
 
Architecture of the Hyperledger Blockchain Fabric - Christian Cachin - IBM Re...
Architecture of the Hyperledger Blockchain Fabric - Christian Cachin - IBM Re...Architecture of the Hyperledger Blockchain Fabric - Christian Cachin - IBM Re...
Architecture of the Hyperledger Blockchain Fabric - Christian Cachin - IBM Re...Romeo Kienzler
 

Viewers also liked (8)

Blockchain with HyperLedger (Public version)
Blockchain with HyperLedger (Public version)Blockchain with HyperLedger (Public version)
Blockchain with HyperLedger (Public version)
 
Technical Introduction to IBM's Open Blockchain (OBC)
Technical Introduction to IBM's Open Blockchain (OBC)Technical Introduction to IBM's Open Blockchain (OBC)
Technical Introduction to IBM's Open Blockchain (OBC)
 
Parallelization Stategies of DeepLearning Neural Network Training
Parallelization Stategies of DeepLearning Neural Network TrainingParallelization Stategies of DeepLearning Neural Network Training
Parallelization Stategies of DeepLearning Neural Network Training
 
Blockchain for Business on Hyperledger
Blockchain for Business on HyperledgerBlockchain for Business on Hyperledger
Blockchain for Business on Hyperledger
 
Anatomy of a hyperledger application
Anatomy of a hyperledger applicationAnatomy of a hyperledger application
Anatomy of a hyperledger application
 
Hyperledger Sawtooth Lake Intel's OSS Contribution to Enterprise Blockchain
Hyperledger Sawtooth Lake Intel's OSS Contribution to Enterprise BlockchainHyperledger Sawtooth Lake Intel's OSS Contribution to Enterprise Blockchain
Hyperledger Sawtooth Lake Intel's OSS Contribution to Enterprise Blockchain
 
Introduction to Blockchain and the Hyperledger Project
Introduction to Blockchain and the Hyperledger ProjectIntroduction to Blockchain and the Hyperledger Project
Introduction to Blockchain and the Hyperledger Project
 
Architecture of the Hyperledger Blockchain Fabric - Christian Cachin - IBM Re...
Architecture of the Hyperledger Blockchain Fabric - Christian Cachin - IBM Re...Architecture of the Hyperledger Blockchain Fabric - Christian Cachin - IBM Re...
Architecture of the Hyperledger Blockchain Fabric - Christian Cachin - IBM Re...
 

Similar to Designing a Mobile First UX

User Experience Masterclass 101 with Mark Swaine
User Experience Masterclass 101 with Mark SwaineUser Experience Masterclass 101 with Mark Swaine
User Experience Masterclass 101 with Mark SwaineMark N Swaine
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience PosterJessica Fisher
 
UI DESIGN.pdf
UI DESIGN.pdfUI DESIGN.pdf
UI DESIGN.pdf216310018
 
UXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedUXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedJames Kelway
 
How to Design for (Digital) Success
How to Design for (Digital) SuccessHow to Design for (Digital) Success
How to Design for (Digital) SuccessSøren Engelbrecht
 
UX: Interaction Design
UX: Interaction DesignUX: Interaction Design
UX: Interaction DesignAngela Duggan
 
ICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docxICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docxwrite4
 
The UX Design 101- For Engaging Mobile Apps
The UX Design 101- For Engaging Mobile AppsThe UX Design 101- For Engaging Mobile Apps
The UX Design 101- For Engaging Mobile AppsSuyati Technologies
 
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
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1Sameer Chavan
 
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
 
Ux Overview
Ux OverviewUx Overview
Ux Overviewmbrosset
 
Want Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top PriorityWant Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top PriorityRick Hevier
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationTarik (Rick) Dzekman
 
Chris khalil's preso from AIMIA UX forum
Chris khalil's preso from AIMIA UX forumChris khalil's preso from AIMIA UX forum
Chris khalil's preso from AIMIA UX forumObjective Experience
 
Towards corporate usability maturity
Towards corporate usability maturityTowards corporate usability maturity
Towards corporate usability maturityChris Khalil
 
UI/UX by Meraki Design
UI/UX by Meraki DesignUI/UX by Meraki Design
UI/UX by Meraki Designsheetalelango
 
Aquent/AMA Webcast: Successfully Tackling Emerging Marketing Trends
Aquent/AMA Webcast: Successfully Tackling Emerging Marketing TrendsAquent/AMA Webcast: Successfully Tackling Emerging Marketing Trends
Aquent/AMA Webcast: Successfully Tackling Emerging Marketing TrendsAquent
 
User experience & design part 3
User experience & design part 3User experience & design part 3
User experience & design part 3Preeti Chopra
 

Similar to Designing a Mobile First UX (20)

User Experience Masterclass 101 with Mark Swaine
User Experience Masterclass 101 with Mark SwaineUser Experience Masterclass 101 with Mark Swaine
User Experience Masterclass 101 with Mark Swaine
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience Poster
 
UI DESIGN.pdf
UI DESIGN.pdfUI DESIGN.pdf
UI DESIGN.pdf
 
Best Practices in UX Design
Best Practices in UX DesignBest Practices in UX Design
Best Practices in UX Design
 
UXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedUXBASIS – Getting UX integrated
UXBASIS – Getting UX integrated
 
How to Design for (Digital) Success
How to Design for (Digital) SuccessHow to Design for (Digital) Success
How to Design for (Digital) Success
 
UX: Interaction Design
UX: Interaction DesignUX: Interaction Design
UX: Interaction Design
 
ICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docxICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docx
 
The UX Design 101- For Engaging Mobile Apps
The UX Design 101- For Engaging Mobile AppsThe UX Design 101- For Engaging Mobile Apps
The UX Design 101- For Engaging Mobile Apps
 
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1
 
Creating a compelling mobile user experience
Creating a compelling mobile user experienceCreating a compelling mobile user experience
Creating a compelling mobile user experience
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
 
Want Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top PriorityWant Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top Priority
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher Education
 
Chris khalil's preso from AIMIA UX forum
Chris khalil's preso from AIMIA UX forumChris khalil's preso from AIMIA UX forum
Chris khalil's preso from AIMIA UX forum
 
Towards corporate usability maturity
Towards corporate usability maturityTowards corporate usability maturity
Towards corporate usability maturity
 
UI/UX by Meraki Design
UI/UX by Meraki DesignUI/UX by Meraki Design
UI/UX by Meraki Design
 
Aquent/AMA Webcast: Successfully Tackling Emerging Marketing Trends
Aquent/AMA Webcast: Successfully Tackling Emerging Marketing TrendsAquent/AMA Webcast: Successfully Tackling Emerging Marketing Trends
Aquent/AMA Webcast: Successfully Tackling Emerging Marketing Trends
 
User experience & design part 3
User experience & design part 3User experience & design part 3
User experience & design part 3
 

More from Unmesh Ballal

Testing Technology Stack
Testing Technology StackTesting Technology Stack
Testing Technology StackUnmesh Ballal
 
Iot Solution Development Platform
Iot Solution Development PlatformIot Solution Development Platform
Iot Solution Development PlatformUnmesh Ballal
 
Smart manufacturing – Industrial Automation Solutions
Smart manufacturing – Industrial Automation SolutionsSmart manufacturing – Industrial Automation Solutions
Smart manufacturing – Industrial Automation SolutionsUnmesh Ballal
 
Introduction to Cloud Computing
Introduction to Cloud ComputingIntroduction to Cloud Computing
Introduction to Cloud ComputingUnmesh Ballal
 
Advanced Software Test Automation
Advanced Software Test AutomationAdvanced Software Test Automation
Advanced Software Test AutomationUnmesh Ballal
 
Team Talent Framework
Team Talent FrameworkTeam Talent Framework
Team Talent FrameworkUnmesh Ballal
 
Software Development
Software Development Software Development
Software Development Unmesh Ballal
 

More from Unmesh Ballal (10)

Testing Technology Stack
Testing Technology StackTesting Technology Stack
Testing Technology Stack
 
Iot Solution Development Platform
Iot Solution Development PlatformIot Solution Development Platform
Iot Solution Development Platform
 
Iot data analytics
Iot data analyticsIot data analytics
Iot data analytics
 
Smart manufacturing – Industrial Automation Solutions
Smart manufacturing – Industrial Automation SolutionsSmart manufacturing – Industrial Automation Solutions
Smart manufacturing – Industrial Automation Solutions
 
Introduction to Cloud Computing
Introduction to Cloud ComputingIntroduction to Cloud Computing
Introduction to Cloud Computing
 
Advanced Software Test Automation
Advanced Software Test AutomationAdvanced Software Test Automation
Advanced Software Test Automation
 
Team Talent Framework
Team Talent FrameworkTeam Talent Framework
Team Talent Framework
 
Test Automation
Test Automation Test Automation
Test Automation
 
Jira Training
Jira TrainingJira Training
Jira Training
 
Software Development
Software Development Software Development
Software Development
 

Recently uploaded

Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 

Recently uploaded (20)

Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 

Designing a Mobile First UX

  • 1. Designing UX for Cloud – Mobile and Web Apps By Unmesh Ballal
  • 2. Mobile First - An “Experience Design” paradigm  Mobile First Strategy is that Desktop / Web App will come later  Mobile First is a trend in UX - Driven for the user with following benefits:  Clear Content  Simple navigation  Fluid Layouts  Designed for Touch  Leverage Mobile features  UX Features are considered based on:  Designed for Users in Multiple Contexts  Unique Design due to a Smaller Screen  Connectivity with Social Media, Photos and Maps easily accessible
  • 3. How to Design for Mobile User Experience  Key Considerations  Target audience  Targeted Behavior  Technology channel  Due to lesser screen real estate expect greater breadth to user experience  Mobile Browsers render newer HTML 5 web sites with optimized page layouts  Increased speed of online data enable users to complete tasks on the go
  • 4. Steps to UX Strategy Learn about the user Model each type of users Analyse the user tasks Ensure requirements of all tasks are met with clarity
  • 5. Guidelines  Design needs to clearly communicate the behaviour of product through its user interfaces  Questions that need the answers  Vision, product fitment, goals, what can it win, revenue model (cost incurred)  Competitive differentiation  What other needs, preferences, desires of customer will the app satisfy  Understand and create a context using the historical background for the product  Ensure issues are addressed from what the customers are complaining about or requesting
  • 6. Developing a Model for Personas Personas Communicate rationale Do the tasks Produce the desired results  Persona embodies users who:  Have common roles, goals, and motivations  Have similar skills and characteristics  Share common mental models  Work in similar contexts  Share a similar range of behaviour patterns  Typically perform certain tasks
  • 7. Developing a Task based work-flows  Identify each user’s task and subtask as a step-by-step procedures or task flows with:  Inputs to a procedure  Cognitive processes  Actions on objects  Decision points  Results of the procedure
  • 8. Moments That Matter: Micro-Moments  Refers to single task-based interactions with a product e.g. like setting an alarm, liking a comment, or pressing a login button  After completion these moments the implications are tremendous in scope  Touch, scroll, pinch, zoom, tap, click and so on will be with unique animations and feedback  These interactions enable create more engaging experiences  More and new ways to capitalize on newfound user-engagement e.g. Designing new features around “interactions within interactions”  Designers need to devise new interfaces for these abundance of new interactions  More on this topic can be found at https://www.thinkwithgoogle.com/
  • 9. Managing the “New Consumer Decision Journey”  Though there are mobile online sessions time spent per visit is lesser  Consumer wants to make informed decisions and that too faster than ever before  Micro-moments have become the footsteps that lead people to App  Objective is to earn customer's consideration and action, moment after moment – driven by relevance Ready to help Connect Fast and frictionless
  • 10. UX patterns  Benefits: Increase of 30% - 50% in performance time  Use:  Standards for Profile Menus, Login etc..  Lists, Search, and Drill down details based navigation  Top or bottom menus, tabs where required  Notifications  Maps and location detection  “Infinite scroll” technique - Leverages the contemporary user’s openness to scroll down and keep reading more  Provide customization where possible  Improve on interactivity and social media integration