SlideShare une entreprise Scribd logo
1  sur  12
UI/UX Design
  Optimization Ideas
         from
Mechanical Engineering

      Mark Melnykowycz
      @americanpeyote
UX/UI Design

     Goals


   Research           Prototype

                                     Shipping
    Persona
                       Testing

  Requirements




Design Space                      Solution
Element size

     Placement on screen

     Response rate

     Animation speed



Changes as we age
Device should
know the user
Engineer              Designer

It won't break            Functional

Low material usage         Beautiful

Can be produced      Form - Function
Has to support weight of user
Person Force
                              Reaction
                               Force




Boundary
conditions




             Reaction Force
Person Force
                                        Reaction
                                         Force



  Boundary
  conditions                        Optimization
                                    design space
Material = wood,
      etc.




                   Reaction Force
Person Force
                                       Reaction
                                        Force



  Boundary
  conditions                        Optimal solution
                                       based on
Material = wood,                     requirements
      etc.




                   Reaction Force
Design   User interaction
space       patterns
User                      Optimal
interaction     Device      customized
  pattern                     UX/UI
    data


              User Profile

              UI Design
One app
                             Optimized for
                             specific user
                               patterns

Optimized                   App automatically
                            fits optimal design
                                  to user


            Device should
            know the user

Contenu connexe

Plus de Mark Melnykowycz

Design Approaches For Immersive Experiences AR/VR/MR
Design Approaches For Immersive Experiences AR/VR/MRDesign Approaches For Immersive Experiences AR/VR/MR
Design Approaches For Immersive Experiences AR/VR/MRMark Melnykowycz
 
ISMAR 2014 AR Workshop: Designing Location Based Experiences
ISMAR 2014 AR Workshop: Designing Location Based ExperiencesISMAR 2014 AR Workshop: Designing Location Based Experiences
ISMAR 2014 AR Workshop: Designing Location Based ExperiencesMark Melnykowycz
 
Wearable Sensors and UX Development
Wearable Sensors and UX DevelopmentWearable Sensors and UX Development
Wearable Sensors and UX DevelopmentMark Melnykowycz
 
Hacking Health Zurich - Innovation Ecosystem
Hacking Health Zurich - Innovation EcosystemHacking Health Zurich - Innovation Ecosystem
Hacking Health Zurich - Innovation EcosystemMark Melnykowycz
 
Startup Camp Switzerland 2014: Wearable Tech and IoT Trends
Startup Camp Switzerland 2014: Wearable Tech and IoT TrendsStartup Camp Switzerland 2014: Wearable Tech and IoT Trends
Startup Camp Switzerland 2014: Wearable Tech and IoT TrendsMark Melnykowycz
 
Transmedia Zurich - World Building
Transmedia Zurich - World BuildingTransmedia Zurich - World Building
Transmedia Zurich - World BuildingMark Melnykowycz
 
Transmedia Zurich - Digital Story and Prototyping
Transmedia Zurich - Digital Story and PrototypingTransmedia Zurich - Digital Story and Prototyping
Transmedia Zurich - Digital Story and PrototypingMark Melnykowycz
 
Transmedia Zurich: Narrative and Story Structure in Games and Media
Transmedia Zurich: Narrative and Story Structure in Games and MediaTransmedia Zurich: Narrative and Story Structure in Games and Media
Transmedia Zurich: Narrative and Story Structure in Games and MediaMark Melnykowycz
 
Quantified User - Wearable Sensors - Content Scaling - UXCamp Europe 2013
Quantified User - Wearable Sensors - Content Scaling - UXCamp Europe 2013Quantified User - Wearable Sensors - Content Scaling - UXCamp Europe 2013
Quantified User - Wearable Sensors - Content Scaling - UXCamp Europe 2013Mark Melnykowycz
 
Transmedia Learnings from LA and San Francisco
Transmedia Learnings from LA and San FranciscoTransmedia Learnings from LA and San Francisco
Transmedia Learnings from LA and San FranciscoMark Melnykowycz
 
1st Ignite Zurich - Art Rarity and the Web
1st Ignite Zurich - Art Rarity and the Web1st Ignite Zurich - Art Rarity and the Web
1st Ignite Zurich - Art Rarity and the WebMark Melnykowycz
 
Idea Generation and Development
Idea Generation and DevelopmentIdea Generation and Development
Idea Generation and DevelopmentMark Melnykowycz
 

Plus de Mark Melnykowycz (14)

Design Approaches For Immersive Experiences AR/VR/MR
Design Approaches For Immersive Experiences AR/VR/MRDesign Approaches For Immersive Experiences AR/VR/MR
Design Approaches For Immersive Experiences AR/VR/MR
 
ISMAR 2014 AR Workshop: Designing Location Based Experiences
ISMAR 2014 AR Workshop: Designing Location Based ExperiencesISMAR 2014 AR Workshop: Designing Location Based Experiences
ISMAR 2014 AR Workshop: Designing Location Based Experiences
 
Wearable Sensors and UX Development
Wearable Sensors and UX DevelopmentWearable Sensors and UX Development
Wearable Sensors and UX Development
 
Hacking Health Zurich - Innovation Ecosystem
Hacking Health Zurich - Innovation EcosystemHacking Health Zurich - Innovation Ecosystem
Hacking Health Zurich - Innovation Ecosystem
 
Startup Camp Switzerland 2014: Wearable Tech and IoT Trends
Startup Camp Switzerland 2014: Wearable Tech and IoT TrendsStartup Camp Switzerland 2014: Wearable Tech and IoT Trends
Startup Camp Switzerland 2014: Wearable Tech and IoT Trends
 
Transmedia Zurich - World Building
Transmedia Zurich - World BuildingTransmedia Zurich - World Building
Transmedia Zurich - World Building
 
Transmedia Zurich - Digital Story and Prototyping
Transmedia Zurich - Digital Story and PrototypingTransmedia Zurich - Digital Story and Prototyping
Transmedia Zurich - Digital Story and Prototyping
 
Transmedia Zurich: Narrative and Story Structure in Games and Media
Transmedia Zurich: Narrative and Story Structure in Games and MediaTransmedia Zurich: Narrative and Story Structure in Games and Media
Transmedia Zurich: Narrative and Story Structure in Games and Media
 
Quantified User - Wearable Sensors - Content Scaling - UXCamp Europe 2013
Quantified User - Wearable Sensors - Content Scaling - UXCamp Europe 2013Quantified User - Wearable Sensors - Content Scaling - UXCamp Europe 2013
Quantified User - Wearable Sensors - Content Scaling - UXCamp Europe 2013
 
Transmedia Learnings from LA and San Francisco
Transmedia Learnings from LA and San FranciscoTransmedia Learnings from LA and San Francisco
Transmedia Learnings from LA and San Francisco
 
1st Ignite Zurich - Art Rarity and the Web
1st Ignite Zurich - Art Rarity and the Web1st Ignite Zurich - Art Rarity and the Web
1st Ignite Zurich - Art Rarity and the Web
 
Gonzo Art
Gonzo ArtGonzo Art
Gonzo Art
 
Web monday zurich 14
Web monday zurich 14Web monday zurich 14
Web monday zurich 14
 
Idea Generation and Development
Idea Generation and DevelopmentIdea Generation and Development
Idea Generation and Development
 

Dernier

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAndikSusilo4
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 

Dernier (20)

Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 

UX/UI Optimization

  • 1. UI/UX Design Optimization Ideas from Mechanical Engineering Mark Melnykowycz @americanpeyote
  • 2. UX/UI Design Goals Research Prototype Shipping Persona Testing Requirements Design Space Solution
  • 3. Element size Placement on screen Response rate Animation speed Changes as we age
  • 5. Engineer Designer It won't break Functional Low material usage Beautiful Can be produced Form - Function
  • 6. Has to support weight of user
  • 7. Person Force Reaction Force Boundary conditions Reaction Force
  • 8. Person Force Reaction Force Boundary conditions Optimization design space Material = wood, etc. Reaction Force
  • 9. Person Force Reaction Force Boundary conditions Optimal solution based on Material = wood, requirements etc. Reaction Force
  • 10. Design User interaction space patterns
  • 11. User Optimal interaction Device customized pattern UX/UI data User Profile UI Design
  • 12. One app Optimized for specific user patterns Optimized App automatically fits optimal design to user Device should know the user