Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Layout Reorderer Design Overview

1. Problem

Allow users to change the layout of content modules, for example portlets within a portal environment.

Use Cases:

  • Move location of content modules within a layout
  • Constrain "locked" content modules from being moved

2. Users

Fluid Personas are a collection of various types of important users whose needs we need to consider throughout the design process.

3. Users' needs

Contexts of Use: In what contexts would the user need to reorder portlets/boxes? What activities do they undertake in these contexts?

Functional Requirements: What use cases does the Layout Reorderer component support?

Primary & Secondary Scenarios: In context, what are the primary and secondary user needs are we meeting?

4. Solution

Wireframes: Visual representation of design iterations and final designs.

Storyboards: How, when, and where would the user use a Layout Reorderer?

Drag and Drop - Layout Preview Design Pattern: Design advice for previewing the page layout while doing drag and drop.

5. User Testing

Layout Reorderer User Testing: Summary of all user testing performed on the Layout Reorderer component.

User Testing Protocols: Describes how the user testing of Layout Reorderer will be carried out.

User Testing Results: Describes how the users interacted with the Layout Reorderer prototype and what improvements can be made.

6. Preparing for Implementation

Storycards: Decomposes the Layout Reorderer into small implementable chunks.

Functional Specification: Development specification containing interaction details such as "interesting moments."