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.

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 asked by 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)