smashing conf review - part 1

56
Smashing Conference Review @kmacdesign Kathleen MacAinsh Part 1

Upload: kathleen-macainsh

Post on 20-Jan-2017

44 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Smashing Conf Review - Part 1

Smashing Conference Review

@kmacdesignKathleen MacAinsh

Part 1

Page 2: Smashing Conf Review - Part 1
Page 3: Smashing Conf Review - Part 1
Page 4: Smashing Conf Review - Part 1
Page 5: Smashing Conf Review - Part 1
Page 6: Smashing Conf Review - Part 1
Page 7: Smashing Conf Review - Part 1

NETWORKING

Page 8: Smashing Conf Review - Part 1

• 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 9: Smashing Conf Review - Part 1

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?

Page 10: Smashing Conf Review - Part 1

KATHLEEN’SMAJOR KEYS

SMASHING CONF | NEW YORK | 2016

Page 11: Smashing Conf Review - Part 1
Page 12: Smashing Conf Review - Part 1

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!

Page 13: Smashing Conf Review - Part 1

MAJOR KEY #1

EXPERIMENT

Page 14: Smashing Conf Review - Part 1

“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

Page 15: Smashing Conf Review - Part 1

“so I made a machine”@BrendanDawes

Page 16: Smashing Conf Review - Part 1

The Happiness MachineBrendan Dawes

Page 17: Smashing Conf Review - Part 1

People loved this experiment

Page 18: Smashing Conf Review - Part 1

It’s just a printer connected to the internet…

Page 19: Smashing Conf Review - Part 1

But wrapping a concept around it made it something special.

Page 20: Smashing Conf Review - Part 1

When you hold something in your hands it means that much

more to you.

Page 21: Smashing Conf Review - Part 1

Put your ideas out there and you’ll be surprised by who may

love your work.

Page 22: Smashing Conf Review - Part 1
Page 23: Smashing Conf Review - Part 1

Responsive Huggy Laser Panda Factory

Sarah Drasner @sdras

Page 24: Smashing Conf Review - Part 1

(GSAP)

Greensock, a timeline-based animation building tool.

https://greensock.com/learning/

Sarah’s Slides: http://slides.com/sdrasner/smashing-ny#/

Page 25: Smashing Conf Review - Part 1

The Physical Interface

Josh Clark

https://www.dropbox.com/s/zoaegh8ghh0xfpt/physical-interface-josh-clark.pdf?dl=0

Page 26: Smashing Conf Review - Part 1
Page 27: Smashing Conf Review - Part 1
Page 28: Smashing Conf Review - Part 1
Page 29: Smashing Conf Review - Part 1
Page 31: Smashing Conf Review - Part 1

The way we interact with the web is changing and we should experiment with it so we don’t

get lost behind…

Page 32: Smashing Conf Review - Part 1

MAJOR KEY #2

PUT IDEAS INTO THE WORLD TO MAKE THEM A REALITY

Page 33: Smashing Conf Review - Part 1
Page 34: Smashing Conf Review - Part 1
Page 35: Smashing Conf Review - Part 1
Page 36: Smashing Conf Review - Part 1
Page 37: Smashing Conf Review - Part 1
Page 38: Smashing Conf Review - Part 1

MAJOR KEY #3

DESIGNING FOR THE WEB IS HARD

Page 39: Smashing Conf Review - Part 1

The Secret Life of Comedy

Espen Brunborg

https://www.dropbox.com/s/qjh7vthc7k3hjfs/secret-life-of-comedy-espen-brunborg.pdf?dl=0

Page 40: Smashing Conf Review - Part 1

GREAT DESIGN IS…

Page 41: Smashing Conf Review - Part 1
Page 42: Smashing Conf Review - Part 1
Page 43: Smashing Conf Review - Part 1
Page 44: Smashing Conf Review - Part 1

IT CAN BE BOTH

https://worksurfaces.pws.co.uk/

Page 45: Smashing Conf Review - Part 1

MAJOR KEY #4DESIGNING GREAT CUSTOMER

EXPERIENCES STARTS WITH THE WORK ENVIRONMENT

Page 46: Smashing Conf Review - Part 1

The work environment must allow the team

and players to success

Page 47: Smashing Conf Review - Part 1

Build a friendly, positive and open culture

Page 48: Smashing Conf Review - Part 1
Page 49: Smashing Conf Review - Part 1

Research as a team sport

Page 50: Smashing Conf Review - Part 1

Play in the same field

Page 51: Smashing Conf Review - Part 1

Share and celebrate

Page 52: Smashing Conf Review - Part 1

MAJOR KEY #5

LONDON ONTARIO IS DOING PRETTY DARN GOOD!

Page 53: Smashing Conf Review - Part 1

DevLdnUX Talks

Explode ConfLighthouse Labs

Ladies/kids learning code

dribbble meet upAND MORE

Page 54: Smashing Conf Review - Part 1

Let’s continue to grow our community of tech, design and

user experience pros.

Page 55: Smashing Conf Review - Part 1

• 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 System - Patter LabVoice 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

Page 56: Smashing Conf Review - Part 1

Thanks!