$30 off During Our Annual Pro Sale. View Details »

Making. Where design and front end development meet

Frontend NE
September 03, 2015

Making. Where design and front end development meet

Making. Where design and front end development meet

Frontend NE

September 03, 2015
Tweet

More Decks by Frontend NE

Other Decks in Technology

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