Tweet
Tweet

Slide 1

Slide 1 text

who cares about STATE? by Diéssica Gurskas

Slide 2

Slide 2 text

state is just a moment of a component in our app

Slide 3

Slide 3 text

humans love feedback.

Slide 4

Slide 4 text

how to give users feedback?

Slide 5

Slide 5 text

give developers STATES

Slide 6

Slide 6 text

how?

Slide 7

Slide 7 text

"3-state solution" ("Getting Real" book)

Slide 8

Slide 8 text

Regular: [...] everything's working fine and your app is flush with data. Blank: [..] when using the app for the first time, before data is entered. Error: [...] when something goes wrong. gettingreal.37signals.com/ch09_Three_State_Solution.php

Slide 9

Slide 9 text

not enough.

Slide 10

Slide 10 text

HOW?

Slide 11

Slide 11 text

consider data

Slide 12

Slide 12 text

initial empty valid populated loading... invalid DONE

Slide 13

Slide 13 text

1. initial

Slide 14

Slide 14 text

1. initial

Slide 15

Slide 15 text

2. loading

Slide 16

Slide 16 text

2. loading

Slide 17

Slide 17 text

3. empty

Slide 18

Slide 18 text

3. empty

Slide 19

Slide 19 text

4. populated too few, too many

Slide 20

Slide 20 text

4. populated

Slide 21

Slide 21 text

5. valid

Slide 22

Slide 22 text

5. valid

Slide 23

Slide 23 text

6. invalid

Slide 24

Slide 24 text

6. invalid

Slide 25

Slide 25 text

6. invalid

Slide 26

Slide 26 text

7. done

Slide 27

Slide 27 text

7. done

Slide 28

Slide 28 text

consider interaction

Slide 29

Slide 29 text

focus hover visited active disabled

Slide 30

Slide 30 text

consider business state

Slide 31

Slide 31 text

business state

Slide 32

Slide 32 text

consider macro

Slide 33

Slide 33 text

consider micro

Slide 34

Slide 34 text

always do research

Slide 35

Slide 35 text

why?

Slide 36

Slide 36 text

it is easy

Slide 37

Slide 37 text

'cause we love feedback

Slide 38

Slide 38 text

thank you.