Visual browsing system and method
A visual browsing method allows a user to look at an item closely by hovering over, instead of clicking on, an icon representing the item. The method also enables the user to browse items in different levels of a multiple level category without waiting for web pages to be loaded, to know where he/she has been in the multiple level category, and to back up if he/she likes. The method makes the browsing process faster and easier.
1. A method comprising:
simultaneously displaying:
in a first display area, a first plurality of icons representing items that belong to a current level in a hierarchy of items, wherein the first plurality of icons comprises a first icon representing a first item that belongs to the current level and a second icon representing a second item that belongs to the current level;
in a second display area, a first image that is a larger representation of the first icon displayed in the first display area, wherein the first image was displayed in the second display area in response to receiving user input that qualifies as an expression of interest for the first icon;
in the second display area, at least a portion of a second image representing a third item that belongs to a second level in the hierarchy of items, wherein the third item is not represented by any icon displayed in the first display area, wherein the second image appears to be behind the first image with at least a portion of the second image covered by at least a portion of the first image;
responsive to receiving user input selecting the second image, simultaneously displaying:
in the first display area, a second plurality of icons representing items at the second level in the hierarchy of items; and
in the second display area, the second image without the first image;
wherein the method is performed by one or more devices comprising a processor.
2. A method comprising:
simultaneously displaying:
in a first display area, a first plurality of icons representing items that belong to a current level in a hierarchy of items, wherein the first plurality of icons comprises a first icon representing a first item that belongs to the current level and a second icon representing a second item that belongs to the current level;
in a second display area, a first image that is a larger representation of the first icon displayed in the first display area without displaying a second image that is a larger representation of one of a second plurality of icons at a second level in the hierarchy of items;
responsive to the user input selecting the first image, simultaneously displaying:
in the first display area, the second plurality of icons representing items at the second level in the hierarchy of items;
in the second display area, the second image, wherein the first image appears to be behind the second image with at least a portion of the first image covered by at least a portion of the second image;
wherein the method is performed by one or more devices comprising a processor.
3. The method as recited in claim 2 , wherein the second plurality of icons represents immediate children, of the first item, within the hierarchy of items.
4. A non-transitory computer readable storage medium comprising instructions, which when executed by one or more processors, perform steps comprising:
simultaneously displaying:
in a first display area, a first plurality of icons representing items that belong to a current level in a hierarchy of items, wherein the first plurality of icons comprises a first icon representing a first item that belongs to the current level and a second icon representing a second item that belongs to the current level;
in a second display area, a first image that is a larger representation of the first icon displayed in the first display area, wherein the first image was displayed in the second display area in response to receiving user input that qualifies as an expression of interest for the first icon;
in the second display area, at least a portion of a second image representing a third item that belongs to a second level in the hierarchy of items, wherein the third item is not represented by any icon displayed in the first display area, wherein the second image appears to be behind the first image with at least a portion of the second image covered by at least a portion of the first image;
responsive to receiving user input selecting the second image, simultaneously displaying:
in the first display area, a second plurality of icons representing items at the second level in the hierarchy of items; and
in the second display area, the second image without the first image.
5. A non-transitory computer readable storage medium comprising instructions, which when executed by one or more processors, perform steps comprising:
simultaneously displaying:
in a first display area, a first plurality of icons representing items that belong to a current level in a hierarchy of items, wherein the first plurality of icons comprises a first icon representing a first item that belongs to the current level and a second icon representing a second item that belongs to the current level;
in a second display area, a first image that is a larger representation of the first icon displayed in the first display area without displaying a second image that is a larger representation of one of a second plurality of icons at a second level in the hierarchy of items;
responsive to the user input selecting the first image, simultaneously displaying:
in the first display area, the second plurality of icons representing items at the second level in the hierarchy of items;
in the second display area, the second image, wherein the first image appears to be behind the second image with at least a portion of the first image covered by at least a portion of the second image.
6. The computer readable storage medium as recited in claim 5 , wherein the second plurality of icons represents immediate children, of the first item, within the hierarchy of items.