List Entry View

Problem

The users need to add items to a list

Solution

Show a simple entry form directly above the total list of items

From www.basecamphq.com/


Use when

Users are building up a list of items one by one. The items they are adding are very simple, typically a name of a personal or item, and possible one or two extra fields. If the items are complex, typically consisting of 4 or more fields, this pattern should not be used. This pattern is particularily good when a lot of data has to be entered manually.

How

The form must have an 'add' button and pressing it will add the item to the total list and clear the form for the entry of the next item.

Why

The main strength of this pattern is that it reduces the amount of steps needed in the process of adding items to a list. Normally, users would first click on the 'add item' button which then shows the entry form and then confirm the action. This pattern saves one step in the process and only minimally clutters the interface.

More Examples


Twitter uses this pattern to quickly post messages.

Literature




plml logo

Comments

2 comments have been added to this pattern


Jorge Cardoso, 14th October 2009
Isn't this the "List Builder" pattern? The names seem to be switched...
gail meir, 21st December 2010
I have not been able to decide which pattern I preferred.
You have so many beautiful examples. I intend on leaving this for the evening,, and at that point, I will make one of these beauties, my favorite. My father used to say that you should never rush a woman...I agree.

Gail Meir


Add a comment
Do you have something to add or say about this pattern? Perhaps some more examples of how this pattern is used in the wild? Add a comment to this pattern and I'll update the pattern when necessary. Please abstain from misuse. I reserve the right to delete or modify inappropriate postings.

Your Name

Comment

Enter the verification code you see in the image below
captcha