0

There is a web app that has a UI like this. Let's call this the estimate builder.

enter image description here

The user can add as many estimate items as he wants by clicking the blue button at top right with a plus sign. Also the user has the ability to delete any row (item), duplicate an item and reorder items by dragging and dropping.

I'm creating a mobile client for this web app and I'm trying to replicate all these issues to fit in an iOS device screen. This is my first attempt.

enter image description here

The user can swipe on a cell to reveal the delete button. If you long-press on a cell, you can duplicate it. The bottom 4 rows are fixed in place. So only the Estimate Item list can be scrolled.

Everything looks okay so far but I'm having some issues when the keyboard appears.

enter image description here

As you can see the textfields on the lower area are obscured when the keyboard appears. And due to how the UI is structured, it seems impossible to rectify this issue (This is because of some technical difficulties which I wouldn't go into here because they simply don't belong here). And I was told that I should rethink my design.

I'm only a developer sand I'm pretty bad at designing so for the life of me, I can't think of a better way to redesign this.

If I could have some guidance/suggestions, I'd really appreciate it.

Thank you.

  • Is there a reason you're hiding so much of the information that is shown in the original design? Other than that, I think the design itself is just fine imo – Oztaco Aug 28 '15 at 5:48
  • I didn't get around to the part to include the controls in a row (Room, Style, Service Type etc) in my iOS design. I figured that was the easy part. I can simply add them to each cell. – Isuru Aug 28 '15 at 6:15
  • Oh okay, gotcha. In that case the design itself is great, I think trying to fix the glitch is a better option than restructuring the design. – Oztaco Aug 28 '15 at 6:18

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.