SlideShare a Scribd company logo
UI & UX insights via case studies
By
S. Somu Arumugam
Logos I have worked so far
Ui & ux insights via case stydies
What we see here?
Ui & ux insights via case stydies
MVP?
MDP?
Ui & ux insights via case stydies
Ui & ux insights via case stydies
U and I
?
Out P…ut ?
Out C…ome?
U and X
?
BuildRequirements Gathering
Knowledge Transfer Discovery Design Support
BuildRequirements Gathering
Knowledge Transfer Discovery Design Support
List of user groups
List of tasks
Business drivers
Brand strategy
Users
Business
Technology
Technical drivers
Content strategy
BuildRequirements Gathering
Knowledge Transfer Discovery Design Support
List of user groups
List of tasks
Task matrix
Task-flow analysis
Visual design requirements
Usability evaluation
UI design requirements
Business drivers
Brand strategy
Users
Business
Technology
Technical drivers
Deliverables
UI Design Brief
Navigation Model
Content strategy
Research
Analysis
User Interviews
Surveys
User profiles & personas
UI design requirements
Competitive Benchmark
BuildRequirements Gathering
Knowledge Transfer Discovery Design Support
List of user groups
List of tasks
Task matrix
Task-flow analysis
Visual design requirements
Usability evaluation
UI design requirements
Business drivers
Brand strategy
Users
Business
Technology
Technical drivers
Deliverables
UI Design Brief
Navigation Models
Wireframes
Usability evaluation (Peer)
Visual Design
Interface Design
Deliverables
Navigation Model
Wireframes
Screen designs
Content strategy
Research
Analysis
User Interviews
Surveys
User profiles & personas
Task flow diagram
Scenario Models
Card Sort
Usability Testing
Eye Tracking
Scenario diagrams
UI design requirements
Competitive Benchmark
BuildRequirements Gathering
Knowledge Transfer Discovery Design Support
Style guide
UI Assets
Documentation
User assistance
Deliverables
Style guide
These can be client inputs,
dev. team activities or
combined activities
Core Activities
Conditional
Support
How far Personas are important?
List of user groups
List of tasks
Users
Persona
Are you developing an generic
application?
Or
developing an application which have
characteristics and specific usage?
Problem Statement of a fast phased it consulting
company`s customer success manager
Retail Customers often face the Broken
Scrambled experience for their products and
services, due to disintegrated information
system.
Now is the high time to look back and change
the experience of frustrated Customers who
are tired of explaining their problem to their
call center executives multiple times via
multiple channels. Their expectations are high
and more demanding.
This frame work (247 central) can handle this
expectations by providing the right info via its
integrated predictive platform to maintain high
C-sat levels and provide sophisticate
information to the Business owners with
timely triggers and report insights.
Our Understandings via probing
 Long office hours,
 Daily coming to office is to fire
fight. Issues are coming to me
when it is out of my hands
 Scared to take client side calls
with out knowing the status
Frustrations & Pain points
 No centralized place to monitor
issues
 Reports are difficult to analyze and
are mere data dumps
 Long time to code and deploy
models
How can you define your
characteristics of your application
?
Jane José
and her current status
Persona can define your app experience
High potential / Multi tasking
Static / Dynamic
Change pivot / steady
Move things / Attracting things
Map with your App`s attribute with Jane`s Attribute
Persona can define your app experience
Gentle / Light / Reliable
Map with your App`s attribute with Jane`s Attribute
Persona can define your app experience
Wind / Water
Map with your App`s attribute with Jane`s Attribute
Lets draw a persona
Her every day tasks and Over all goals are:
Win over new opportunities by proposing the right solution as per customer requirements
• Scenario
• The company is in discussions with a new customer. Samantha has got the requirements and
is now responsible for providing the customer with details of where [24]7 solutions could
help them and also run a POC to win over the deal.
• Task(s)
• - Opportunity sizing
• - Proposing best practices
• - Designing models and running experiments
Jane is 32 and Married
Lets draw a persona
• Goal 2: Implementing the solution and ensuring the promised targets are met by fine
tuning the solution
• Scenario
• Based on the proposal and SOW the customer has agreed to go live with the solution.
Samantha has to deploy the solution and also ensure that targets and revenue growth as
promised is met
• Task(s)
• - Capture customer data
• - Build models by validating offline data
• - Deploy the model by working with the engineering team
• - Design Experiments and retrain models
• - Manage campaigns to ensure right channels are targeted
• Tools & Resources used
• Reports, Campaign Manager, Prediction Console, Spirit, Modeling workbench
Jane is 32 and Married
User representative
• Has statistical knowledge and is highly
analytical
• Works with multiple teams and stakeholders
to ensure that the solution is aptly
implemented
• Highly charged and enthusiastic worker
• The first point of contact in while firefighting
issues customers are having with the
implemented solution
White boards / Collaborative design
White boards / Collaborative design
Wires frames
Mobile version optimization (ideation)
Analytical tool with script enablers and reports
App for monitoring sales volume against different parameters
Contextual Customer Support implementation
Analytical tool with script enablers and reports
Making the small success a victory
Analytical tool with Monitoring and report sync
The Outcome
• Our research drove decision-making for the specific
scenarios with mobile strategy. By providing platform-
specific opportunities we carved the design strategy
with the actively participating team with online tools.
We improved the application`s readability, search,
engagement, navigation and the contribution
experience first on the tablet, as well as for mobile and
desktop resolutions.
• Do you wanna see Jane`s face now?
Jane José
and her Experienced status
Happy client messages
They refer us to their friends
Craft your IA
about best practices
Amazing ideas may not be usable
Design is about how it works for its user
Keep it simple
Not simpler
Thank you

More Related Content

PDF
Chaos to clarity using Design Thinking in an enterprise world
PDF
SERVICE DESIGN AND UX TOOLS
PDF
PayU - UX Team
PDF
Design capability
PPTX
What does a product manager actually do?
PDF
A UX enterprise strategy in your pocket.
PPTX
What is User Experience?
PDF
User Experience Deliverables
Chaos to clarity using Design Thinking in an enterprise world
SERVICE DESIGN AND UX TOOLS
PayU - UX Team
Design capability
What does a product manager actually do?
A UX enterprise strategy in your pocket.
What is User Experience?
User Experience Deliverables

What's hot (18)

PDF
Melewi UX audit
PPTX
Aquent/AMA Webcast: Successfully Tackling Emerging Marketing Trends
PDF
Itx design studio overview
PDF
Designing Products for Everyone
PDF
A hand kano-model-boston_upa_may-12-2004
PPTX
Protean - Media Collaboration Suite
DOCX
Fact Sheet
PPTX
Mobile Monday Momentum Accelerator
PPTX
What does the UX process look like... really?
PDF
UXPA 2021: Journey Mapping Tools and Techniques: Research, Design and Action ...
PDF
How To Build A Mobile App - From Ideation to Launch
PDF
Creative Services | Ameexusa
PDF
Vistage SEO presentation
PDF
Protean - Collaboration software for creative teams
PDF
The Boommakers Team
PDF
Lean Canvas Basics
PPTX
Clearworks Customer Experience and Usability
PDF
What are wireframes?
Melewi UX audit
Aquent/AMA Webcast: Successfully Tackling Emerging Marketing Trends
Itx design studio overview
Designing Products for Everyone
A hand kano-model-boston_upa_may-12-2004
Protean - Media Collaboration Suite
Fact Sheet
Mobile Monday Momentum Accelerator
What does the UX process look like... really?
UXPA 2021: Journey Mapping Tools and Techniques: Research, Design and Action ...
How To Build A Mobile App - From Ideation to Launch
Creative Services | Ameexusa
Vistage SEO presentation
Protean - Collaboration software for creative teams
The Boommakers Team
Lean Canvas Basics
Clearworks Customer Experience and Usability
What are wireframes?
Ad

Similar to Ui & ux insights via case stydies (20)

PDF
Product + UX: How to combine strengths to make something truly great! *Updated*
DOCX
CURRICULUM_Linked
PDF
Resume_Brijesh_Pavith
DOCX
AnubhavKochhar_Resume
PPT
User Centered Design for Projects
PPTX
From idea to ux roadmap - MakeIt Masterclass - Boost User Experience
PDF
Unidata consulting
PPT
Designing Outcomes For Usability Nycupa Hurst Final
PDF
Sanket mishra cv
DOCX
Chethan Updated Resume
PDF
Senior UX Product Lead Design - Joeffrey Madid Portfolio
PPTX
The User Experience Designer
PDF
Sophanic's Company Profile
PDF
UX April 18
PPTX
People-Centric Design Approach in Application Lifecycle
PPSX
VIGNESH PORTFOLIO
PPTX
Key Steps & Best Practices to Custom Mobile App Development Process
PDF
StephenAris_examples
PPT
How to Build a Web App from Scratch in 2025.ppt
PDF
Madhavi saxena
Product + UX: How to combine strengths to make something truly great! *Updated*
CURRICULUM_Linked
Resume_Brijesh_Pavith
AnubhavKochhar_Resume
User Centered Design for Projects
From idea to ux roadmap - MakeIt Masterclass - Boost User Experience
Unidata consulting
Designing Outcomes For Usability Nycupa Hurst Final
Sanket mishra cv
Chethan Updated Resume
Senior UX Product Lead Design - Joeffrey Madid Portfolio
The User Experience Designer
Sophanic's Company Profile
UX April 18
People-Centric Design Approach in Application Lifecycle
VIGNESH PORTFOLIO
Key Steps & Best Practices to Custom Mobile App Development Process
StephenAris_examples
How to Build a Web App from Scratch in 2025.ppt
Madhavi saxena
Ad

Recently uploaded (20)

PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PDF
Interior Structure and Construction A1 NGYANQI
DOCX
actividad 20% informatica microsoft project
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPTX
6- Architecture design complete (1).pptx
PPTX
An introduction to AI in research and reference management
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
CLASSIFICATION OF YARN- process, explanation
PDF
Chalkpiece Annual Report from 2019 To 2025
PPT
Machine printing techniques and plangi dyeing
PDF
Phone away, tabs closed: No multitasking
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
Urban Design Final Project-Site Analysis
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Interior Structure and Construction A1 NGYANQI
actividad 20% informatica microsoft project
AD Bungalow Case studies Sem 2.pptxvwewev
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
6- Architecture design complete (1).pptx
An introduction to AI in research and reference management
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
CLASSIFICATION OF YARN- process, explanation
Chalkpiece Annual Report from 2019 To 2025
Machine printing techniques and plangi dyeing
Phone away, tabs closed: No multitasking
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Urban Design Final Project-Site Analysis
BRANDBOOK-Presidential Award Scheme-Kenya-2023
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
pump pump is a mechanism that is used to transfer a liquid from one place to ...

Ui & ux insights via case stydies

  • 1. UI & UX insights via case studies By S. Somu Arumugam
  • 2. Logos I have worked so far
  • 4. What we see here?
  • 11. Out P…ut ? Out C…ome?
  • 14. BuildRequirements Gathering Knowledge Transfer Discovery Design Support List of user groups List of tasks Business drivers Brand strategy Users Business Technology Technical drivers Content strategy
  • 15. BuildRequirements Gathering Knowledge Transfer Discovery Design Support List of user groups List of tasks Task matrix Task-flow analysis Visual design requirements Usability evaluation UI design requirements Business drivers Brand strategy Users Business Technology Technical drivers Deliverables UI Design Brief Navigation Model Content strategy Research Analysis User Interviews Surveys User profiles & personas UI design requirements Competitive Benchmark
  • 16. BuildRequirements Gathering Knowledge Transfer Discovery Design Support List of user groups List of tasks Task matrix Task-flow analysis Visual design requirements Usability evaluation UI design requirements Business drivers Brand strategy Users Business Technology Technical drivers Deliverables UI Design Brief Navigation Models Wireframes Usability evaluation (Peer) Visual Design Interface Design Deliverables Navigation Model Wireframes Screen designs Content strategy Research Analysis User Interviews Surveys User profiles & personas Task flow diagram Scenario Models Card Sort Usability Testing Eye Tracking Scenario diagrams UI design requirements Competitive Benchmark
  • 17. BuildRequirements Gathering Knowledge Transfer Discovery Design Support Style guide UI Assets Documentation User assistance Deliverables Style guide These can be client inputs, dev. team activities or combined activities Core Activities Conditional Support
  • 18. How far Personas are important? List of user groups List of tasks Users
  • 20. Are you developing an generic application? Or developing an application which have characteristics and specific usage?
  • 21. Problem Statement of a fast phased it consulting company`s customer success manager Retail Customers often face the Broken Scrambled experience for their products and services, due to disintegrated information system. Now is the high time to look back and change the experience of frustrated Customers who are tired of explaining their problem to their call center executives multiple times via multiple channels. Their expectations are high and more demanding. This frame work (247 central) can handle this expectations by providing the right info via its integrated predictive platform to maintain high C-sat levels and provide sophisticate information to the Business owners with timely triggers and report insights.
  • 22. Our Understandings via probing  Long office hours,  Daily coming to office is to fire fight. Issues are coming to me when it is out of my hands  Scared to take client side calls with out knowing the status Frustrations & Pain points  No centralized place to monitor issues  Reports are difficult to analyze and are mere data dumps  Long time to code and deploy models
  • 23. How can you define your characteristics of your application ?
  • 24. Jane José and her current status
  • 25. Persona can define your app experience High potential / Multi tasking Static / Dynamic Change pivot / steady Move things / Attracting things Map with your App`s attribute with Jane`s Attribute
  • 26. Persona can define your app experience Gentle / Light / Reliable Map with your App`s attribute with Jane`s Attribute
  • 27. Persona can define your app experience Wind / Water Map with your App`s attribute with Jane`s Attribute
  • 28. Lets draw a persona Her every day tasks and Over all goals are: Win over new opportunities by proposing the right solution as per customer requirements • Scenario • The company is in discussions with a new customer. Samantha has got the requirements and is now responsible for providing the customer with details of where [24]7 solutions could help them and also run a POC to win over the deal. • Task(s) • - Opportunity sizing • - Proposing best practices • - Designing models and running experiments Jane is 32 and Married
  • 29. Lets draw a persona • Goal 2: Implementing the solution and ensuring the promised targets are met by fine tuning the solution • Scenario • Based on the proposal and SOW the customer has agreed to go live with the solution. Samantha has to deploy the solution and also ensure that targets and revenue growth as promised is met • Task(s) • - Capture customer data • - Build models by validating offline data • - Deploy the model by working with the engineering team • - Design Experiments and retrain models • - Manage campaigns to ensure right channels are targeted • Tools & Resources used • Reports, Campaign Manager, Prediction Console, Spirit, Modeling workbench Jane is 32 and Married
  • 30. User representative • Has statistical knowledge and is highly analytical • Works with multiple teams and stakeholders to ensure that the solution is aptly implemented • Highly charged and enthusiastic worker • The first point of contact in while firefighting issues customers are having with the implemented solution
  • 31. White boards / Collaborative design
  • 32. White boards / Collaborative design
  • 35. Analytical tool with script enablers and reports
  • 36. App for monitoring sales volume against different parameters
  • 37. Contextual Customer Support implementation
  • 38. Analytical tool with script enablers and reports
  • 39. Making the small success a victory
  • 40. Analytical tool with Monitoring and report sync
  • 41. The Outcome • Our research drove decision-making for the specific scenarios with mobile strategy. By providing platform- specific opportunities we carved the design strategy with the actively participating team with online tools. We improved the application`s readability, search, engagement, navigation and the contribution experience first on the tablet, as well as for mobile and desktop resolutions. • Do you wanna see Jane`s face now?
  • 42. Jane José and her Experienced status
  • 44. They refer us to their friends
  • 47. Amazing ideas may not be usable Design is about how it works for its user