Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

This is a very simple example, but say I have a page where the user can add pets and edit or remove existing pets. At the moment I can't decide if I should use one page from creating and managing the pets (example 1) or split the pages up so I have one for creating a new one and one for managing the existing pets (example 2).

Example 1: 1 page , Example2 : 2 pages

Which is better for user usability?

Edit: There are also list of values, and date pickers in the form that are not on the simple example

share|improve this question
add comment

3 Answers 3

up vote 3 down vote accepted

If you have only 3 textfield for each pet, it is not necessary to create a brand new page; An editable list will do the job, but keep it simple :)

mockup

download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer
    
I like your suggestion but your buttons/links seem to be all over the place that is not good for consistency, have your buttons/links on one place, and choose if you want to use buttons or links and I'll vote this up :) –  ThaSaleni Nov 27 '13 at 14:32
add comment

It's better to manage the data on a single page: add, edit, remove.

Also inplace editing and adding pet could be better option. For adding one just create new table row and autofocus the input field.

share|improve this answer
add comment

I think you should consider a third option.

Option 1, will be a problem for some user because they are presented with two options, New and Save. At least Save should not be available unless Edit is clicked first.

Option 2, will the data table first be visible when you click Edit in the menu? I have seen some users having problem understanding how to edit/save data when data table and form is placed on the same page. This is often because it's hard to see what you are editing, and also many people are not used to this kind of editing.

My advise would be to have the menu and the data table one the first page. When the user choose New from the menu or edit from the data table, then a new page or popup with the form is displayed. User can then fill in the fields and save the form, page/popup is closed and table is closed.

share|improve this answer
    
Hey, thanks for the awnser, basically when they first open the screen it will be in the create new mode where there is no new button. When they click to edit something, you'll see the filled in values and the button new will be shown. –  Lyrion Nov 27 '13 at 12:32
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.