Mobile computing device user interface for interactive electronic works
A user interface for a mobile computing device includes three distinct display areas, one for presentation of an image and one or more interactive elements, a second for display of a linearly scrollable sequence of content elements, each of which is associated with a corresponding one of the interactive elements, and a third for display of soft keys, each of which corresponds to a respective one of the interactive elements. The soft keys and the interactive elements are responsive to user input so as to cause the image displayed in the first display area to feature prominently a portion thereof corresponding to the interactive element associated with the user input and the content element displayed within the second display area to be that associated with the same interactive element.
1. A method of presenting interactive digital content on a display of a mobile computing device, in which method content displayed in the first area of the display comprises one of a plurality of images, each image associated with one or more interactive elements, the interactive elements highlighting designated areas of the one or more images and being responsive to user inputs, and content displayed in a second area of the display comprises one or more content elements, each of the content elements associated with a corresponding one of the interactive elements and including information regarding items depicted in one of the plurality of images associated with the respective content element, wherein the content elements are organized in a linear scrollable arrangement and are displayed sequentially within the second area of the display of the mobile computing device, the method comprising:
responsive to navigation to one of the content elements by scrolling to a content element within the second area of the display;
presenting (i) a corresponding one of the content elements within the second area of the display, and (ii) a corresponding one of the images that includes a corresponding one of the interactive elements within the first area of the display, respectively.
2. The method of claim 1 , further comprising displaying within a third area of the display of the mobile computing device a series of soft keys, each of the soft keys corresponding to a respective one of the interactive elements, and responsive to user selection of one of the soft keys, displaying within the second area of the display the corresponding one of the content elements associated with the respective interactive element of the selected soft key.
3. The method of claim 1 , wherein the content elements are arranged in a scrollable fashion corresponding to sequential numbering of the interactive elements.
4. The method of claim 3 , wherein at least one of the content elements is scrollable in a direction orthogonal to the scrollable arrangement of the content elements.
5. The method of claim 1 , wherein at least one dimension of the second area of the display is dynamically sized according to content to be displayed within one or more of the content elements.
6. The method of claim 5 , wherein the content elements are displayed sequentially within the second area of the display of the mobile computing device with at least a portion of a second one of the content elements being presented concurrently with entirety of a first one of the content elements within the second area of the display.
7. The method of claim 6 , further comprising displaying within a third area of the display of the mobile computing device a series of soft keys, each of the soft keys corresponding to a respective one of the interactive elements highlighting designated areas of the image, and responsive to user selection of one of the soft keys, displaying within the second portion of the display the corresponding one of the content elements associated with the respective interactive element of the selected soft key.
8. A mobile computing device comprising a display and a processor configured to present a user interface on the display, the user interface comprising:
a first display area configured to display an interactive image, interactivity being provided via one or more interactive elements displayed with the image so as to highlight one or more items included in the image;
a second display area configured to display a linearly scrollable sequence of content elements, each of the content elements being associated with a corresponding one of the interactive elements and including information regarding a respective item included in the image that is associated with the respective content element, wherein the content elements are organized in a linear scrollable arrangement and are displayed sequentially within the second area of the display of the mobile computing device and navigation to one of the content elements is requested by scrolling to a content element within the second area of the display, and
a third display area configured to display a series of soft keys, each of the soft keys corresponding to a respective one of the interactive elements highlighting an item of the image,
wherein the soft keys and the interactive elements are responsive to user input so as to cause the image displayed in the first display area to feature prominently the portion of the image corresponding to the interactive element associated with the user input and the content element displayed within the second display area to be that one of the content elements associated with the interactive element associated with the user input.
9. The user interface of claim 8 , wherein the content elements are arranged in a scrollable fashion corresponding to sequential numbering of the interactive elements.
10. The user interface of claim 9 , wherein at least one of the content elements is scrollable in a direction orthogonal to the scrollable arrangement of the content elements.
11. The user interface of claim 8 , wherein the content elements displayed within the second display area in a fashion that alerts a user to the presence of others of the content elements in the linear scrollable sequence.
12. The user interface of claim 8 , wherein at least one dimension of the second display area is dynamically sized according to content to be displayed within one or more of the content elements.
13. The user interface of claim 8 , wherein the content elements are organized sequentially according to a common sequence with the interactive elements.
14. A processor-based mobile computing device comprising a display, a processor and a computer readable storage medium, the computer readable storage medium having stored thereof computer readable instructions, which instructions when executed by the processor, cause the processor to:
present, in a first portion of a display of the mobile computing device, an image and one or more interactive elements, the interactive elements highlighting designated areas of the image and being responsive to user inputs;
present, in a second portion of the display of the mobile computing device, one or more content elements, each of the content elements associated with a corresponding one of the interactive elements and including information regarding respective designated areas of the image associated with the respective content element wherein the content elements are organized in a linear scrollable arrangement and are displayed sequentially within the second area of the display of the mobile computing device; and
present, responsive to user navigation to one of the content elements by scrolling to a content element within the second area of the display, the corresponding one of the content elements.
15. The mobile computing device of claim 14 , wherein the computer readable instructions further comprise instructions, which when executed by the processor, cause the processor to present within a third area of the display of the mobile computing device a series of soft keys, each of the soft keys corresponding to a respective one of the interactive elements highlighting designated areas of the image, and responsive to user selection of one of the soft keys, present within the second portion of the display the corresponding one of the content elements associated with the respective interactive element of the selected soft key.
16. The mobile computing device of claim 14 , wherein the computer readable instructions further comprise instructions, which when executed by the processor, cause the processor to present the content elements arranged in a scrollable fashion corresponding to sequential numbering of the interactive elements.
17. The mobile computing device of claim 16 , wherein at least one of the content elements is scrollable in a direction orthogonal to the scrollable arrangement of the content elements.
18. The mobile computing device of claim 14 , wherein the computer readable instructions further comprise instructions, which when executed by the processor, cause the processor to present the content elements in a linear scrollable arrangement and sequentially within the second area of the display of the mobile computing device so as to indicate to a user the presence of others of the content elements in the linear scrollable arrangement.
19. The mobile computing device of claim 14 , wherein the computer readable instructions further comprise instructions, which when executed by the processor, cause the processor to coordinate presentations within the first, second and a third area of the display of the mobile computing device, the third area comprising a series of soft keys, each of the soft keys corresponding to a respective one of the interactive elements highlighting designated areas of the image.