1.3.1.2. Results View - Text List

 
By default, the Search Results show up in the last view style that the user used, but it is a quick and single click on the View Toggle button to bring them up in the alternate view. Needless to say, only the way the results are displayed differs, the products that came up in the Search do not.
 
The results list is not paginated. Instead, for even more ease of use, the user has to just simply keep scrolling, and more products meeting the search filters will be loaded as needed.
 
1.3.1.2. Results View - Text List
1

Application

Back Button

1. Application Back Button
This is the position of the Back Button for this application. No matter what image may be displayed, it always overlays the Back button when in this position.
Users are strongly advised to use only this to step back through the online ordering system, and not use the browser's back button.
2

Product Filters &

Extended Search

2. Product Filters & Extended Search
A quick glance here allows the user to see exactly what filters they have picked thus far, and clicking on it opens up the filter menu to allow the user specify the extended filters that should apply to the current Search Results, to have precise control over what they want to see.
3

Add Items

To Cart

3. Add Items To Cart
Pulls in all items with a nonzero count and populates the logged-in user's cart with the selected items. Items are deemed selected if the number of product trays is more than zero.
4

Results View

Toggle Button

4. Results View Toggle Button
Toggles search results between this Text List view to the Picture Box view as the user uses either or both to complete their tasks. This view is the only place the user can reduce the count of items by simply typing in the new count of a specific product they may have added too many of through the Picture Box view.
5

Application Menu

Open/Close Button

5. Application Menu Open/Close Button
The Application Menu Open/Close Toggle alternately displays and hides the short list of items that help the user get around rapidly in the online ordering application without losing any of their progress on the order they are working on. The items for this screen are:
Filters                   (same as the Product Filters button)
Order Online    
View Cart         
Order History    
Log Out
User Manual    
6

Product Details Button

6. Product Details Button
In this Text List view, the Product Details button against a particular product's name brings up its details in a modal window.
7

Page Help / Tips

7. Page Help / Tips
Throws up a modal window with tips for the user about how best to use this particular view most effectively in the context of the ordering pathway.
8

Count Of Product

Trays To Order

8. Count Of Product Trays To Order
The user selects an item in this view for adding to their cart by entering the number of items they want in the box and then clicking on the Add Items To Cart button.