Learn how Keynote is useful for animation-focused interaction, and for testing out screen-flow animations. In this tutorial, Diane Cronenwett demonstrates how to use Keynote for simple UX interactions.
- Keynote is primarily a presentation software,…but you can use it for prototyping and for…wireframing concepts and ideas quickly.…Keynote has a lot of built-in animation,…so it's really easy to experiment with…different effects to prototype animations…and help visualize interactions.…One of the reasons you may want to use…Keynote for prototyping over another tool…is the ability to produce the interactions…and animations that you're visualizing, quickly.…In this first example that we're creating,…I'm going to simulate a web experience…where someone selects on a video and the…video displays in a modal state.…
I also want the video comments to move and dissolve in.…I've inserted a wireframe I created previously…and added a thin border around it to…distinguish it from the background.…Let's add some way of showing…how a user might select the video.…We'll do that by adding a circle…to show where the mouse will click.…In the Shapes menu, let's select a circle…and change the color of it using the inspector on the right.…
Author
Diane Cronenwett
Released
9/19/2017Explore the benefits, techniques, and tools of prototyping in this introductory course with designer Diane Cronenwett. Diane covers the basics of building effective prototypes with the right "fidelity," and getting more valuable feedback from your design testing. Learn how to build simple, satisfying prototypes on paper, and use digital prototyping tools like Moqups, InVision, and Axure to add interactivity and animation.
- What is a prototype?
- How prototyping helps user experience
- Defining prototype goals
- Sketching ideas
- Creating paper prototypes
- Building low-fidelity and high-fidelity prototypes
- Creating HTML prototypes
- Testing and evaluating prototypes
- Choosing the right prototyping tool
Skill Level Beginner
Duration
Views
-
Introduction
-
Welcome47s
-
-
1. Prototyping Basics
-
What is a prototype?2m 55s
-
-
2. Prototyping Fidelity
-
Choosing the right fidelity4m 43s
-
Low-fidelity prototyping2m 31s
-
High-fidelity prototyping2m 24s
-
3. Prototyping Tools
-
A word about tools1m 18s
-
Paper prototyping techniques2m 25s
-
Paper prototyping tools4m 7s
-
InVision for prototyping4m 29s
-
Axure prototyping11m 49s
-
-
Conclusion
-
Next steps48s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Keynote prototyping for animation