↵

Keynote does Material Design(vimeo.com)

9 years ago from Andrew Haskin, Interaction Designer at frog

  • Keira BuiKeira Bui, 9 years ago

    This is so awesome. Do you use any other tool such as Quartz Composer or Framer Studio? Now I don't know which tool I should learn next..

    0 points
    • Andrew HaskinAndrew Haskin, 9 years ago

      I have used other tools, but in the end, I keep coming back to Keynote. It's just so fast and intuitive. Here, I was primarily using it to show its capabilities as an animation and storytelling tool. QC and Framer are different because they're meant to produce non-linear interactive prototypes with rich gestures and finer levels of animations. You'll spend a lot more time in those apps, but to a different end. Keynote can be used as a prototyping tool, but it's not very good at it. If you're designing for mobile, I suggest Flinto. It's super simple, and it works on iOS and Android.

      Today I learned that Framer.js has Sketch integration, so I am very interested in trying that to build something non-linear with rich gestures quickly.

      4 points
      • Clark WimberlyClark Wimberly, 9 years ago

        I have a feeling that doing the exact same exercise in QC or Framer would take 4x as long.

        1 point
      • Keira BuiKeira Bui, 9 years ago

        Flinto is great and fast but it's too basic. So what you're saying is QC and Framer are different because they are interactive and provide better control over animation. Other than that, do you think QC/Framer prototypes would be more helpful for the developers?

        I'd definitely try Keynote now. Thanks for posting the file too!

        0 points
        • Andrew HaskinAndrew Haskin, 9 years ago

          I think for developers, the closer you can get to providing usable code, the better. The new Keynote can export to HTML, which supports complex animations, but performance varies, and the code I believe is quite unusable. Framer seems the most friendly for developers, but I don't have much experience with it.

          What Keynote is good at is I can quickly whip up an animation using wires or high fidelity assets to tell a story. I think using Keynote in this way comes before using QC/Framer. When you have something that looks right, and in interaction model to support it, then build a prototype to get the feel right.

          1 point
      • Jonathan YapJonathan Yap, 9 years ago

        I share the same experience with you Andrew. All the other tools that I've tried doesn't have the speed advantage over keynote. I can mockup a simple interaction flow in minutes compared to Framer and QC which will require sketch/photoshop to build one.

        Its also a bonus for easy quick demo to client/stakeholders, especially if you work with an accounts team which needs copy changes every 5 mins on presentations. ;)

        0 points