ux/ui optimization

12
UI/UX Design Optimization Ideas from Mechanical Engineering Mark Melnykowycz @americanpeyote

Upload: mark-melnykowycz

Post on 06-Dec-2014

952 views

Category:

Documents


4 download

DESCRIPTION

My lightening talk from the Zurich Frontend 2012 conference. Basically I want to take the optimization techniques I know from mechanical engineering and apply them to user experience and interaction design. Why do we still design user interfaces when they could just be optimized for different user groups and types. Our devices should know us and scale the user interface design directly to us and our user needs.

TRANSCRIPT

Page 1: UX/UI Optimization

UI/UX Design Optimization Ideas

from Mechanical Engineering

Mark Melnykowycz @americanpeyote

Page 2: UX/UI Optimization

UX/UI Design

Persona

Prototype

Requirements

Research

Goals

Testing

Shipping

Design Space Solution

Page 3: UX/UI Optimization

Element size

Placement on screen

Response rate

Animation speed

Changes as we age

Page 4: UX/UI Optimization

Device should know the user

Page 5: UX/UI Optimization

DesignerEngineer

It won't break

Can be produced

Low material usage

Functional

Beautiful

Form - Function

Page 6: UX/UI Optimization

Has to support weight of user

Page 7: UX/UI Optimization

Reaction Force

Reaction Force

Person Force

Boundary conditions

Page 8: UX/UI Optimization

Reaction Force

Reaction Force

Person Force

Boundary conditions Optimization

design spaceMaterial = wood, etc.

Page 9: UX/UI Optimization

Reaction Force

Reaction Force

Person Force

Boundary conditions Optimal solution

based on requirementsMaterial = wood,

etc.

Page 10: UX/UI Optimization

User interaction patterns

Design space

Page 11: UX/UI Optimization

User Profile

UI Design

DeviceOptimal

customized UX/UI

User interaction

pattern data

Page 12: UX/UI Optimization

Device should know the user

One app Optimized for specific user

patterns

App automatically fits optimal design

to user

Optimized