Let's Work Together!
โข
13 likesโข24,977 views
This document discusses the importance of collaboration, communication, and establishing principles and guidelines when working in teams. It addresses challenges like differing approaches, technologies, and opinions that can arise. The document suggests researching user needs, establishing shared values and priorities, and creating design systems to promote consistency. Overall, it advocates for establishing processes and tools to facilitate interdisciplinary cooperation and coordination across organizations.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Let's Work Together!
Similar to Let's Work Together! (20)
More from Brad Frost
More from Brad Frost (13)
Recently uploaded
Recently uploaded (20)
Let's Work Together!
- 4. OUR WORK IS DONE WITH OTHER PEOPLE FOR OTHER PEOPLE
- 5. SLACK GIF
- 6. HOW DO WE WORK WITH โจ EACH OTHER?
- 7. HOW DO WE TALK TO โจ EACH OTHER?
- 8. HOW DO WE COORDINATE WITH โจ EACH OTHER?
- 9. HOW DO WE COLLABORATE WITH โจ EACH OTHER?
- 10. SPACES VS TABS SKETCH VS PHOTOSHOP GIF VS GIF GRUNT VS GULP NPM VS YARN FILE STRUCTURE BEM VS SMACSS FLAT VS SKEUOMORPHIC AZURE VS INDESIGN REACT VS VUE PROGRESSIVE ENHANCEMENT VS SINGLE PAGE APPS ANGULAR VS EMBER NATIVE VS WEB SVG VS ICON FONTS WORDPRESS VS DRUPAL PHP VS RUBY VS NODE VS PYTHON SASS VS LESS
- 13. complete chaos stifling rigidity
- 18. marketing sales engineering digital hr customerโจ support r&d accounting management administration
- 19. marketing sales engineering digital hr customerโจ support r&d accounting management administration
- 21. marketing sales engineering digital hr customerโจ support r&d accounting management administration
- 23. MISSION
- 25. COMPANY VALUES
- 26. ZAPPOS 10 CORE VALUES เน Deliver WOW Through Service เน Embrace and Drive Change เน Create Fun and A Little Weirdness เน Be Adventurous, Creative, and Open-Minded เน Pursue Growth and Learning เน Build Open and Honest Relationships With Communication เน Build a Positive Team and โจ Family Spirit เน Do More With Less เน Be Passionate and Determined เน Be Humble https://www.zapposinsights.com/about/core-values
- 27. CULTURE
- 28. โChris Edmonds An organizational constitution specifies your teamโs purpose, values and behaviors, strategies, and goals. โจ It creates โliberating rulesโ that help leaders and team members understand exactly how they are expected to treat each other and their customers. http://thecultureengine.com/
- 30. management public relations research digital social creative services analysis cmo vp assistants
- 31. management public relations research digital social creative services analysis cmo vp assistants
- 32. management public relations research digital social creative services analysis cmo vp assistants
- 33. โจ principles & guidelines management public relations research digital social creative services analysis cmo vp assistants
- 34. BRAND GUIDELINES
- 46. voiceandtone.com
- 50. team 1 team 2 team 3 team 4 team 5 team 7 team 6 team 9 team 10 team 8
- 51. team 1 team 2 team 3 team 4 team 5 team 7 team 6 team 9 team 10 team 8
- 53. team 1 team 2 team 3 team 4 team 5 team 7 team 6 team 9 team 10 team 8
- 54. โจ principles & guidelines team 1 team 2 team 3 team 4 team 5 team 7 team 6 team 9 team 10 team 8
- 55. DESIGN SYSTEMS!
- 80. code block .thisishowwedoit { } CSS SYNTAX GUIDELINES
- 81. code block .this-is-how-we-do-it { } CSS SYNTAX GUIDELINES
- 82. code block .thisIsHowWeDoIt { } CSS SYNTAX GUIDELINES
- 83. code block .this__is__how__we__doโ-it { } CSS SYNTAX GUIDELINES
- 84. code block .- -...- - ..- - โโ .. . ..โโ โ { } CSS SYNTAX GUIDELINES
- 87. BENEFITS OF DESIGN SYSTEMS เน Promotes UI consistency & cohesion = more conversions & $$$$$ เน Faster production = roll out more features & iterations faster than ever เน Shared vocabulary = more time collaborating & less time in meetings เน Easier to test = more responsive, performant, and accessible experiences เน Useful reference = an essential resource and hub for best practices เน Future-friendly foundation = modify, extend, & improve upon over time
- 88. MAKING DESIGN SYSTEMS HAPPEN
- 89. RESEARCH & USER INTERVIEWS
- 90. "You can probably carbon date our UIs โจ based on the design."
- 91. "The main challenges are the existing thousands of lines of code, acquisitions, and existing suite of technologies that makes up a billion dollars a year. We'd like to not lose that billion dollars."
- 92. "There's a lot of institutional knowledge here locked up in people's heads. Slack channels are great, but it becomes a scavenger hunt to find information about how something's supposed to work."
- 93. "For a basic expand/collapse pattern, the devs spent 2 days going to different teams to find the code, then still had to rebuild it themselves."
- 94. USER INTERVIEWS เน Round up a diverse group of stakeholders,users,and other people who would impact/be impacted by a design system เน Talk about current workflow,pain points,hopes,fears, dreams,frustrations,and other things that can influence the success of the design project เน Latch onto poignant quotes and emerging themes เน Start shaping the story and key themes in preparation โจ for kickoff
- 95. KICKOFF WORKSHOP
- 101. ]
- 102. PRIORITIES WORKSHOP เน Discuss emerging themes from interviews and introduce potential principles and tactics เน Give each person 5 votes for principles they care most about เน Discuss principles.What won?What lost?Why? เน Give each person 5 votes for tactics/features they care most about. เน Goal is to align around a set of shared principles and priorities for the design system
- 103. REGROUP & NEXT STEPS
- 105. REGROUP & NEXT STEPS เน Recap the day's events; talk about the outcomes เน Make sure to cover any lingering questions,concerns,and other words of wisdom that will help the design system be successful เน Explain what happens next and how they can stay involved with the design system process เน Pizza party.
- 106. DESIGN PRINCIPLES
- 107. โLuke Wroblewski Design principles are the guiding light for any software application. They articulate the fundamental goals that all decisions can be measured against and thereby keep the pieces of a project moving toward an integrated whole. https://www.lukew.com/ff/entry.asp?854
- 108. PROCESS PRODUCT
- 109. DESIGN SYSTEM PROCESS PRINCIPLES เน Make the best thing the โจ easiest thing เน Design for โgrab it quickโ ef๏ฌciency เน Design for contribution โจ and community เน Crowd-proof the markup เน Fit the work๏ฌow เน Just enough documentation เน Technology agnostic เน Embed the brand in the code เน Consistent, not homogenous เน Opinionated defaults เน Make people smarter just โจ by using it
- 110. DESIGN SYSTEM PRODUCT PRINCIPLES เน Just enough interface เน Strong and direct เน Speed is a feature เน Adaptable density เน Safety always เน No tricks or stunts เน Recycle, reduce, reuse
- 112. 6 COUNTER-INTUITIVE TESTS FOR CREATING DESIGN PRINCIPLES เน Does it come directly from research? เน Does it help you say โNoโ most of the time? เน Does it distinguish your design from your competitors? เน Is it something you might reverse in a future release? เน Have you evaluated it for this project? เน Is its meaning constantly tested? https://articles.uie.com/creating-design-principles/
- 113. DESIGN PRINCIPLES UNDERPIN EVERY BUSINESS, DESIGN, & DEV DECISION
- 114. PREPARING TO CREATE
- 122. WHAT ARE SOME GENERAL PRINCIPLES YOUR TEAM SHOULD FOLLOW WHEN WRITING HTML?
- 123. SPACES OR TABS?
- 124. SMACSS, BEM OR OTHER METHODOLOGY?
- 125. WHAT TOOLS (SASS, NORMALIZE, AUTOPREFIXER, ETC) DOES YOUR TEAM RELY ON TO WRITE CSS?
- 126. WHAT JS TOOLS (JQUERY, REACT, ANGULAR, POLYFILLS, DEPENDENCIES) DOES YOUR TEAM RELY ON?
- 127. THE WORKSHOP AND THE STOREFRONT
- 148. Pattern Lab Grunt/Gulp copy task Style Guide
- 157. comp production
- 159. DESIGN TOKENS
- 161. native appscommunications intranetmarketing site product
- 162. native appscommunications intranetmarketing site product design tokens
- 163. native appscommunications intranetmarketing site product design tokens implementation-agnostic source of truth
- 164. DESIGN TOKEN PROPERTIES เน Background colors เน Type colors เน Font families เน Font sizes เน Font weights เน Line Heights เน Border colors เน Border thicknesses เน Border radii เน Animation speeds เน Media queries เน Margins เน Padding
- 165. http://link.com
- 166. https://brand.ai/
- 180. THERE IS NO SUBSTITUTE FOR HUMAN COMMUNICATION AND COLLABORATION
- 189. whiteboard sketch working product that tool you've spent 7 years mastering
- 190. >
- 191. COLLABORATION AND COMMUNICATION BEAT DELIVERABLES
- 192. complete chaos stifling rigidity