GRAPHIC USER INTERFACE FOR MULTI-PAGE IMAGE PRODUCT
A computer-implemented method is disclosed for a user to view image product at a graphic user interface. The method includes displaying an image representation of a multi-page product in a page view at a graphic user interface, allowing a user to select the image representation in the page view, enabling display by a computer system, in the same page view, of a navigation panel in association with the image representation, wherein the navigation panel provides a plurality of selections each associated with one or more pages in the multi-page product, allowing the user to make a first selection in the navigation panel in the page view, displaying first one or more pages of the multi-page product in the same page view according to the first selection, and removing the display of the navigation panel in the same page view when the multi-page product is deselected by the user.
1 . A computer-implemented method for a user to view image product at a graphic user interface, comprising:
displaying an image representation of a multi-page product in a page view at a graphic user interface;
allowing a user to select the image representation in the page view;
in response to user's selection of the image representation, enabling display by a computer system, in the same page view, of a navigation panel in association with the image representation, wherein the navigation panel provides a plurality of selections each associated with one or more pages in the multi-page product;
allowing the user to make a first selection in the navigation panel in the page view;
displaying first one or more pages of the multi-page product in the same page view according to the first selection; and
removing the display of the navigation panel in the same page view when the multi-page product is deselected by the user.
2 . The computer-implemented method of claim 1 , further comprising:
allowing the user to make a second selection in the navigation panel in the page view; and
displaying second one or more pages of the multi-page product in the same page view according to the second selection.
3 . The computer-implemented method of claim 1 , wherein the step of allowing a user to select the image representation comprises tapping a touch sensitive display device by the user.
4 . The computer-implemented method of claim 1 , wherein the step of allowing a user to select the image representation comprises moving a cursor over the image representation by the user.
5 . The computer-implemented method of claim 1 , further comprising:
in response to user's selection of the image representation, enabling display, in the same page view, of a page layout in association with the image representation and the navigation panel,
wherein the first one or more pages of the multi-page product are displayed in the page layout.
6 . The computer-implemented method of claim 5 , wherein the page layout is displayed over the image representation.
7 . The computer-implemented method of claim 6 , further comprising:
displaying the image representation of the multi-page product in the same page view when the multi-page product is deselected by the user.
8 . The computer-implemented method of claim 5 , wherein the page layout is associated with a single page of the multi-page product.
9 . The computer-implemented method of claim 5 , wherein the page layout is associated with two opposing pages of the multi-page product.
10 . The computer-implemented method of claim 1 , wherein the one or more pages of the multi-page product include at least one of a photo or personalized text.
11 . The computer-implemented method of claim 1 , further comprising:
displaying image representations of a plurality of image products including the multi-page product in the page view.
12 . The computer-implemented method of claim 11 , wherein the plurality of image products include a photobook, a photo calendar, a photo greeting card, a multi-panel greeting card, photo stationery, a phone case, a photo mug, an image print, a photo magnet, a photo coaster, or a photo mouse pad.
13 . The computer-implemented method of claim 1 , wherein the navigation panel includes a linear array of grids that define the plurality of selections each associated with one or more pages in the multi-page product.
14 . The computer-implemented method of claim 1 , wherein the navigation panel includes a two-dimensional array of grids that define the plurality of selections each associated with one or more pages in the multi-page product.
15 . The computer-implemented method of claim 1 , wherein the image representation includes a thumbnail image of the multi-page product.
16 . The computer-implemented method of claim 15 , wherein the image representation includes a front cover of the multi-page product.
17 . The computer-implemented method of claim 15 , wherein the image representation is a perspective view of the multi-page product.
18 . The computer-implemented method of claim 1 , wherein the computer system includes a mobile device.
19 . The computer-implemented method of claim 1 , wherein the graphic user interface is enabled by a web browser, a client application, or a native application.
20 . The computer-implemented method of claim 1 , wherein the page view includes a web page in a web browser or a screen on a device.