Mobile file and media export flow examples

File and media export flow examples

Step 1 · 3:20
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, instructional text, centered document preview card, page number indicator.
Step 2 · 3:25
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, instructional text, central document preview card, bottom delete action.
Step 3 · 3:28
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, document preview area, centered modal overlay with format selection, and a bottom action bar.
Step 4 · 3:33
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, document preview area, centered format selection modal, and bottom row of sharing action icons.
Step 5 · 3:36
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, central document preview area, and a bottom modal action sheet.
Step 6 · 3:41
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, document thumbnail preview, text input field, and bottom system keyboard.
Step 7 · 3:49
See the flow
Tiny Scanner - PDF Scanner App
Top navigation bar, followed by a central card containing a toggle, descriptive text, and an input field, with a bottom footer containing a final action button.

Step 1 · 2:58
See the flow
Scanner App: Genius Scan
Top header with document info, followed by a horizontal row of three quick-action cards, and a long vertical list of export options.
Step 2 · 3:07
See the flow
Scanner App: Genius Scan
Top navigation bar followed by a segmented control for export type, a format selection list, a resolution selection list, and an options section at the bottom.
Step 3 · 3:12
See the flow
Scanner App: Genius Scan
Top navigation bar with Cancel and Export title, followed by document info, a row of quick-action buttons, and a vertical list of export destinations. A modal dialog is centered over the content.
Step 4 · 3:16
See the flow
Scanner App: Genius Scan
Top navigation bar with Cancel and Export title, followed by document metadata, a grid of primary action buttons, and a vertical list of secondary export destinations, all obscured by a central system permission modal.
Step 5 · 3:19
See the flow
Scanner App: Genius Scan
Top navigation bar, search bar, grid of folders, bottom file list item.
Step 6 · 3:21
See the flow
Scanner App: Genius Scan
Top navigation bar, search bar, grid of file icons, bottom file preview bar.

Step 1 · 7:06
See the flow
VSCO: Photo & Video Editor
Top navigation bar with share menu, central photo preview with histogram, middle list of applied edits, and bottom navigation bar.
Step 2 · 7:08
See the flow
VSCO: Photo & Video Editor
Top navigation bar, central image preview with histogram, list of applied filters/adjustments, bottom progress indicator, and a final cancel button.
Step 3 · 7:12
See the flow
VSCO: Photo & Video Editor
Top header with file info, horizontal app sharing row, grid of action icons, vertical list of secondary actions, and a bottom edit button.
Step 4 · 7:22
See the flow
VSCO: Photo & Video Editor
Top navigation bar, central image preview, text input field, checkbox list, and a large bottom action button.
Step 5 · 7:31
See the flow
VSCO: Photo & Video Editor
Top notification banner, central image preview with histogram, middle list of applied edits, bottom filmstrip, and bottom navigation bar.

Step 1 · 1:42
See the flow
ScanAny-PDF Scanner App
Top navigation bar, document preview background, and a bottom-anchored modal overlay.
Step 2 · 1:54
See the flow
ScanAny-PDF Scanner App
A modal overlay centered on the screen containing a format selector, a document preview, and a grid of action icons.
Step 3 · 2:06
See the flow
ScanAny-PDF Scanner App
Top navigation bar, document preview area, centered modal dialog, and bottom keyboard.