Tools: PowerPoint Click-through

I work with complicated applications. Most of the screens have many moving parts. Describing the interactions and the flows to product owners and customers can be challenging. I use Microsoft’s PowerPoint to create a modern-day flip book.

flip it

Remember back to English class and doodling an animation in the bottom corner of the novel you were supposed to be reading? On each page I would draw a little guy walking along or riding a bike, going over a jump, and crashing into a million pieces.

Now I create similar “animations” using PowerPoint slides as individual pages. Showing the state changes to multiple parts of the screen for each interaction allows a product owner or customer to see what is going to happen. Each slide is a picture of the screen. Every slide is static. However, by clicking the down arrow or up arrow the viewer can walk through the changes. No actual animation is used to transition slides or move objects on the slides. The motion comes from the small changes done to the screens when viewed in sequence.

Steps to create a click-through:

  • Create the base slide by copying or drawing your screen
  • Copy the slide and paste it after the first one
  • Alter the screen to show the first change (e.g. a hover over or click)
  • Create an arrow that is big and bright to act as the cursor and focal point
  • Now you can click the slides back and forth to see the transition
  • Do this multiple times for each change in the screen
  • Add enough slides to bring the user through the whole set of changes that may occur
  • A slide deck can end up with 50 to 100 slides depending on […]
By |June 25th, 2015|Tools|0 Comments



Thank Goodness for Rain

Thank Goodness for Rain

So glad it is June


Photos are from a couple of days in February 2015.

Copyright 2015 Frictionless Design LLC

Tools: How I Use Google Hangouts

I work with clients located all over the world. I use Google Hangouts to create a sense of connection you cannot get from a conference call. Google Hangouts is not a perfect substitute for face-to-face meetings. However, it helps provide the visual cues we need while communicating.


At the beginning of every meeting, each person joins and shows their video on the conference. This gives everyone a chance to see each other and connect socially. This mimics the beginning of an in-person meeting.

  • Once the meeting begins, everyone is asked to switch to their picture, by turning off their video, to reduce bandwidth issues.

Google HangOuts Turn Off Video

  • Google Hangouts will balance the screen to whomever is speaking. If you only want to focus on one person, click on their image in Google Hangouts and it will remain on that display.

Google HangOuts Selected-video

  • If there are bandwidth issues but you want to see each other, Google Hangouts has a bandwidth adjuster that looks like cell phone reception bars. This is located at the top of the screen when you hover over the Google Hangouts window. Click on the icon to see the dialog. Move the setting to the position one above the lowest.

Google HangOuts Bandwidth Adjuster

  • When someone wants to show something they are working on they can share the application or desktop. Hover over the icon with the green monitor and white arrow. Click on the icon and a dialog will show. Select the specific application or […]