如何讓搜索框的體驗更好?我總結了這些設計套路!

無論網站或是App,搜索功能幾乎成了標配,在其間占據著或輕或重的位置。一方面,搜索可以幫助用戶節約時間、直達目的;另一方面,它也是用戶主動表達意愿的一個窗口,可以幫助搜集用戶需求、引導用戶行為。

滴道網站建設公司成都創新互聯公司,滴道網站設計制作,有大型網站制作公司豐富經驗。已為滴道上千提供企業網站建設服務。企業網站搭建\外貿網站建設要多少錢,請找那個售后服務好的滴道做網站的公司定做!

在不同業務類型、不同場景下,搜索的定位和形式可能大不相同,有沒有一種通用的思路,可以cover住各類搜索的體驗設計呢?

我最近把玩了30+個App,涉及搜索、資訊、知識、電商、社交、視頻、音樂、導航、工具、O2O、生活服務等十幾種類別,歸納總結了搜索設計的一些套路和設計形式,將其拆解開來,與大家分享、探討。大家可以結合自家的業務類型、具體的應用場景,選取適合的形式,提升搜索體驗。

搜索體驗的「三度」

打造滿意的搜索體驗,需做好三個「度」:速度、溫度、準確度。

速度指讓用戶更快得到搜索結果、完成搜索過程。

溫度指搜索過程人性化,易于理解和操作,讓用戶感到貼心、甚至是驚喜。

準確度指搜索結果準確,符合用戶期望。

乍一看,速度和準確度似乎與技術更相關,跟設計沒啥關系。但其實三者相輔相成,我們可以通過合理而帶有溫度的設計,提升搜索的效率和體驗,讓用戶搜得更快、更準、更舒心。

搜索體驗的設計拆解

我們可以把搜索拆解為三個部分:搜索入口、搜索過程、搜索結果。

搜索過程又可拆解為三個動作:點擊搜索框/icon → 輸入文字/字符 → 點擊搜索按鈕/關鍵詞。每個動作觸發后,都會有相應反饋。

△ 搜索過程及反饋

接下來我會將各個部分拆分開來,分析體驗設計的要點。結構及目錄見下圖:

△ 本文結構與目錄

第一部分 搜索入口

搜索入口具有提示和引導作用,常見的有 4 種:

獨立的一級tab

搜索框

搜索icon

隱藏式搜索框/icon

△ 四類搜索入口形式

當前名稱:如何讓搜索框的體驗更好?我總結了這些設計套路!
本文地址:http://m.kartarina.com/article12/cpsodc.html

成都網站建設公司_創新互聯,為您提供ChatGPT標簽優化全網營銷推廣網站建設品牌網站建設App設計

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

手機網站建設
主站蜘蛛池模板: 国产精品亚洲аv无码播放| 无码中文字幕av免费放dvd| 亚洲视频无码高清在线| 成人h动漫精品一区二区无码| 色综合色国产热无码一| 亚洲AV无码成人精品区在线观看| 亚洲综合无码一区二区痴汉| 人妻中文字幕AV无码专区| 成在线人免费无码高潮喷水| 亚洲av无码成人精品区一本二本| 中文字幕人妻无码一区二区三区| 国产精品无码久久四虎| 精品无码一区二区三区亚洲桃色| 国产激情无码一区二区三区| 亚洲人av高清无码| 亚洲国产精品无码久久SM| 久久水蜜桃亚洲AV无码精品 | 人妻丝袜中文无码av影音先锋专区 | 狠狠爱无码一区二区三区| 精品亚洲AV无码一区二区| 亚洲一区精品无码| 日韩精品人妻系列无码av东京 | 色综合久久久无码中文字幕| 亚洲国产成人无码av在线播放| 伊人久久综合精品无码AV专区| 亚洲精品无码久久不卡| 免费人妻av无码专区| (无码视频)在线观看| 无码少妇丰满熟妇一区二区| 伊人久久精品无码麻豆一区| 人妻aⅴ无码一区二区三区| 日韩人妻无码精品一专区| 久久人妻少妇嫩草AV无码蜜桃| 久久久无码精品午夜| 国产精品无码MV在线观看| 精品无码专区亚洲| 青春草无码精品视频在线观| 中文字幕无码久久人妻| 特级做A爰片毛片免费看无码| 中文无码vs无码人妻 | 无码国模国产在线无码精品国产自在久国产|