Making. Where design and front end development meet

by Frontend NE

Slide 1

Slide 1 text

Frontend NE @benholliday Making. Where design and front end development meet.

Slide 2

Slide 2 text

Frontend NE @benholliday

Slide 3

Slide 3 text

Frontend NE @benholliday

Slide 4

Slide 4 text

Frontend NE @benholliday DWP slide (GOV.UK) Service Design

Slide 5

Slide 5 text

Frontend NE @benholliday Newcastle

Slide 6

Slide 6 text

Frontend NE @benholliday Digital Transformation Hub

Slide 7

Slide 7 text

Frontend NE @benholliday

Slide 8

Slide 8 text

Frontend NE @benholliday Design is how we solve problems and make things work.

Slide 9

Slide 9 text

Frontend NE @benholliday User Experience is the responsibility of everyone in the team.

Slide 10

Slide 10 text

Frontend NE @benholliday

Slide 11

Slide 11 text

Frontend NE @benholliday Back-end Front-end Making Interaction Journey Integrated into actual systems Production ready HTML and CSS Prototyping in front-end code Design of user interactions Design of user journeys Front End Developer Interaction Designer

Slide 12

Slide 12 text

Frontend NE @benholliday The engineers call us designers. The UI designers call us   developers. The research team   calls us when they uncover   changes to make in the   application. Jason Beaird, Mailchimp (2012) http://jasongraphix.com/journal/the-rise-of-the-ux-developer/

Slide 13

Slide 13 text

Frontend NE @benholliday …it makes perfect sense that most front end developers are more interested in UX than those whose work doesn’t touch the user interface. Leisa Reichelt (2012) http://www.disambiguity.com/what-is-a-ux-developer/

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Frontend NE @benholliday Working together. Designers should write code. They also need your help. 

Slide 16

Slide 16 text

Frontend NE @benholliday Understanding the problem   as a team. Be interested in why you’re doing the work and what difference it will make to people.

Slide 17

Slide 17 text

Frontend NE @benholliday benholliday.com/frame-the-problem

Slide 18

Slide 18 text

Frontend NE @benholliday User Interface design as a discussion about feasibility progressive enhancement, and responsive layouts.

Slide 19

Slide 19 text

Frontend NE @benholliday [Sketching pic] Make sure work is visible and shared

Slide 20

Slide 20 text

Frontend NE @benholliday User research as the starting point for accessibility. Be interested in how well what you’re building works for people.

Slide 21

Slide 21 text

Frontend NE @benholliday User research is a team sport

Slide 22

Slide 22 text

Frontend NE @benholliday Prototyping with live data. Design with real data, to help teams learn what works, understanding constraints and breaking points.

Slide 23

Slide 23 text

Frontend NE @benholliday …when designers work with real data they design in reality. They allow data to inform and constrain their work. Josh Puckett, Dropbox https://medium.com/bridge-collection/modern-design-tools- using-real-data-62d499e97482

Slide 24

Slide 24 text

Frontend NE @benholliday Testing pension tracing using real data

Slide 25

Slide 25 text

Frontend NE @benholliday Agile delivery needs specialists who can collaborate on everything…

Slide 26

Slide 26 text

Frontend NE @benholliday Help your team make better decisions

Slide 27

Slide 27 text

Frontend NE @benholliday …you’re as invested as the risk you take for your opinions.

Slide 28

Slide 28 text

Frontend NE @benholliday Work on stuff that matters. #ofthegovernment 