I am a software engineer. Every app I work on includes the need to create, read, update, and delete records. There is a list of records. You can add a new record. You can view, edit, or delete a record.
I mostly use Ruby on Rails. Rails provides a great tool for getting a UI built quickly (called the "scaffolding generator") which generates the layouts for create, read, update, and delete, but it's not exactly pretty. Frameworks like Twitter Bootstrap have become a great resource for quickly building attractive layouts using common UI elements, so most of my projects use Twitter Bootstrap. Yet, I've never seen any design examples of listing and editing records. I want to find best-practice examples of these layouts that I can imitate.
I have questions like:
- Where should I put the "Add New" button on the list page. Should it be next to the heading, floated right, below the list, etc.?
- Should the "view" page display an "Edit" button. Same questions apply: where should it be placed?
Can you provide examples of these layouts, or a link to view design patterns that I can imitate?
To clarify, I'm not interested in admin dashboards. Examples of dashboards are easy to find. http://ui-patterns.com is a great example of what I'm looking for because it details the problem, solution, and when to use it. However, even on UI Patterns, I can't find an example of simply "adding and editing data".