Immersive multi-state unicards

Abstract

A system and method for providing a uni-card interface can provide an interactive dynamic interface for providing information to a user. The uni-card interface can include a multi-state interface that can provide increasingly detailed information with each interaction. For example, the uni-card interface can provide a first state with collapsed information, a second state with expanded information, and a third state with immersive information.

Description

[Technical field]

[0001] The present disclosure relates generally to providing multi-state user interfaces and, more particularly, to providing dynamic multi-state interfaces that can be interacted with to provide more in-depth and immersive information about topics and / or subtopics in response to each subsequent input. [Background technology]

[0002] During a search, a user may be looking for specific information, or may not yet know what particular details they are looking for. A typical search result page responsive to a query may provide one or more search results that the user can navigate based on links, but the task of navigating to and from the search results may be tedious, time consuming, and computationally expensive to render and retrieve.

[0003] A user may not recognize key terms or key phrases related to the subtopic or detailed information they are looking for, and may not want to navigate to different pages of search results just to find the one detail they are looking for in their search. Although suggested follow-up queries can be useful, frequently addressing suggested follow-up queries can still be time-consuming and tedious, and may take the wrong path, which may cause backtracking back to the original page after navigating to several different search result pages. Summary of the Invention [Means for solving the problem]

[0004] Aspects and advantages of embodiments of the present disclosure will be set forth in part in the description that follows, or may be learned from the description, or may be learned through practice of the embodiments.

[0005] One exemplary aspect of the disclosure is directed to a computer-implemented method for displaying content. The method may include obtaining, by a computing system including one or more processors, a plurality of tiles and an initial interface. Each of the plurality of tiles may be associated with a respective content item of a plurality of content items, and the initial interface may be associated with the plurality of content items. In some implementations, the method may include providing, by the computing system, the initial interface to a user computing device, and receiving, by the computing system, an initial selection in the initial interface. The method may include providing, by the computing system, a first tile and a second tile of the plurality of tiles. In some implementations, the first tile and the second tile may be provided in a carousel interface. The method may include receiving, by the computing system, a tile selection. The tile selection may include a user input selecting at least one of the first tile or the second tile. In some implementations, the method may include obtaining, by the computing system, supplemental content related to the selected content item associated with at least one of the first tile or the second tile, and providing, by the computing system, the supplemental content to the user computing device.

[0006] In some implementations, obtaining the plurality of tiles and the initial interface may include obtaining, by a computing system, a plurality of content items; and generating, by the computing system, a plurality of tiles based at least in part on the plurality of content items. The plurality of content items may be obtained in response to a request, the request may be associated with a particular topic, and the plurality of content items may be associated with the particular topic. In some implementations, generating the plurality of tiles may include obtaining a media snippet from each of the plurality of content items. The supplemental content may include a graphical map. In some implementations, the graphical map may include one or more indicators associated with one or more of the plurality of content items.

[0007] Obtaining, by the computing system, supplemental content related to the selected content item associated with at least one of the first tile or the second tile may include obtaining, by the computing system, location data related to the user, and generating, by the computing system, location-specific supplemental content based on the location data and the selected content item. In some implementations, the initial interface may include an initial tile related to at least one of the plurality of content items, and the initial selection may include selecting the initial tile. The supplemental content may include an informational graphical popup.

[0008] In some implementations, the supplemental content may include a multimedia display. The initial interface may include overall information about a topic, the plurality of content items may include specific information about a plurality of respective subtopics, and the supplemental content may include detailed information about the particular subtopic. In some implementations, the initial interface, the first tile, the second tile, and the supplemental content may be provided in a single user interface. The single user interface may include a search engine interface. In some implementations, the initial selection may be determined based on a gesture input, and the gesture input may include a swipe gesture.

[0009] Another exemplary aspect of the present disclosure is directed to a computing system for retrieval and display of information. The computing system may include one or more processors and one or more non-transitory computer-readable media collectively storing instructions that, when executed by the one or more processors, cause the computing system to perform operations. The operations may include obtaining a plurality of tiles and an initial interface. In some implementations, each of the plurality of tiles may be associated with a respective media content item of the plurality of content items, and the initial interface may be associated with the plurality of content items. The operations may include providing the initial interface to a user computing device. The operations may include receiving a gesture input associated with the initial interface and providing a first tile and a second tile of the plurality of tiles. In some implementations, the first tile and the second tile may be provided in a carousel interface. The operations may include receiving a tile selection. The tile selection may include a user input selecting a particular tile of the plurality of tiles. In some implementations, the operations may include obtaining supplemental content associated with the selected content item associated with the particular tile and providing the supplemental content to the user computing device.

[0010] In some implementations, at least one of the first tile or the second tile can include a map tile, which can depict a location associated with the location content item. The first tile can depict a map and the second tile can depict an image.

[0011] Another exemplary aspect of the present disclosure is directed to one or more non-transitory computer-readable media collectively storing instructions that, when executed by one or more computing devices, cause the one or more computing devices to perform operations. The operations may include obtaining a plurality of tiles. Each of the plurality of tiles may be associated with a respective content item of the plurality of content items. In some implementations, the operations may include providing an initial tile of the plurality of tiles for display. The operations may include receiving a first user input selecting the initial tile. In response to receiving the first user input selecting the initial tile, the operations may include providing a first tile and a second tile of the plurality of tiles. The initial tile, the first tile, and the second tile may be provided in a carousel interface. The operations may include receiving a second user input selecting a particular tile. In some implementations, the particular tile may include at least one of the initial tile, the first tile, or the second tile. The operations may include obtaining supplemental content related to the selected content item associated with the particular tile and providing the supplemental content for display.

[0012] In some implementations, the first user input may depict a swipe gesture on the touch screen display. The operations may include receiving a third user input associated with the carousel interface and adjusting a display size of at least one of the initial tile, the first tile, or the second tile. The carousel interface may include a first carousel and a second carousel, where the first carousel may include a plurality of graphical tiles, and the second carousel may include a plurality of text tiles. In some implementations, the initial tile, the first tile, the second tile, and the supplemental content may be provided in a self-contained gadget of a search result interface, where the search result interface may include a plurality of search results during display of the initial tile, the first tile, the second tile, and the supplemental content. The operations may include adjusting a display size of the initial tile in response to the first user input, where the supplemental content may include map data displayed at a larger display size than the initial tile, the first tile, and the second tile. In some implementations, the map data may include route data and traffic data overlaid on the map.

[0013] Other aspects of the present disclosure are directed to various systems, apparatus, non-transitory computer-readable media, user interfaces, and electronic devices.

[0014] These and other features, aspects, and advantages of various embodiments of the present disclosure will become better understood with reference to the following description and appended claims. The accompanying drawings, which are incorporated in and form a part of this specification, illustrate exemplary embodiments of the present disclosure and, together with the description, serve to explain relevant principles.

[0015] A detailed discussion of embodiments directed to those skilled in the art with reference to the accompanying figures is described herein. [Brief description of the drawings]

[0016] [Figure 1] FIG. 2 is a block diagram of an exemplary computing system for performing uni-card interface generation and display according to an exemplary embodiment of the present disclosure. [Diagram 2] FIG. 2 is a block diagram of an exemplary multi-state interface according to an exemplary embodiment of the present disclosure. [Diagram 3] 1 is a diagram of an example multi-state interface with a map element according to an example embodiment of the present disclosure. [Figure 4] 1 is a diagram of an exemplary information tile according to an exemplary embodiment of the present disclosure. [Diagram 5] FIG. 2 is a diagram of an example instance of multiple uni card interfaces in parallel according to an example embodiment of the present disclosure. [Figure 6] 4 is a flow diagram of an example method for performing a display of a uni-card interface according to an example embodiment of the present disclosure. [Figure 7] 4 is a flow diagram of an example method for performing a display of a uni-card interface according to an example embodiment of the present disclosure. [Figure 8] 4 is a flow diagram of an example method for performing a display of a uni-card interface according to an example embodiment of the present disclosure. [Figure 9] FIG. 13 is a diagram of an example uni-card interface layout according to an example embodiment of the present disclosure. [Figure 10] 1 is a diagram of an exemplary interface interaction according to an exemplary embodiment of the present disclosure. [Figure 11] FIG. 13 is a diagram of an example uni-card interface layout according to an example embodiment of the present disclosure. [Figure 12] FIG. 13 is a diagram of an example uni-card interface layout according to an example embodiment of the present disclosure. [Figure 13] FIG. 2 is a diagram of an exemplary story interface according to an exemplary embodiment of the present disclosure. [Figure 14]FIG. 1 is a diagram of an exemplary context driven interface according to an exemplary embodiment of the present disclosure. [Figure 15] FIG. 13 is a diagram of an example uni-card interface layout according to an example embodiment of the present disclosure. [Figure 16] FIG. 1 is a diagram of an exemplary parallel uni-card interface according to an exemplary embodiment of the present disclosure. [Figure 17] 1 is a diagram of an exemplary carousel interface according to an exemplary embodiment of the present disclosure. [Figure 18] 4 is a diagram of an exemplary map tile transition according to an exemplary embodiment of the present disclosure. [Figure 19] 1 is a diagram of an exemplary option expansion interface component according to an exemplary embodiment of the present disclosure. [Figure 20] FIG. 13 is a diagram of example components of a uni-card interface template according to an example embodiment of the present disclosure. [Figure 21] 4A-4C are diagrams of example resizing transitions according to example embodiments of the present disclosure. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0017] Reference numbers repeated among the figures are intended to identify like features of various implementations.

[0018] overview In general, the present disclosure is directed to systems and methods for providing a multi-state uni-card user interface. More specifically, the systems and methods disclosed herein may include obtaining a plurality of tiles and an initial interface. Each of the plurality of tiles may be associated with a respective content item of a plurality of content items. In some implementations, an initial interface may be provided to a user computing device, and the initial interface may include an initial tile from the plurality of tiles. An initial selection may then be received. In some implementations, the initial selection may be determined based on a first input (e.g., a swipe gesture on the initial tile) associated with a portion of the initial interface. In response to the initial selection, the systems and methods may provide a first tile and a second tile of the plurality of tiles. In some implementations, the first tile and the second tile may be provided in a carousel interface. Additionally and / or alternatively, the carousel interface may include the initial tile. A tile selection may then be received (e.g., a second input including a tap gesture on a particular tile may be received). Supplemental content (e.g., supplemental information describing a route for driving to a particular location, overlaid on a map) related to the particular selected content item associated with the selected tile (e.g., the first tile, the second tile, or the initial tile) can then be obtained. Systems and methods can include providing the supplemental content to the user computing device.

[0019] In some implementations, the initial interface, the first tile, the second tile, and the supplemental information may be provided as part of a single user interface (e.g., the user interface of a search engine results page). Additionally and / or alternatively, the initial interface may include overall information about a particular topic, the multiple content items may describe different subtopics of the overall topic, and the supplemental content or supplemental information may include detailed information about the selected subtopic. In some implementations, the supplemental information may include map data generated based on the selected content items and the determined location of the user. For example, the first tile may depict a map and the second tile may depict an image. In response to a selection of the first tile, a larger, more detailed map may be provided as supplemental information in the user interface. Additionally and / or alternatively, in response to a selection of the second tile, a larger, more detailed image may be provided as supplemental information in the user interface. Alternatively, the supplemental information may include information different from the information displayed in the selected tile (e.g., the tile may depict an image of a food item, while the supplemental information may include text data describing a menu).

[0020] In some implementations, the systems and methods disclosed herein can be utilized to provide users with a compact and intuitive user interface for quickly navigating and accessing information related to a particular topic. The systems and methods can receive a query about a topic, provide an option to view subtopics via tiles, and then provide supplemental information on the tiles while continuing to provide the search results page originally provided to the user in response to the query.

[0021] The systems and methods disclosed herein may be utilized to provide a dynamic uni-card interface that can be leveraged to provide more detailed information on a topic within a single search result interface. For example, the systems and methods may include obtaining a plurality of tiles. Each of the plurality of tiles may be associated with a respective content item of the plurality of content items. In some implementations, the systems and methods may obtain a plurality of tiles and an initial interface. Each of the plurality of tiles may be associated with a respective media content item of the plurality of content items, and the initial interface may be associated with the plurality of content items.

[0022] In some implementations, obtaining the plurality of tiles and the initial interface may include obtaining a plurality of content items and generating the plurality of tiles based at least in part on the plurality of content items. Additionally and / or alternatively, the plurality of content items may be obtained in response to a request. The request may be associated with a particular topic, and the plurality of content items may be associated with the particular topic. In some implementations, generating the plurality of tiles may include obtaining a media snippet from each of the plurality of content items.

[0023] The tiles may be generated manually by the content provider and / or the search engine provider. Alternatively and / or additionally, the tiles may be generated automatically based on retrieved data related to or associated with the retrieved content items. For example, the tiles may include images extracted from a web page, where the web page includes article content items that include images. In some implementations, the content items may be associated with or describe a location, and the system and method may automatically determine the location. The location may then be indicated with a pin, and the tiles may be generated using a map of the area associated with the location, with the location indicated with a pin icon. Alternatively and / or additionally, the system and method may have a default tile icon for a particular content item type.

[0024] Additionally and / or alternatively, the initial interface may include an initial tile associated with at least one of a plurality of content items. The plurality of content items may include one or more types of content items. For example, the content items may include videos, images, maps, text, multimodal items, interactive items, articles, web pages, locally stored content items, and / or server-stored content items.

[0025] The systems and methods may provide an initial tile of the plurality of tiles for display. In some implementations, the initial tile may be part of an initial interface. Alternatively and / or additionally, the systems and methods may include providing the initial interface to a user computing device.

[0026] The system and method may include receiving a first user input. The first user input may include an initial selection in an initial interface. In some implementations, the first user input may include a selection of an initial tile. Alternatively and / or additionally, the first user input may include a gesture input associated with the initial interface (e.g., a swipe at a location near the initial tile in the initial interface). The initial selection may be a selection of the initial tile.

[0027] In some implementations, the initial selection may be determined based on gesture input, where the gesture input may include a swipe gesture, which may be input using a touch screen display.

[0028] In response to receiving a first user input selecting an initial tile, the system and method can provide a first tile and a second tile of the plurality of tiles. In some implementations, the initial tile, the first tile, and the second tile can be provided in a carousel interface. Alternatively and / or additionally, the interface may transition from the initial interface to a carousel interface that includes the first tile and the second tile of the plurality of tiles.

[0029] In some implementations, the first tile and / or the second tile may include a map tile. The map tile may depict a location associated with the location content item. In some implementations, the first tile may depict a map and the second tile may depict an image, or vice versa.

[0030] Additionally and / or alternatively, the carousel interface may include a first carousel and a second carousel, where the first carousel may include a plurality of graphical tiles and the second carousel may include a plurality of text tiles.

[0031] In some implementations, in response to receiving the first user input, systems and methods can include adjusting a display size of the initial tile in response to the first user input.

[0032] Alternatively and / or additionally, a user input (e.g., a third user input) may be received, and in response to the third user input, the system and method may include adjusting a display size of one or more of the initial tile, the first tile, or the second tile. For example, as a user navigates through the carousel, a tile closest to a particular location (e.g., the center of the interface, the location of the last input contact, the left portion of the interface, the right portion of the interface, and / or the focal point of the interface) may be displayed larger than other tiles of the plurality of tiles. Tiles may grow in size or shrink in size as the carousel interface is navigated.

[0033] The systems and methods may include receiving a second user input. In some implementations, the second user input may include a tile selection. The tile selection may include a user input selecting a particular tile of the plurality of tiles (e.g., one or more of the initial tile, the first tile, or the second tile).

[0034] The system and method can obtain supplemental content related to a selected content item related to the second user input. For example, the supplemental content can be associated with a particular tile (e.g., the initial tile, the first tile, and / or the second tile) selected in the second user input. Additionally and / or alternatively, the supplemental content can be associated with the selected content item related to the particular tile.

[0035] In some implementations, the initial interface may include general information about a topic, the content items may include specific information about respective subtopics, and the supplemental content may include detailed information about a particular subtopic.

[0036] Obtaining supplemental content related to a selected content item associated with a particular tile may include obtaining location data related to a user and generating location-specific supplemental content based on the location data and the selected content item.

[0037] In some implementations, the supplemental content may include a multimedia display. Alternatively and / or additionally, the supplemental content may include a graphical pop-up of information. The supplemental content may include a graphical map. In some implementations, the graphical map may include one or more indicators associated with one or more of the multiple content items.

[0038] The system and method may include providing supplemental content for display. In some implementations, the supplemental content may be provided to a user computing device. The supplemental content may include map data that is displayed at a larger display size than the initial tile, the first tile, and the second tile. The map data may include route data and traffic data overlaid on the map.

[0039] The initial tile, the first tile, the second tile, and the supplemental content may be provided in a self-contained gadget in a search result interface. The search result interface may include multiple search results during display of the initial interface, the first tile, the second tile, and the supplemental content. Additionally and / or alternatively, the initial interface, the first tile, the second tile, and the supplemental content may be provided in a single user interface. The single user interface may include a search engine interface.

[0040] In some implementations, the uni-card interface may be provided alongside search results in response to a search query. Alternatively and / or additionally, the uni-card interface may be provided as or as part of a knowledge panel displayed in proximity to the search results.

[0041] The uniCard interface may be provided as a gadget or widget displayed within a web page. The gadget may be provided at a fixed size. Alternatively and / or additionally, the gadget may change size as the user interacts with the uniCard interface.

[0042] The uniCard interface may be provided as a web gadget, a widget, or through a variety of other interface features. Additionally, the uniCard interface may be provided on a search results page, in an article, in a social media interface, in a web application, locally in a localized application, in a mobile user interface (e.g., in a mobile device's operating system), or in a variety of other ways.

[0043] In some implementations, the uni-card interface can include a tri-state display (e.g., a condensed state, an expanded state, and an immersive state). The uni-card interface can include a dynamic interface such that the interface can provide increasing information in response to each user interaction. For example, the uni-card interface can have an initial condensed state that can be interacted with to trigger the display of an expanded state with more detailed information and / or a larger display of information. The expanded state can then be interacted with to trigger the display of an immersive state that can provide detailed, immersive information about a topic (e.g., routing information for getting to a store location, a detailed menu, a video display, a preview window of an article, etc.).

[0044] The uni card interface may occur as a single instance within a web page. Alternatively and / or additionally, the uni card interface may occur in parallel such that multiple instances of the uni card interface may be displayed simultaneously in a single web page or application. Parallel instances of the uni card interface may be provided together or distributed across a web page. Interaction with one uni card interface may default other uni card interfaces within the web page or user interface back to an initial state. Alternatively and / or additionally, the uni card interfaces may work independently of each other such that a user may interact with one uni card interface, move on to interact with a second uni card interface, and then return to the first uni card interface in the same view and state as when the user left the first uni card interface.

[0045] In some implementations, a tile can be an element that gets larger with each interaction, such that an initial state can include a small element, a second state can include a medium sized element, and a third state can include a large element.

[0046] The uni card interface can be provided as part of an advertising campaign, in which a third party can contract with an advertising provider to have the uni card interface provided to a client computing system. In some implementations, the advertising provider may provide a uni card development interface to a third party. The third party can then build a customized uni card interface by interacting with the uni card development interface. Alternatively and / or additionally, the uni card interface may be generated automatically or manually by the advertising provider computing system.

[0047] Building the uni-card can include interaction with one or more templates, which can include one or more fixed components and / or one or more optional components. Different templates can include different densities and / or amounts of elements. Templates can be further customized by customization of the building blocks of the respective templates. In some implementations, the uni-card can be adjusted based on determined user input and / or by determined user intent.

[0048] The unicard interface may be self-contained or may affect surrounding interface elements.

[0049] In some implementations, the content of the second and third states may be determined based at least in part on the type of gesture, e.g., a tap gesture may cause a different tile action compared to a swipe gesture or a double tap gesture.

[0050] The system and method can include a fourth user input. The fourth user input can be a selection of an interface element configured to redirect the user computing system to a web page for accessing the content item outside the uni-card interface.

[0051] The uni-card interface may be generated and / or obtained in response to a search query. The search query may be determined to be associated with a category, and the content item may be associated with different content items related to a particular category.

[0052] The systems and methods of the present disclosure provide several technical effects and advantages. As an example, the systems and methods can provide a dynamic multi-state interface. More specifically, the systems and methods can provide an interface that provides more detailed information with each interaction without navigating away from the original web page. For example, in some implementations, the systems and methods can include a first state with an initial tile, and then the first state can transition to an expanded second state with multiple tiles after a first user input. A second user input can trigger a transition from the expanded second state to a third state that can include immersive information about the topic.

[0053] Another technical advantage of the systems and methods of the present disclosure is the ability to navigate from an overall topic to more detailed subtopics without navigating to a new web page. For example, the systems and methods can begin with an initial interface response to a search query that displays information about the overall topic. Interaction with the initial interface can cause a carousel interface with multiple subtopics to be displayed. A user can then interact with one of the tiles in the carousel interface, which can cause more detailed information about the subtopic to be displayed.

[0054] Another exemplary technical effect and advantage relates to improved computational efficiency and improved capabilities of computing systems. For example, the systems and methods disclosed herein can leverage a multi-state user interface to provide progressively more detailed information without navigating to a different web page for each interaction. A single interface on a single web page can allow a single web page to provide an immersive and scalable search experience without navigating through search result web pages. Furthermore, the systems and methods disclosed herein may reduce the computational overhead associated with navigating to different web pages during topic research. Additionally and / or alternatively, the systems and methods disclosed herein can reduce network bandwidth used for searching by reducing the loading of different web pages and providing supplemental content to search result web pages instead of redirecting directly to web resources that need to be rendered in their entirety.

[0055] Referring now to the figures, exemplary embodiments of the present disclosure will be considered in more detail.

[0056] Exemplary Devices and Systems 1 depicts an exemplary computing system 100 that may be used to implement a uni-card interface according to aspects of the present disclosure. The system 100 has a client-server architecture that includes a server 110 that communicates with one or more client devices 130 over a network 160. However, the present disclosure may be implemented using other suitable architectures, such as a single computing device not connected to a network.

[0057] The system 100 includes a server 110, such as, for example, a web server. The server 110 can be one or more computing devices implemented as a parallel or distributed computing system. In particular, multiple computing devices can work together as a single server 110. The server 110 can have one or more processors 112 and memory 114. The server 110 can also include a network interface used to communicate with one or more remote computing devices (e.g., client devices) 130 over a network 160.

[0058] The processor 112 can be any suitable processing device, such as a microprocessor, a microcontroller, an integrated circuit, or other suitable processing device. The memory 114 can include any suitable computing system or medium, including but not limited to a computer-readable medium, which may be non-transitory, a RAM, a ROM, a hard drive, a flash drive, or other memory device. The memory 114 can store information accessible by the processor 112, including instructions 116 that can be executed by the processor 112. The instructions 116 can be any set of instructions that, when executed by the processor 112, cause the processor 112 to provide a desired functionality.

[0059] In particular, the instructions 116 may be executed by the processor 112 to implement a unicard search 120. The unicard search 120 may be configured to provide a unicard interface as a search result in response to a search query. In some implementations, the unicard search 120 may be configured to access a search result database 180 to retrieve data related to the determined intent of the search query, and the unicard interface may be generated using a unicard generation element 122 stored in the memory 114 of the server computing system 110.

[0060] It will be understood that the term "element" can refer to computer logic utilized to provide a desired function. Thus, any element, function, and / or instruction can be implemented in hardware, application specific circuits, firmware, and / or software controlling a general purpose processor. In one implementation, an element or function can be a program code file stored in a storage device, loaded into memory, and executed by a processor, or can be provided from a computer program product, e.g., computer executable instructions stored in a tangible computer readable storage medium such as a RAM, a hard disk, or an optical or magnetic medium.

[0061] The memory 114 may also include geographic data 118, which may be retrieved, manipulated, created, or stored by the processor 112. The geographic data 118 may include geographic imagery (e.g., digital maps, satellite imagery, aerial photographs, street-level photographs, synthetic models, etc.), tables, vector data (e.g., vector representations of roads, parcels, buildings, etc.), point of interest data (e.g., locations such as islands, cities, restaurants, hospitals, parks, hotels, and schools), or other suitable geospatial data or related information. By way of example, the geographic data 118 may be used to access location-related information and data and generate one or more location-related elements (e.g., map tiles and supplemental content, which may include map data and routing data) for the uni-card interface.

[0062] The geographic data 118 may be stored in one or more databases. The one or more databases may be connected to the server 110 by a high bandwidth LAN or WAN, or may be connected to the server 110 through a network 160. The one or more databases may be partitioned such that the databases are located in multiple locations.

[0063] The server 110 can exchange data with one or more client devices 130 over a network 160. Although two clients 130 are shown in FIG. 1, any number of client devices 130 can be connected to the server 110 over the network 160. The client devices 130 can be any suitable type of computing device, such as a general purpose computer, a special purpose computer, a navigation device, a laptop, a desktop, an integrated circuit, a mobile device, a smartphone, a tablet, a wearable computing device, a display coupled with and / or embedded with one or more processors, or other suitable computing device. Additionally, the client devices 130 can be multiple computing devices working together to perform operations or computing actions.

[0064] Similar to the server 110, the client device 130 may include a processor 132 and a memory 134. The memory 134 may store information accessible by the processor 132, including instructions and data that may be executed by the processor. By way of example, the memory 134 may store a browser component 140 and an application component 142.

[0065] The browser element 140 can provide instructions for implementing a browser. In particular, a user of the client device 130 can use the browser to interact with the server 110 by visiting websites accessible at particular web addresses. The uniCard search of the present disclosure can be provided as an element of the website's user interface.

[0066] The application component 142 can provide instructions for executing specialized applications on the client device 130. In particular, the specialized applications can be used to exchange data with the server 110 over the network 160. The application component 142 can include client device readable code for providing and implementing aspects of the present disclosure. For example, the application component 142 can provide instructions for implementing a map application or a virtual globe application.

[0067] The client device 130 may include various user input devices 150 for receiving information from a user, such as a touch screen, a touch pad, data entry keys, a speaker, a mouse, a motion sensor, and / or a microphone suitable for voice recognition. Additionally, the client device 130 may have a display 146 for presenting information, such as information provided as part of the uni-card interface.

[0068] The client device 130 may also include a positioning system 148 that may be used to determine a location of the client device 130. The positioning system 148 may be optionally used by a user to monitor the user's location in connection with rendering. The positioning system 148 may be any device or circuitry for monitoring the location of the client device 130. For example, the positioning device 148 may determine an actual or relative location by using a satellite navigation positioning system (e.g., a GPS system, a Galileo positioning system, a GLObal Navigation satellite system (GLONASS), a BeiDou Satellite Navigation and Positioning system), an inertial navigation system, a dead reckoning system, based on an IP address, by using triangulation and / or proximity to a cellular tower or WiFi hotspot, and / or by using other suitable techniques for determining location.

[0069] The client device 130 may further include a graphics processing unit 152. The graphics processing unit 152 may be used by the processor 132 to render retrieved data related to the uni-card interface. In some embodiments, the client device 130 retrieves user input and transmits data related to the user input.

[0070] The client device 130 may include a network interface 154 for communicating with the server 110 over the network 160. The network interface 154 may include any component or configuration suitable for communicating with the server 110 over the network 160, including, for example, one or more ports, transmitters, wireless cards, controllers, physical layer components, or other items for communication via any now known or future developed communication protocol or technology.

[0071] Network 160 can be any type of communication network, such as a local area network (e.g., an intranet), a wide area network (e.g., the Internet), or some combination thereof. Network 160 could also include a direct connection between client device 130 and server 110. In general, communications between server 110 and client device 130 may be carried over a network interface using any type of wired and / or wireless connection, using a variety of communication protocols (e.g., TCP / IP, HTTP), encodings or formats (e.g., HTML, XML), and / or protection schemes (e.g., VPN, Secure HTTP, SSL).

[0072] In some implementations, the systems and methods disclosed herein may utilize one or more machine learning models to generate a customized uni-card interface. For example, one or more machine learning models may be trained to analyze web resources and extract relevant data from the analyzed web resources to gather data used to generate different elements for the uni-card interface. Additionally and / or alternatively, the systems and methods may utilize one or more machine learning image segmentation models to generate tiles based on images obtained from content items. The image segmentation models may be trained to recognize foreground objects in an image, segment the foreground object or a portion of the image with the foreground object, and then use the segmented image as part of the tile displayed in the uni-card interface. Additionally, the systems and methods may include one or more natural language processing models to generate a semantic understanding of the content item to generate one or more text snippets provided in the uni-card interface. Additional machine learning models may be utilized for gesture understanding, search result collection, search result ranking, and / or various other tasks.

[0073] Example Interface Layout FIG. 2 depicts a block diagram of an exemplary multi-state interface according to an exemplary embodiment of the present disclosure. In particular, FIG. 2 depicts three states of a multi-state uni-card interface, including a reduced state 202, an expanded state 204, and an immersed state 206. The reduced state 202 may be an initial state or a first state that can provide information at a glance. The reduced state 202 may include an initial interface that may include an initial tile 208 of a first size. The initial interface of the reduced state 202 may include an overall description, an overall comment, a text carousel, and the initial tile 208.

[0074] In response to a first user input (e.g., a swipe gesture associated with the initial tile 208), the multi-state interface can transition to an expanded state 204. The expanded state 204 can be a second state and can include a first tile and a second tile 210 in a carousel interface. The carousel interface can allow for deeper digging of information about a topic. In some implementations, the first tile and the second tile can be a second size, which may be larger than the first size. The first tile can be an enlarged version of the initial tile. Additionally and / or alternatively, the first tile may provide an enlarged, more detailed tile related to the same content item as the initial tile. In some implementations, the expanded state 204 can be larger in size and more detailed than the collapsed state 202.

[0075] In response to a second user input (e.g., a tap input selecting the first tile 210), the multi-state interface can transition to an immersive state 206. The immersive state 206 can be a third state that can provide more detailed and immersive details about a particular content item related to a topic. In some implementations, the immersive state 206 can be a larger size than the expanded state 204 and the collapsed state 202. The immersive state 206 can include a dive into a particular content item related to the particular tile selected (e.g., the first tile). In some implementations, the immersive state 206 can include supplemental content 212 related to the selected content item. For example, the supplemental content 212 can include a large map element with pins indicating places of interest and may include traffic and / or routing data related to the particular location.

[0076] 3 depicts a diagram of an exemplary multi-state interface with a map component according to an exemplary embodiment of the present disclosure. In particular, FIG. 3 depicts an exemplary uni-card interface displayed within a search results page. The multi-state interface can include an initial state (e.g., a collapsed state 302), a second state (e.g., an expanded state 304 that can include a carousel interface 312), and a third state (e.g., an immersive state 306 that can include supplemental content 314).

[0077] The uni-card interface may be generated in response to a search query 310. In some implementations, the initial state may be provided alongside the search results and may be specific to a particular search result (e.g., a particular Thai restaurant 308 determined in response to a search query 310 related to "Thai restaurants near me").

[0078] An initial selection associated with the initial interface 308 may then be received. When the uni-card interface can transition to a second state, the second state may include a carousel interface 312. The carousel interface 312 may include a first tile depicting map data for a particular search result (e.g., a map depicting the location of a particular Thai restaurant) and a second tile depicting an image associated with the particular search result (e.g., an image of food from the particular Thai restaurant).

[0079] A tile selection may then be received, the tile selection selecting a particular tile (e.g., a first tile depicting map data). Supplemental content 314 related to the content item of the particular tile may be obtained and / or generated. The supplemental content 314 may be provided in a third state of the uni-card interface. The supplemental content 314 may include a map with location pins, traffic data, and routing data. The third state may be configured to receive input to scroll the supplemental content 314 for other tiles of the plurality of tiles.

[0080] In some implementations, action textual links may be provided in all three states. The action textual links may include contact links (e.g., a phone link), website links, and / or order links (e.g., to navigate to a third party food delivery provider's website or extension).

[0081] 4 depicts an exemplary information tile diagram according to an exemplary embodiment of the present disclosure. In particular, FIG. 4 depicts an initial collapsed state 402, a second expanded or expanded state 404, and a third immersive or showcase state 406 and 408. In some implementations, the initial state 402 may include collapsed map tiles and a carousel 410. The initial state 402 may then transition to a second state 404. The second state 404 may include expanded map tiles and a carousel 412 of an increased size relative to the collapsed map tiles and carousel 410.

[0082] The second state 404 can then transition to a third state 406 and 408. The third state 406 and 408 can include multiple supplemental content tiles. For example, the showcases can include a map showcase 406 and a media showcase 408. The map showcase 406 can include a real-time map, distance data 414, and an indicator 416 that indicates which showcase tile is currently being displayed (e.g., a first supplemental content tile, a second supplemental content tile, etc.). The media showcase 408 can include one or more photos 422 and a number of photos key 420 that can describe which photo is being viewed and the total number of photos in the album.

[0083] 5 depicts a diagram of an exemplary instance of multiple uniCard interfaces in parallel, according to an exemplary embodiment of the present disclosure. In particular, in some implementations, multiple uniCard interfaces may be provided and displayed on a single web page. For example, multiple uniCard interfaces for multiple specific search results may be provided in parallel with each other.

[0084] 5 depicts three initial states 506 in the collapsed state 502 of the parallel instance display. A first user input selecting a first particular search result 506A may be received, which may cause a transition to the expanded state 504. A second particular search result 506B and a third particular search result 506C may be unselected and may continue to be initially displayed in the expanded state 504, to be displayed as 508B and 508C. Additionally and / or alternatively, the first particular search result 506A may transition to a second state 508A, which may include a carousel interface including multiple tiles providing more detailed information about the first particular search result 506A.

[0085] FIG. 9 depicts a diagram of an exemplary uni-card interface layout according to an exemplary embodiment of the present disclosure. FIG. 9 depicts two states, a first state 902 (e.g., a collapsed state) and a second state 904 (e.g., an expanded state). The first state 902 can include an initial interface, a text carousel for a particular subtopic, an overall description, and an overall title. The second state 904 can be obtained and provided in response to a first user input, which can expand the initial carousel of the initial interface into a carousel interface with more detailed information. The second state 904 can further include a second text carousel with multiple action links.

[0086] FIG. 10 depicts an exemplary interface interaction diagram according to an exemplary embodiment of the present disclosure. In particular, initially, the uni-card interface may be provided in a first state 1002 or initial state in an initial interface. The first state 1002 may include a website link 1008 that may be tapped to navigate to a web resource. Interaction with the first state 1002 may further include a tap input to expand into multiple uni-card interfaces for multiple locations of search results. Additionally and / or alternatively, the user may tap an initial tile of the initial interface to navigate directly to the third state 1006 (e.g., the immersive state). Further, the user may input a swipe gesture 1010, which may transition the uni-card interface to the second state 1004 (e.g., the expanded state). The second state 1004 may include a carousel interface that may include multiple tiles. Each of the tiles may be configured to be tapped to navigate to the third state 1006 (e.g., the immersive state). Once in the third state 1006, the user may interact with the supplemental content tile 1014 to navigate to a web page of the web resource.

[0087] 11 illustrates a diagram of an exemplary uni-card interface layout according to an exemplary embodiment of the present disclosure. In particular, FIG. 11 illustrates three exemplary initial interface templates.

[0088] The first example 1102 may include an initial interface 1108 with multiple tiles that may grow in size in response to a first user input. The tiles may describe different subtopics related to an overall topic.

[0089] The second example 1104 may include an initial interface 1110 that may include multiple multimodal tiles in a carousel and multiple text elements in a carousel. The multimodal tiles may describe different subtopics and may include text and multimedia elements.

[0090] The third example 1106 may include an initial interface 1112 that may include an overall title, an overall descriptor, and an initial tile of the search result. The initial interface 1112 may be included along with a number of other elements.

[0091] FIG. 12 depicts a diagram of an exemplary uni-card interface layout according to an exemplary embodiment of the present disclosure. More specifically, FIG. 12 depicts that the first state 1202 can include an initial interface 1206 including a sleek discovery interface presenting relevant commercial store subcategories. The subcategories can include live music, art galleries, and cocktail bars related to the searched query (e.g., a search query describing a location). A subcategory selection can be received and the second state 1204 can be obtained and provided. The depicted search query can be modified to further include words related to the selected subcategory. For example, the search query 1208 can be modified to further include "live music" in response to a selection of a live music subcategory. Here, the subcategory can be displayed as a text tile 1210 with an indicator indicating the selected subcategory. The second state 1204 can include multiple uni-card interfaces 1212 for different specific search results related to the selected subcategory.

[0092] FIG. 13 depicts a diagram of an exemplary story interface according to an exemplary embodiment of the present disclosure. The story interface may include an optional first state for selecting a subcategory related to the search query. In the depicted example, the "yellow curry" subcategory is selected. After subcategory selection, a second state 1302 may be displayed. The second state 1302 may include two carousels 1308. The first carousel may include a text element that includes an indicator indicating the selected subcategory. The second carousel may include multiple tiles that may include media tiles with text overlays. One or more of the tiles may be story tiles. A story tile may be selected to display a third state. The third state may include images and videos that are displayed consecutively for a determined period of time. The third state may include multiple separated progress bars that indicate the progress of each visual element.

[0093] For example, a first story may include an image story 1304 that is displayed for a period of time with location information and actions displayed in a bottom bar 1310. When the period for the first story has elapsed, a second story may be displayed. The second story may include a video story 1306 that depicts the next content item associated with a subsequent tile in the carousel interface in the second state.

[0094] FIG. 14 depicts a diagram of an exemplary context-driven interface according to an exemplary embodiment of the present disclosure. More specifically, in some implementations, an initial state 1402 may include an initial interface of a campaign uni-card 1406. The initial tile may then be selected with a swipe gesture. An input may then be received and a second state 1404 may be provided. The second state 1404 may include a number of tiles 1408 displayed on top of the overall information displayed in the initial interface. In some implementations, the number of tiles 1408 may include a context forward approach that places menu items on pictures to display subtopics related to an overall restaurant topic.

[0095] 15 depicts a diagram of an example uni-card interface layout according to an example embodiment of the present disclosure. The multi-state interface depicted in FIG. 15 can include an initial state 1502, a second state 1504, and a third state 1506. The presentation of the second state 1504 may depend on a type 1508 of interaction with the initial state 1502. For example, a swipe gesture may cause the second state 1504 to be displayed, while a tap gesture may cause the third state 1506 to be displayed.

[0096] The second state 1504 may include a number of tiles displayed in a carousel interface. The number of tiles may include one or more organized images 1510. The number of tiles may depict different content items and may be generated manually and / or automatically.

[0097] The third state 1506 can be navigated to from the initial state 1502 or the second state 1504. In some implementations, the third state can include a large visual element with an overlay of textual data and may include interactive elements 1512 to provide an attractive interface with added usability.

[0098] 16 depicts an exemplary parallel uni-card interface diagram according to an exemplary embodiment of the present disclosure. In particular, FIG. 16 depicts three exemplary interface layouts. The first example 1602 can include parallel instances of the uni-card interface, where each particular content item in a list collection 1608 can have its own respective uni-card interface.

[0099] The second example 1604 may depict an initial state or a second state depending on the provider's selection and / or a third party's selection. The second example 1604 may include a carousel collection 1610 that may be visually forward. The carousel collection 1610 may include multiple multimodal tiles.

[0100] A third example 1606 may depict an initial state with a unicard initial interface 1612 depicting reduced information related to the search results. The reduced information may include an overall title and an overall description of the search results.

[0101] FIG. 17 depicts a diagram of an exemplary carousel interface according to an exemplary embodiment of the present disclosure. The exemplary carousel interface depicted in FIG. 17 includes a number of tiles depicted under a second interface portion. The second interface portion initially 1702 includes overall information about the topic (e.g., store name, store description, and a small initial tile). The carousel interface may be swiped 1704 via one or more user inputs. A user may select a tile, which may trigger the display of a larger supplemental content element in the second portion of the interface, as depicted in 1706. The supplemental content element may be generated and provided based on the particular tile selected. In some implementations, the supplemental content element may display a map element with one or more pins indicating one or more places of interest.

[0102] 18 depicts an example map tile transition diagram according to an example embodiment of the present disclosure. At 1802, multiple uni-card interfaces are depicted that describe different subtopics to an overall gadget topic. A swipe gesture 1804 may then be received to provide an expanded view of the selected subtopic, as depicted at 1806. In particular, a carousel interface for the subtopics may be displayed.

[0103] 19 depicts a diagram of an exemplary option expansion interface component according to an exemplary embodiment of the present disclosure. In some implementations, the system and method may further include interaction with the option expansion interface. The first state 1902 of the option expansion interface may include an interactive element 1906 that, when selected, may transition the interface to a second state 1904, which may include a plurality of uni-card interfaces 1908 that are displayed in response to the selection of the interactive element 1906. The plurality of uni-card interfaces 1908A, 1908B, and 1908C may include information regarding different locations of the respective search results.

[0104] 20 depicts a diagram of example components of a uni-card interface template according to an example embodiment of the present disclosure. The example template can include a variety of elements of different sizes. For example, a first example template 2002 can include a card cap element 2006 that can describe a topic or subtopic, a location element 2008 that can describe a location related to the topic or subtopic, a context element 2010 that can describe a search context, and an action element 2012 that can include multiple interactive action elements for completing a variety of different actions.

[0105] Additionally, the second exemplary template 2004 may include a card cap element 2006, an action element 2012, a campaign element 2014 that may contain text information about a topic or subtopic, and a reduced location element 2016 that may contain information similar to that of the location element 2008, but in a reduced version.

[0106] FIG. 21 depicts an example resizing transition diagram according to an example embodiment of the present disclosure. At 2102, an initial state with multiple multimodal tiles in an initial interface is displayed. Interaction with the initial interface can trigger the uni-card interface to transition from the initial state to a second state. At 2104, the second state is displayed with the multiple multimodal tiles displayed at a larger size when compared to the initial state. The second state can further include one or more of the multiple tiles becoming larger than other tiles in the carousel based on user interaction or location in the carousel. For example, at 2104, a middle tile is provided at a larger size based on the middle tile being the central tile of the display at that given time. As a user navigates through the carousel, different tiles may be enlarged or reduced in response to a new tile coming to the center of the display.

[0107] Exemplary Methods 6 depicts a flow diagram of an exemplary method operating in accordance with an exemplary embodiment of the present disclosure. Although FIG. 6 depicts steps performed in a particular order for purposes of explanation and discussion, the method of the present disclosure is not limited to the order or sequence specifically depicted. Various steps of method 600 may be omitted, rearranged, combined, and / or adapted in various ways without departing from the scope of the present disclosure.

[0108] At 602, a computing system may obtain a plurality of tiles and an initial interface. The plurality of tiles may be associated with a plurality of respective content items. In some implementations, the initial interface may be associated with the plurality of content items. The plurality of tiles and the initial interface may be obtained in response to receiving a search query. The search query may be associated with a topic, and each of the plurality of content items may be associated with the topic being searched.

[0109] At 604, the computing system can provide an initial interface to the user computing device. The initial interface can be provided as part of a search results page, and the initial interface can be provided in proximity to search results related to the searched topic.

[0110] At 606, the computing system may receive an initial selection in the initial interface. The initial selection may be a first user input. In some implementations, the initial selection may include a gesture input (e.g., a swipe gesture associated with the initial interface).

[0111] At 608, the computing system can provide a first tile and a second tile of the plurality of tiles. The first tile and the second tile can be associated with specific details related to the topic being searched (e.g., location data for the business being searched for, or image data related to menu items for the restaurant being searched for). In some implementations, the first tile can be a tile that is displayed in an initial interface at a reduced size and then can increase in size in response to an initial selection.

[0112] At 610, a computing system may receive a tile selection and obtain supplemental content associated with at least one of the first tile or the second tile. The tile selection may be a second user input (e.g., a tap input that selects a particular tile among the multiple tiles). The supplemental content may be associated with the selected tile and may include more detailed data about the content item associated with the selected tile.

[0113] The computing system may provide the supplemental content to the user computing device at 612. In some implementations, further user input may be received and the system may redirect the user computing system to a landing page for the content item in response to the user input.

[0114] 7 depicts a flow diagram of an exemplary method operating in accordance with an exemplary embodiment of the present disclosure. Although FIG. 7 depicts steps performed in a particular order for purposes of explanation and discussion, the methods of the present disclosure are not limited to the order or sequence specifically depicted. Various steps of method 700 may be omitted, rearranged, combined, and / or adapted in various ways without departing from the scope of the present disclosure.

[0115] At 702, a computing system can obtain a plurality of tiles and an initial interface. The plurality of tiles can be associated with a plurality of respective media content items. The initial interface can be generated based on the plurality of respective media content items.

[0116] At 704, the computing system can provide an initial interface to the user computing device. The initial interface can include one or more graphical elements that indicate that a carousel interface may be provided in response to a selection.

[0117] At 706, the computing system may receive a gesture input associated with the initial interface. The gesture input may select a portion of the initial interface. In some implementations, the gesture input may include a swipe gesture over the portion of the initial interface.

[0118] At 708, the computing system may provide a first tile and a second tile of the plurality of tiles. The first tile and the second tile may be provided in a carousel interface. The carousel interface may be configured to cycle automatically and / or may cycle based on manual input by a user. In some implementations, the carousel interface may be scrolled in response to a swipe gesture by a user.

[0119] At 710, a computing system may receive a tile selection and obtain supplemental content related to the selected content item associated with the particular tile. The tile selection may include a user input (e.g., a second user input) selecting a particular tile of a plurality of tiles. The tile selection may include a tap input, a voice input, and / or a determined input based on a specified amount of time elapsed with the particular tile displayed. The supplemental content may include map data and routing data for reaching a desired location associated with the particular tile.

[0120] At 712, a computing system can provide the supplemental content to the user computing device. The supplemental content can be provided as part of a story-based display, can be provided as a slide deck presentation, or can be provided as an enlarged tile.

[0121] 8 depicts a flow diagram of an exemplary method operating in accordance with an exemplary embodiment of the present disclosure. Although FIG. 8 depicts steps performed in a particular order for purposes of explanation and discussion, the methods of the present disclosure are not limited to the order or sequence specifically depicted. Various steps of method 800 may be omitted, rearranged, combined, and / or adapted in various ways without departing from the scope of the present disclosure.

[0122] At 802, a computing system can obtain a plurality of tiles. The plurality of tiles can be associated with a plurality of respective content items. The plurality of content items can be associated with a topic, and each of the content items may be associated with a particular subtopic.

[0123] At 804, the computing system may provide an initial tile of the plurality of tiles for display. The initial tile may be a first size.

[0124] At 806, the computing system may receive a first user input selecting an initial tile. The first user input may include a tap input, a gesture input, and / or a variety of other inputs.

[0125] At 808, the computing system may provide a first tile and a second tile of the plurality of tiles. The first tile and the second tile may be provided in response to a first user input. The first tile and the second tile may be displayed in a second size. The second size may be larger than the first size. In some implementations, the initial tile may be displayed in the second size along with the first tile and the second tile. The tiles may be displayed in a carousel interface.

[0126] At 810, the computing system may receive a second user input selecting the particular tile and obtain supplemental content related to the selected content item associated with the particular tile. The particular tile may include one or more of the initial tile, the first tile, or the second tile. In some implementations, the supplemental content may include data obtained from one or more content items associated with the particular tile.

[0127] A computing system may provide the supplemental content for display, at 812. Providing the supplemental content for display may include transmitting the supplemental content to a user computing system.

[0128] Additional Disclosures The technology discussed herein refers to servers, databases, software applications, and other computer-based systems, as well as actions taken and information sent to and from such systems. The inherent flexibility of computer-based systems allows for a wide variety of possible configurations, combinations, and divisions of tasks and functions between and among components. For example, the processes discussed herein may be implemented using a single device or component, or multiple devices or components working in combination. Databases and applications may be implemented on a single system or distributed across multiple systems. Distributed components may operate sequentially or in parallel.

[0129] Although the present subject matter has been described in detail in relation to various specific exemplary embodiments thereof, each example is provided for the purpose of explanation and not limitation of the present disclosure. Those skilled in the art, upon understanding the above content, can easily create modifications to such embodiments, changes to such embodiments, and equivalents to such embodiments. Thus, the subject disclosure does not exclude the inclusion of such modifications, changes, and / or additions to the present subject matter that are readily apparent to those skilled in the art. For example, features shown or described as part of one embodiment may be used by another embodiment to create a further embodiment. Thus, the present disclosure is intended to encompass such modifications, changes, and equivalents. [Explanation of symbols]

[0130] 100 Computing Systems 110 Servers, server computing systems 112 processors 114 Memory 116 Command 118 Geographic Data 120 uni card search 122 unicard generation elements 130 Client Device, Remote Computing Device 132 processors 134 Memory 140 Browser Elements 142 Application Elements 146 Display 148 Positioning System 150 User Input Devices 152 Graphics Processing Unit 154 Network Interface 160 Network 180 search results database 202 Reduced state 204 Deployment Status 206 Immersion State 208 Initial Tiles 210 2nd tile, 1st tile 212 Supplemental Content 302 Reduced State 304 Deployment Status 306 Immersion State 308 Specific Thai Restaurant, Initial Interface 310 Search Queries 312 Carousel Interface 314 Supplemental Content 402 Initial reduced state 404 Secondary Expanded or Expanded State 406 Third immersion or showcase state, map showcase 408 Third Immersion or Showcase State, Media Showcase 410 Folded Map Tiles and Carousels 412 Enhanced Map Tiles and Carousels 414 Distance Data 416 Indicator 420 Photo Number Key 422 Photos 502 Reduced State 504 Expanded State 506 Initial state 506A First specific search result 506B Second Specific Search Result 506C Third specific search result 508A Second state 600 ways 700 methods 800 ways 902 First state 904 Second State 1002 First state 1004 Second state 1006 Third State 1008 Website Link 1010 Swipe Gestures 1014 Supplemental Content Tiles 1102 First Example 1104 Second Example 1106 Third Example 1108 Initial Interface 1110 Initial Interface 1112 Initial Interface 1204 Second State 1206 Initial Interface 1208 Search Queries 1210 Text Tile 1212 uniCard Interface 1302 Second State 1304 Image Story 1306 Video Story 1308 Carousel 1310 Bottom Bar 1402 Initial state 1404 Second State 1406 Campaign uni card 1408 Multiple Tiles 1502 Initial state 1504 Second State 1506 The third state 1508 Interaction Types 1510 Systematic Images 1512 Interactive Elements 1602 First Example 1604 Second Example 1606 Third Example 1608 List Collection 1610 Carousel Collection 1612 uniCard initial interface 1804 Swipe Gestures 1902 First State 1904 Second State 1906 Interactive Elements 1908 unicard interface 1908A uniCard Interface 1908B uniCard Interface 1908C uniCard Interface 2002 First Exemplary Template 2004 Second Example Template 2006 Card Cap Element 2008 Location elements 2010 Context Elements 2012 Action Elements 2014 Campaign Elements 2016 Reduced Location Element

Claims

1. 1. A computer-implemented method for displaying content, comprising: obtaining, by a computing system including one or more processors, a plurality of tiles and an initial interface, each of the plurality of tiles being associated with a respective content item of a plurality of content items, and the initial interface being associated with the plurality of content items; providing, by the computing system, the initial interface to a user computing device; receiving, by the computing system, an initial selection at the initial interface; providing, by the computing system, a first tile and a second tile of the plurality of tiles, the first tile and the second tile being provided in a carousel interface; receiving, by the computing system, a tile selection, the tile selection including a user input selecting at least one of the first tile or the second tile; obtaining, by the computing system, supplemental content related to a selected content item associated with at least one of the first tile or the second tile; obtaining, by the computing system, location data associated with a user; generating, by the computing system, location-specific supplemental content based on the location data and the selected content items; and providing, by the computing system, the supplemental content to the user computing device; A computer-implemented method comprising:

2. obtaining the plurality of tiles and the initial interface, obtaining, by the computing system, the plurality of content items; generating, by the computing system, the plurality of tiles based at least in part on the plurality of content items; 2. The computer-implemented method of claim 1, comprising:

3. 10. The computer-implemented method of claim 1, wherein the plurality of content items is obtained in response to a request, the request being associated with a particular topic, and the plurality of content items being associated with the particular topic.

4. The computer-implemented method of claim 2 , wherein generating the plurality of tiles comprises obtaining a media snippet from each of the plurality of content items.

5. The computer-implemented method of claim 1 , wherein the supplemental content includes a graphical map.

6. The computer-implemented method of claim 5 , wherein the graphical map includes one or more indicators associated with one or more of the plurality of content items.

7. the initial interface includes an initial tile associated with at least one of the plurality of content items; the initial selection includes a selection of the initial tile; 2. The computer-implemented method of claim 1.

8. 2. The computer-implemented method of claim 1, wherein the initial interface includes information about a topic, the plurality of content items includes specific information regarding each of a plurality of subtopics of the topic, and the supplemental content includes detailed information regarding the specific subtopics.

9. The computer-implemented method of claim 1 , wherein the initial interface, the first tile, the second tile, and the supplemental content are provided in a single user interface.

10. The computer-implemented method of claim 9 , wherein the single user interface comprises a search engine interface.

11. The computer-implemented method of claim 1 , wherein the initial selection is determined based on gesture input, the gesture input comprising a swipe gesture.

12. 1. A computing system for retrieving and displaying information, comprising: one or more processors; one or more non-transitory computer-readable storage media collectively storing instructions that, when executed by the one or more processors, cause the computing system to: obtaining a plurality of tiles and an initial interface, each of the plurality of tiles being associated with a respective media content item of a plurality of content items, and the initial interface being associated with the plurality of content items; providing said initial interface on a user computing device; receiving a gesture input associated with the initial interface; providing a first tile and a second tile of the plurality of tiles, the first tile and the second tile being provided in a carousel interface; receiving a tile selection, the tile selection including user input selecting a particular tile from the plurality of tiles; obtaining supplemental content related to a selected content item associated with the particular tile; obtaining, by the computing system, location data associated with a user; generating, by the computing system, location-specific supplemental content based on the location data and the selected content items; and providing the supplemental content to the user computing device; A computing system that performs operations including:

13. 13. The computing system of claim 12, wherein the first tile depicts a map, the first tile depicts a place associated with a place content item, and the second tile depicts an image.

14. One or more non-transitory computer-readable storage media collectively storing instructions that, when executed by one or more computing devices, cause the one or more computing devices to: obtaining a plurality of tiles, each of the plurality of tiles being associated with a respective content item of a plurality of content items; providing an initial tile of the plurality of tiles for display; receiving a first user input selecting the initial tile; providing a first tile and a second tile of the plurality of tiles in response to receiving the first user input selecting the initial tile, the initial tile, the first tile, and the second tile being provided in a carousel interface; receiving a second user input selecting a particular tile, the particular tile including at least one of the initial tile, the first tile, or the second tile; obtaining supplemental content related to a selected content item associated with the particular tile; obtaining, by the computing device, location data associated with a user; generating, by the computing device, location-specific supplemental content based on the location data and the selected content items; and providing said supplemental content for display; A non-transitory computer-readable storage medium that causes operations to be performed, including:

15. receiving a third user input associated with the carousel interface; adjusting a display size of at least one of the initial tile, the first tile, or the second tile; 15. The one or more non-transitory computer-readable storage media of claim 14, further comprising:

16. 15. The one or more non-transitory computer-readable storage media of claim 14, wherein the carousel interface includes a first carousel and a second carousel, the first carousel including a plurality of graphical tiles, and the second carousel including a plurality of text tiles.

17. 15. The one or more non-transitory computer-readable storage media of claim 14, wherein the initial tile, the first tile, the second tile, and the supplemental content are provided in a self-contained gadget in a search result interface, and the search result interface includes a plurality of search results during display of the initial tile, the first tile, the second tile, and the supplemental content.

18. adjusting a display size of the initial tile in response to the first user input; 15. The one or more non-transitory computer-readable storage media of claim 14, wherein the supplemental content includes map data that is displayed at a larger display size than the initial tile, the first tile, and the second tile.

19. 20. The one or more non-transitory computer-readable storage media of claim 18, wherein the map data includes route data and traffic data overlaid on a map.

Images