I'm in the midst of developing a very simple web-based CRUD app. Customers will have customer records, and the users of the web app can do their typical Create (creating a customer and a record simultaneously), Read, Update and Delete. Now, I'm torn for best practices on how to make the "start page" the most click-efficient possible.
My design is simple: A nav bar at the top with object names and their actions. That's fine for now. But in the main container, I've identified three actions I want the user to be directed to:
- View Customer
- Create record attached to customer's object
- Add customer's object (and customer, if needed)
All three of these tasks present the user with a search box to search the DB first to identify duplicates.
Now, knowing that there are three simple actions, each requiring a search box, I've struggled with how to display these actions to the customer most efficiently.
Here are my ideas:
- Three action buttons - loosely worded as in the list above. Each button, when clicked, will then display a search box (how is irrelevant - but ideas such as fading out the other buttons and fading in a search box is one, displaying the search box in a modal window is another).
- A single search box, with the three buttons underneath, loosely worded as in the list above. A good example of this (with only the "R" in CRUD) would be Google's homepage. A single search box, but two options - Google Search and I'm Feeling Lucky. However, three action buttons, I feel, is too crowded.
- A single search box, but with a single action button dropdown (Bootstrap theme) defaulted to the most common user action. The dropdown would then allow the user to select the second or third suboption - but at the expense of an extra click.
I realize my situation is pretty specialized, but I'm sure there are some examples of other CRUD start pages that could give me some inspiration. Or, if there is a way you would do it, I would love to hear it.