<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Masaki Iino</title>
    <description>The latest articles on DEV Community by Masaki Iino (@masaki_iino_60e1ef88991b5).</description>
    <link>https://dev.to/masaki_iino_60e1ef88991b5</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4084216%2F82b9fe85-7ea5-4e35-ad56-655945a37a96.png</url>
      <title>DEV Community: Masaki Iino</title>
      <link>https://dev.to/masaki_iino_60e1ef88991b5</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/masaki_iino_60e1ef88991b5"/>
    <language>en</language>
    <item>
      <title>Where Should I Look? 3 Small UX Problems in Remote Demos</title>
      <dc:creator>Masaki Iino</dc:creator>
      <pubDate>Fri, 28 Aug 2026 00:57:31 +0000</pubDate>
      <link>https://dev.to/masaki_iino_60e1ef88991b5/where-should-i-look-3-small-ux-problems-in-remote-demos-2n1d</link>
      <guid>https://dev.to/masaki_iino_60e1ef88991b5/where-should-i-look-3-small-ux-problems-in-remote-demos-2n1d</guid>
      <description>&lt;p&gt;In remote software demos, the biggest problem is not always the product itself.&lt;/p&gt;

&lt;p&gt;Sometimes the audience simply doesn’t know where to look.&lt;/p&gt;

&lt;p&gt;A button may be visible. A setting may already be on screen. The presenter may be explaining everything correctly.&lt;/p&gt;

&lt;p&gt;But if attention isn’t directed clearly, people can still get lost.&lt;/p&gt;

&lt;p&gt;After doing a lot of screen sharing and software demos, I kept noticing the same small UX problems.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. The cursor is visible, but not necessarily noticeable
&lt;/h2&gt;

&lt;p&gt;When you're presenting your own screen, you always know where your pointer is.&lt;/p&gt;

&lt;p&gt;The audience doesn’t.&lt;/p&gt;

&lt;p&gt;On a large monitor, a compressed video call, or a busy application UI, the pointer can easily disappear visually even though it is technically visible.&lt;/p&gt;

&lt;p&gt;This becomes especially obvious when you say something like:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“If you look over here…”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;You know exactly what “here” means.&lt;/p&gt;

&lt;p&gt;The audience may need another second or two to find it.&lt;/p&gt;

&lt;p&gt;That delay sounds minor, but during a demo it can happen again and again.&lt;/p&gt;

&lt;p&gt;A presenter moves on to the next step while part of the audience is still trying to locate the previous one.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Moving the pointer is not the same as directing attention
&lt;/h2&gt;

&lt;p&gt;A common workaround is to move the mouse around whatever you want people to notice.&lt;/p&gt;

&lt;p&gt;I’ve done this many times myself.&lt;/p&gt;

&lt;p&gt;Circle the button with the cursor.&lt;/p&gt;

&lt;p&gt;Move back and forth over a chart.&lt;/p&gt;

&lt;p&gt;Quickly point between two settings.&lt;/p&gt;

&lt;p&gt;It works, but it also adds visual noise.&lt;/p&gt;

&lt;p&gt;Eventually I realized there are really two different actions happening:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Navigation&lt;/strong&gt; — using the mouse to operate the software.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Attention&lt;/strong&gt; — telling the audience where to look.&lt;/p&gt;

&lt;p&gt;During a demo, those aren’t always the same thing.&lt;/p&gt;

&lt;p&gt;Sometimes I don’t want to click anything or change the interface.&lt;/p&gt;

&lt;p&gt;I just want to say:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Look here.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Highlighting something can interrupt the demo
&lt;/h2&gt;

&lt;p&gt;There are plenty of powerful screen annotation tools available.&lt;/p&gt;

&lt;p&gt;They make sense when you want to draw arrows, write notes, add shapes, or explain something in detail.&lt;/p&gt;

&lt;p&gt;But during a live product demo, switching into a drawing mode can sometimes be more than I need.&lt;/p&gt;

&lt;p&gt;The workflow becomes:&lt;/p&gt;

&lt;p&gt;stop operating the product → choose an annotation tool → highlight something → clear it → return to the demo.&lt;/p&gt;

&lt;p&gt;That is only a few steps, but it changes the rhythm of the presentation.&lt;/p&gt;

&lt;p&gt;For many situations, I wanted something much simpler.&lt;/p&gt;

&lt;p&gt;A visual cue that appears when I need it and then gets out of the way.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I wanted instead
&lt;/h2&gt;

&lt;p&gt;I eventually wrote down a few constraints for myself:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;appear only when I deliberately ask for it&lt;/li&gt;
&lt;li&gt;disappear automatically&lt;/li&gt;
&lt;li&gt;require almost no thought while presenting&lt;/li&gt;
&lt;li&gt;avoid switching into a separate drawing workflow&lt;/li&gt;
&lt;li&gt;let me continue operating the software normally&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That led me to build a small utility called &lt;strong&gt;Pointer Cue&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;The idea is deliberately simple.&lt;/p&gt;

&lt;p&gt;On a Mac, pressing &lt;strong&gt;Command&lt;/strong&gt; highlights the pointer with a temporary ring. On Windows, the equivalent action uses &lt;strong&gt;Control&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Hold the key and drag, and you can temporarily outline an area of the screen.&lt;/p&gt;

&lt;p&gt;The Mac version also has a &lt;strong&gt;Focus Cue&lt;/strong&gt; that can make the active window stand out when the rest of the desktop is distracting.&lt;/p&gt;

&lt;p&gt;There are no drawing palettes to open first and no annotation mode I need to remember to exit.&lt;/p&gt;

&lt;p&gt;I can keep demonstrating the software and add a visual cue only when the audience needs one.&lt;/p&gt;

&lt;p&gt;That distinction turned out to matter more to me than adding more annotation features.&lt;/p&gt;

&lt;p&gt;Pointer Cue isn’t intended to replace a full screen drawing or presentation tool.&lt;/p&gt;

&lt;p&gt;It is designed for a narrower problem:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;helping people know where to look without interrupting the flow of a demo.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;If you're curious, I put more details and a free version here:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://lp.toybird.com/pointer-cue/" rel="noopener noreferrer"&gt;https://lp.toybird.com/pointer-cue/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But I’m more interested in the broader question.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;When you're doing a remote demo or screen share, how do you make sure people know where to look without interrupting what you're presenting?&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>productivity</category>
      <category>ux</category>
      <category>showdev</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Mouse Highlighting Isn’t New. I Wanted One Tuned for Remote Demos</title>
      <dc:creator>Masaki Iino</dc:creator>
      <pubDate>Wed, 19 Aug 2026 04:33:51 +0000</pubDate>
      <link>https://dev.to/masaki_iino_60e1ef88991b5/mouse-highlighting-isnt-new-i-wanted-one-tuned-for-remote-demos-2b13</link>
      <guid>https://dev.to/masaki_iino_60e1ef88991b5/mouse-highlighting-isnt-new-i-wanted-one-tuned-for-remote-demos-2b13</guid>
      <description>&lt;p&gt;Mouse highlighting is nothing new.&lt;/p&gt;

&lt;p&gt;Tools for making the cursor easier to see or annotating an area of the screen have been around for years. I had already been using some of them myself, including &lt;strong&gt;Simple Mouse Locator&lt;/strong&gt; and &lt;strong&gt;ScreenBrush&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;They are useful tools. But after doing a lot of software demos and screen sharing, I kept wanting a slightly different combination:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Tuned specifically for remote demos&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Intuitive enough that using it wouldn’t interrupt the demo itself&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That is why I built &lt;a href="https://lp.toybird.com/en/pointer-cue/" rel="noopener noreferrer"&gt;Pointer Cue&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The friction wasn’t drawing — it was switching modes
&lt;/h2&gt;

&lt;p&gt;A pointer highlight works well when I simply want to say:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“Look here.”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;But during software demos, I often need to indicate something larger: a group of settings, a toolbar, a chart, or an entire panel.&lt;/p&gt;

&lt;p&gt;Full annotation tools already handle this very well. The friction for me was the workflow.&lt;/p&gt;

&lt;p&gt;To highlight an area, I would enter drawing mode, mark the area, explain it, exit drawing mode, and then continue operating the application.&lt;/p&gt;

&lt;p&gt;None of those steps are difficult. But during a live demo, even one extra mode switch can break the rhythm.&lt;/p&gt;

&lt;p&gt;What I wanted was much simpler:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;When I want to indicate an area, I want to do it immediately — and then keep going.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;So Pointer Cue lets me highlight an area without treating it as a separate annotation workflow.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fvhg544s8ew5ilih8fmh0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fvhg544s8ew5ilih8fmh0.png" alt=" " width="799" height="433"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It is a small difference, but it changes how the tool feels during an actual demo. I can focus on what I am explaining rather than thinking about which mode the presentation tool is currently in.&lt;/p&gt;

&lt;h2&gt;
  
  
  Tuned for what remote viewers actually see
&lt;/h2&gt;

&lt;p&gt;The other thing I wanted to change was the pointer highlight itself.&lt;/p&gt;

&lt;p&gt;Many mouse-highlighting tools feel fast and responsive when viewed directly on your own display.&lt;/p&gt;

&lt;p&gt;But during a remote meeting, the audience is seeing a shared-screen video affected by compression, frame rate, network conditions, and often a much smaller viewing area.&lt;/p&gt;

&lt;p&gt;I found that an effect that looked obvious on my own screen could be surprisingly easy for someone on the other side of the meeting to miss.&lt;/p&gt;

&lt;p&gt;So I deliberately tuned Pointer Cue’s highlight to move a little more slowly. It slightly follows the pointer instead of behaving like an instantaneous effect.&lt;/p&gt;

&lt;p&gt;That was intentional.&lt;/p&gt;

&lt;p&gt;I wasn’t optimizing for the fastest-looking animation on my own Mac. I was optimizing for a different question:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Can the person watching my shared screen actually notice where I want them to look?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fskh234excpnwe717uv23.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fskh234excpnwe717uv23.png" alt=" " width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That is the main reason I think of Pointer Cue not simply as a mouse highlighter, but as a visual aid &lt;strong&gt;tuned for remote software demos&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  The latest step: Active Window Highlight
&lt;/h2&gt;

&lt;p&gt;More recently, I noticed another issue.&lt;/p&gt;

&lt;p&gt;Even when the cursor is easy to see, a demo can involve several windows at once. I might move from a browser to a desktop application, compare two windows, and then return to the first one.&lt;/p&gt;

&lt;p&gt;As the presenter, that context is obvious. For the audience, it can take a moment to understand:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;“Which window should I be looking at now?”&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;So the latest version of Pointer Cue adds &lt;strong&gt;Active Window Highlight&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;When I change focus, Pointer Cue visually emphasizes the window I am actually using.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdv6uc7uxgxdhxhnizjmd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fdv6uc7uxgxdhxhnizjmd.png" alt=" " width="799" height="433"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Again, I wanted this to require no extra presentation action. I switch windows because that is already part of the demo. Pointer Cue simply makes that change easier for the audience to follow.&lt;/p&gt;

&lt;h2&gt;
  
  
  A deliberately narrow tool
&lt;/h2&gt;

&lt;p&gt;Pointer Cue is not intended to replace full annotation or whiteboard tools.&lt;/p&gt;

&lt;p&gt;If I need arrows, freehand drawing, text, shapes, or persistent annotations, those tools are a better fit.&lt;/p&gt;

&lt;p&gt;Pointer Cue is intentionally narrower.&lt;/p&gt;

&lt;p&gt;I wanted a lightweight tool for the moments when I simply need to help an audience follow a software demo: make the pointer easier to see, indicate an area without switching modes, and make the active window obvious.&lt;/p&gt;

&lt;p&gt;The common idea behind all of those features is simple:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Visual guidance should follow the demo — the demo shouldn’t have to stop for the visual guidance.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Try it in a real remote demo
&lt;/h2&gt;

&lt;p&gt;Pointer Cue is available for both Mac and Windows.&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://lp.toybird.com/en/pointer-cue/" rel="noopener noreferrer"&gt;See Pointer Cue and download it here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For a limited time, I’m also offering a &lt;strong&gt;free macOS version directly from the website&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;If you regularly give product demos, customer presentations, training sessions, tutorials, or share software in remote meetings, I’d love for you to try it in a real session.&lt;/p&gt;

&lt;p&gt;And if you regularly demo software, I’m curious:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What small interaction in a presentation tool most often interrupts the flow of your demo?&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>productivity</category>
      <category>presentation</category>
      <category>workplace</category>
    </item>
  </channel>
</rss>
