Method of displaying products in a virtual environment
Methods for displaying a virtual shopping experiences provide for an efficient and intuitive user experience. In some embodiments, a computer-generated environment can include a virtual product display that includes one or more representations of products. In some embodiments, the computer-generated environment can include stations that provide additional information associated with a respective product. In some embodiments, a user is able to customize a respective product, for example, by selecting an accessory and dragging the accessory to a representation of the respective product. In some embodiments, a user is able to preview a product by placing a representation of the product on a representation of a portion of the user's body.
1 . A method, comprising:
at an electronic device in communication with a display and one or more input devices:
presenting, via the display, a three-dimensional environment, including a three-dimensional first display station displayed within the three-dimensional environment, wherein the first display station includes a first representation of a first product and one or more representations of one or more features associated with the first product, wherein the one or more representations of the one or more features are different from the first representation of the first product;
while presenting the three-dimensional environment, detecting, via the one or more input devices, a user input selecting a first representation of the one or more representations corresponding to a first feature; and
in response to detecting the selection of the first representation of the one or more representations corresponding to the first feature:
displaying, via the display, a three-dimensional second display station, separate from the first display station, concurrently with the first display station, wherein the second display station includes information associated with the first feature and was not displayed prior to detecting selection of the first representation of the one or more representations corresponding to the first feature.
2 . The method of claim 1 , further comprising:
while presenting the three-dimensional environment, detecting, via the one or more input devices, a second user input selecting a second representation of the one or more representations corresponding to a second feature; and
in response to detecting the selection of the second representation:
updating the second display station to:
cease displaying information associated with the first feature, and
display information associated with the second feature.
3 . The method of claim 1 , further comprising:
while presenting the three-dimensional environment, detecting, via the one or more input devices, a second user input selecting a second representation of the one or more representations corresponding to a second feature; and
in response to detecting the selection of the second representation:
displaying, via the display, a third display station, separate from the first and the second display stations, wherein the third display station includes information associated with the second feature; and
maintaining display of the second display station.
4 . The method of claim 1 , wherein:
the first display station is displayed on a first surface of an object in the three-dimensional environment; and
the second display station is displayed on the first surface, adjacent to the first display station.
5 . The method of claim 1 , further comprising:
while presenting the three-dimensional environment, detecting, via the one or more input devices, a user input selecting the first display station;
in response to detecting the user input selecting the first display station, detecting, via the one or more input devices, movement of the user input from a first location to a second location; and
in response to detecting the movement of the user input from the first location to the second location, relocating the first display station to the second location and relocating the second display station adjacent to the first display station.
6 . The method of claim 1 , further comprising:
while presenting the three-dimensional environment, detecting, via the one or more input devices, a surface in the three-dimensional environment;
in response to a determination that the surface has been detected, displaying the first display station on the surface and displaying the second display station on the surface adjacent to the first display station; and
in response to a determination that the surface has not been detected, displaying the first display station floating in the three-dimensional environment and displaying the second display station adjacent to the first display station.
7 . The method of claim 1 , wherein displaying the second display station includes:
moving the first display station from a first location to a second location, and
displaying the second display station at a location that partially overlaps with the first location.
8 . The method of claim 1 , wherein the information associated with the first feature includes any one of: a textual element associated with the first feature and a graphical element associated with the first feature.
9 . The method of claim 1 , wherein the information associated with the first feature is displayed at a location in the three-dimensional environment above the second display station.
10 . The method of claim 1 , wherein the first representation of the first product is displayed at a location in the three-dimensional environment above the first display station.
11 . The method of claim 1 , further comprising:
while presenting the first display station including the first representation of the first product, receiving, via the one or more input devices, a user input corresponding to a request to customize the first product with a first customization option; and
in response to receiving the user input, updating a visual characteristic of the first representation of the first product in accordance with the first customization option.
12 . The method of claim 1 , further comprising:
while presenting the first display station including the first representation of the first product, receiving, via the one or more input devices, a request to inspect the first product, including detecting a grasping gesture performed by a hand of a user of the electronic device directed to the first representation of the first product and a movement of the hand of the user to a respective location while maintaining the grasping gesture; and
in accordance with a determination that one or more first criteria are satisfied, configuring the first representation in an interactive demonstration mode.
13 . The method of claim 12 , further comprising:
in response to detecting the movement of the hand of the user to the respective location while maintaining the grasping gesture, moving the first representation of the first product in accordance with the movement of the hand.
14 . The method of claim 12 , wherein the one or more first criteria includes a first criterion that is satisfied when the hand of the user has moved to a predetermined location relative to the user.
15 . The method of claim 12 , further comprising:
while the first representation is configured in the interactive demonstration mode, detecting, via the one or more input devices, a rotation of the hand of the user; and
in response to detecting the rotation of the hand of the user:
rotating the first representation in accordance with the rotation of the hand; and
in accordance with a determination that one or more second criteria are satisfied, displaying a first set of information associated with the first product.
16 . The method of claim 15 , wherein the one or more second criteria include a second criterion that is satisfied when an orientation of the first representation is within a predetermined range of orientations.
17 . The method of claim 15 , wherein:
in accordance with a determination that the three-dimensional environment includes the second display station, the first set of information associate with the first product includes information associated with the first feature.
18 . The method of claim 15 , wherein the information associated with the first product includes a three-dimensional visual element.
19 . The method of claim 12 , further comprising:
while presenting the first display station including the first representation of the first product, detecting, via the one or more input devices, a termination of the request to inspect the first product; and
in response to detecting the termination of the request to inspect the first product:
configuring the first representation in a demonstration mode different than the interactive demonstration mode; and
moving the first representation to a location associated with the first display station.
20 . An electronic device, comprising:
one or more processors;
memory; and
one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
presenting, via a display, a three-dimensional environment, including a three-dimensional first display station displayed within the three-dimensional environment, wherein the first display station includes a first representation of a first product and one or more representations of one or more features associated with the first product, wherein the one or more representations of the one or more features are different from the first representation of the first product;
while presenting the three-dimensional environment, detecting, via one or more input devices, a user input selecting a first representation of the one or more representations corresponding to a first feature; and
in response to detecting the selection of the first representation of the one or more representations corresponding to the first feature:
displaying, via the display, a three-dimensional second display station, separate from the first display station, concurrently with the first display station, wherein the second display station includes information associated with the first feature and was not displayed prior to detecting selection of the first representation of the one or more representations corresponding to the first feature.
21 . A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device, cause the electronic device to:
present, via a display, a three-dimensional environment, including a three-dimensional first display station displayed within the three-dimensional environment, wherein the first display station includes a first representation of a first product and one or more representations of one or more features associated with the first product, wherein the one or more representations of the one or more features are different from the first representation of the first product;
while presenting the three-dimensional environment, detecting, via one or more input devices, a user input selecting a first representation of the one or more representations corresponding to a first feature; and
in response to detecting the selection of the first representation of the one or more representations corresponding to the first feature:
display, via the display, a three-dimensional second display station, separate from the first display station, concurrently with the first display station, wherein the second display station includes information associated with the first feature and was not displayed prior to detecting selection of the first representation of the one or more representations corresponding to the first feature.