Immersive multi-state unicard

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] This disclosure generally relates to providing a multi-state user interface. More particularly, this 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 sub-topics 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 that responds 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 search results can be tedious and time-consuming and can result in high computational costs for rendering and retrieval.

[0003] The user may not recognize key terms or key phrases related to the sub-topic 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 tedious and can lead to taking wrong paths, 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 this disclosure may be 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 this disclosure relates to a computer-implemented method for displaying content. The method may include the step of obtaining a plurality of tiles and an initial interface by a computing system including one or more processors. Each of the plurality of tiles may be associated with each of a plurality of content items, and the initial interface may be associated with a plurality of content items. In some implementations, the method may include the step of providing the initial interface to a user computing device by the computing system, and the step of receiving an initial selection in the initial interface by the computing system. The method may include the step of providing a first tile and a second tile from the plurality of tiles by the computing system. In some implementations, the first tile and the second tile may be provided in a carousel interface. The method may include the step of receiving a tile selection by the computing system. The tile selection may include user input selecting at least one of the first tile or the second tile. In some implementations, the method may include the step of obtaining supplemental content associated with a selected content item associated with at least one of the first tile or the second tile by the computing system, and the step of providing the supplemental content to the user computing device by the computing system.

[0006] In some implementations, the step of obtaining multiple tiles and an initial interface may include the steps of obtaining multiple content items by the computing system and generating multiple tiles based at least partially on the multiple content items by the computing system. The multiple content items may be obtained in response to a request, the request may be associated with a specific topic, and the multiple content items may be associated with a specific topic. In some implementations, generating multiple tiles may include obtaining media snippets from each of the multiple content items. Supplementary 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.

[0007] The step of a computing system retrieving supplemental content related to a selected content item associated with at least one of a first tile or a second tile may include the steps of the computing system retrieving location data related to the user, and the computing system generating 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 associated with at least one of a plurality of content items, and the initial selection may include the selection of the initial tile. The supplemental content may include a graphic popup of information.

[0008] In some implementations, supplementary content may include multimedia displays. The initial interface may contain overall information about a topic, multiple content items may contain specific information about multiple subtopics, and supplementary content may contain detailed information about specific subtopics. In some implementations, the initial interface, first tile, second tile, and supplementary 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 gesture input, and the gesture input may include swipe gestures.

[0009] Another exemplary aspect of this disclosure relates to a computing system for retrieving and displaying information. The computing system may include one or more processors and one or more non-temporary computer-readable media that jointly store instructions causing the computing system to perform an action when executed by the one or more processors. An action may include retrieving a plurality of tiles and an initial interface. In some implementations, each of the plurality of tiles may be associated with each media content item of a plurality of content items, and the initial interface may be associated with a plurality of content items. An action may include providing the initial interface to a user computing device. An action may include receiving gesture input related to the initial interface and providing a first tile and a second tile from the plurality of tiles. In some implementations, the first and second tiles may be provided in a carousel interface. An action may include receiving a tile selection. The tile selection may include user input selecting a particular tile from the plurality of tiles. In some implementations, an action may include retrieving supplemental content related to 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 or second tile may include a map tile, which may depict a location associated with a location content item. The first tile may depict a map, and the second tile may depict an image.

[0011] Another exemplary aspect of this disclosure relates to one or more non-temporary computer-readable media that jointly store instructions causing one or more computing devices to perform an action when executed by one or more computing devices. The action may include retrieving a plurality of tiles. Each of the plurality of tiles may be associated with each of a plurality of content items. In some implementations, the action may include providing an initial tile from the plurality of tiles for display. The action may include receiving a first user input to select the initial tile. In response to receiving the first user input to select the initial tile, the action may include providing a first tile and a second tile from the plurality of tiles. The initial tile, the first tile, and the second tile may be provided in a carousel interface. The action may include receiving a second user input to select a particular tile. In some implementations, a particular tile may include at least one of the initial tile, the first tile, or the second tile. The action may include retrieving supplemental content associated with a selected content item associated with a particular tile and providing the supplemental content for display.

[0012] In some implementations, the first user input can describe a swipe gesture on a touchscreen display. The operation may include receiving a third user input related to the 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 may include a first carousel and a second carousel, the first carousel may include multiple graphical tiles, and the second carousel may include multiple text tiles. In some implementations, the initial tile, the first tile, the second tile, and supplementary content may be provided in a self-contained gadget of the search results interface, the search results interface may include multiple search results while displaying the initial tile, the first tile, the second tile, and supplementary content. The operation may include adjusting the display size of the initial tile in response to the first user input, and the supplementary 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, map data can include route data and traffic data overlaid on the map.

[0013] Other aspects of this disclosure cover a variety of systems, apparatus, non-temporary computer-readable media, user interfaces, and electronic devices.

[0014] These and other features, aspects, and advantages of various embodiments of this disclosure will be better understood by referring to the following description and appended claims. The appended drawings incorporated into and forming part of this specification illustrate exemplary embodiments of this disclosure and, together with the description, serve to illustrate the relevant principles.

[0015] A detailed discussion of embodiments for those skilled in the art, with reference to the attached figures, is described herein. [Brief explanation of the drawing]

[0016] [Figure 1] This is a block diagram of an exemplary computing system that performs the generation and display of a uniCard interface according to an exemplary embodiment of the present disclosure. [Figure 2] This is a block diagram of an exemplary multi-state interface according to an exemplary embodiment of the present disclosure. [Figure 3] This is a diagram illustrating an exemplary multi-state interface having map elements according to an exemplary embodiment of the present disclosure. [Figure 4] This is a diagram of an exemplary information tile according to an exemplary embodiment of the present disclosure. [Figure 5] This is a diagram illustrating exemplary instances of multiple parallel uniCard interfaces according to exemplary embodiments of the present disclosure. [Figure 6] This is a flowchart illustrating an exemplary method for performing a display of a uniCard interface according to an exemplary embodiment of the present disclosure. [Figure 7] This is a flowchart illustrating an exemplary method for performing a display of a uniCard interface according to an exemplary embodiment of the present disclosure. [Figure 8] This is a flowchart illustrating an exemplary method for performing a display of a uniCard interface according to an exemplary embodiment of the present disclosure. [Figure 9] This is a diagram illustrating an exemplary uni card interface layout according to an exemplary embodiment of the present disclosure. [Figure 10] This is a diagram illustrating an exemplary interface interaction according to an exemplary embodiment of the present disclosure. [Figure 11] This is a diagram illustrating an exemplary uni card interface layout according to an exemplary embodiment of the present disclosure. [Figure 12] This is a diagram illustrating an exemplary uni card interface layout according to an exemplary embodiment of the present disclosure. [Figure 13] This is a diagram of an exemplary story interface according to an exemplary embodiment of the present disclosure. [Figure 14]A diagram of an exemplary context driven interface according to an exemplary embodiment of the present disclosure. [Figure 15] A diagram of an exemplary uni card interface layout according to an exemplary embodiment of the present disclosure. [Figure 16] A diagram of an exemplary parallel uni card interface according to an exemplary embodiment of the present disclosure. [Figure 17] A diagram of an exemplary carousel interface according to an exemplary embodiment of the present disclosure. [Figure 18] A diagram of an exemplary transition of map tiles according to an exemplary embodiment of the present disclosure. [Figure 19] A diagram of an exemplary option expansion interface component according to an exemplary embodiment of the present disclosure. [Figure 20] A diagram of exemplary components of a uni card interface template according to an exemplary embodiment of the present disclosure. [Figure 21] A diagram of an exemplary size adjustment transition according to an exemplary embodiment of the present disclosure.

Best Mode for Carrying Out the Invention

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

[0018] Overview In general, this disclosure covers systems and methods for providing a multi-state uniCard 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 each of a plurality of content items. In some implementations, the initial interface may be provided to a user computing device, and the initial interface may include an initial tile from the plurality of tiles, and an initial selection may 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) related to 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 from the plurality of tiles. In some implementations, the first and second tiles may be provided in a carousel interface. Additionally and / or alternatively, the carousel interface may include an initial tile, and a tile selection may be received (e.g., a second input including a tap gesture on a particular tile may be received). Then, supplementary content (for example, supplementary information describing a driving route to a specific location, overlaid on a map) related to a specific selected content item associated with the selected tile (for example, the first tile, the second tile, or the initial tile) may be retrieved. The system and method may include providing the supplementary content to the user computing device.

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

[0020] In some implementations, the systems and methods disclosed herein may be used 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 queries about a topic, provide options to view subtopics via tiles, and then provide supplementary information on the tiles while continuing to provide the user with the initially provided search results page in response to the query.

[0021] The systems and methods disclosed herein may be used to provide a dynamic uniCard interface that can be utilized to provide more detailed information about a topic within a single search results interface. For example, the systems and methods may include retrieving multiple tiles. Each of the multiple tiles may be associated with each of the content items of multiple content items. In some implementations, the systems and methods may include retrieving multiple tiles and an initial interface. Each of the multiple tiles may be associated with each of the media content items of multiple content items, and the initial interface may be associated with multiple content items.

[0022] In some implementations, retrieving multiple tiles and an initial interface may involve retrieving multiple content items and generating multiple tiles based at least partially on those content items. Additionally and / or alternatively, multiple content items may be retrieved in response to a request. The request may be associated with a specific topic, and multiple content items may be associated with a specific topic. In some implementations, generating multiple tiles may involve retrieving media snippets from each of the multiple content items.

[0023] Tiles can be manually generated by content providers and / or search engine providers. Alternatively and / or additionally, tiles can be automatically generated based on retrieved data about or related to retrieved content items. For example, a tile may include an image extracted from a webpage, in which case the webpage includes an article content item containing the image. In some implementations, content items can be associated with or describe a location, and the system and method can automatically determine the location. In this case, the location may be indicated by a pin, and the tile can be generated using a map of the area associated with the location, with the location indicated by a pin icon. Alternatively and / or additionally, the system and method may have default tile icons for specific types of content items.

[0024] Additionally and / or alternatively, the initial interface may include an initial tile associated with at least one of multiple content items. Multiple content items may include one or more types of content items. For example, 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 system and method may provide an initial tile from among several tiles for display. In some implementations, the initial tile may be part of the initial interface. Alternatively and / or additionally, the system and method may include providing the initial interface to the 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 the initial interface. In some implementations, the first user input may include the selection of an initial tile. Alternatively and / or additionally, the first user input may include a gesture input related to the initial interface (e.g., a swipe near an initial tile in the initial interface). The initial selection may be the selection of an initial tile.

[0027] In some implementations, the initial selection can be determined based on gesture input, which may include swipe gestures. Swipe gestures may be input using a touchscreen display.

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

[0029] In some implementations, the first tile and / or the second tile may contain a map tile. The map tile may depict a location associated with a 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 contain multiple graphical tiles and the second carousel may contain multiple text tiles.

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

[0032] Alternatively and / or additionally, 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 the 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, the tile closest to a particular location (e.g., the center of the interface, the location of the last input touch, the left portion of the interface, the right portion of the interface, and / or the focus of the interface) may be displayed larger than the other tiles among several tiles. Tiles may be made larger or smaller as the carousel interface is navigated.

[0033] The system and method may include receiving a second user input. In some implementations, the second user input may include tile selection. Tile selection may include user input to select a specific tile from a group of tiles (for example, one or more of the initial tile, the first tile, or the second tile).

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

[0035] In some implementations, the initial interface can contain general information about a topic. Multiple content items can contain specific information about multiple subtopics, and supplementary content can contain detailed information about a specific subtopic.

[0036] Retrieving supplemental content related to selected content items associated with a specific tile may include retrieving location data related to the user and generating location-specific supplemental content based on the location data and selected content items.

[0037] In some implementations, supplemental content may include multimedia displays. Alternatively and / or additionally, supplemental content may include graphic popups of information. Supplemental content may include graphical maps. In some implementations, graphical maps may include one or more indicators related to one or more of the content items.

[0038] The system and method may include providing supplemental content for display. In some implementations, the supplemental content may be provided to the user computing device. The supplemental content may include map data 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, first tile, second tile, and supplementary content may be provided in a self-contained gadget of the search results interface. The search results interface may contain multiple search results while displaying the initial interface, first tile, second tile, and supplementary content. Additionally and / or alternatively, the initial interface, first tile, second tile, and supplementary content may be provided in a single user interface. This single user interface may include a search engine interface.

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

[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 resize as the user interacts with the uniCard interface.

[0042] The uniCard interface can be provided as a web gadget, a widget, or through various other interface features. Furthermore, the uniCard interface can be provided on search results pages, within articles, within social media interfaces, within web applications, locally in localized applications, within mobile user interfaces (e.g., the operating system of a mobile device), or in various other ways.

[0043] In some implementations, the uniCard interface can include three states (e.g., condensed state, expanded state, and immersive state). The uniCard interface can include a dynamic interface such that the interface can provide increasing information in response to each user interaction. For example, the uniCard interface can have an initial condensed state that can be interacted with to trigger the display of an expanded state with more detailed and / or larger information. The expanded state can then be interacted with to trigger the display of an immersive state that can provide detailed and immersive information about a topic (e.g., route information to a store location, detailed menus, video displays, article preview windows, etc.).

[0044] A uniCard interface can occur as a single instance within a web page. Alternatively and / or additionally, uniCard interfaces can occur in parallel, allowing multiple instances of a uniCard interface to be displayed simultaneously within a single web page or application. Parallel instances of a uniCard interface can be served together or distributed across the entire web page. Interaction with one uniCard interface may reset other uniCard interfaces within the web page or user interface to their initial default state. Alternatively and / or additionally, uniCard interfaces may operate independently of each other, allowing a user to interact with one uniCard interface, move on to interacting with a second uniCard interface, and then return to the first uniCard interface in the same state and with the same display as when the user left the first uniCard interface.

[0045] In some implementations, tiles can be elements that grow larger with each interaction, with the initial state containing small elements, the second state containing medium-sized elements, and the third state containing large elements.

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

[0047] Building a uniCard can involve interaction with one or more templates, which may contain one or more fixed components and / or one or more optional components. Different templates may contain different densities and / or different quantities of elements. Templates can be further customized by customizing the building blocks of each template. In some implementations, uniCards may be adjusted based on determined user input and / or determined user intent.

[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 partially based on the type of gesture. For example, a tap gesture may trigger a different tile action compared to a swipe gesture or a double-tap gesture.

[0050] The system and method may include a fourth user input. The fourth user input may be a selection of an interface element configured to redirect the user computing system to a web page for accessing content items outside of the unicard interface.

[0051] The uniCard interface may be generated and / or retrieved in response to a search query. A search query may be determined to be associated with a category, and content items may be associated with different content items related to a particular category.

[0052] The systems and methods of this disclosure offer 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 requiring the user to navigate away from the original web page. For example, in some implementations, the systems and methods may include a first state with initial tiles, and then the first state may transition to an expanded second state with multiple tiles after a first user input. A second user input may trigger a transition from the expanded second state to a third state which may contain immersive information about a topic.

[0053] Another technical advantage of the systems and methods of this 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 an overall topic. Interaction with the initial interface can cause the display of a carousel interface with multiple subtopics. The user can then interact with one of the tiles in the carousel interface, which can display more detailed information about the subtopic.

[0054] Other exemplary technical effects and benefits relate to improved computational efficiency and enhanced computing system capabilities. For example, the systems and methods disclosed herein can leverage multi-state user interfaces to provide progressively more detailed information without requiring users to navigate to different web pages with each interaction. A single interface on a single web page can provide an immersive and scalable search experience on a single web page without requiring users to navigate through web pages of search results. 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 the network bandwidth used for searches by reducing the number of different web pages loaded and by providing supplemental content to the search results web page instead of directly redirecting to web resources that need to be rendered entirely.

[0055] The exemplary embodiments of this disclosure will now be examined in more detail with reference to the figures.

[0056] Exemplary devices and systems Figure 1 depicts an exemplary computing system 100 that may be used to implement a uniCard interface according to an aspect 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 preferred architectures, such as a single computing device that is not connected to a network.

[0057] System 100 includes, for example, a server 110, such as 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 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 a network 160.

[0058] The processor 112 can be any suitable processing device, such as a microprocessor, microcontroller, integrated circuit, or other suitable processing device. The memory 114 can include any suitable computing system or medium, including but not limited to computer-readable media, RAM, ROM, hard drives, flash drives, or other memory devices, which may be non-temporary. 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 function.

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

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

[0061] Memory 114 may also include geographic data 118 that can be retrieved, manipulated, created, or stored by the processor 112. Geographic data 118 may include geographic images (e.g., digital maps, satellite images, aerial photographs, street-level photographs, composite 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. For example, geographic data 118 may be used to access location-related information and data and to generate one or more location-related elements for a uniCard interface (e.g., map tiles and supplementary content that may include map data and routing data).

[0062] The geographic data 118 may be stored in one or more databases. One or more databases may be connected to the server 110 via a high-bandwidth LAN or WAN, or they may be connected to the server 110 via a network 160. One or more databases may be divided so that they are located in multiple locations.

[0063] The server 110 can exchange data with one or more client devices 130 via the network 160. Although two clients 130 are shown in Figure 1, any number of client devices 130 can connect to the server 110 via the network 160. The client device 130 can be any suitable type of computing device, such as a multipurpose 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 with one or more processors combined and / or embedded, or any other suitable computing device. Furthermore, the client device 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 memory 134. Memory 134 can store information accessible by the processor 132, including instructions and data that can be executed by the processor. For example, memory 134 can store browser elements 140 and application elements 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 specific web address. The unicard search of this disclosure may be provided as an element of the website's user interface.

[0066] Application element 142 can provide instructions for running a dedicated application on the client device 130. In particular, the dedicated application may be used to exchange data with the server 110 over the network 160. Application element 142 may include client device-readable code for providing and implementing aspects of this disclosure. For example, application element 142 may 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 the user, such as a touchscreen, touchpad, data entry keys, speaker, mouse, motion sensor, and / or microphone suitable for voice recognition. Furthermore, the client device 130 may have a display 146 for presenting information, such as information provided as part of the uniCard interface.

[0068] The client device 130 may also include a positioning system 148 which can be used to determine the location of the client device 130. The positioning system 148 may 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 determine its actual or relative location by using 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 preferred 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 acquired data related to the uniCard interface. In some embodiments, the client device 130 takes 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 via the network 160. The network interface 154 may include any components or configuration suitable for communication with the server 110 via the network 160, such as one or more ports, transmitters, wireless cards, controllers, physical layer components, or other items for communication by any currently 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 any combination thereof. Network 160 may also include a direct connection between client devices 130 and server 110. Generally, communication between server 110 and client devices 130 can be carried over 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 may leverage one or more machine learning models to generate customized uniCard interfaces. For example, one or more machine learning models may be trained to parse web resources and extract relevant data from the parsed web resources in order to collect data used to generate different elements for the uniCard interface. Additionally and / or alternatively, the systems and methods may leverage 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 objects or portions of the image containing foreground objects, and then utilize the segmented images as part of the tiles displayed in the uniCard interface. Furthermore, the systems and methods may include one or more natural language processing models for generating semantic understanding of content items in order to generate one or more text snippets provided in the uniCard interface. Additional machine learning models may be used for gesture understanding, search result collection, search result ranking, and / or various other tasks.

[0073] Example interface layout 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 the multi-state uniCard interface, including a retracted state 202, an expanded state 204, and an immersed state 206. The retracted state 202 may be an initial state or first state that can provide information at a glance. The retracted state 202 may include an initial interface that may include an initial tile 208 of a first size. The initial interface of the retracted state 202 may include an overall description, overall comments, a text carousel, and the initial tile 208.

[0074] In response to a first user input (for example, a swipe gesture related to 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 contain the first and second tiles 210 in the carousel interface. The carousel interface can allow for deeper exploration of information about a topic. In some implementations, the first and second tiles can be a second size, and the second size 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, more detailed tile related to the same content item as the initial tile. In some implementations, the expanded state 204 can be larger and more detailed than the collapsed state 202.

[0075] In response to a second user input (for example, a tap input to select 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 information about 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 tile (for example, 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 may include a large map element with a pin indicating a place of interest and may include traffic and / or routing data related to a specific location.

[0076] Figure 3 illustrates an exemplary multi-state interface with map elements according to an exemplary embodiment of the present disclosure. In particular, Figure 3 illustrates an exemplary uniCard interface displayed within a search results page. The multi-state interface may include an initial state (e.g., a collapsed state 302), a second state (e.g., an expanded state 304 which may include a carousel interface 312), and a third state (e.g., an immersed state 306 which may include supplemental content 314).

[0077] The uniCard 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 (for example, a specific Thai restaurant 308 determined in response to a search query 310 related to "nearby Thai restaurants").

[0078] Then, an initial selection related to the initial interface 308 may be received. When this is the case, 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 that depicts map data for a particular search result (for example, a map depicting the location of a particular Thai restaurant) and a second tile that depicts an image related to the particular search result (for example, an image of the food at a particular Thai restaurant).

[0079] Then, a tile selection can be received, which selects a specific tile (for example, a first tile that depicts map data). Supplemental content 314 related to the content items of the specific tile can be retrieved and / or generated. The supplemental content 314 can be provided in a third state of the uniCard 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 among a group of tiles.

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

[0081] Figure 4 illustrates an exemplary information tile diagram according to an exemplary embodiment of the present disclosure. In particular, Figure 4 illustrates an initial collapsed state 402, a second expanded or extended 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 carousels 410. The initial state 402 can then transition to a second state 404. The second state 404 may include expanded map tiles and carousels 412 that are larger in size than the collapsed map tiles and carousels 410.

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

[0083] Figure 5 illustrates an exemplary instance of multiple parallel uniCard interfaces 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 one another.

[0084] More specifically, Figure 5 depicts three initial states 506 in a reduced state 502 of the parallel instance display. A first user input can be received to select a first specific search result 506A, which can trigger a transition to an extended state 504. A second specific search result 506B and a third specific search result 506C can be unselected and may remain displayed in the initial state in the extended state 504, so that they are displayed as 508B and 508C. Additionally and / or alternatively, the first specific search result 506A can transition to a second state 508A, which may include a carousel interface containing multiple tiles that provide more detailed information about the first specific search result 506A.

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

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

[0087] Figure 11 illustrates an exemplary uniCard interface layout according to an exemplary embodiment of the present disclosure. In particular, Figure 11 illustrates three exemplary initial interface templates.

[0088] The first example 1102 may include an initial interface 1108 having multiple tiles that can 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 can contain multiple multimodal tiles and multiple text elements within the carousel. The multimodal tiles can describe different subtopics and can contain text and multimedia elements.

[0090] The third example 1106 may include an initial interface 1112 that can contain an overall title, overall descriptor, and initial tile for the search results. The initial interface 1112 may include several other elements.

[0091] Figure 12 illustrates an exemplary uniCard interface layout according to an exemplary embodiment of the present disclosure. More specifically, Figure 12 illustrates that a first state 1202 may include an initial interface 1206 which includes a slim discover interface presenting relevant commercial store subcategories. Subcategories may include live music, art galleries, and cocktail bars related to a searched query (e.g., a search query describing a location). A subcategory selection may be received, and a second state 1204 may be obtained and provided. The drawn search query may be modified to further include words related to the selected subcategory. For example, search query 1208 may be modified to further include “live music” in response to the selection of the live music subcategory. Here, the subcategory may be displayed as a text tile 1210 along with an indicator indicating the selected subcategory. The second state 1204 may include multiple uniCard interfaces 1212 for different specific search results related to the selected subcategory.

[0092] Figure 13 depicts 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 a search query. In the example depicted, 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 containing an indicator showing the selected subcategory. The second carousel may include multiple tiles, which 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 over a predetermined period of time. The third state may include multiple detached progress bars showing the progress of each visual element.

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

[0094] Figure 14 illustrates an exemplary context-driven interface according to an exemplary embodiment of the present disclosure. More specifically, in some implementations, the initial state 1402 may include the initial interface of a campaign uni card 1406, where the initial tile may be selected by a swipe gesture, and input may be received, providing a second state 1404. The second state 1404 may include a plurality of tiles 1408 displayed on top of the overall information shown in the initial interface. In some implementations, the plurality of tiles 1408 may include a context-forward approach in which menu items are placed on top of a photograph to display subtopics related to the overall restaurant topic.

[0095] Figure 15 illustrates an exemplary uniCard interface layout according to an exemplary embodiment of the present disclosure. The multi-state interface depicted in Figure 15 may 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 may cause the second state 1504 to appear, while a tap gesture may cause the third state 1506 to appear.

[0096] The second state 1504 may include multiple tiles displayed in the carousel interface. These tiles may contain one or more systematic images 1510. The 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 may include a large visual element with an overlay of text data and an interactive element 1512 to provide an engaging interface with added utility.

[0098] Figure 16 illustrates an exemplary parallel uniCard interface according to an exemplary embodiment of the present disclosure. In particular, Figure 16 illustrates three exemplary interface layouts. The first example 1602 may include parallel instances of the uniCard interface, where each particular content item of the list collection 1608 may have its own respective uniCard interface.

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

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

[0101] Figure 17 illustrates 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 below a second interface portion. The second interface portion initially 1702 includes overall information about a 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 larger supplemental content element in the second portion of the interface, as depicted 1706. The supplemental content element may be generated and provided based on a particular tile that has been selected. In some implementations, the supplemental content element may display a map element with one or more pins indicating one or more locations of interest.

[0102] Figure 18 illustrates a diagram of exemplary map tile transitions according to an exemplary embodiment of the present disclosure. In 1802, multiple uni-card interfaces are depicted describing different subtopics to an overall gadget topic. Then, a swipe gesture 1804 may be received to provide an expanded view of the selected subtopic, as depicted in 1806. In particular, a carousel interface for the subtopic may be displayed.

[0103] Figure 19 illustrates an exemplary option deployment 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 deployment interface. A first state 1902 of the option deployment interface may include an interactive element 1906 which, when selected, can transition the interface to a second state 1904, the second state 1904 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 about different locations of their respective search results.

[0104] Figure 20 illustrates an exemplary component of a uniCard interface template according to an exemplary embodiment of the present disclosure. An exemplary template can include various elements of various different sizes. For example, a first exemplary template 2002 may include a card cap element 2006 that can describe a topic or subtopic, a location element 2008 that can describe a location relating to a 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 various different actions.

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

[0106] Figure 21 illustrates an exemplary resizing transition according to an exemplary embodiment of the present disclosure. In 2102, an initial state is displayed in which multiple multimodal tiles are present within the initial interface. Interaction with the initial interface can trigger the uniCard interface to transition from the initial state to a second state. In 2104, the second state is displayed such that the multiple multimodal tiles are displayed at a larger size compared to the initial state. The second state may further include one or more of the multiple tiles being larger than the other tiles in the carousel based on user interaction or location within the carousel. For example, in 2104, the middle tile is provided at a larger size based on the fact that the middle tile is the center tile of the display for a given time. As the user navigates through the carousel, different tiles may be enlarged or reduced in response to new tiles coming to the center of the display.

[0107] Exemplary Method Figure 6 shows a flowchart of an exemplary method working according to an exemplary embodiment of the present disclosure. Figure 6 shows the steps performed in a particular order for illustrative and discussion purposes, but the methods of the present disclosure are not limited to the order or arrangement shown. Various steps of Method 600 can be omitted, rearranged, combined, and / or adapted in various ways without departing from the scope of the present disclosure.

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

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

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

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

[0112] In 610, the computing system may receive a tile selection and retrieve supplemental content associated with at least one of the first or second tile. The tile selection may be a second user input (for example, a tap input to select a specific tile from a group of tiles). The supplemental content may be associated with the selected tile and may contain more detailed data about content items associated with the selected tile.

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

[0114] Figure 7 shows a flowchart of an exemplary method working according to an exemplary embodiment of the present disclosure. Figure 7 shows the steps performed in a particular order for illustrative and discussion purposes, but the methods of the present disclosure are not limited to the order or arrangement shown. Various steps of Method 700 can be omitted, rearranged, combined, and / or adapted in various ways without departing from the scope of the present disclosure.

[0115] In 702, the computing system can acquire multiple tiles and an initial interface. Multiple tiles may be associated with multiple media content items. An initial interface may be generated based on multiple media content items.

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

[0117] In 706, the computing system can receive gesture inputs related to the initial interface. The gesture inputs can select a portion of the initial interface. In some implementations, the gesture inputs can include swipe gestures on a portion of the initial interface.

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

[0119] In 710, the computing system can receive a tile selection and retrieve supplemental content related to the selected content items associated with a particular tile. The tile selection can include user input (e.g., a second user input) to select a specific tile from among several tiles. The tile selection can include tap input, voice input, and / or determined input based on the elapsed time of a specified amount of time while the particular tile is displayed. The supplemental content can include map data and route data to reach a desired location associated with the particular tile.

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

[0121] Figure 8 shows a flowchart of an exemplary method working according to an exemplary embodiment of the present disclosure. Figure 8 shows the steps performed in a particular order for illustrative and discussion purposes, but the methods of the present disclosure are not limited to the order or arrangement shown. 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] In 802, the computing system can acquire multiple tiles. Multiple tiles can be associated with multiple content items. Multiple content items can be associated with a topic, and each content item may be associated with a specific subtopic.

[0123] In 804, the computing system can provide an initial tile from among several tiles for display. The initial tile can be of a first size.

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

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

[0126] In 810, the computing system can receive a second user input to select a specific tile and retrieve supplemental content related to the selected content items associated with that specific tile. The specific tile can include one or more of the initial tile, the first tile, or the second tile. In some implementations, the supplemental content can include data retrieved from one or more content items associated with the specific tile.

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

[0128] Additional disclosures The technologies discussed herein refer to servers, databases, software applications, and other computer-based systems, as well as the actions performed and the information transmitted 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 within 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 subject matter has been described in detail in relation to its various specific exemplary embodiments, each example is provided for illustrative purposes only, not as an limitation of the disclosure. Those skilled in the art, upon understanding the foregoing, will readily be able to generate modifications to such embodiments, alterations to such embodiments, and equivalents thereof. Therefore, the disclosure does not exclude such modifications, alterations, and / or additions to the subject matter that will be readily apparent to those skilled in the art. For example, a feature shown or described as part of one embodiment may be used by another embodiment to generate further embodiments. Thus, the disclosure is intended to include such modifications, alterations, 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 devices, remote computing devices 132 processors 134 memory 140 Browser Elements 142 Application Elements 146 displays 148 Positioning Systems 150 User Input Devices 152 graphics processing units 154 Network Interfaces 160 Networks 180 Search Results Database 202 Shrinking state 204 Deployment State 206 Immersion 208 initial tiles 210 Second tile, first tile 212 Supplementary Content 302 Shrinking state 304 Deployment State 306 Immersion 308 specific Thai restaurants, initial interface 310 search queries 312 Carousel Interface 314 Supplementary Content 402 Initial Shrinkage State 404 Second deployment or extension state 406 Third Immersion or Showcase State, Map Showcase 408 Third Immersion or Showcase State, Media Showcase 410 Folded map tiles and carousels 412 Expanded map tiles and carousels 414 distance data 416 Indicators 420 Photo Count Key 422 photos 502 Shrinking 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 ways 700 methods 800 ways 902 First state 904 Second state 1002 First state 1004 Second state 1006 Third state 1008 Website Links 1010 Swipe gesture 1014 Supplementary Content Tiles 1102 Example 1 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 Tiles 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 Types of Interactions 1510 Systematic images 1512 Interactive elements 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 elements 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 Elements 2008 Place element 2010 Context Elements 2012 Action elements 2014 Campaign Elements 2016 Reduced Place Elements

Claims

1. A computer-based method for displaying search result content, A computing system including one or more processors obtains a search query; The computing system determines a plurality of search results in response to the search query, A step of obtaining a plurality of interfaces based on the plurality of search results by the computing system, wherein each of the plurality of interfaces comprises a plurality of tiles associated with each of the search results of a subset of the plurality of search results, each of the plurality of tiles is associated with each of the media content items of a plurality of content items, and each of the media content items comprises an image associated with each of the search results. The steps of providing the plurality of interfaces for display within a search results page together with the subset of the plurality of search results by the computing system, wherein the plurality of interfaces are provided for display in an initial state, and the initial state provides one or more tiles of each of the plurality of tiles for display at a first size, The computing system obtains the selection of a first search result from the plurality of search results, A step of the computing system to transition a first interface of a plurality of interfaces to a second state based on the selection of the first search result of the plurality of search results, wherein the first interface is associated with the first search result, the second state provides the one or more of the tiles for display in a second size, each of the plurality of tiles of the first interface is selectable to provide supplemental content for display, and the supplemental content is associated with the first search result and the respective selected tile. A method that includes [a certain feature].

2. The method according to claim 1, wherein each of the plurality of tiles is associated with a plurality of different subtopics associated with a particular topic.

3. The step of transitioning the first interface of the plurality of interfaces is: The method according to claim 1, further comprising the step of adjusting the display size of the initial tiles of the first interface in response to the selection.

4. The step of receiving further user input associated with the first interface, The steps include: further adjusting the display size of at least one of the initial tile, first tile, or second tile of the first interface in response to the aforementioned further user input; The method according to claim 1, comprising:

5. The method according to claim 1, wherein the second search result and the third search result of the plurality of search results remain unselected.

6. The method according to claim 5, wherein when the first interface transitions to the second state, the second interface of the plurality of interfaces and the third interface of the plurality of interfaces continue to be displayed in the initial state.

7. The method according to claim 6, wherein the second interface of the plurality of interfaces is associated with the second search result of the plurality of search results, and the third interface of the plurality of interfaces is associated with the third search result of the plurality of search results.

8. The method according to claim 1, wherein the first interface comprises a carousel interface, and the carousel interface comprises an initial tile, a first tile, and a second tile.

9. The method according to claim 8, wherein the initial tile, the first tile, the second tile, and the supplementary content are provided in a self-contained gadget of a search results interface, and the search results interface includes a plurality of search results while displaying the initial tile, the first tile, the second tile, and the supplementary content.

10. The method according to claim 1, wherein the supplemental content comprises additional data associated with a selected content item, and the selected content item is associated with a subtopic of the first search result.

11. A computing system for displaying search result content, One or more processors, One or more non-temporary computer-readable media for jointly storing instructions, which, when executed by the one or more processors, in the computing system, Retrieving search queries and, To determine multiple search results in response to the aforementioned search query, Obtaining multiple interfaces based on the multiple search results, wherein each of the multiple interfaces comprises multiple tiles associated with each search result of a subset of the multiple search results, each of the multiple tiles is associated with each media content item of a plurality of content items, and each of the media content items comprises an image associated with each of the search results. Providing a plurality of interfaces for display within a search results page together with the subset of the plurality of search results, wherein the plurality of interfaces are provided for display in an initial state, and the initial state provides one or more tiles of each of the plurality of tiles for display at a first size, To obtain the selection of the first search result from the aforementioned multiple search results, The method involves transitioning the first interface of the plurality of interfaces to a second state based on the selection of the first search result of the plurality of search results, wherein the first interface is associated with the first search result, and the second state provides the one or more of the tiles for display in a second size. Obtaining the tile selection associated with each of the plurality of tiles of the first interface, Providing supplementary content for display, wherein the supplementary content is associated with the first search result. A system that performs actions including those mentioned above.

12. Obtaining the plurality of interfaces based on the plurality of search results, for each of the plurality of interfaces, Acquiring the aforementioned multiple content items, To generate the plurality of tiles based at least partially on the plurality of content items The system according to claim 11, comprising:

13. The system according to claim 12, wherein generating the plurality of tiles includes generating a media snippet from each of the plurality of content items.

14. The system according to claim 12, wherein generating the plurality of tiles includes obtaining a media snippet from each of the plurality of content items.

15. The system according to claim 11, wherein the plurality of content items are generated in response to a request, the request is associated with a specific search result, and the plurality of content items are associated with the specific search result.

16. The system according to claim 11, wherein the selection of the first search result from the plurality of search results depicts a swipe gesture to the first interface.

17. One or more non-temporary computer-readable storage media for jointly storing instructions, wherein when executed by one or more computing devices, the computing devices Retrieving search queries and, To determine multiple search results in response to the aforementioned search query, Obtaining multiple interfaces based on the multiple search results, wherein each of the multiple interfaces comprises multiple tiles associated with each search result of a subset of the multiple search results, each of the multiple tiles is associated with each media content item of a plurality of content items, and each of the media content items comprises an image associated with each of the search results. Providing a plurality of interfaces for display within a search results page together with the subset of the plurality of search results, wherein the plurality of interfaces are provided for display in an initial state, and the initial state provides one or more tiles of each of the plurality of tiles for display at a first size, To obtain the selection of the first search result from the aforementioned multiple search results, The method involves transitioning the first interface of the plurality of interfaces to a second state based on the selection of the first search result of the plurality of search results, wherein the first interface is associated with the first search result, and the second state provides the one or more of the tiles for display in a second size. Obtaining the tile selection associated with each of the plurality of tiles of the first interface, Providing supplementary content for display, wherein the supplementary content is associated with the first search result. One or more non-temporary computer-readable storage media that perform operations including the following.

18. One or more non-temporary computer-readable storage media according to claim 17, wherein the supplemental content comprises a graphical map.

19. One or more non-temporary computer-readable storage media according to claim 18, wherein the graphical map comprises one or more indicators associated with one or more of the plurality of content items.

20. The selection of the first search result from the plurality of search results depicts a swipe gesture to a touchscreen display, one or more non-temporary computer-readable storage media according to claim 17.

Images