16: No One's Trying to Make a Shitty Website

Layout

• Episode: 16: No One's Trying to Make a Shitty Website
• Website: Layout
• Feed URL: http://layout.fm/rss
• Duration: 01:20:19
• Published: 2016-04-08 02:00

How to work and collaborate with developers and how to make sure your designs and expectations are followed-through.

Show Notes

• Sketch 3.7

  • Download the beta

  • Style are awesome now (overrides)

  • Shared Styles now no longer sync automatically

• How you work and interact with engineers? (Question from Jony Heim on Twitter)

  • What's the problem?

    • Products don't end up like the mockups

    • Things are lost in the process

    • No one's happy

  • Kickoff

    • Bring developers early

  • While designing

    • Ask questions

    • Ask for feedback

      • Show your work early

      • Fresh Eyes session

    • Consider edge cases

      • Error states

      • Internationalization

      • Empty states

      • Transitions

      • No internet connection

    • Tip: Bootstrap Grids for example

    • 8pt grid

  • Handoff

    • Prototypes

    • Mockups

    • Annotations

    • Zeplin

  • While developing

    • Get them to care about good design

    • Design reviews

      • Any code in the codebase that affects user experience needs to be reviewed by a designer

      • Stuff doesn't go out unless we okay it

• Aftershow

  • Apple Music Ad

  • Tesla Model 3

Hosts

• Kevin Clark (@vernalkick)
• Rafael Conde (@rafahari)