Slide 1

Slide 1 text

Single Application Usability @scalone

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Disclaimer Not Browser ! Designing for Usability But not deep

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

–Wikipedia “Web site that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application.”

Slide 7

Slide 7 text

HTML, JavaScript, and CSS

Slide 8

Slide 8 text

HTML, JavaScript, and CSS single web page

Slide 9

Slide 9 text

HTML, JavaScript, and CSS Web site that fits on…

Slide 10

Slide 10 text

HTML, JavaScript, and CSS

Slide 11

Slide 11 text

Explain…

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

Points…

Slide 20

Slide 20 text

AJAX

Slide 21

Slide 21 text

Search engine optimization

Slide 22

Slide 22 text

Browser history

Slide 23

Slide 23 text

Client/Server code partitioning

Slide 24

Slide 24 text

Cases?

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

Design…

Slide 27

Slide 27 text

Visibility

Slide 28

Slide 28 text

Navigation

Slide 29

Slide 29 text

Style

Slide 30

Slide 30 text

Usability…

Slide 31

Slide 31 text

Learnability

Slide 32

Slide 32 text

Efficiency

Slide 33

Slide 33 text

Satisfaction

Slide 34

Slide 34 text

Real Cases https://www.spotify.com/us/2013/ http://www.adamhartwig.co.uk/ http://www.niquewoodhouse.com/folio/ http://www.rleonardi.com/interactive-resume/ http://makeyourmoneymatter.org/ https://www.simple.com/

Slide 35

Slide 35 text

Thank you! @scalone