SlideShare a Scribd company logo
Speaker : Kalpesh Parmar (Vic) Technical Evangelist Infragistics
What the Heck  Are  We Here For? How do I make software for people? Quo Vadis? Why should I care? What can it do for  me ? UX = UI ??? Just another buzzword... UX?  What is It?
What We’ll Cover What is User Experience? It’s Everywhere You Want to Be What Makes Good UX? Competencies Why User Experience? Incorporating UX into Development Some UX Pointers for .NET
User Experience is Everything That’s Preposterous! What about Database? OOD? The –ilities? Security/Privacy? Batch Processes? ?? UX is the Overall Experience
User Experience is Everything Scalability Maintainability Manageability Security Privacy Branding Resilience Robustness Responsiveness Extensibility Reusability Agility Performance Stability Reliability Adaptability Efficiency Availability
What Makes Good UX? User Experience Honeycomb  Courtesy of Peter Morville
Guiding Principles Design from the Outside In Don’t Think About What You/the App Need; Think About What the User Knows and What the User Needs Don’t Assume: Preempt Questions/Avoid Confusion by Guiding Users Make Software Smarter, More Context Aware Consistency.  Consistency. Consistency.
UX Competencies Information Architect (findable, usable) Chiefly concerned with organization of information, focusing on navigation, search, page layout, & app structure. Interaction Designer (usable,  desirable) Focuses on granular interactions, usually at the view level but also higher level such as how navigation works and transitions between focus/tasks. Usability Engineer/Tester (usable, accessible) Focuses on ensuring (testing) ease of use and user performance—users can achieve what they need with minimal effort and maximum efficiency.
UX Competencies-cont HCI, CHI (usable,  accessible) Human-computer or computer-human interaction specialists are typically more research-oriented and experimental than usability engineers but share similar goals of making computers more usable and intuitive to users. Visual Designer (desirable, credible) Focuses on look and feel to establish good will and perception, enhances positive associations between app and user, helps communicate information effectively, creates consistent and distinguishing visual design, and establishes credibility by providing a finished, polished look. Software Architect (useful, valuable, *) Chief Experience Officer on projects.  Must ensure solutions provide the desired business value, which means overall UX.
 
Valuable Experience Diagram
Why Should I Care? “ I only build internal  apps.  Users don’t have  to like them.” “ I’m too busy; it’s hard  enough just getting the  functional requirements done.” “ I have to learn LINQ, SharePoint, Silverlight, Entity Framework, etc.  I already have enough to know.”
Find What You Want Know Where You Are
Communicating Visually
Establishing Trust
The Reality Humans Can Separate Feelings from Thinking And Act Only on Thinking Humans are Thinky-Feely Creatures –  Our Thoughts and Feelings Influence Each Other and Our Actions (Productivity)
How Much Should I Invest in UX? Internal use commercial sale users opt-in compelled use generates revenue reduce costs company portal online tools (google, yahoo) shrink-wrap  consumer software (quicken, ms money) ecommerce software (amazon, expedia) enterprise class accounting (sap, oracle) crm applications (salesforce.com, siebel) call center software company time tracking user adoption purpose
Doing UX User-Centered Design (UCD) UX-Friendly Methodology Personas Usability Testing Patterns Refactoring
Choosing a UX-Friendly Process Agile (Domain-Driven Design Object Thinking Test-Driven Development Behavior Driven Development )
UX Design Process
Personas Meet Bob, Ivan, and Alice  “ Hi Bob, Ivan, and Alice!”
Usability Testing Imagination only goes so far… Tunnel Vision/Thinking Lightweight – “How to Test with Folks You Have Lying Around” Usability by Inspection Heavyweight – Full Usability Testing Usability Professional Usability Testing Labs (One-Way Mirrors) Field Research – Observing Users Eye Tracking, and More
UX Patterns Building on Patterns Idea of  Alexander et al Building Things That  Live  or are  Livable Not Algorithms; Not Code; Not Components Discovered—NOT Invented Describe (Good) Open-ended Solutions to Problems Encountered in Specific Contexts Seed the Language UX Pattern Catalogues: infragistics.com/ux
Parts of a Pattern
Refactoring Continuous Improvement Continuous Feedback Baby Steps
Keep the Focus on User’s Experience
Building Great UX with .NET What does .NET give you? A Great Development Platform and Runtime(s) Visual Studio ASP.NET AJAX WPF Expression Suite Silverlight What does .NET NOT give you? UX-Friendly Methodology UX Expertise Human-Centered Thinking
Visual Studio Rapid Dev Tooling Integrated Unit Testing Class DSL Integrated Guidance Integration with Expression Future DSLs (DSL Tools)?  “D” Language
ASP.NET AJAX Minimize/Eliminate Context  Switching Death to full page refreshes! Enhance Perceived Performance Modularize page and reduce server load. Reduce rendering time by only updating relevant areas. UX Enhancements Animations Autocomplete / Suggestions Modal Popups / Dialogs Drag-n-Drop Areas More… http://www.openlaszlo.org
Expression Blend & WPF Designer-Developer Workflow Better Separation of UI and Code Share Same Project Files Simple, Designable Animations Declarative Bindings & Triggers Embedded 3D, Video, Audio, & Other UI Goodies “ Lookless” Controls
Silverlight Cross-Platform WPF –  Bring Goodness of WPF to Web Enable Richer UI Paradigms for Web Applications AJAX on (cheap) Steroids  “ Cheap” means lower TCO More Reliable Framework & Behavior Built-in Multimedia Support Multiple Language Support Dynamic Language Support
What .NET Does NOT Provide UX-Friendly Methodology UX Expertise & Design Human-Centered Thinking
Great tools help, but ultimately, you have to learn how to use them to build great experiences.
What the heck  did we cover? How do  I  make software for people? Quo Vadis? Why should I care? What can it do for  me ? UX = UI Just another buzzword... UX?  What is It?
Resources http://www.designinginterfaces.com http://www.welie.com http://developer.yahoo.com/ypatterns http://ui-patterns.com http://www.lukew.com/ff http://www.boxesandarrows.com http://www.uxmatters.com http://www.uxmag.com
Don’t Forget! All the tooling in the world will only go so far.  You need to change your approach to  developing software:   “Design from the outside in!” Contact Details Kalpesh Parmar (Vic) [email_address]

More Related Content

PPTX
PHP Indonesia - Understanding UI UX from Developer Side
PPTX
User Experience in Software Development - A Primer
PDF
User Experience for Software Engineers
PPTX
User interface design: definitions, processes and principles
PDF
UX RULES: 10 ESSENTIAL PRINCIPLES
PPS
User Interface Design @iRajLal
PPT
User Experience Roles Competencies
PPTX
Ui design
PHP Indonesia - Understanding UI UX from Developer Side
User Experience in Software Development - A Primer
User Experience for Software Engineers
User interface design: definitions, processes and principles
UX RULES: 10 ESSENTIAL PRINCIPLES
User Interface Design @iRajLal
User Experience Roles Competencies
Ui design

What's hot (20)

PDF
Wireframing for Mobile App Developers
PDF
Mobile Information Architecture
PPT
Building for People: 5 Practical Tip for Greating Great UX
PDF
Getting know ux design process for your startup
PPTX
Alice Phieu - UI/UX For Developers
PPTX
TC UX Tools and Technologies
PDF
Simple Steps to UX/UI Web Design
PDF
NoVA UX Responsive Design
PPTX
UI/UX Fundamentals
PDF
What is UI/UX and the Difference
PPT
Ux team organization
PPTX
"What Are the Key Differences between UI and UX Design?"
PDF
UX & UI Design - Differentiate through design
 
PPTX
UI vs UX workshop
PPTX
Fundamentals of UX Design
PPTX
UX Design Workshop
PDF
Visualising the User Experience
PDF
User interface and user experience ui ux design basics
PPT
UX Deliverables in Practice
PDF
Some Dos and Don’ts in UI/UX Design of Mobile Applications
Wireframing for Mobile App Developers
Mobile Information Architecture
Building for People: 5 Practical Tip for Greating Great UX
Getting know ux design process for your startup
Alice Phieu - UI/UX For Developers
TC UX Tools and Technologies
Simple Steps to UX/UI Web Design
NoVA UX Responsive Design
UI/UX Fundamentals
What is UI/UX and the Difference
Ux team organization
"What Are the Key Differences between UI and UX Design?"
UX & UI Design - Differentiate through design
 
UI vs UX workshop
Fundamentals of UX Design
UX Design Workshop
Visualising the User Experience
User interface and user experience ui ux design basics
UX Deliverables in Practice
Some Dos and Don’ts in UI/UX Design of Mobile Applications
Ad

Similar to Importance of User eXperience (20)

PDF
User Experience: Why should you care?
PPSX
UX Explained
PDF
Integrating User Experience Design into the Product Lifecycle
 
PPTX
An Introduction to User Experience for Dev's & Techies
PDF
Incorporating UX into Your Projects
PPTX
What is UX v2
PPTX
Ux Overview
PPTX
Winning hearts and minds: how to embed UX from scratch in a large organisation
PDF
Becoming A User Advocate
PPTX
The Importance of UX
PDF
Introduction to User Experience - Mike Biggs
PDF
Demystifying User Experience - General Assembly
PDF
What is UX?
PDF
Intro to UX: Enterprise UX
PDF
User Experience Design for Software Engineers, ICS & The Qt Company
 
PPTX
UX Army of One
PPT
Architecting For Ux
PDF
How Do I UX by Quick Left
PDF
UX? WTF? - Intro To User Experience Design Pt. 1
PDF
Introduction to User Experience Design for Engineers
 
User Experience: Why should you care?
UX Explained
Integrating User Experience Design into the Product Lifecycle
 
An Introduction to User Experience for Dev's & Techies
Incorporating UX into Your Projects
What is UX v2
Ux Overview
Winning hearts and minds: how to embed UX from scratch in a large organisation
Becoming A User Advocate
The Importance of UX
Introduction to User Experience - Mike Biggs
Demystifying User Experience - General Assembly
What is UX?
Intro to UX: Enterprise UX
User Experience Design for Software Engineers, ICS & The Qt Company
 
UX Army of One
Architecting For Ux
How Do I UX by Quick Left
UX? WTF? - Intro To User Experience Design Pt. 1
Introduction to User Experience Design for Engineers
 
Ad

Recently uploaded (20)

PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Empathic Computing: Creating Shared Understanding
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Machine learning based COVID-19 study performance prediction
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PPTX
Cloud computing and distributed systems.
PDF
Modernizing your data center with Dell and AMD
Digital-Transformation-Roadmap-for-Companies.pptx
Chapter 3 Spatial Domain Image Processing.pdf
Building Integrated photovoltaic BIPV_UPV.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Reach Out and Touch Someone: Haptics and Empathic Computing
The AUB Centre for AI in Media Proposal.docx
Empathic Computing: Creating Shared Understanding
“AI and Expert System Decision Support & Business Intelligence Systems”
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Mobile App Security Testing_ A Comprehensive Guide.pdf
Encapsulation_ Review paper, used for researhc scholars
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Review of recent advances in non-invasive hemoglobin estimation
NewMind AI Monthly Chronicles - July 2025
Machine learning based COVID-19 study performance prediction
Per capita expenditure prediction using model stacking based on satellite ima...
Cloud computing and distributed systems.
Modernizing your data center with Dell and AMD

Importance of User eXperience

  • 1. Speaker : Kalpesh Parmar (Vic) Technical Evangelist Infragistics
  • 2. What the Heck Are We Here For? How do I make software for people? Quo Vadis? Why should I care? What can it do for me ? UX = UI ??? Just another buzzword... UX? What is It?
  • 3. What We’ll Cover What is User Experience? It’s Everywhere You Want to Be What Makes Good UX? Competencies Why User Experience? Incorporating UX into Development Some UX Pointers for .NET
  • 4. User Experience is Everything That’s Preposterous! What about Database? OOD? The –ilities? Security/Privacy? Batch Processes? ?? UX is the Overall Experience
  • 5. User Experience is Everything Scalability Maintainability Manageability Security Privacy Branding Resilience Robustness Responsiveness Extensibility Reusability Agility Performance Stability Reliability Adaptability Efficiency Availability
  • 6. What Makes Good UX? User Experience Honeycomb Courtesy of Peter Morville
  • 7. Guiding Principles Design from the Outside In Don’t Think About What You/the App Need; Think About What the User Knows and What the User Needs Don’t Assume: Preempt Questions/Avoid Confusion by Guiding Users Make Software Smarter, More Context Aware Consistency. Consistency. Consistency.
  • 8. UX Competencies Information Architect (findable, usable) Chiefly concerned with organization of information, focusing on navigation, search, page layout, & app structure. Interaction Designer (usable, desirable) Focuses on granular interactions, usually at the view level but also higher level such as how navigation works and transitions between focus/tasks. Usability Engineer/Tester (usable, accessible) Focuses on ensuring (testing) ease of use and user performance—users can achieve what they need with minimal effort and maximum efficiency.
  • 9. UX Competencies-cont HCI, CHI (usable, accessible) Human-computer or computer-human interaction specialists are typically more research-oriented and experimental than usability engineers but share similar goals of making computers more usable and intuitive to users. Visual Designer (desirable, credible) Focuses on look and feel to establish good will and perception, enhances positive associations between app and user, helps communicate information effectively, creates consistent and distinguishing visual design, and establishes credibility by providing a finished, polished look. Software Architect (useful, valuable, *) Chief Experience Officer on projects. Must ensure solutions provide the desired business value, which means overall UX.
  • 10.  
  • 12. Why Should I Care? “ I only build internal apps. Users don’t have to like them.” “ I’m too busy; it’s hard enough just getting the functional requirements done.” “ I have to learn LINQ, SharePoint, Silverlight, Entity Framework, etc. I already have enough to know.”
  • 13. Find What You Want Know Where You Are
  • 16. The Reality Humans Can Separate Feelings from Thinking And Act Only on Thinking Humans are Thinky-Feely Creatures – Our Thoughts and Feelings Influence Each Other and Our Actions (Productivity)
  • 17. How Much Should I Invest in UX? Internal use commercial sale users opt-in compelled use generates revenue reduce costs company portal online tools (google, yahoo) shrink-wrap consumer software (quicken, ms money) ecommerce software (amazon, expedia) enterprise class accounting (sap, oracle) crm applications (salesforce.com, siebel) call center software company time tracking user adoption purpose
  • 18. Doing UX User-Centered Design (UCD) UX-Friendly Methodology Personas Usability Testing Patterns Refactoring
  • 19. Choosing a UX-Friendly Process Agile (Domain-Driven Design Object Thinking Test-Driven Development Behavior Driven Development )
  • 21. Personas Meet Bob, Ivan, and Alice “ Hi Bob, Ivan, and Alice!”
  • 22. Usability Testing Imagination only goes so far… Tunnel Vision/Thinking Lightweight – “How to Test with Folks You Have Lying Around” Usability by Inspection Heavyweight – Full Usability Testing Usability Professional Usability Testing Labs (One-Way Mirrors) Field Research – Observing Users Eye Tracking, and More
  • 23. UX Patterns Building on Patterns Idea of Alexander et al Building Things That Live or are Livable Not Algorithms; Not Code; Not Components Discovered—NOT Invented Describe (Good) Open-ended Solutions to Problems Encountered in Specific Contexts Seed the Language UX Pattern Catalogues: infragistics.com/ux
  • 24. Parts of a Pattern
  • 25. Refactoring Continuous Improvement Continuous Feedback Baby Steps
  • 26. Keep the Focus on User’s Experience
  • 27. Building Great UX with .NET What does .NET give you? A Great Development Platform and Runtime(s) Visual Studio ASP.NET AJAX WPF Expression Suite Silverlight What does .NET NOT give you? UX-Friendly Methodology UX Expertise Human-Centered Thinking
  • 28. Visual Studio Rapid Dev Tooling Integrated Unit Testing Class DSL Integrated Guidance Integration with Expression Future DSLs (DSL Tools)? “D” Language
  • 29. ASP.NET AJAX Minimize/Eliminate Context Switching Death to full page refreshes! Enhance Perceived Performance Modularize page and reduce server load. Reduce rendering time by only updating relevant areas. UX Enhancements Animations Autocomplete / Suggestions Modal Popups / Dialogs Drag-n-Drop Areas More… http://www.openlaszlo.org
  • 30. Expression Blend & WPF Designer-Developer Workflow Better Separation of UI and Code Share Same Project Files Simple, Designable Animations Declarative Bindings & Triggers Embedded 3D, Video, Audio, & Other UI Goodies “ Lookless” Controls
  • 31. Silverlight Cross-Platform WPF – Bring Goodness of WPF to Web Enable Richer UI Paradigms for Web Applications AJAX on (cheap) Steroids “ Cheap” means lower TCO More Reliable Framework & Behavior Built-in Multimedia Support Multiple Language Support Dynamic Language Support
  • 32. What .NET Does NOT Provide UX-Friendly Methodology UX Expertise & Design Human-Centered Thinking
  • 33. Great tools help, but ultimately, you have to learn how to use them to build great experiences.
  • 34. What the heck did we cover? How do I make software for people? Quo Vadis? Why should I care? What can it do for me ? UX = UI Just another buzzword... UX? What is It?
  • 35. Resources http://www.designinginterfaces.com http://www.welie.com http://developer.yahoo.com/ypatterns http://ui-patterns.com http://www.lukew.com/ff http://www.boxesandarrows.com http://www.uxmatters.com http://www.uxmag.com
  • 36. Don’t Forget! All the tooling in the world will only go so far. You need to change your approach to developing software: “Design from the outside in!” Contact Details Kalpesh Parmar (Vic) [email_address]