User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

enter image description here

I have this situation on a web application:

  • User search in box the pending instalments to cash in.
  • Clicking on button "cash in" the instalments moves to box at the top

At this moment, the implementation has this problem:

  • Box at the top get too large when the records is a huge number of instalments
  • The two boxes are too similar for their shape. i try to assign different colors but is a poor solution.
  • I think it's not intuitive to start working with the second box, but at the same time is important to allways have the situation of the registred records available. the box of work should be at the top of page, next to the toolbar.

is there a better way to approach this situation? My only requirement is the 1024*800 resolution.

share|improve this question

You are combining two operations: "view cashed in installments" and "cash in installments." Separate these two functions into separate pages.

Replace the top "cashed in installments" box text with "pending cashed in installments" and move it to the bottom. Empty it after the user clicks apply (it will be empty when the user first starts cashing in installments).

time is important to allways have the situation of the registred records available.

Provide a completely separate page/interface for users to view "cashed in installments."

share|improve this answer

Your Answer


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.