Layout

Our take on Google I/O: Daydream, Allo, Duo, Home, Android N and more!

• Follow up
  • Flow for Instagram
  • Instagram's abomination
  • The Eli Schiff Problem
• Google I/O
• MKBHD Preview video
• Google made a VR headset… sort of
  • Daydream is Google’s VR platform of the future
• Allo is a messaging app with a resident chatbot
• Duo is Google’s FaceTime competitor
• A smart speaker for the smart home
• Android N is smarter, faster, better
• Running Android apps without downloading them
• Android Wear 2.0

Instagram goes monochrome, Apple Music and Spotify design changes and Microsoft's new hover gestures.

• White Instagram?
• Apple Music redesign at WWDC?
• Spotify’s Tab Bar and kerning is hard
• Jean Marc Denis's tweet about the french kerning
• Designing at 1x
• Upspace
• Microsoft’s hover gestures
• Samsung did it first and it kinda sucked and no one cared

• Star Wars making of
• Dann Petty’s daily vlog
• Abstract App

Rafa's new Apple Watch game and some of the challenges that a designer goes through while building an app.

• Break this Safe, a "creatively frustrating" Apple Watch game
• MacStories's review of Break this Safe
• MacWorld's feature of Break this Safe
• Blackbox

Origami Studio, syncing and sharing Sketch files with a team and the pros and cons of using a personal account versus a separate account for posting design work.

• Follow up
  • Rafa tried Facebook Live
  • It’s a good week for designers
    • Framer
    • Sketch 3.7
    • Origami
  • Origami Studio
    • Facebook F8
    • Rapid Prototyping Made Easy with Origami Studio
    • Designing at Facebook
• Sync and sharing Sketch files with a team (Question from Ken Li via email.)
  • Folio for Mac
  • Pixelapse
  • Layervault
  • Dropbox Design Cabin
• Pros and cons of using a personal vs separate account for posting design work (Question by Niklas Petersson on Twitter.)

The all new Framer, Spotify v. Apple Music, and the new Rogue One trailer.

• Framer has a new face, and sweet new features
  • Homepage, teaser
  • New logo: Dribbble
  • Origami Icon
  • Sketch 2
  • SketchCasts episode on Framer
• Rafa rants: Apple Music v. Spotify
  • Taylor Swift's Ad
  • Spotify Running
• Rogue One: A Star Wars Story
  • New trailer
  • IMDB page

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

Job interviews, how to get and prepare for them

• Follow up:
  • InVision bought Silver
  • Layout Episode 13
• How to get an interview?
  • Have a portfolio
  • Be out there! Twitter, Dribbble, Medium, etc.
  • Be involved in community events, meetups
  • Squares Conference
    • Use discount code SQUARES25 for 25% off
  • Ask people to grab a coffee
  • Advice for people fresh out of college
• Types of interviews
  • General life story
    • Show you're passionate (reference articles, etc)
    • Tell a good story
  • Portfolio review
    • Only show your best stuff
    • Be honest (being critical of your work is good)
    • Be open to feedback
  • Design exercise (whiteboard)
    • How is it like to work with you?
    • What’s your thinking process like?
    • Design Criticism (at Facebook)
• Sebastian on Twitter asks: “What’s your worst interview experience and what kind of question should the interviewee ask in an interview”

The differences between independent, freelance, agencies, product companies and why you'd choose one over the other.

• Follow up:
  • Putting out the Twitter trashfire
    • Jack’s tweet
  • More details about Silver
• Agency Work vs Product Company vs Independent vs Freelance Requested by Santi Herrero (@santihbc)
• Independent:
  • SketchCasts
  • Break this Safe
  • Frames.design
  • Invision
  • Treehouse
• Freelance:
  • Layout episode 10: California Style Sheets
• Product Company
  • Shopify
• The Elephant in the Room

Uber's rebranding and Twitter's hypothetical algorithmic timeline.

• Uber's new branding:
  • New branding page
  • The Inside Story of Uber’s Radical Rebranding
  • Uber loading screen
  • Old Uber website
  • Layout Episode 1: Medium's new logo
• Algorithmic Twitter
  • Buzzfeed's article
  • Twitter's new logged out homepage

• Craft from InVision Labs
• Multitouch gestures in Framer

Our design process, more thoughts on Figma and the Shopify Summit.

Kevin had more time to play with Figma

• Arrows in Figma
• Layout episode 8 — Figma and the future of design tools
• Rasmus Andersson

• Bjango Design Resources – New App Icon Template
• Suits