Loading articles
Editing and captions
Plan, record, and edit screen recording tutorials for mobile viewers. Use a worked example, capture checks, and a worksheet for readable steps.
Your tutorial shows the correct button, but the viewer cannot read its label. You recorded a full screen, squeezed it into a vertical edit, and added a voiceover saying "tap here." Screen recording tutorials for mobile need a more deliberate plan: the viewer has to locate the control, understand the action, and recognize the result on a small display.
A screen capture records the visible interaction on your device. It does not automatically explain what someone else should do. The recording may contain a keyboard that hides the next step, an account name that should never appear, or a loading delay that looks like the app has stopped responding.
This guide takes one small task from capture to review. The example is an invented, anonymized notes app workflow, not a customer result or a claim about a particular app's interface. The aim is a tutorial someone can follow and check. If you need help choosing what to teach, start with the separate guide to making educational Shorts clear. Here, the job is translating that lesson into a readable screen recording.
Write the task as a change the viewer can see. "Organize your notes" is too broad to guide a capture. "Move one existing note into a folder called Travel" names a starting object, an action, and a result.
Then write down the assumptions. Is the viewer already signed in? Does the folder exist? Is the note selected? A tutorial that silently starts halfway through a task can be perfectly accurate and still leave a beginner stranded.
For the notes example, use this short contract: "Starting with an existing note and a Travel folder, move the note into that folder and confirm it appears there." Creating an account and creating the folder are outside this clip. Say so if their absence could confuse the reader.
Show a brief view of the final state if it helps identify the task, then return to a clearly labeled starting view. Do not splice the finished result into the action sequence in a way that implies it has already happened. A preview and a demonstration serve different purposes.
Make a small capture list before opening the recorder:
| Capture | What must be visible | Why it belongs |
|---|---|---|
| Starting note | Note title and its current location | Establishes the object being moved |
| Action menu | The menu label and selected command | Shows how to reach the folder choice |
| Folder choice | Travel and the confirmation control | Makes the decision repeatable |
| Result | The note inside Travel | Verifies completion |
If the task takes six screens, keep six when all six matter. A short runtime is a constraint to work within, not permission to remove the only view that explains a step. The broader guide to short-form video length can help decide whether a task needs more room or a separate follow-up.
Use a demonstration account or your own sanitized material. Replace names, addresses, messages, file titles, and profile photos before recording. A blur added later can fail during a swipe or transition; removing the sensitive material from the capture environment is easier to inspect.
For this example, the note is called Packing List, contains generic items, and belongs to an invented account. There is no real itinerary behind it. Check the recent-apps view, search suggestions, keyboard suggestions, and notification previews as well as the main app.
Silence unwanted interruptions, but review the exported file anyway. Your device settings may still allow some alerts. Also check available storage and run a short trial that includes the exact interaction you plan to demonstrate. Discovering a silent recording after a long narration is an avoidable extra take.
On iPhone, use the Screen Recording control in Control Center. Apple's screen recording instructions explain the countdown and the microphone option available by holding the control. Apple also notes that some apps do not allow their content to be recorded. Check the controls for your device and software version before relying on a memorized gesture.
For Android, Google's screen recording guide describes the Quick Settings recorder, with choices for audio and showing touches. Availability and the exact interface depend on the phone and version. Record a few taps, stop, and watch the saved file before making the real take.
On supported Galaxy devices, Samsung documents separate sound choices and touch indicators. A touch indicator can show where a tap landed; it cannot explain what the control does. Keep an indicator only when it remains visible without obscuring the label.
Choose portrait capture when the demonstrated app works naturally in portrait. If the task requires landscape, record it that way and plan how to present the relevant area. Forcing an app into an unsuitable orientation can create a misleading tutorial rather than a cleaner composition.
Review the recording at the approximate size at which someone will watch. A desktop preview stretched across a monitor is a generous reading test. Put the exported draft on a phone and try to identify the control before the action happens.
The important question is specific: can you read "Move to folder" without pausing or guessing from the narration? If the answer is no, enlarge the relevant region, simplify the surrounding layout, or split the step into two views. Do not solve tiny interface text by adding another paragraph of tiny text.
A close-up of a button may be legible and disorienting. Start with a wider view that establishes the menu, then move into the area containing the relevant command. Keep a recognizable heading or neighboring control visible so the viewer can place the detail.
In the notes example, the action menu appears on the right. Cropping to the word "Move" alone hides which menu was opened. A slightly wider crop preserves the note title and menu edge. That extra context is useful information, even if it leaves less space for decorative text.
Make a zoom serve an instruction. Hold the wider view while the viewer locates the menu; enlarge the folder list when the choice becomes relevant. Constant zooming asks viewers to follow the camera and the task at the same time.
Use a marker when the location of an action is otherwise ambiguous. Place it beside the target and remove it after the action. A persistent arrow can keep pointing at a control after the screen has changed.
For a phone capture, a visible touch can be enough. For a desktop recording shown on a phone, a cursor highlight may help distinguish movement from a click. Neither is a substitute for naming the control. "Open the three-dot menu beside Packing List" is more useful than "tap where the circle is."
Finally, check that the destination platform's interface will not cover a needed control or label. Use the safe-zone verification guide for that separate check. Do not treat a fixed margin copied from someone else's screenshot as a universal template.
Record narration live if the task benefits from natural timing and you can perform it cleanly. Record it afterward if operating the app and explaining the decision at once creates mistakes. Both approaches can work; the important part is matching the instruction to the correct visible state.
Say "Choose Travel, then confirm the move" while those controls are visible. Avoid narration that announces completion before the screen shows it. Viewers use the voice and screen together to establish whether they are still following correctly.
W3C's guidance on describing visual information explains why meaningful visual details need an audio description for people who cannot see them adequately. In a tutorial, you can often integrate useful description into ordinary narration: name the menu, selected folder, and confirmation message instead of repeatedly saying "this" and "that."
Yes, when the cut preserves the instruction and honestly represents the task. A long wait can become a short labeled transition: "Loading time shortened." Keep enough of the before and after states for the viewer to understand what changed.
Do not remove a permission prompt the viewer must answer. Do not speed through a warning and then claim that the task requires only one tap. If typing a name is incidental, shorten it. If the lesson is how to enter a particular value, show the value clearly and give it time to be read.
For the notes example, a two-second folder refresh can be trimmed. The confirmation tap stays. Without it, the tutorial suggests that choosing a folder finishes the move when the example workflow actually requires confirmation.
Captions should preserve the spoken instruction and meaningful audio information. Treat their timing and accuracy as another review pass; the caption timing guide covers that work without turning this article into a caption tutorial.
Suppose your raw capture lasts 44 seconds. It includes opening the recorder, finding Packing List, navigating back after a mistaken tap, moving the note, and closing the recorder. The following proposed timeline is an illustrative edit plan, not a benchmark for every tutorial.
| Draft time | Screen and narration | Editorial decision |
|---|---|---|
| 0:00-0:03 | Packing List inside Travel; "Move an existing note into a folder" | Label this as the result preview |
| 0:03-0:07 | Starting note in its original location | Restore the start state clearly |
| 0:07-0:12 | Open the note's action menu | Name the menu and leave its label readable |
| 0:12-0:18 | Choose Move to folder, then Travel | Enlarge the choice without losing the menu heading |
| 0:18-0:22 | Tap the confirmation control | Keep the action that completes the move |
| 0:22-0:27 | Open Travel and show Packing List | Verify the promised result |
The mistaken tap goes because it is irrelevant to the intended path. If it reveals a common mistake worth teaching, make that a clearly labeled separate explanation. Quietly stitching a mistake and recovery into the main flow can imply an action sequence that never occurred.
Now watch the cut with sound off. Can you identify the task and follow the essential sequence through readable labels and captions? Then listen without watching. Does the narration name the action and result clearly enough to make sense? These checks find different gaps; neither alone certifies accessibility.
For an illustration of structural feedback on a lesson, see ViralJury's educational explainer sample. It is an illustrative verdict, not evidence that this recording workflow improves learning or video performance.
Copy the following fields into the note beside your timeline. Fill in actual controls from the version you record. This is particularly useful when an app changes a label between rehearsal and capture.
| Field | Your recording |
|---|---|
| Viewer task | I will show how to... |
| Required starting state | Account, existing item, permissions, app version |
| Visible finish | The screen or message that confirms success |
| Required actions | Each control, in order, including confirmation |
| Smallest essential label | Text that must remain readable on a phone |
| Capture privacy check | Account data, suggestions, notifications, other apps |
| Audio check | Intended app sound, narration, unwanted room noise |
| Edited time jumps | What was shortened and how it is disclosed |
| Review failure | Timestamp, missing information, proposed correction |
Ask someone unfamiliar with the draft to describe the starting state, action sequence, and success signal after one viewing. If practical, have them attempt the task in their own safe demonstration environment. Record where they hesitated instead of asking only whether the video looked good.
One successful attempt is useful feedback, not proof that every viewer will understand. A failed attempt also needs diagnosis: the app version, account permissions, and prior knowledge may differ. Fix the visible gap you can identify rather than adding a faster montage.
Keep the final review focused on the task: readable controls, honest transitions, and a result the viewer can recognize. If the sequence still feels unclear after repeated edits, ViralJury can provide a pre-upload structural second opinion with timestamped feedback. Use your editor for the capture and changes, then check the exported tutorial again on a phone before publishing.