Design / Free editable template

Paired desktop and mobile wireframes template

Keep the visitor’s task and the information needed to act. Choose a reading order, stack the related content and keep requirements beside the action. Review what moves or needs another route.

Use this template →See the example ↓

No account needed · Opens as your own editable page

Preview the paired desktop and mobile wireframes

View full-size preview ↗
Paired desktop and mobile wireframes example showing preserve the visitor’s task and necessary information., choose a reading order before resizing boxes., keep requirements beside the action.
Everything in this example is editable. Replace the labels, move the shapes and adapt the layout to your work.

How to use this template

  1. Keep the task across layouts

    A desktop layout becomes a squeezed mobile screen.

  2. Choose a narrow reading order

    Adapt a desktop wireframe for a narrow screen.

  3. Build the paired layouts in EpicDraw

    Use the same visitor task to judge both layouts. Reorder content while preserving its meaning. Keep requirements beside the action they affect. Test the implemented page for reflow, input and accessibility.

Questions about this template

Does this need an account?

No. Open and edit your own copy. An account is optional for cloud saving.

Do I need an account to use it?

No. Open the template and edit it in your browser. Your work saves on this device. An account is optional if you want to sync your workspace.

Can I export the finished diagram?

Yes. Use Export in the editor to save a PNG, SVG or PDF, or download an editable .epicdraw backup.

Browse this category →