1.3.1.1. Results View - Picture Box

 
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.1. Results View - Picture Box
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 at 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

Page Tips (Help)

3. Page Tips (Help)
Help on how best to use this screen.
4

Product In Cart

4. Product In Cart
Selected items show a small overlaid Cart Icon, with a number beside it that indicates the count of trays in the user's cart.
5

Cart View Button

5. Cart View Button
This switches to the current contents of the user's cart.
6

Results View Toggle

6. Results View Toggle
Toggles view of search results between Picture Box and Text Grid.
7

Application Menu

Open/Close Button

7. Application Menu Open/Close Button
Opens and closes the short menu of links back and forth to important pages on this web site. The items for this screen are:
Filters                   (same as the Product Filters button)
Order Online    
View Cart         
Order History    
Log out
User Manual    
8

Product Picture

8. Product Picture
As part of the Picture Box display, shows the product picture, quality, availability, container size, container type and other indicators, as well as buttons to show detailed information about the product, and to add the product to the cart. Double-clicking on the product picture is another way to open up its detail window as well.
9

Quality Indicator

9. Quality Indicator
Shows whether the product is of standard or premium quality.
10

Add To Cart Button

10. Add To Cart Button
Adds the product to the cart. Repeated clicking of the Add to Cart button increases the count of trays added to the user's cart.
11

Product Name

11. Product Name
The name of the product is superimposed upon its picture on screen.
12

Product State

12. Product State
This shows the state of the product at the moment - whether it is green, or flowering, or in pollination, et cetera.
13

Availability

13. Availability
Availability indicator.
14

Container Size

14. Container Size
Container type and size indicator. This depends on the search that was run to get these results.
15

Product Details Button

15. Product Details Button
Throws up a window with detailed information about the plant, including factors like hardiness, sun- or shade-loving, typical full height when mature, et cetera.