Guide Their Eyes

John Lindquist
InstructorJohn Lindquist
Share this video with your friends

Social Share Links

Send Tweet
Published 7 years ago
Updated 5 years ago

Video is a one-way form of communication, so user's don't have the chance to ask you to clarify or ask "Where does X fit in?" This places the burden on you to guide their eyes as you explain how all the little pieces of the code fit together. When your application has a "flow", "X triggers Y, Y triggers Z", make sure to "show the flow" by walking them through where each chunk of code fits. This involves a lot of mouse movement (or fancy keyboard selection shortcuts) and hightlighting to bring it all together.

[00:00] Guide the users' eyes to help them follow along. For example, let's click on this button to show how this scan operator will handle incrementing each time the mouse is clicked.

[00:13] When I click over here, you can see this number increases because I'm adding one to the current total. You'll notice I did not write any code there. I was simply walking through the flow of the application.

[00:28] Anything I was interacting with, like the button or the scan operator I would highlight to draw their attention to that. This helps to keep you and the user on the exact same page.

[00:40] Also, if you need to say something like, "This is possible because in the Main.js file we registered Viewrx with you. And now, in our app file, we can use subscriptions."

[00:55] Anytime you reference something across your project, change the file, highlight what you're talking about. Be very explicit about where you're going and what you want them to look at, to really help them understand how all the little pieces fit together.

egghead
egghead
~ 19 minutes ago

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today