Swipable product swatching
In an example embodiment, a system for displaying a product in a touch-sensitive display of a hand-held electronic device comprises at least one module, executing on one or more computer processors to present a graphical image representative of the product in the touch-sensitive display, detect a slide-based contact with the touch-sensitive display at or over a first predefined location corresponding to the product image in the display, and display, in response to the detection of the slide-based contact, an array of swatch images associated with variants of the product in the touch-sensitive display.
1. A portable electronic device, comprising:
a touch-sensitive display;
memory; and
one or more modules including processors operable under instructions stored in the memory to display a product offering in the touch-sensitive display, the instructions including:
presenting a graphical image representative of the product in the touch-sensitive display;
detecting a slide-based contact with the touch-sensitive display at or over a first predefined location corresponding to the graphical image in the display; and
displaying, in response to the detection of the slide-based contact, an array of swatch images associated with variants of the product in the touch-sensitive display.
2. A system for displaying a product in a touch-se display of a hand-held electronic device, the system comprising:
at least one module, executing on one or more computer processors, to:
present a graphical image representative of the product in the touch-sensitive display;
detect a slide-based contact with the touch-sensitive display at or over a first predefined location corresponding to the graphical image in the touch-sensitive display; and
display, in response to the detection of the slide-based contact, an array of swatch images associated with variants of the product in the touch-sensitive display.
3. The system of claim 1 , where the module is further to display the array of swatch images, at least in part, along a path corresponding to a direction of the slide-based contact.
4. The system of claim 1 , wherein each of the swatch images conforms substantially in outline to an outline of the graphical image of the product.
5. The system of claim 1 , wherein the module is further to display the array of swatch images in fanned configuration along an arcuate or linear path, with an uppermost image in the array appearing, at least in part, immediately subjacent the graphical image of the product.
6. The system of claim 1 , wherein the module is further to lock an appearance of the displayed array of swatch images until detection of at least a further touch- or slide-based contact with the touch-sensitive display.
7. The system of claim 1 , where the module is further to present in the touch-sensitive display an action element associated with the product offering and detecting a touch-based contact at a second predefined location corresponding to the action element while the array of swatch images is displayed.
8. A method of displaying a product in a touch-sensitive display of a hand-held electronic device, the method comprising:
presenting a graphical image representative of the product in the touch-sensitive display;
detecting a slide-based contact with the touch-sensitive display at or over a first predefined location corresponding to the graphical image in the touch-sensitive display; and
displaying, in response to the detection of the slide-based contact, an array of swatch images associated with variants of the product in the touch-sensitive display.
9. The method of claim 8 , wherein the array of swatch images is displayed, at least in part, along a path corresponding to a direction of the slide-based contact.
10. The method of claim 8 , wherein each of the swatch images conforms substantially in outline to an outline of the graphical image of the product.
11. The method of claim 8 , wherein the array of swatch images is displayed in fanned configuration along an arcuate or linear path, with an uppermost image in the array appearing, at least in part, immediately subjacent the graphical image of the product.
12. The method of claim 8 , wherein the displayed array of swatch images is locked in appearance until detection of at least a further touch- or slide-based contact with the touch-sensitive display.
13. The method of claim 8 , further comprising presenting in the touch-sensitive display an action element associated with the displayed product and detecting a touch-based contact at a second predefined location corresponding to the action element while the array of swatch images is displayed.
14. A machine readable medium, including instructions, which when performed by a machine, cause the machine to perform the operations of:
presenting a graphical image representative of a product in a touch-sensitive display of a hand-held electronic device;
detecting a slide-based contact with the touch-sensitive display at or over a first predefined location corresponding to the graphical image in the touch-sensitive display; and
displaying, in response to the detection of the slide-based contact, an array of swatch images associated with variants of the product in the touch-sensitive display.
15. The medium of claim 14 , wherein the array of swatch images is displayed, at least in part, along a path corresponding to a direction of the slide-based contact.
16. The medium of claim 14 , wherein each of the swatch images conforms substantially in outline to an outline of the graphical image of the product.
17. The medium of claim 14 , wherein the array of swatch images is displayed in fanned configuration along an arcuate or linear path, with an uppermost image in the array appearing, at least in part, immediately subjacent the graphical image of the product.
18. The medium of claim 14 , wherein the displayed array of swatch images is locked in appearance until detection of at least a further touch- or slide-based contact with the touch-sensitive display.
19. The medium of claim 14 , wherein the operations further comprise presenting in the touch-sensitive display an action element associated with the displayed product and detecting a touch-based contact at a second predefined location corresponding to the action element while the array of swatch images is displayed.