Page Comparison

1. Problem

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

• 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 useUse: In what contexts would the user need a Date Picker? What activities do they undertake in the contexts?

Functional Requirements: What use cases does the Date Picker 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?

• Layout Reorderer Storyboard - List Ordering Behavior

Design Pattern:

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

User Testing Protocols: Describes how the users interacted with the user testing of Layout Reorderer prototypewill be carried out.

• Layout Reorderer User Testing - Round 1

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

• Layout Reorderer User Testing - Round 1 Results

6. Preparing for Implementation

Storycards: Decomposes the Layout Reorderer into small implementable chunks.

Functional Specification: |Layout Reorderer Specification]: Development specification containing interaction details such as "interesting moments."