The Tricothomy of UI Development

Transcript

1. THE TRICOTHOMY OF UI DEVELOPMENT
2. UI
3. USER INTERFACE
4. INTERFACE
5. The shared boundary between 2 components of a system that allows them to exchange information
9. THINKING LIKE A FRONT-END DEVELOPER CHRIS COYIER
10. DESIGN, CSS/SVG UX, A11Y FRAMEWORKS, BUNDLERS CSS-IN-JS, ARCHITECTURE
12. ANDREI PFEIFFER CODE DESIGNER EVENT ORGANIZER TECHNICAL WRITER
16. FRONT-END BACK-END PUBLIC ACCESS CLIENT FACING LIMITED ACCESS BACK OFFICE
17. CLIENT FACING BACK OFFICE
18. CLIENT FACING vs. BACK OFFICE
19. BACK OFFICE LAYOUT
20. CLIENT FACING LAYOUTS
21. NAVIGATION
22. TABLES
23. FORMS
24. by Alejandro Ausejo
25. by Olia Gozha
26. by Peter Deltondo by Anna Wangler
27. IMAGES
28. TYPOGRAPHY
29. ANIMATIONS
30. CROSS BROWSER
31. SEO a11y i18n
32. WEBSITE APP
33. WEBSITE vs. APP
34. STATE / DATA MANAGEMENT
36. DESIGN PATTERNS
37. FRAMEWORKS
40. (AUTOMATED) TESTS
41. COMPONENTS LIBRARY
42. FEW LAYOUT AESTHETICS ACCESSIBILITY DEVICE SUPPORT SOFTWARE COMPLEXITY CLIENT FACING WEBSITE BACK OFFICE APP COMPLEX SIMPLE HIGH LOW HIGH LOW HIGH LOW LOW HIGH INTERACTIVITY AUTOMATED TESTS LOW HIGH MANY NO COMPONENTS LIBRARY YES
43. CLIENT FACING APP BACK OFFICE WEBSITE
44. CLIENT FACING APP BACK OFFICE WEBSITE
45. CLIENT FACING WEBSITE
46. APP BACK OFFICE
47. WEBSITE BACK OFFICE
48. CLIENT FACING APP
49. CLIENT FACING APP
50. by Darin Senneff
51. BACK OFFICE APP CLIENT FACING WEBSITE MANY CLIENT FACING APP COMPLEX HIGH COMPLEX HIGH HIGH HIGH CUSTOM FEW COMPLEX HIGH HIGH HIGH LOW LOW NO SIMPLE LOW LOW LOW HIGH HIGH MANY YES LAYOUT AESTHETICS ACCESSIBILITY DEVICE SUPPORT SOFTWARE COMPLEXITY INTERACTIVITY AUTOMATED TESTS COMPONENTS LIBRARY
52. CLIENT FACING WEBSITE BACK OFFICE APP CLIENT FACING APP
53. CLIENT FACING APP ACCOUNTING ISSUE TRACKER CHAT
54. ACCOUNTING ISSUE TRACKER CHAT USER COUNT / DIVERSITY
55. CONCLUSIONS
56. REUSABILITY CUSTOMIZATION CLIENT-FACING APPS
57. CLIENT-FACING APPS AND REUSABILITY CUSTOMIZATION
58. REUSABILITY CUSTOMIZATION
61. /andreipfeiffer @pfeiffer_andrei /@andrei.pfeiffer THANK YOU