Enter your email Address

Skip to content
Visual Paradigm Community Circle
  • Examples
    • UML Diagram >>
      • Use Case Diagram
      • Class Diagram
      • GoF Design Pattern
      • Sequence Diagram
      • Communication Diagram
      • State Machine Diagram
      • Activity Diagram
      • Component Diagram
      • Deployment Diagram
      • Package Diagram
      • Composite Structure Diagram
      • Timing Diagram
      • Interaction Overview Diagram
    • System Design & Development >>
      • Data Flow Diagrams
      • Entity Relationship Diagram
      • PERT Chart
    • Enterprise & Business >>
      • ArchiMate Diagram
      • BPMN Diagrams
      • BPMN Process Pattern Catalog
      • Strategic Analysis
      • Organization Chart
      • Decision Table
      • EPC Diagram
      • Fact Model
    • Customer Journey Map
    • General Purposes >>
      • Mind Map Diagrams
      • Radar Chart
      • Breakdown Structure Diagrams
      • Implementation Plan Diagrams
      • Migration Roadmap
      • Cause and Effect Diagrams
    • Misc >>
      • STEPS Wizards
      • On-Demand Model ETL
  • Videos
    • Quick Start
  • Visual Paradigm User’s Guide
Close search bar

Chapter 21. User Experience Design

⌘K
  • 1. Wireframe
    • What is wireframe?
    • What is a wireframe state?
    • How to create a wireframe for android phone
    • How to create a wireframe for android tablet
    • How to create a wireframe for desktop application
    • How to create a wireframe for iPad
    • How to create a wireframe for iPhone
    • How to create a wireframe for website
    • How to create a wireframe for website with bootstrap components
    • Duplicating a wireframe
    • Using screen capture tool in wireframe
    • Using Smart Edit tool in wireframe
  • 2. Storyboard
    • How to create a storyboard
    • How to rename a storyboard
    • How to play the wireframes in a storyboard
    • How to re-order wireframes in storyboard
    • How to move a storyboard from/to user story
  • 3. Wireflow
    • What is a wireflow?
    • How to create a wireflow
    • How to animate a path in wireflow
  1. Home
  2. Docs
  3. Chapter 21. User Experien...
  4. 2. Storyboard
  5. How to re-order wireframes in storyboard

How to re-order wireframes in storyboard

You can always reorder the wireframes added to a storyboard by performing these steps:

  1. Select Modeling > Wireframe Storyboard from the toolbar.
  2. Double click on the desired storyboard to open it.
  3. Select the wireframe(s) to reorder. You can perform multiple selection by first pressing Ctrl on a wireframe, and then select the other wireframes one by one.
    Select the wireframes to reorder
  4. Drag your selection to the target place.
    Reordering wireframes
  5. Release the mouse button.

Doc navigation

← How to play the wireframes in a storyboardHow to move a storyboard from/to user story →
Copyright © 2026 Visual Paradigm Community Circle | Terms of Service | Submit Your Project | Visual Paradigm | Download
Scroll to top