Slide 1

Slide 1 text

FOR THE ENTERPRISE UX Romandie 2014 THE FUTURE OF DESIGN WHERE NO ONE HAS GONE BEFORE

Slide 2

Slide 2 text

Hello I’m Hervé

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Terminal $ yo [?] What would you like to do? (Use arrow keys) ! Run the Angular generator (0.7.1) Run the Cordova generator (0.0.5) Run the Foundation generator (0.5.0) Run the Heroku generator (0.0.7) Run the Mobile generator (1.0.0-alpha.1) Run the Polymer generator (0.0.9) Run the Webapp generator (0.4.9) (Move up and down to reveal more choices)

Slide 5

Slide 5 text

The Journey

Slide 6

Slide 6 text

enterprise software is purpose-designed computer software used to satisfy the needs of an organization rather than individual users. – Wikipedia

Slide 7

Slide 7 text

CRM ERP MDM CMS PSA RM RFQ EAM EMR KPI

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

designers Developers

Slide 10

Slide 10 text

performance scalability robustness

Slide 11

Slide 11 text

What about the User?

Slide 12

Slide 12 text

+ User Login User Password > Register > Lost your password? Login

Slide 13

Slide 13 text

What Am I doing Here?

Slide 14

Slide 14 text

With enterprise software, if the experience is bad, The user has no other choice than to live with it.

Slide 15

Slide 15 text

Complex doesn’t necessarily mean Complicated

Slide 16

Slide 16 text

Discoveries

Slide 17

Slide 17 text

Mobile First

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

webplatform.org

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

+ http://sfdc-styleguide.herokuapp.com/

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

+ calltoidea.com

Slide 25

Slide 25 text

Translate the mental model from Consumer Apps to Enterprise Apps

Slide 26

Slide 26 text

The Future

Slide 27

Slide 27 text

futurefriend.ly

Slide 28

Slide 28 text

API

Slide 29

Slide 29 text

salesforce.com bradfrostweb.com

Slide 30

Slide 30 text

salesforce.com bohemiancoding.com

Slide 31

Slide 31 text

dribbble.com/elibrumbaugh

Slide 32

Slide 32 text

+ getbootstrap.com

Slide 33

Slide 33 text

+ foundation.zurb.com

Slide 34

Slide 34 text

+ developers.google.com/web/starter-kit/

Slide 35

Slide 35 text

salesforce.com

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

+ sfdc-styleguide.herokuapp.com

Slide 38

Slide 38 text

salesforce.com angularjs.org

Slide 39

Slide 39 text

yeoman.io

Slide 40

Slide 40 text

Terminal $ yo [?] What would you like to do? (Use arrow keys) ! Run the Angular generator (0.7.1) Run the Cordova generator (0.0.5) Run the Foundation generator (0.5.0) Run the Heroku generator (0.0.7) Run the Mobile generator (1.0.0-alpha.1) Run the Polymer generator (0.0.9) Run the Webapp generator (0.4.9) (Move up and down to reveal more choices)

Slide 41

Slide 41 text

polymer-project.org

Slide 42

Slide 42 text

Everything is an element

Slide 43

Slide 43 text

webcomponents.org/ Terminal Video Player index.html Youtube Video Player

Slide 44

Slide 44 text

webcomponents.org/ index.html Youtube Video Player

Slide 45

Slide 45 text

+

Slide 46

Slide 46 text

+

Slide 47

Slide 47 text

+ webcomponents.org

Slide 48

Slide 48 text

+ developer.salesforce.com

Slide 49

Slide 49 text

+ sfdc-designer.herokuapp.com

Slide 50

Slide 50 text

customelements.io

Slide 51

Slide 51 text

component.kitchen

Slide 52

Slide 52 text

The future is already here it's just not very evenly distributed – William Gibson

Slide 53

Slide 53 text

@Dstroii http://speakerdeck.com/dstroii Thank you