SlideShare une entreprise Scribd logo
1  sur  9
User Experience through my Work
Although a seamless process, User Experience
as I have practised it within various projects, can
be separated in 3 major phases:




Requirements      Initial approach     Wireframes
Step 1: Requirments gathering
Step 1: Requirments gathering

Connect with stakeholders and extract valuable
information about

- Users – Goals - Targets - Quality

Such input may appear on
- Whiteboard – Paper – Sketches – Screenshots – Card
Sorting

Input will be collected on a Data Sheet, reviewed
and confirmed.
Step 2: Develop initial work
Step 2: Develop initial work

Define and create:

  Personas

  Basic Mental Models

  Usefuleness

  Key features

  Key User Journeys

  Draft Wireframes

Through this definition session, domain experts
are interviewed and quick-n-dirty User Serveys
are conducted
Step 2: Develop initial work

Define and create:

  Personas

  Basic Mental Models

  Usefuleness

  Key features

  Key User Journeys

  Draft Wireframes

Through this definition session, domain experts
are interviewed and quick-n-dirty User Serveys
are conducted
Step 3: Prototyping Wireframes & Mockups
Step 3: Prototyping

Create

  Style Guide (components, iconset)

  Wireframes per Use Case

  Mockups

  Non-functional prototype (HTML, Flash, Presentation)

Test on creation with Quick Surveys / AB testing

Work with developers / Adjust design to
- save time and budget
- incorporate available technologies
Step 3: Prototyping


Usability testing:

  Personal interviews with extensive user monitoring

  Remote testing

  Before and after surveys

  Measure key metrics / goals that were set by stakeholders
and by usability

Contenu connexe

En vedette

20131125 buyer behavior iba mba48 d
20131125 buyer behavior iba mba48 d20131125 buyer behavior iba mba48 d
20131125 buyer behavior iba mba48 d
Zeeshan Huq
 
2011 p5_and_p6_principal's_dialogue_collated_for_uploading
2011  p5_and_p6_principal's_dialogue_collated_for_uploading2011  p5_and_p6_principal's_dialogue_collated_for_uploading
2011 p5_and_p6_principal's_dialogue_collated_for_uploading
alanpillay79
 
DSN's and the Digital 4th Way
DSN's and the Digital 4th WayDSN's and the Digital 4th Way
DSN's and the Digital 4th Way
Phil Lane Jr.
 
20130223 brand management chapter 1 iba 45 e.pptx
20130223 brand management chapter 1 iba 45 e.pptx20130223 brand management chapter 1 iba 45 e.pptx
20130223 brand management chapter 1 iba 45 e.pptx
Zeeshan Huq
 
Programming fundamental
Programming fundamentalProgramming fundamental
Programming fundamental
Mukesh Thakur
 
HBase @ Hadoop Day Seattle
HBase @ Hadoop Day SeattleHBase @ Hadoop Day Seattle
HBase @ Hadoop Day Seattle
amansk
 

En vedette (15)

20131125 buyer behavior iba mba48 d
20131125 buyer behavior iba mba48 d20131125 buyer behavior iba mba48 d
20131125 buyer behavior iba mba48 d
 
Ephesians Week 1
Ephesians  Week 1Ephesians  Week 1
Ephesians Week 1
 
ML P1&p2 parents workshop
ML P1&p2 parents workshopML P1&p2 parents workshop
ML P1&p2 parents workshop
 
2011 p5_and_p6_principal's_dialogue_collated_for_uploading
2011  p5_and_p6_principal's_dialogue_collated_for_uploading2011  p5_and_p6_principal's_dialogue_collated_for_uploading
2011 p5_and_p6_principal's_dialogue_collated_for_uploading
 
TL P1 & P2 parent's briefing 2011
TL P1 & P2 parent's briefing 2011TL P1 & P2 parent's briefing 2011
TL P1 & P2 parent's briefing 2011
 
Cl introduction of p1_&_p2
Cl introduction of p1_&_p2Cl introduction of p1_&_p2
Cl introduction of p1_&_p2
 
DSN's and the Digital 4th Way
DSN's and the Digital 4th WayDSN's and the Digital 4th Way
DSN's and the Digital 4th Way
 
20130223 brand management chapter 1 iba 45 e.pptx
20130223 brand management chapter 1 iba 45 e.pptx20130223 brand management chapter 1 iba 45 e.pptx
20130223 brand management chapter 1 iba 45 e.pptx
 
CL introduction of p5_&_p6
CL introduction of p5_&_p6CL introduction of p5_&_p6
CL introduction of p5_&_p6
 
Programming fundamental
Programming fundamentalProgramming fundamental
Programming fundamental
 
Program Komuniti Tone Plus
Program Komuniti Tone PlusProgram Komuniti Tone Plus
Program Komuniti Tone Plus
 
Letra p para blog
Letra p para blogLetra p para blog
Letra p para blog
 
Nutrifect IBO Plan
Nutrifect IBO PlanNutrifect IBO Plan
Nutrifect IBO Plan
 
Mt2
Mt2Mt2
Mt2
 
HBase @ Hadoop Day Seattle
HBase @ Hadoop Day SeattleHBase @ Hadoop Day Seattle
HBase @ Hadoop Day Seattle
 

Similaire à User Experience through My work

Usability Engineering Process Flow Model - Sivaprasath Selvaraj
Usability Engineering Process Flow Model - Sivaprasath SelvarajUsability Engineering Process Flow Model - Sivaprasath Selvaraj
Usability Engineering Process Flow Model - Sivaprasath Selvaraj
Sivaprasath Selvaraj
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
Dr. V Vorvoreanu
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience Poster
Jessica Fisher
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
Patrick McNeil
 

Similaire à User Experience through My work (20)

UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal
 
Product Backlog Mapping
Product Backlog MappingProduct Backlog Mapping
Product Backlog Mapping
 
Delivery Process - Cognitive Express
Delivery Process - Cognitive ExpressDelivery Process - Cognitive Express
Delivery Process - Cognitive Express
 
ReceiveLoadKickoff.ppt
ReceiveLoadKickoff.pptReceiveLoadKickoff.ppt
ReceiveLoadKickoff.ppt
 
We’re Doing What, When? Incorporating UX Design Into Agile
We’re Doing What, When? Incorporating UX Design Into AgileWe’re Doing What, When? Incorporating UX Design Into Agile
We’re Doing What, When? Incorporating UX Design Into Agile
 
Usability Engineering Process Flow Model - Sivaprasath Selvaraj
Usability Engineering Process Flow Model - Sivaprasath SelvarajUsability Engineering Process Flow Model - Sivaprasath Selvaraj
Usability Engineering Process Flow Model - Sivaprasath Selvaraj
 
week-11-PROTOTYPE.pptx
week-11-PROTOTYPE.pptxweek-11-PROTOTYPE.pptx
week-11-PROTOTYPE.pptx
 
Kedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfKedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdf
 
UX (User Experience) Process, May 2017
UX (User Experience) Process, May 2017UX (User Experience) Process, May 2017
UX (User Experience) Process, May 2017
 
Lean UX
Lean UXLean UX
Lean UX
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience Poster
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRs
 
Home Mess System III
Home Mess System IIIHome Mess System III
Home Mess System III
 
Home Mess System III
Home Mess System IIIHome Mess System III
Home Mess System III
 
Integrating User Centered Design with Agile Development
Integrating User Centered Design with Agile DevelopmentIntegrating User Centered Design with Agile Development
Integrating User Centered Design with Agile Development
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
 
How to come up with the next 'Needle moving’ feature for any product
How to come up with the next 'Needle moving’ feature for any productHow to come up with the next 'Needle moving’ feature for any product
How to come up with the next 'Needle moving’ feature for any product
 
Interactive solutions - Web usability
Interactive solutions - Web usabilityInteractive solutions - Web usability
Interactive solutions - Web usability
 

Dernier

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Dernier (20)

Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 

User Experience through My work

  • 1. User Experience through my Work Although a seamless process, User Experience as I have practised it within various projects, can be separated in 3 major phases: Requirements Initial approach Wireframes
  • 3. Step 1: Requirments gathering Connect with stakeholders and extract valuable information about - Users – Goals - Targets - Quality Such input may appear on - Whiteboard – Paper – Sketches – Screenshots – Card Sorting Input will be collected on a Data Sheet, reviewed and confirmed.
  • 4. Step 2: Develop initial work
  • 5. Step 2: Develop initial work Define and create:  Personas  Basic Mental Models  Usefuleness  Key features  Key User Journeys  Draft Wireframes Through this definition session, domain experts are interviewed and quick-n-dirty User Serveys are conducted
  • 6. Step 2: Develop initial work Define and create:  Personas  Basic Mental Models  Usefuleness  Key features  Key User Journeys  Draft Wireframes Through this definition session, domain experts are interviewed and quick-n-dirty User Serveys are conducted
  • 7. Step 3: Prototyping Wireframes & Mockups
  • 8. Step 3: Prototyping Create  Style Guide (components, iconset)  Wireframes per Use Case  Mockups  Non-functional prototype (HTML, Flash, Presentation) Test on creation with Quick Surveys / AB testing Work with developers / Adjust design to - save time and budget - incorporate available technologies
  • 9. Step 3: Prototyping Usability testing:  Personal interviews with extensive user monitoring  Remote testing  Before and after surveys  Measure key metrics / goals that were set by stakeholders and by usability