Immersive multi-state uni card

Abstract

To provide a system and a method for providing a uni card interface for providing an interactive dynamic interface for providing information to a user.SOLUTION: A uni card interface may include a multi-state interface that can provide increasingly detailed information with each interaction. For example, the uni card interface may provide a first state with reduced information, a second state with expanded information, and a third state with immersive information.SELECTED DRAWING: Figure 2

Description

Technical Field

[0001] The present disclosure generally relates to providing a multi-state user interface. More particularly, the present disclosure relates to providing a dynamic multi-state interface that can be interacted with to provide more in-depth and immersive information regarding topics and / or subtopics in response to each successive input.

Background Art

[0002] During a search, a user may be looking for specific information or may not yet know specifically what detailed information they are seeking. A normal search results page in response to a query can provide one or more search results that the user can navigate based on links, but the task of moving in and out of the search results can be boring and time-consuming, and the computational cost for rendering and retrieval can be high.

[0003] The user may not recognize key terms or key phrases related to the subtopic or detailed information they are seeking, and may not want to navigate to different pages of search results just to find one detail that they are looking for in the user's search. Suggested follow-up queries can be useful, but frequently dealing with suggested follow-up queries can also be time-consuming and boring, and may lead to taking the wrong path, which can cause a backtrack to the original page after navigating to several different search results pages.

Summary of the Invention

Means for Solving the Problems

[0004] Aspects and advantages of embodiments of the present disclosure are described in part in the following description, or may be apparent from the description, or may be learned through the practice of the embodiments.

[0005] One exemplary aspect of the present disclosure is directed to a method implemented by a computer for the display of content. The method can 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 can be associated with a respective content item of a plurality of content items, and the initial interface can be associated with the plurality of content items. In some implementations, the method can include providing, by the computing system, the initial interface to a user computing device, and receiving, by the computing system, an initial selection at the initial interface. The method can include providing, by the computing system, a first tile and a second tile among the plurality of tiles. In some implementations, the first tile and the second tile can be provided in a carousel interface. The method can include receiving, by the computing system, a tile selection. The tile selection can include user input selecting at least one of the first tile or the second tile. In some implementations, the method can include obtaining, by the computing system, supplementary content related to a selected content item related to at least one of the first tile or the second tile, and providing, by the computing system, the supplementary content to the user computing device.

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

[0007] The step of obtaining, by a computing system, supplementary content related to a selected content item related to at least one of a first tile or a second tile can include the step of obtaining, by the computing system, location data related to a user, and the step of generating, by the computing system, location-specific supplementary content based on the location data and the selected content item. In some implementations, the initial interface can include an initial tile related to at least one of the plurality of content items, and the initial selection can include the selection of the initial tile. Supplementary content can include a graphical pop-up of information.

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

[0009] Another exemplary aspect of the present disclosure is directed to a computing system for retrieving and displaying information. The computing system can include one or more processors and one or more non-transitory computer-readable media that jointly store instructions that, when executed by the one or more processors, cause the computing system to perform operations. The operations can include obtaining a plurality of tiles and an initial interface. In some implementations, each of the plurality of tiles can be associated with a respective media content item of a plurality of content items, and the initial interface can be associated with the plurality of content items. The operations can include providing the initial interface to a user computing device. The operations can include receiving a gesture input related to 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 can be provided in a carousel interface. The operations can include receiving a tile selection. The tile selection can include a user input that selects a particular tile of the plurality of tiles. In some implementations, the operations can include obtaining supplementary content related to the selected content item associated with the particular tile and providing the supplementary 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, and the map tile can depict a location related to a location content item. The first tile can be capable of depicting a map, and the second tile can be capable of depicting an image.

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

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

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

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

[0015] A detailed examination of the embodiments directed to those skilled in the art referring to the accompanying drawings is described herein.

Brief Description of the Drawings

[0016]

Figure 1

Figure 2

Figure 3

Figure 4

Figure 5

Figure 6

Figure 7

Figure 8

Figure 9

Figure 10

Figure 11

Figure 12

Figure 13

Figure 14

Figure 15

Figure 16

Figure 17

Figure 18

Figure 19

Figure 20

Figure 21

[0017] Reference numbers repeated across multiple figures are intended to identify the same features in various implementations.

[0018] SUMMARY Generally, 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 can include obtaining a plurality of tiles and an initial interface. Each of the plurality of tiles can be associated with a respective content item of a plurality of content items. In some implementations, the initial interface can be provided to a user computing device, and the initial interface can include initial tiles from the plurality of tiles. And an initial selection can be received. In some implementations, the initial selection can be determined based on a first input (e.g., a swipe gesture on an initial tile) associated with a portion of the initial interface. In response to the initial selection, the systems and methods can provide a first tile and a second tile among the plurality of tiles. In some implementations, the first tile and the second tile can be provided in a carousel interface. Additionally and / or alternatively, the carousel interface can include the initial tiles. Then, a tile selection can be received (e.g., a second input including a tap gesture on a particular tile may be received). And supplementary content (e.g., supplementary information describing a route for driving to a particular location overlaid on a map) associated with a particular selected content item associated with the selected tile (e.g., the first tile, the second tile, or the initial tile) can be obtained. The systems and methods can include providing the supplementary content to the user computing device.

[0019] In some implementations, the initial interface, the first tile, the second tile, and the supplementary 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, multiple content items may describe different subtopics of the overall topic, and the supplementary content or information may include detailed information about a selected subtopic. In some implementations, the supplementary information may include map data generated based on a selected content item and a 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 the selection of the first tile, a larger and more detailed map may be provided as supplementary information in the user interface. Additionally and / or alternatively, in response to the selection of the second tile, a larger and more detailed image may be provided as supplementary information in the user interface. Alternatively, the supplementary information may include information different from the information displayed on the selected tile (e.g., the tile may depict an image of food, while the supplementary information may include text data describing a menu).

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

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

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

[0023] Tiles can be manually generated by a content provider and / or a search engine provider. Alternatively and / or additionally, tiles can be automatically generated based on acquired data related to or associated with the acquired content items. For example, a tile can include an image extracted from a web page, where the web page includes an article content item that includes the image. In some implementations, the content item can be associated with or describe a location, and the system and method can automatically determine the location. At that time, the location can be indicated by a pin, and the tile can be generated using a map of the area related to the location such that the location is indicated by the pin's icon. Alternatively and / or additionally, the system and method can have default tile icons for specific types of content items.

[0024] Additionally and / or alternatively, the initial interface can include initial tiles related to at least one of the plurality of content items. The plurality of content items can include one or more types of content items. For example, the content items can include videos, images, maps, text, multimodal items, interactive items, articles, web pages, locally stored content items, and / or server-stored content items.

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

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

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

[0028] In response to receiving the first user input that selects the initial tile, the system and method can provide a first tile and a second tile among a 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 among the plurality of tiles.

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

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

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

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

[0033] The system and method can include receiving a second user input. In some implementations, the second user input can include a tile selection. The tile selection can include a user input that selects a particular tile among 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 supplementary content related to a selected content item related to a second user input. For example, the supplementary content can be associated with a specific tile (e.g., an initial tile, a first tile, and / or a second tile) selected by the second user input. Additionally and / or alternatively, the supplementary content can be associated with a selected content item related to a specific tile.

[0035] In some implementations, the initial interface can include overall information about a topic. A plurality of content items can include specific information about a plurality of respective subtopics, and the supplementary content can include detailed information about a specific subtopic.

[0036] Obtaining supplementary content related to a selected content item related to a specific tile can include obtaining location data related to the user and generating location-specific supplementary content based on the location data and the selected content item.

[0037] In some implementations, the supplementary content can include a multimedia presentation. Alternatively and / or additionally, the supplementary content can include a graphical popup of information. The supplementary content can include a graphical map. In some implementations, the graphical map can include one or more indicators related to one or more of the plurality of content items.

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

[0039] The initial tile, the first tile, the second tile, and the supplementary content can be provided in a self - contained widget of a search results interface. The search results interface can include a plurality of search results during the display of the initial interface, the first tile, the second tile, and the supplementary content. Additionally and / or alternatively, the initial interface, the first tile, the second tile, and the supplementary content can be provided in a single user interface. The single user interface can include a search engine interface.

[0040] In some implementations, the uni - card interface can be provided alongside a plurality of search results in response to a search query. Additionally and / or alternatively, the uni - card interface can be provided as a knowledge panel displayed in a location proximate to the plurality of search results, or as part of such a knowledge panel.

[0041] The uni - card interface may be provided as a widget or a gadget displayed within a web page. The gadget may be provided in a fixed size. Additionally and / or alternatively, the gadget may change size when the user interacts with the uni - card interface.

[0042] The uni-card interface can be provided as a web widget, as a widget, or via various other interface features. Further, the uni-card interface can be provided on a search results page, within an article, within a social media interface, within a web application, locally in a localized application, within a mobile user interface (e.g., the operating system of a mobile device), or in various other ways.

[0043] In some implementations, the uni-card interface can include a three-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 a display in an expanded state with more detailed information and / or a larger display of the information. And the expanded state can be interacted with to trigger a display in an immersive state that can provide detailed and immersive information about the topic (e.g., route specification information to go to a store location, a detailed menu, a video display, a preview window of an article, etc.).

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

[0045] In some implementations, a tile can be an element that grows 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 the uni-card development interface to a third party. In that case, the third party can 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 an advertising provider computing system.

[0047] Constructing a uni-card can involve interaction with one or more templates that can include one or more fixed components and / or one or more optional components. Different templates can include different densities and / or different amounts of elements. The templates can be further customized by customizing the building blocks of each template. In some implementations, the uni-card can be adjusted based on determined user input and / or by the determined intent of the user.

[0048] The uni-card 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 at least in part based on the type of gesture. For example, a tap gesture may cause different tile actions 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 content items outside the uni card interface.

[0051] The uni card interface may be generated and / or retrieved 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 having to navigate 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 regarding an overall topic. Interaction with the initial interface can cause a carousel interface with multiple subtopics to be displayed. Then, a user can interact with one of the tiles of the carousel interface, which can cause detailed information regarding the subtopic to be displayed.

[0054] Another exemplary technical effect and advantage relate to improved computational efficiency and improvement of the functionality of computing systems. For example, the systems and methods disclosed herein can utilize a multi-state user interface to provide increasingly detailed information without navigating to different web pages with each interaction. A single interface on a single web page can provide an immersive and scalable search experience on the single web page without navigating through the web page of search results. Further, the systems and methods disclosed herein may reduce the computational overhead associated with navigating to different web pages during a topic investigation. Additionally and / or alternatively, the systems and methods disclosed herein can reduce the network bandwidth used for a search by reducing the number of different web pages that are loaded and by providing supplementary content to the web page of search results instead of redirecting directly to the web resources that need to be rendered in their entirety.

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

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

[0057] System 100 includes a server 110, such as, for example, a web server. 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. Server 110 can have one or more processors 112 and a memory 114. Server 110 can also include a network interface used to communicate with one or more remote computing devices (e.g., client devices) 130 via network 160.

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

[0059] In particular, instruction 116 may be executed by processor 112 to perform a uni - card search 120. The uni - card search 120 may be configured to provide a uni - card interface as a search result in response to a search query. In some implementations, the uni - card 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 uni - card interface may be generated using a uni - card 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 circuitry, firmware, and / or software controlling a general - purpose processor. In one implementation, an element or function is a program code file stored in a storage device, loaded into memory, and executed by a processor, or is provided from computer - executable instructions stored in a tangible computer - readable storage medium, such as a computer program product, e.g., RAM, hard disk, or optical or magnetic media.

[0061] Memory 114 can also include geographic data 118 that can be retrieved, manipulated, created, or stored by processor 112. Geographic data 118 can include geographic images (e.g., digital maps, satellite images, aerial photographs, street-level photographs, synthetic models, etc.), tables, vector data (e.g., vector representations of roads, plots, 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, geographic data 118 can be used to access information and data related to locations and generate one or more location-related elements (e.g., map tiles and supplementary content that can include map data and route specification data) for a uni card interface.

[0062] Geographic data 118 can be stored in one or more databases. The one or more databases can be connected to server 110 by a high-bandwidth LAN or WAN, or can also be connected to server 110 through network 160. The one or more databases can be partitioned such that those databases are placed in multiple locations.

[0063] Server 110 can exchange data with one or more client devices 130 via network 160. Two clients 130 are shown in FIG. 1, although any number of client devices 130 can be connected to server 110 via network 160. Client device 130 can be any suitable type of computing device such as a multi-purpose computer, a dedicated 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 and / or incorporated with one or more processors, or other suitable computing device. Further, client device 130 can be a plurality of computing devices working together to perform an operation or a computing action.

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

[0065] Browser element 140 can provide instructions for implementing a browser. In particular, a user of client device 130 can exchange data with server 110 by using the browser to visit a website accessible at a particular web address. The uni-card search of the present disclosure can be provided as an element of the user interface of the website.

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

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

[0068] The client device 130 can also include a positioning system 148 that can be used to identify the location of the client device 130. The positioning system 148 can be optionally used by the user to monitor the user's location in relation to rendering. The positioning system 148 can be any device or circuit for monitoring the location of the client device 130. For example, the positioning device 148 can use a satellite navigation positioning system (e.g., GPS system, Galileo positioning system, Global Navigation Satellite System (GLONASS), 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 to determine an actual or relative position.

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

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

[0071] The network 160 can be any type of communication network, such as a local area network (e.g., intranet), a wide area network (e.g., Internet), or some combination thereof. The network 160 may also include a direct connection between the client device 130 and the server 110. Generally, the communication between the server 110 and the client device 130 can be carried via a network interface using any type of wired and / or wireless connection, using various communication protocols (e.g., TCP / IP, HTTP), encoding or formatting (e.g., HTML, XML), and / or protection methods (e.g., VPN, secure HTTP, SSL).

[0072] In some implementations, the systems and methods disclosed herein can utilize one or more machine-learned models to generate a customized uni-card interface. For example, one or more machine-learned models can be trained to parse web resources and extract relevant data from the parsed web resources to collect 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-learned image segmentation models to generate tiles based on images obtained from content items. The image segmentation model can be trained to recognize foreground objects in the image, segment the foreground objects or portions of the image with the foreground objects, and then utilize the segmented image as part of the tiles displayed in the uni-card interface. Further, the systems and methods may include one or more natural language processing models for generating a semantic understanding of the content item to generate one or more text snippets provided in the uni-card interface. Additional machine-learned models may be utilized for gesture understanding, collecting search results, ranking search results, and / or various other tasks.

[0073] Exemplary Interface Arrangement Figure 2 depicts a block diagram of an exemplary multi-state interface according to an exemplary embodiment of the present disclosure. In particular, Figure 2 depicts three states of a multi-state uni-card interface, including a minimized state 202, an expanded state 204, and an immersive state 206. The minimized state 202 can be an initial or first state that can provide information at a glance. The minimized state 202 can include an initial interface that can include an initial tile 208 of a first size. The initial interface of the minimized state 202 can 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 the expanded state 204. The expanded state 204 can be a second state and can include a first tile and a second tile 210 within the carousel interface. The carousel interface can enable deeper exploration of information related to the topic. In some implementations, the first tile and the second tile can be of a second size, which may be larger than the first size. The first tile may be an enlarged version of the initial tile. Additionally and / or alternatively, the first tile may provide an enlarged and 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 the immersive state 206. The immersive state 206 can be a third state that can provide more detailed and immersive details regarding a specific content item related to the topic. In some implementations, the immersive state 206 can be larger in size than the expanded state 204 and the collapsed state 202. The immersive state 206 can include a dive into a specific content item related to the selected specific tile (e.g., the first tile). In some implementations, the immersive state 206 can include supplementary content 212 related to the selected content item. For example, the supplementary content 212 can include a large map element with pins indicating places of interest and may include traffic data and / or route specification data related to a specific location.

[0076] Figure 3 depicts a diagram of an exemplary multi-state interface with map elements according to an exemplary embodiment of the present disclosure. In particular, Figure 3 depicts an exemplary uni-card interface that is displayed within a search results page. The multi-state interface can include an initial state (e.g., a minimized 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 supplementary content 314).

[0077] The uni-card interface can be generated in response to a search query 310. In some implementations, the initial state can 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 "nearby Thai restaurants").

[0078] Subsequently, an initial selection related to the initial interface 308 can be received. At that time, the uni-card interface can transition to the second state. The second state can include a carousel interface 312. The carousel interface 312 can 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 related to the particular search result (e.g., an image of the food at a particular Thai restaurant).

[0079] Then, tile selection can be received, and the tile selection selects a particular tile (e.g., a first tile depicting map data). Supplementary content 314 related to the content item of the particular tile can be obtained and / or generated. The supplementary content 314 can be provided in a third state of the uni card interface. The supplementary content 314 can include a map with location pins, traffic data, and route specification data. The third state may be configured to receive an input for scrolling the supplementary content 314 for other tiles among the plurality of tiles.

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

[0081] FIG. 4 depicts a diagram of an exemplary information tile according to an exemplary embodiment of the present disclosure. In particular, FIG. 4 depicts an initial reduced state 402, a second expanded or extended state 404, and third immersive or showcase states 406 and 408. In some implementations, the initial state 402 can include a folded map tile and a carousel 410. And the initial state 402 can transition to the second state 404. The second state 404 can include an expanded map tile and a carousel 412 that are larger in size compared to the folded map tile and the carousel 410.

[0082] Then, the second state 404 can transition to the third states 406 and 408. The third states 406 and 408 can include a plurality of supplementary content tiles. For example, the showcase 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 indicating which showcase style is currently being displayed (e.g., the first supplementary content tile, the second supplementary 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] FIG. 5 depicts a diagram of an exemplary instance of a plurality of parallel uni-card interfaces according to an exemplary embodiment of the present disclosure. In particular, in some implementations, a plurality of uni-card interfaces may be provided and displayed on a single web page. For example, a plurality of uni-card interfaces for a plurality of specific search results may be provided in parallel with each other.

[0084] More specifically, FIG. 5 depicts three initial states 506 in a reduced state 502 of a parallel instance display. A first user input selecting the first specific search result 506A can be received, which can cause a transition to the expanded state 504. The second specific search result 506B and the third specific search result 506C can be unselected and can continue to be displayed in the initial state in the expanded state 504 as shown at 508B and 508C. Additionally and / or alternatively, the first specific search result 506A can transition to a second state 508A, which can include a carousel interface including a plurality of tiles providing more detailed information about the first specific search result 506A.

[0085] FIG. 9 depicts an exemplary uni - card interface layout according to an exemplary embodiment of the present disclosure. FIG. 9 depicts two states, namely, a first state 902 (e.g., a minimized 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 sub - topic, 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 a plurality of action links.

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

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

[0088] The first example 1102 can include an initial interface 1108 having a plurality of tiles that can increase in size in response to a first user input. The tiles can describe different sub - topics related to an overall topic.

[0089] The second example 1104 can include an initial interface 1110 that can include a plurality of multimodal tiles within a carousel and a plurality of text elements within the carousel. The multimodal tiles can describe different sub - topics and can include text and multimedia elements.

[0090] The third example 1106 can include an initial interface 1112 that can include an overall title of a search result, an overall descriptor, and an initial tile. The initial interface 1112 can be included along with a plurality 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 with a sleek discovery interface presenting related commercial store sub - categories. The sub - categories can include live music, art galleries, and cocktail bars related to a searched query (e.g., a search query describing a location). A sub - category selection can be received, and a second state 1204 can be obtained and provided. The depicted search query may be modified to further include terms related to the selected sub - category. For example, the search query 1208 may be modified to further include "live music" in response to the selection of the live music sub - category. Here, the sub - category may be displayed as a text tile 1210 along with an indicator showing the selected sub - category. The second state 1204 can include a plurality of uni - card interfaces 1212 for different specific search results related to the selected sub - category.

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

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

[0094] Figure 14 depicts a diagram of an exemplary context-driven interface according to an exemplary embodiment of the present disclosure. More specifically, in some implementations, the initial state 1402 can include the initial interface of the campaign uni card 1406. At that time, the initial tile can be selected with a swipe gesture. And an input can be received and a second state 1404 can be provided. The second state 1404 can include a plurality of tiles 1408 that are displayed on top of the overall information displayed in the initial interface. In some implementations, the plurality of tiles 1408 can include a context forward approach that places menu items on photos for displaying subtopics related to the overall restaurant topic.

[0095] Figure 15 depicts a diagram of an exemplary uni card interface layout according to an exemplary embodiment of the present disclosure. The multi-state interface depicted in Figure 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 the type of interaction 1508 with the initial state 1502. For example, a swipe gesture can display the second state 1504, while a tap gesture may display the third state 1506.

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

[0097] The third state 1506 can be navigated 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 text data and may include an interactive element 1512 to provide an attractive interface with added usefulness.

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

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

[0100] The third example 1606 can depict an initial state with a uni - card initial interface 1612 that depicts reduced information related to search results. The reduced information can include an overall title and an overall descriptor of the search results.

[0101] Figure 17 depicts a diagram of an exemplary carousel interface according to an exemplary embodiment of the present disclosure. The exemplary carousel interface depicted in Figure 17 includes a plurality 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 can be swiped 1704 via one or more user inputs. The user may select a tile, which can trigger the display of a large supplemental content element in the second portion of the interface, as depicted at 1706. The supplemental content element can 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] Figure 18 depicts a diagram of an exemplary map tile transition according to an exemplary embodiment of the present disclosure. At 1802, a plurality of uni - card interfaces are depicted that describe different sub - topics for an overall gadget topic. Then, a swipe gesture 1804 can be received to provide an expanded view of the selected sub - topic, as depicted at 1806. In particular, a carousel interface for the sub - topic may be displayed.

[0103] Figure 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 an interaction with an option expansion interface. A first state 1902 of the option expansion interface may include an interactive element 1906 that, when selected, can transition the interface to a second state 1904, and the second state 1904 can 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 can include information regarding different locations of respective search results.

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

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

[0106] Figure 21 depicts a diagram of an exemplary sizing transition according to an exemplary embodiment of the present disclosure. At 2102, an initial state is displayed within an initial interface with a plurality of multimodal tiles. Interaction with the initial interface can trigger a uni-card interface to transition from the initial state to a second state. At 2104, a second state is displayed such that the plurality of multimodal tiles are displayed in a larger size compared to the initial state. The second state can further include that one or more of the plurality of tiles become larger than other tiles within the carousel based on user interaction or location within the carousel. For example, at 2104, based on the middle tile being the tile at the center of the display at a given time, the middle tile is provided in a larger size. As the user navigates through the carousel, different tiles may expand or contract in response to a new tile coming to the center of the display.

[0107] Exemplary method Figure 6 depicts a flowchart of an exemplary method operating in accordance with an exemplary embodiment of the present disclosure. Figure 6 depicts steps being performed in a particular order for purposes of explanation and discussion, but the methods of the present disclosure are not limited to the particular order or arrangement shown. The 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 can obtain a plurality of tiles and an initial interface. The plurality of tiles can be associated with respective content items of the plurality. In some implementations, the initial interface can be associated with the plurality of content items. The plurality of tiles and the initial interface can be obtained in response to receiving a search query. The search query can 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 may be provided in proximity to search results related to the searched topic.

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

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

[0112] At 610, the computing system can receive a tile selection and obtain supplementary content related to at least one of the first tile or the second tile. The tile selection can be a second user input (e.g., a tap input to select a specific tile among the plurality of tiles). The supplementary content can be associated with the selected tile and may include more detailed data about content items related to the selected tile.

[0113] At 612, a computing system can provide supplementary content to a user computing device. In some implementations, additional user input may be received, and the system may redirect the user computing system to a landing page of a content item in response to the user input.

[0114] FIG. 7 depicts a flowchart of an exemplary method operating in accordance with an exemplary embodiment of the present disclosure. FIG. 7 depicts steps that are performed in a particular order for purposes of illustration and discussion, but the methods of the present disclosure are not limited to the particular order or arrangement shown. The 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 may be associated with a plurality of respective media content items. The initial interface may be generated based on the plurality of respective media content items.

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

[0117] At 706, a computing system can receive a gesture input related to the initial interface. The gesture input can be capable of selecting a part of the initial interface. In some implementations, the gesture input can include a swipe gesture over a part of the initial interface.

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

[0119] At 710, a computing system can receive a tile selection and obtain supplementary content related to a selected content item associated with a particular tile. The tile selection can include user input (e.g., a second user input) that selects a particular tile among a plurality of tiles. The tile selection can include a tap input, a voice input, and / or a determined input based on the elapse of a specified amount of time while a particular tile is being displayed. The supplementary content can include map data and route specification data for reaching a desired location associated with a particular tile.

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

[0121] FIG. 8 depicts a flowchart of an exemplary method operating in accordance with an exemplary embodiment of the present disclosure. FIG. 8 depicts steps that are performed in a particular order for purposes of explanation and discussion, but the methods of the present disclosure are not limited to the particular order or arrangement shown. The various steps of method 800 can 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, a computing system can provide an initial tile among the plurality of tiles for display. The initial tile can be of a first size.

[0124] At 806, a computing system can receive a first user input for selecting an initial tile. The first user input can include a tap input, a gesture input, and / or various other inputs.

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

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

[0127] At 812, a computing system can provide supplementary content for display. Providing supplementary content for display can include sending the supplementary content to a user computing system.

[0128] Additional Disclosure The technologies discussed herein refer 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 very wide variety of possible configurations, combinations, and divisions of tasks and functions among and within components. For example, the processes discussed herein can be implemented using a single device or component, or multiple devices or components working in combination. Databases and applications can be implemented on a single system or distributed across multiple systems. Distributed components can operate sequentially or in parallel.

[0129] Although the subject matter has been described in detail in connection with various specific exemplary embodiments, each example is provided for illustrative purposes rather than limitation of the disclosure. Those skilled in the art, upon understanding the foregoing, can readily generate modifications to, changes in, and equivalents of such embodiments. Accordingly, the disclosed subject matter is not intended to exclude such modifications, changes, and / or additions to the subject matter that would be readily apparent to those skilled in the art. For example, features shown or described as part of one embodiment can be used by another embodiment to generate further embodiments. Accordingly, the disclosure is intended to embrace such modifications, changes, and equivalents.

Description of Reference Numerals

[0130] 100 Computing System 110 Server, Server Computing System 112 Processor 114 Memory 116 Instruction 118 Geographic Data 120 uni Card Search 122 uni Card Generation Element 130 Client Device, Remote Computing Device 132 Processor 134 Memory 140 Browser Element 142 Application Element 146 Display 148 Positioning System 150 User Input Device 152 Graphics Processing Unit 154 Network Interface 160 Network 180 Search Result Database 202 Collapsed State 204 Expanded State 206 Immersed State 208 Initial Tile 210 Second Tile, First Tile 212 Supplementary Content 302 Collapsed State 304 Expanded State 306 Immersed State 308 Specific Type of Restaurant, Initial Interface 310 Search Query 312 Carousel Interface 314 Supplementary Content 402 Initial Collapsed State 404 Second Expanded or Extended State 406 Third Immersed or Showcase State, Map Showcase 408 Third Immersed or Showcase State, Media Showcase 410 Folded Map Tiles and Carousel 412 Extended Map Tiles and Carousel 414 Distance Data 416 Indicator 420 Photo Count Key 422 Photos 502 Reduced State 504 Extended State 506 Initial State 506A First Specific Search Result 506B Second Specific Search Result 506C Third Specific Search Result 508A Second State 600 Method 700 Method 800 Method 902 First State 904 Second State 1002 First State 1004 Second State 1006 Third State 1008 Website Link 1010 Swipe Gesture 1014 Supplementary Content Tile 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 Query 1210 Text Tile 1212 uni Card 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 Third State 1508 Interaction Type 1510 Systematic Image 1512 Interactive Element 1602 First Example 1604 Second Example 1606 Third Example 1608 List Collection 1610 Carousel Collection 1612 uni Card Initial Interface 1804 Swipe Gesture 1902 First State 1904 Second State 1906 Interactive Element 1908 uni Card Interface 1908A uni Card Interface 1908B uni Card Interface 1908C uni Card Interface 2002 First Exemplary Template 2004 Second Exemplary Template 2006 Card Cap Element 2008 Location Element 2010 Context Element 2012 Action Element 2014 Campaign Element 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; 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. 3. The computer-implemented method of claim 1 or 2, 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. obtaining, by the computing system, the supplemental content related to the 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; 7. The computer-implemented method of claim 1, comprising:

8. 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; 8. A computer-implemented method according to any one of claims 1 to 7.

9. The computer-implemented method of claim 1 , wherein the supplemental content comprises an informational graphical pop-up.

10. The computer-implemented method of claim 1 , wherein the supplemental content includes a multimedia presentation.

11. 11. The computer-implemented method of claim 1, wherein the initial interface includes general information about a topic, the plurality of content items includes specific information about a plurality of respective subtopics, and the supplemental content includes detailed information about the specific subtopics.

12. 12. 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.

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

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

15. 1. A computing system for retrieving and displaying information, comprising: one or more processors; 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: 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 the selected content item associated with the particular tile; providing the supplemental content to the user computing device; A computing system that performs operations including:

16. 16. The computing system of claim 15, wherein at least one of the first tile or the second tile comprises a map tile, the map tile depicting a location associated with a location content item.

17. 17. The computing system of claim 15 or 16, wherein the first tile depicts a map and the second tile depicts an image.

18. 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: 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 the selected content item associated with the particular tile; providing said supplemental content for display; A non-transitory computer-readable medium for causing operations to be performed, including:

19. 20. The one or more non-transitory computer-readable media of claim 18, wherein the first user input depicts a swipe gesture on a touch screen display.

20. 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; 20. The one or more non-transitory computer-readable media of claim 18 or 19, further comprising:

21. 21. The one or more non-transitory computer-readable media of claim 18, 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.

22. 22. The one or more non-transitory computer-readable media of claim 18, 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.

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

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

Images