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.

I am working on a request system for overtime. The first 4 fields are required, the Dept, Project and Job field are normally optional, but are there to allow the person to enter values as needed, based on what they are doing/have done. The comments may end up being required (project specs are still in flux).

Screenshot of what I am working with

When a person click the Add day button, I have it copy the previous day to make it easy to add more days. The focus of my question is data entry. While what I have works, it is ugly. I am looking for thoughts on how to make this work better and have it work on a mobile phone. The goal of this work is to make it mobile friendly. Any thoughts or direction is appreciated. We are using the bootstrap framework.

share|improve this question
    
For starters, it's very odd to have top-aligned labels that are supposed to apply to all lower entries and side-aligned labels for each individual entry. As a result, the first four fields for the second day aren't clearly labeled. –  3nafish May 17 '13 at 20:13
add comment

1 Answer

The biggest problem I see with your current layout is the separation of content. It's very difficult to see the difference between your first time request to the one below it other than the repeating information.

This will be even more difficult when viewed in a mobile browser.

For the mobile version, I recommend separating the mobile view into two pages. The first page as a general list of all time requests and the second showing the details of a specific time request.

enter image description here

I'm not sure how many time requests will populate your page, but creating a long form of content will be very confusing. For the non-mobile version, you could split the general list of time requests to the left column and have a detailed view on the right. (Similar to how an email app works).

share|improve this answer
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.