Uploader Design Overview

1. Problem

Problem Statement: Currently most web applications use the standard http file browse and upload service provided with the <input type="file"> form field.

Only one file can be selected at a time for upload.
Interface is inconsistent from browser to browser even down to the labels on the browse button.
The application can not specify the file type or types that are accepted in the current context.
The browser does not provide meaningful or consistent feedback on the upload process.

2. Users

Catalina and Christy are some of the users whose needs we primarily considered when designing the Uploader.
Fluid Personas are a collection of various types of important users whose needs we need to consider throughout the design process.

3. Users' needs

Context of use: Where in the systems we support is an uploader being used currently?

Primary & Secondary Scenarios: In what scenarios would the Uploader be used?

Uploader Scenarios and Use Cases

4. Solution

Wireframes What does the Uploader look like and how does it behave?

Uploader Wireframes (Design Iteration)

Storyboards: How, when, and where would the user use an Uploader?

Design Pattern

Upload design pattern

Informal User Survey: Uploader User Testing - Round 3 Protocol

5. Uploader User Testing

User Testing Protocol: Describes how the Uploader would be tested with the users

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

6. Preparing for Implementation

Storycards: Decomposes the Uploader into small implementable chunks

Functional Specification: Uploader Specification

Fluid Components

Community

Other Fluid Projects

More Information

Page Operations