During this webinar engineers: - Gained a better understanding of the rules of UI composition including Consistency, Patterns, and Hierarchy. This will save you time during UI design creation and strive for a perfect implementation the first time around. - Learned to understand what a developer looks for in a quality design work and how it can differ from a developer's perspective. - Were taught the ability to recognize issues in visual UI and be able to fix them without your designer’s direction. As a result, more autonomy when implementing UI

1. DESIGN:
FOR DEVELOPERS
PRESENTED BY: DES JOHNSON
AUGUST 07, 2019

2. Order of Events
• HOUSEKEEPING NOTES
• INTRO
• PRESENTATION
• Q&A SESSION

3. DIGITAL PRODUCT DEVELOPMENT
BUILD AND MENTOR

4. D
E
S
I
G
N
F O R
E N G I N E E R S

5. A G E N D A
➡ S H O R T S T O R Y
➡ S O M E R U L E S
➡ B E N E F I T S

6. O N C E U P O N A T I M E …

7. F R E S H
D E S I G N E R

10. T H A T ’ S
N O T I T.

11. I D O N ’ T G E T I T.

12. Make your
blocks
look like my
blocks.

14. W H A T ’ S
Y O U R
P O I N T ?

15. B R E A K D O W N I N
C O M M U N I C A T I O N

17. Row 1: Center Align
Small Rectangle
Row 2: Top Align
Triangle
Large Rectangle
Thin Rectangle
Thin Rectangle
Large Rectangle
Triangle.
Row 3: Center Align
Orange Square
Dark Orange Square
Orange Square.
Row 4: Center Align
Small Rectangle.

18. G R E A T P R O D U C T S

19. Designer
Speak
Developer
Speak

20. W H A T W E S E E

21. U S E R I N T E R F A C E

22. E Y E M O V E M E N T

25. R U L E 1
H I E R A R C H Y
There is only one king
that rules a kingdom.

26. D O
E L E V A T E
P R I O R I T Y

27. D O N ’ T
M U D D Y
P R I O R I T Y
Search
Scan Barcode
Find Nearest Target

28. R U L E 2
C O N S I S T E N C Y
What is done to one,
is done to a similar one.

29. D O
C R E A T E
T E M P L A T E S

30. D O N ’ T
C H A N G E
L A Y O U T S

31. R U L E 3
P A T T E R N S
Make your app more intuitive
Implement user patterns

32. D O
P R E D I C T
T H E U S E R

33. D O N ’ T
S L O W T H E
U S E R D O W N

34. T H E B E N E F I T S

35. B E T T E R D E S I G N
U N D E R S T A N D I N G

36. U S E R B A S E D
D E C I S I O N S

37. T H A N K S !