smashing conf review - part 2

51
Smashing Conference Review @kmacdesign Kathleen MacAinsh Part 2

Upload: kathleen-macainsh

Post on 28-Jan-2018

84 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Smashing Conf Review - Part 2

Smashing Conference Review

@kmacdesignKathleen MacAinsh

Part 2

Page 2: Smashing Conf Review - Part 2
Page 3: Smashing Conf Review - Part 2
Page 4: Smashing Conf Review - Part 2

• 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

MAJOR KEYS SMASHING CONF | NEW YORK | 2016

KATHLEEN’S

Page 6: Smashing Conf Review - Part 2
Page 7: Smashing Conf Review - Part 2

MAJOR KEYS!

• THINK IN SYSTEMS

• EXPAND OUR DESIGN CULTURE

• WE’RE DOING GREAT!

• FOCUS ON CONTENT

Page 8: Smashing Conf Review - Part 2

THINK IN SYSTEMS

MAJOR KEY #1

Atoms, Modules and Other Fancy Particles - Part 2 by Alla Kholmatova

Page 9: Smashing Conf Review - Part 2

MAJOR KEY #1

How do you create an enduring design system that people

want to use?

Page 10: Smashing Conf Review - Part 2

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

MAJOR KEY #1

Understanding the function of a module is a team effort

Page 12: Smashing Conf Review - Part 2
Page 13: Smashing Conf Review - Part 2
Page 14: Smashing Conf Review - Part 2

MAJOR KEY #1

Page 15: Smashing Conf Review - Part 2
Page 16: Smashing Conf Review - Part 2
Page 17: Smashing Conf Review - Part 2

MAJOR KEY #1

Giving modules names that people will use and remember is also a team effort

Page 18: Smashing Conf Review - Part 2
Page 19: Smashing Conf Review - Part 2
Page 20: Smashing Conf Review - Part 2
Page 21: Smashing Conf Review - Part 2
Page 22: Smashing Conf Review - Part 2
Page 23: Smashing Conf Review - Part 2
Page 24: Smashing Conf Review - Part 2

MAJOR KEY #1

Consistency without detailed design specs team effort

Page 25: Smashing Conf Review - Part 2

MAJOR KEY #1

Page 26: Smashing Conf Review - Part 2

MAJOR KEY #1

Page 27: Smashing Conf Review - Part 2

FOCUS ON CONTENT

MAJOR KEY #2

Kate Kiefer-Lee: Writing in the Real World

Page 28: Smashing Conf Review - Part 2

MAJOR KEY #2

Voice and Tone

Page 29: Smashing Conf Review - Part 2

MAJOR KEY #2

Voice doesn’t change

Page 30: Smashing Conf Review - Part 2

MAJOR KEY #2

Tone changes depending on the

situation

Page 31: Smashing Conf Review - Part 2

open sourced

Page 32: Smashing Conf Review - Part 2
Page 33: Smashing Conf Review - Part 2
Page 34: Smashing Conf Review - Part 2
Page 35: Smashing Conf Review - Part 2

EXPAND OUR DESIGN CULTURE

MAJOR KEY #3

Frances Berriman: Driving Culture Change With Design

Page 36: Smashing Conf Review - Part 2

DESIGNING GREAT CUSTOMER EXPERIENCES STARTS WITH THE WORK ENVIRONMENT

Page 37: Smashing Conf Review - Part 2

THE WORK ENVIRONMENT MUST ALLOW THE TEAM

AND PLAYERS TO SUCCEED

Page 38: Smashing Conf Review - Part 2

FRIENDLY, POSITIVE + OPEN CULTURE

BUILD A

Page 39: Smashing Conf Review - Part 2
Page 40: Smashing Conf Review - Part 2

Empathy

Page 41: Smashing Conf Review - Part 2

Straight to the point

Page 42: Smashing Conf Review - Part 2

Research as a team sport

Page 43: Smashing Conf Review - Part 2

Play in the same field

Page 44: Smashing Conf Review - Part 2

Share + celebrate

Page 45: Smashing Conf Review - Part 2

WE’RE DOING GREAT

MAJOR KEY #4

Page 46: Smashing Conf Review - Part 2

USER RESEARCH DESIGN SPRINTS

MODULAR DESIGN TOWN HALLS MOBILE FIRST

ACCESSIBILITY + PERFORMANCE CONTENT TEAM

ANALYTICS AND MORE

Page 47: Smashing Conf Review - Part 2

Let’s continue to expand our design

culture.

Page 48: Smashing Conf Review - Part 2

With each project we grow as a team and get better and

better!

Page 49: Smashing Conf Review - Part 2

• 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

How might we create a design system for our

company?

Page 51: Smashing Conf Review - Part 2

Principals Voice + Tone Style Guide

Pattern Library