smashing conf review - part 2
TRANSCRIPT
![Page 1: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/1.jpg)
Smashing Conference Review
@kmacdesignKathleen MacAinsh
Part 2
![Page 2: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/2.jpg)
![Page 3: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/3.jpg)
![Page 4: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/4.jpg)
• How might our team work more collaboratively and effectively (CX, Research, Devs, Business, Content, Analytics)
• What kind of deliverables are other teams using to communicate designs to devs?
• How might we better communicate our work to the team and stakeholders?
• How are other teams working with the business to keep their vision and goals in mind when improving the UX
• How might we implement a pattern library at the start of a website redesign?
![Page 5: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/5.jpg)
MAJOR KEYS SMASHING CONF | NEW YORK | 2016
KATHLEEN’S
![Page 6: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/6.jpg)
![Page 7: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/7.jpg)
MAJOR KEYS!
• THINK IN SYSTEMS
• EXPAND OUR DESIGN CULTURE
• WE’RE DOING GREAT!
• FOCUS ON CONTENT
![Page 8: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/8.jpg)
THINK IN SYSTEMS
MAJOR KEY #1
Atoms, Modules and Other Fancy Particles - Part 2 by Alla Kholmatova
![Page 9: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/9.jpg)
MAJOR KEY #1
How do you create an enduring design system that people
want to use?
![Page 10: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/10.jpg)
MAJOR KEY #1
Understand the function of a module
Give modules names that people will use and remember
This results in consistency without detailed design specs
![Page 11: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/11.jpg)
MAJOR KEY #1
Understanding the function of a module is a team effort
![Page 12: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/12.jpg)
![Page 13: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/13.jpg)
![Page 14: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/14.jpg)
MAJOR KEY #1
![Page 15: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/15.jpg)
![Page 16: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/16.jpg)
![Page 17: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/17.jpg)
MAJOR KEY #1
Giving modules names that people will use and remember is also a team effort
![Page 18: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/18.jpg)
![Page 19: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/19.jpg)
![Page 20: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/20.jpg)
![Page 21: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/21.jpg)
![Page 22: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/22.jpg)
![Page 23: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/23.jpg)
![Page 24: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/24.jpg)
MAJOR KEY #1
Consistency without detailed design specs team effort
![Page 25: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/25.jpg)
MAJOR KEY #1
![Page 26: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/26.jpg)
MAJOR KEY #1
![Page 27: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/27.jpg)
FOCUS ON CONTENT
MAJOR KEY #2
Kate Kiefer-Lee: Writing in the Real World
![Page 28: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/28.jpg)
MAJOR KEY #2
Voice and Tone
![Page 29: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/29.jpg)
MAJOR KEY #2
Voice doesn’t change
![Page 30: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/30.jpg)
MAJOR KEY #2
Tone changes depending on the
situation
![Page 31: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/31.jpg)
open sourced
![Page 32: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/32.jpg)
![Page 33: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/33.jpg)
![Page 34: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/34.jpg)
![Page 35: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/35.jpg)
EXPAND OUR DESIGN CULTURE
MAJOR KEY #3
Frances Berriman: Driving Culture Change With Design
![Page 36: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/36.jpg)
DESIGNING GREAT CUSTOMER EXPERIENCES STARTS WITH THE WORK ENVIRONMENT
![Page 37: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/37.jpg)
THE WORK ENVIRONMENT MUST ALLOW THE TEAM
AND PLAYERS TO SUCCEED
![Page 38: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/38.jpg)
FRIENDLY, POSITIVE + OPEN CULTURE
BUILD A
![Page 39: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/39.jpg)
![Page 40: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/40.jpg)
Empathy
![Page 41: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/41.jpg)
Straight to the point
![Page 42: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/42.jpg)
Research as a team sport
![Page 43: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/43.jpg)
Play in the same field
![Page 44: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/44.jpg)
Share + celebrate
![Page 45: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/45.jpg)
WE’RE DOING GREAT
MAJOR KEY #4
![Page 46: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/46.jpg)
USER RESEARCH DESIGN SPRINTS
MODULAR DESIGN TOWN HALLS MOBILE FIRST
ACCESSIBILITY + PERFORMANCE CONTENT TEAM
ANALYTICS AND MORE
![Page 47: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/47.jpg)
Let’s continue to expand our design
culture.
![Page 48: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/48.jpg)
With each project we grow as a team and get better and
better!
![Page 49: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/49.jpg)
• How might our team work more collaboratively and effectively (CX, Research, Devs, Business, Content, Analytics)
• What kind of deliverables are other teams using to communicate designs to devs?
• How might we better communicate our work to the team and stakeholders?
• How are other teams working with the business to keep their vision and goals in mind when improving the UX
• How might we implement a pattern library at the start of a website redesign?
Design systemsFrontify Workspace
Design SystemVoice and Tone Guide
Design System Workshop with various
roles together
Design Sprints Sharing often
Alla Kholmatova — Building a Pattern Language For The Webhttps://www.dropbox.com/s/picwj0kpkioicpg/atoms-modules-particles-alla-kholmatova.pdf?dl=0
![Page 50: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/50.jpg)
How might we create a design system for our
company?
![Page 51: Smashing Conf Review - Part 2](https://reader031.vdocuments.net/reader031/viewer/2022021508/5a6d3a8f7f8b9a04428b5023/html5/thumbnails/51.jpg)
Principals Voice + Tone Style Guide
Pattern Library