Who Cares About State?

Talk about different states of UI components: invalid, loading, populated, success, among others.

(Examples used were all taken from Dribbble. They are not my own.)

Transcript

1. who cares about STATE? by Diéssica Gurskas
2. state is just a moment of a component in our app
3. humans love feedback.
4. how to give users feedback?
5. give developers STATES
6. how?
7. "3-state solution" ("Getting Real" book)
8. 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
9. not enough.
10. HOW?
11. consider data
12. initial empty valid populated loading... invalid DONE
13. 1. initial
14. 1. initial
15. 2. loading
16. 2. loading
17. 3. empty
18. 3. empty
19. 4. populated too few, too many
20. 4. populated
21. 5. valid
22. 5. valid
23. 6. invalid
24. 6. invalid
25. 6. invalid
26. 7. done
27. 7. done
28. consider interaction
29. focus hover visited active disabled
30. consider business state
31. business state
32. consider macro
33. consider micro
34. always do research
35. why?
36. it is easy
37. 'cause we love feedback
38. thank you.