Making. Where design and front end development meet

Making. Where design and front end development meet

Transcript

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

   View Slide

2. Frontend NE
   @benholliday
   

   View Slide

3. Frontend NE
   @benholliday
   

   View Slide

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

   View Slide

5. Frontend NE
   @benholliday
   Newcastle
   

   View Slide

6. Frontend NE
   @benholliday
   Digital Transformation Hub
   

   View Slide

7. Frontend NE
   @benholliday
   

   View Slide

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

   View Slide

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

   View Slide

10. Frontend NE
    @benholliday
    

    View Slide

11. 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
    

    View Slide

12. 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/
    

    View Slide

13. 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/
    

    View Slide

14. 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
    CODE UX
    

    View Slide

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

    

    View Slide

16. 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.
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

21. Frontend NE
    @benholliday
    User research is a team sport
    

    View Slide

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

    View Slide

23. 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
    

    View Slide

24. Frontend NE
    @benholliday
    Testing pension tracing using real data
    

    View Slide

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

    View Slide

26. Frontend NE
    @benholliday
    Help your team make better decisions
    

    View Slide

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

    View Slide

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

    

    View Slide