{"id":1873,"date":"2022-01-06T15:25:53","date_gmt":"2022-01-06T15:25:53","guid":{"rendered":"https:\/\/multisite.korebots.com\/SearchAssist\/?p=1873"},"modified":"2022-02-14T09:27:15","modified_gmt":"2022-02-14T09:27:15","slug":"design-search-experience","status":"publish","type":"post","link":"https:\/\/multisite.korebots.com\/SearchAssist\/concepts\/design-search-experience\/","title":{"rendered":"Designing Experience"},"content":{"rendered":"<section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2><span class=\"ez-toc-section\" id=\"Overview\"><\/span><span style=\"font-weight: 400;\">Overview<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">SearchAssist enables you to design search experiences for your customer or employee. You can customize their search experience both in the user-engagement phase when entering queries and in the results display phase. <\/span><b>You can design how your customers or employees\u00a0 can experience the search, either from the traditional search bar from the top-down or the conversational UI from the bottom-up.<\/b><span style=\"font-weight: 400;\">\u00a0 End-users can see the results in views selected by you as per business requirements.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Customize the overall search experience through:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>Search Interface, <\/b><span style=\"font-weight: 400;\">\u00a0a user interface used by the search users to enter their queries. Refer <\/span><a href=\"https:\/\/multisite.korebots.com\/SearchAssist\/?p=1873&amp;preview=true\"><span style=\"font-weight: 400;\">Search Experience<\/span><\/a><span style=\"font-weight: 400;\">. Refer <\/span><a href=\"https:\/\/multisite.korebots.com\/SearchAssist\/?p=1732&amp;preview=true\"><span style=\"font-weight: 400;\">How to Customize Search Experience<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Result Templates<\/b><span style=\"font-weight: 400;\"> allow you to decide how the individual search results are formatted and displayed in a results interface. Refer <\/span><a href=\"https:\/\/multisite.korebots.com\/SearchAssist\/?p=1734&amp;preview=true\"><span style=\"font-weight: 400;\">Results Templates<\/span><\/a><span style=\"font-weight: 400;\">. Refer <\/span><a href=\"https:\/\/multisite.korebots.com\/SearchAssist\/?p=1734&amp;preview=true\"><span style=\"font-weight: 400;\">How to Customize Results Views<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Customize_Search_Experience\"><\/span><span style=\"font-weight: 400;\">Customize Search Experience\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">You can customize the search interface in three different aspects:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><b>Customize Experience<\/b><span style=\"font-weight: 400;\">: You can choose the position of the search bar, this choice would in turn\u00a0 decide how the display in which the results are presented to the user. <\/span>\n<ul>\n<li><b>Search Bar <\/b><span style=\"font-weight: 400;\">\u00a0will position the Search Bar at the top of the window. This approach is used in e-commerce websites where search results are displayed from top to bottom in the search bar. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">As the user types a query, the <\/span><b>live search<\/b><span style=\"font-weight: 400;\"> results are displayed as a dropdown list and the <\/span><b>full page results<\/b><span style=\"font-weight: 400;\"> are given on the page itself. The user can either select an option from the live search dropdown list or browse through the full results page.\u00a0<\/span><\/li>\n<li><b>Assistant\u00a0 <\/b><span style=\"font-weight: 400;\">will position the Search Bar at the bottom of the chat window. This approach is generally used in banking and insurance websites where you want a virtual assistant to help perform actions like paying bills, etc. at the top or bottom of the chat window. <\/span>In this case, the live search results are displayed as the user types the query and the conversational search results are displayed in the chat window. Users can select an option from the <b>live<\/b> <b>search<\/b> list or browse the options given in the conversational search results. Apart from this, the user will be presented with an option to view the <b>full<\/b> <b>page<\/b> <b>results<\/b>, to see the entire search results on a <b>slide-out<\/b> page.<\/li>\n<\/ul>\n<\/li>\n<li><b>Customize with Search Widget: <\/b><span style=\"font-weight: 400;\">\u00a0includes customization of the search bar. These include:\u00a0<\/span>\n<ul>\n<li><b>Placeholder Text<\/b><span style=\"font-weight: 400;\"> inside the search bar, <\/span><b>text<\/b><span style=\"font-weight: 400;\"> color\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Search bar <\/span><b>border <\/b><span style=\"font-weight: 400;\">color, search <\/span><b>Icon\u00a0<\/b><\/li>\n<li><span style=\"font-weight: 400;\">Search <\/span><b>Button<\/b><span style=\"font-weight: 400;\"> customization\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<li><b>Customize Interactions<\/b><span style=\"font-weight: 400;\">: The user experience with the search interface can be improved by customizing various interactions. <\/span>\n<ul>\n<li><b>Greeting message<\/b><span style=\"font-weight: 400;\"> is displayed on the launch of the search bar, a total of 60 characters allowed and you can set the color of the text. Enter your custom Greeting here, apply desired text and background colors.\u00a0<\/span><\/li>\n<li><b>Show Searches<\/b><span style=\"font-weight: 400;\"> option can be enabled for the user to see their previous queries. These queries pop up as cards in the search window as soon as the user selects the search bar. Options are to display either frequent searches or recent search displays.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<ul>\n<li style=\"list-style-type: none;\"><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Auto-complete option can be enabled to save the user time and effort by predicting the rest of the word as they are typing a query.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Query Suggestion reduces the user&#8217;s time to search a query by providing suggestions. These suggestions would help users to enter long queries or select a query as they type. You can set the number of suggestions to be displayed from 0-3 for bottom-up experience, from 0-5 for a top-down experience. When used along with Live Search Results, the live search results appear at the background of the query suggestions and the user can scroll to browse the results.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Live Search Results enhance the user\u2019s search experience by showing the results while entering the query and allow the user to see search results without redirecting to the results page. You can set the number of results to be displayed from 0-5 for bottom-up experience, from 0-10 for a top-down experience. When used along with Query Suggestion, the live search results appear at the background of the query suggestions and the user can scroll to browse the results.<\/span><\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Results_Templates\"><\/span><span style=\"font-weight: 400;\">Results Templates\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">SearchAssist allows you to customize the Result display layouts with the Templates and the way in which the results should be displayed in a more purposeful way.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can configure the Result template for the following result types:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Live Search<\/b><span style=\"font-weight: 400;\"> displays the results as the user is typing the query.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Conversational Search<\/b><span style=\"font-weight: 400;\"> displays the results in the chatbot with a link to view the full page results. This option is available only for the bottom-up search experience.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Full Page Results<\/b><span style=\"font-weight: 400;\"> display the complete results, on the main page in case of top-down search experience or as a slide-out page when the user selects the option in case of bottom-up search experience.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">SearchAssist offers the following off-the-shelf Templates ready for deployment:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">List Template<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">List Template with Images<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Grid Template<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Carousel Template<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/section><section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_grid cols_1 laptops-cols_inherit tablets-cols_inherit mobiles-cols_1 valign_top type_default stacking_default\"><div class=\"wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"w-post-elm post_navigation layout_simple inv_false\"><a class=\"post_navigation-item order_first to_prev\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/concepts\/personalize-results\/\" title=\"Ranking Results\"><div class=\"post_navigation-item-arrow\"><\/div><div class=\"post_navigation-item-meta\">Previous Post<\/div><div class=\"post_navigation-item-title\"><span>Ranking Results<\/span><\/div><\/a><a class=\"post_navigation-item order_second to_next\" href=\"https:\/\/multisite.korebots.com\/SearchAssist\/concepts\/experimenting-variants\/experiment-with-a-b-testing\/\" title=\"Experiments your Search Variants\"><div class=\"post_navigation-item-arrow\"><\/div><div class=\"post_navigation-item-meta\">Next Post<\/div><div class=\"post_navigation-item-title\"><span>Experiments your Search Variants<\/span><\/div><\/a><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"Overview SearchAssist enables you to design search experiences for your customer or employee. You can customize their search experience both in the user-engagement phase when entering queries and in the results display phase. You can design how your customers or employees\u00a0 can experience the search, either from the traditional search bar from the top-down or...","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[57],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/1873"}],"collection":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/comments?post=1873"}],"version-history":[{"count":9,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/1873\/revisions"}],"predecessor-version":[{"id":2967,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/posts\/1873\/revisions\/2967"}],"wp:attachment":[{"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/media?parent=1873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/categories?post=1873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multisite.korebots.com\/SearchAssist\/wp-json\/wp\/v2\/tags?post=1873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}