SlideShare ist ein Scribd-Unternehmen logo
1 von 56
Downloaden Sie, um offline zu lesen
Smashing
Conference
Review
@kmacdesign
Kathleen MacAinsh
Part 1
NETWORKING
• 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?
Questions to answer
• 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?
KATHLEEN’S
MAJOR KEYS
SMASHING CONF | NEW YORK | 2016
Smashing Conf’s
MAJOR KEYS!
• Experiment: Try making something for the sake of seeing if
it can be done
• Put ideas out into the world to make them a reality
• Designing for the web is hard: Great experience design can
be a list of contradictions
• A great customer experience starts with a work environment
that allows the team/players to succeed
• London, Ontario is doing pretty darn good!
MAJOR KEY #1
EXPERIMENT
“It annoyed me how people treat each
other on the internet sometime. People
forget that behind that twitter handle is
a human being with feelings…”
@BrendanDawes
“so I made a
machine”
@BrendanDawes
The Happiness Machine
Brendan Dawes
People loved this
experiment
It’s just a printer connected
to the internet…
But wrapping a concept around
it made it something special.
When you hold something in
your hands it means that much
more to you.
Put your ideas out there and
you’ll be surprised by who may
love your work.
Responsive Huggy Laser
Panda Factory
Sarah Drasner
@sdras
(GSAP)

Greensock, a timeline-based
animation building tool.
https://greensock.com/learning/
Sarah’s Slides: http://slides.com/sdrasner/smashing-ny#/
The Physical Interface

Josh Clark
https://www.dropbox.com/s/zoaegh8ghh0xfpt/physical-
interface-josh-clark.pdf?dl=0
The way we interact with the
web is changing and we should
experiment with it so we don’t
get lost behind…
MAJOR KEY #2
PUT IDEAS INTO THE WORLD
TO MAKE THEM A REALITY
MAJOR KEY #3
DESIGNING FOR THE
WEB IS HARD
The Secret Life of Comedy

Espen Brunborg
https://www.dropbox.com/s/qjh7vthc7k3hjfs/secret-life-of-
comedy-espen-brunborg.pdf?dl=0
GREAT DESIGN IS…
IT CAN BE BOTH
https://worksurfaces.pws.co.uk/
MAJOR KEY #4
DESIGNING GREAT CUSTOMER
EXPERIENCES STARTS WITH THE
WORK ENVIRONMENT
The work environment
must allow the team
and players to success
Build a friendly,
positive and
open culture
Research as a 

team sport
Play in the same field
Share and celebrate
MAJOR KEY #5
LONDON ONTARIO IS DOING
PRETTY DARN GOOD!
DevLdn
UX Talks
Explode Conf
Lighthouse Labs
Ladies/kids learning
code
dribbble meet up
AND MORE
Let’s continue to
grow our community
of tech, design and
user experience
pros.
• 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 systems
Frontify Workspace
Design System - Patter Lab
Voice and Tone Guide
Design System
Workshop with various
roles
Design Sprints
Sharing often
Alla Kholmatova —
Building a Pattern
Language For The Web

https://
www.dropbox.com/s/
picwj0kpkioicpg/atoms-
modules-particles-alla-
kholmatova.pdf?dl=0
Thanks!

Weitere ähnliche Inhalte

Was ist angesagt?

Internet librarian v9
Internet librarian v9Internet librarian v9
Internet librarian v9
teaguese
 

Was ist angesagt? (20)

Евгений Андрушко "Big & Enterpise data: чему они нас научили"
Евгений Андрушко "Big & Enterpise data: чему они нас научили"Евгений Андрушко "Big & Enterpise data: чему они нас научили"
Евгений Андрушко "Big & Enterpise data: чему они нас научили"
 
Do you have founder myopia?
Do you have founder myopia?Do you have founder myopia?
Do you have founder myopia?
 
The Last Productivity Hack You'll Ever Need
The Last Productivity Hack You'll Ever NeedThe Last Productivity Hack You'll Ever Need
The Last Productivity Hack You'll Ever Need
 
Building Business in a Connected World
Building Business in a Connected WorldBuilding Business in a Connected World
Building Business in a Connected World
 
Internet librarian v9
Internet librarian v9Internet librarian v9
Internet librarian v9
 
Crowe Horwath Young Leaders Workshop 15 April 2016
Crowe Horwath Young Leaders Workshop 15 April 2016Crowe Horwath Young Leaders Workshop 15 April 2016
Crowe Horwath Young Leaders Workshop 15 April 2016
 
Using UX Skills to Craft Your Career
Using UX Skills to Craft Your CareerUsing UX Skills to Craft Your Career
Using UX Skills to Craft Your Career
 
Tools 4 Creative Business People
Tools 4 Creative Business PeopleTools 4 Creative Business People
Tools 4 Creative Business People
 
The Subtle Dynamics of Leading Without Authority as a Technical Lead - Oren E...
The Subtle Dynamics of Leading Without Authority as a Technical Lead - Oren E...The Subtle Dynamics of Leading Without Authority as a Technical Lead - Oren E...
The Subtle Dynamics of Leading Without Authority as a Technical Lead - Oren E...
 
Introduction to Growth Hacking - Building an Engine for triple digit growth
Introduction to Growth Hacking - Building an Engine for triple digit growthIntroduction to Growth Hacking - Building an Engine for triple digit growth
Introduction to Growth Hacking - Building an Engine for triple digit growth
 
7 resources to help you become a successful project manager in your industry
7 resources to help you become a successful project manager in your industry7 resources to help you become a successful project manager in your industry
7 resources to help you become a successful project manager in your industry
 
Design Studio: A Methodology of Awesomeness
Design Studio: A Methodology of AwesomenessDesign Studio: A Methodology of Awesomeness
Design Studio: A Methodology of Awesomeness
 
The Making of a Web Team
The Making of a Web TeamThe Making of a Web Team
The Making of a Web Team
 
PRstack 2 – A practical guide to modern PR tools and workflow
PRstack 2 – A practical guide to modern PR tools and workflowPRstack 2 – A practical guide to modern PR tools and workflow
PRstack 2 – A practical guide to modern PR tools and workflow
 
How ANYONE can make insanely better slides
How ANYONE can make insanely better slidesHow ANYONE can make insanely better slides
How ANYONE can make insanely better slides
 
Design Systems First: Everyday Practices for a Scaleable Design Process
Design Systems First: Everyday Practices for a Scaleable Design ProcessDesign Systems First: Everyday Practices for a Scaleable Design Process
Design Systems First: Everyday Practices for a Scaleable Design Process
 
#SPSJHB 8 June 2013
#SPSJHB 8 June 2013#SPSJHB 8 June 2013
#SPSJHB 8 June 2013
 
Marketing is not all fluff; engineering is not all math
Marketing is not all fluff; engineering is not all mathMarketing is not all fluff; engineering is not all math
Marketing is not all fluff; engineering is not all math
 
2013 Resource Planning Summit Charles Howell - Provoking People into Action
2013 Resource Planning Summit Charles Howell - Provoking People into Action2013 Resource Planning Summit Charles Howell - Provoking People into Action
2013 Resource Planning Summit Charles Howell - Provoking People into Action
 
The Intersection of DevRel and Product
The Intersection of DevRel and ProductThe Intersection of DevRel and Product
The Intersection of DevRel and Product
 

Ähnlich wie Smashing Conf Review - Part 1

Scrum in the Enterprise - Making It Work With Distributed Teams - Liz Heier
Scrum in the Enterprise - Making It Work With Distributed Teams - Liz HeierScrum in the Enterprise - Making It Work With Distributed Teams - Liz Heier
Scrum in the Enterprise - Making It Work With Distributed Teams - Liz Heier
Atlassian
 
64 ux-design-interview-questions-bayux-160825225837
64 ux-design-interview-questions-bayux-16082522583764 ux-design-interview-questions-bayux-160825225837
64 ux-design-interview-questions-bayux-160825225837
Daniel Augusto
 
Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2
Chad Udell
 

Ähnlich wie Smashing Conf Review - Part 1 (20)

Designing with content-first
Designing with content-firstDesigning with content-first
Designing with content-first
 
Tools and Resources for Transition from Libraries to Wider Community Use Cent...
Tools and Resources for Transition from Libraries to Wider Community Use Cent...Tools and Resources for Transition from Libraries to Wider Community Use Cent...
Tools and Resources for Transition from Libraries to Wider Community Use Cent...
 
Why does our Design team love working at Canonical
Why does our Design team love working at CanonicalWhy does our Design team love working at Canonical
Why does our Design team love working at Canonical
 
Managing a Project the Drupal Way - Drupal Open Days Ireland
Managing a Project the Drupal Way - Drupal Open Days IrelandManaging a Project the Drupal Way - Drupal Open Days Ireland
Managing a Project the Drupal Way - Drupal Open Days Ireland
 
2012 Taiwan UX Summit 微型工作坊 簡報
2012 Taiwan UX Summit 微型工作坊 簡報2012 Taiwan UX Summit 微型工作坊 簡報
2012 Taiwan UX Summit 微型工作坊 簡報
 
Collaborative content: tools to improve communication and content outcomes - ...
Collaborative content: tools to improve communication and content outcomes - ...Collaborative content: tools to improve communication and content outcomes - ...
Collaborative content: tools to improve communication and content outcomes - ...
 
Agile in the Real World: Digital Moderation (Talk for IIBA/VUW)
Agile in the Real World: Digital Moderation (Talk for IIBA/VUW)Agile in the Real World: Digital Moderation (Talk for IIBA/VUW)
Agile in the Real World: Digital Moderation (Talk for IIBA/VUW)
 
Scrum in the Enterprise - Making It Work With Distributed Teams - Liz Heier
Scrum in the Enterprise - Making It Work With Distributed Teams - Liz HeierScrum in the Enterprise - Making It Work With Distributed Teams - Liz Heier
Scrum in the Enterprise - Making It Work With Distributed Teams - Liz Heier
 
The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developers
 
Scaling Fast: Growing Engineering Orgs From Zero to IPO
Scaling Fast: Growing Engineering Orgs From Zero to IPOScaling Fast: Growing Engineering Orgs From Zero to IPO
Scaling Fast: Growing Engineering Orgs From Zero to IPO
 
Craig Peters: Running Great Review Meetings
Craig Peters: Running Great Review MeetingsCraig Peters: Running Great Review Meetings
Craig Peters: Running Great Review Meetings
 
64 ux-design-interview-questions-bayux-160825225837
64 ux-design-interview-questions-bayux-16082522583764 ux-design-interview-questions-bayux-160825225837
64 ux-design-interview-questions-bayux-160825225837
 
64 UX Design Interview Questions at Google, Facebook, Amazon, Microsoft, Sale...
64 UX Design Interview Questions at Google, Facebook, Amazon, Microsoft, Sale...64 UX Design Interview Questions at Google, Facebook, Amazon, Microsoft, Sale...
64 UX Design Interview Questions at Google, Facebook, Amazon, Microsoft, Sale...
 
SharePoint 2016 & Office 365: A Look Ahead To What's Coming - SPS Vancouver
SharePoint 2016 & Office 365: A Look Ahead To What's Coming - SPS VancouverSharePoint 2016 & Office 365: A Look Ahead To What's Coming - SPS Vancouver
SharePoint 2016 & Office 365: A Look Ahead To What's Coming - SPS Vancouver
 
Delve in the Real World: Making the Future of the Social Enterprise a Reality
Delve in the Real World: Making the Future of the Social Enterprise a RealityDelve in the Real World: Making the Future of the Social Enterprise a Reality
Delve in the Real World: Making the Future of the Social Enterprise a Reality
 
#iMOOT15mm #LXDesign Mapping Learner Journeys
#iMOOT15mm #LXDesign Mapping Learner Journeys#iMOOT15mm #LXDesign Mapping Learner Journeys
#iMOOT15mm #LXDesign Mapping Learner Journeys
 
Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2
 
How to Achieve Business Value through Social
How to Achieve Business Value through SocialHow to Achieve Business Value through Social
How to Achieve Business Value through Social
 
Brightpod Overview
Brightpod OverviewBrightpod Overview
Brightpod Overview
 
What can DesignOps do for you? by Carol Smith at TLMUX in Montreal
What can DesignOps do for you? by Carol Smith at TLMUX in MontrealWhat can DesignOps do for you? by Carol Smith at TLMUX in Montreal
What can DesignOps do for you? by Carol Smith at TLMUX in Montreal
 

Kürzlich hochgeladen

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Kürzlich hochgeladen (20)

A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 

Smashing Conf Review - Part 1

  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 8. • 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?
  • 9. Questions to answer • 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?
  • 11.
  • 12. Smashing Conf’s MAJOR KEYS! • Experiment: Try making something for the sake of seeing if it can be done • Put ideas out into the world to make them a reality • Designing for the web is hard: Great experience design can be a list of contradictions • A great customer experience starts with a work environment that allows the team/players to succeed • London, Ontario is doing pretty darn good!
  • 14. “It annoyed me how people treat each other on the internet sometime. People forget that behind that twitter handle is a human being with feelings…” @BrendanDawes
  • 15. “so I made a machine” @BrendanDawes
  • 18. It’s just a printer connected to the internet…
  • 19. But wrapping a concept around it made it something special.
  • 20. When you hold something in your hands it means that much more to you.
  • 21. Put your ideas out there and you’ll be surprised by who may love your work.
  • 22.
  • 23. Responsive Huggy Laser Panda Factory Sarah Drasner @sdras
  • 24. (GSAP)
 Greensock, a timeline-based animation building tool. https://greensock.com/learning/ Sarah’s Slides: http://slides.com/sdrasner/smashing-ny#/
  • 25. The Physical Interface
 Josh Clark https://www.dropbox.com/s/zoaegh8ghh0xfpt/physical- interface-josh-clark.pdf?dl=0
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. The way we interact with the web is changing and we should experiment with it so we don’t get lost behind…
  • 32. MAJOR KEY #2 PUT IDEAS INTO THE WORLD TO MAKE THEM A REALITY
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38. MAJOR KEY #3 DESIGNING FOR THE WEB IS HARD
  • 39. The Secret Life of Comedy
 Espen Brunborg https://www.dropbox.com/s/qjh7vthc7k3hjfs/secret-life-of- comedy-espen-brunborg.pdf?dl=0
  • 41.
  • 42.
  • 43.
  • 44. IT CAN BE BOTH https://worksurfaces.pws.co.uk/
  • 45. MAJOR KEY #4 DESIGNING GREAT CUSTOMER EXPERIENCES STARTS WITH THE WORK ENVIRONMENT
  • 46. The work environment must allow the team and players to success
  • 47. Build a friendly, positive and open culture
  • 48.
  • 49. Research as a 
 team sport
  • 50. Play in the same field
  • 52. MAJOR KEY #5 LONDON ONTARIO IS DOING PRETTY DARN GOOD!
  • 53. DevLdn UX Talks Explode Conf Lighthouse Labs Ladies/kids learning code dribbble meet up AND MORE
  • 54. Let’s continue to grow our community of tech, design and user experience pros.
  • 55. • 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 systems Frontify Workspace Design System - Patter Lab Voice and Tone Guide Design System Workshop with various roles Design Sprints Sharing often Alla Kholmatova — Building a Pattern Language For The Web
 https:// www.dropbox.com/s/ picwj0kpkioicpg/atoms- modules-particles-alla- kholmatova.pdf?dl=0