中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

APP界面設(shè)計之搜索框功能設(shè)計

2022-06-21    分類: 網(wǎng)站建設(shè)

創(chuàng)新互聯(lián)小編今日與大家分享的是APP界面設(shè)計中的搜索框功能設(shè)計。之前我們也有講過APP和網(wǎng)站上搜索框設(shè)計的文章,現(xiàn)在搜索框也是與時俱進(jìn)的,搜索框之前簡單的輸入字體內(nèi)容,后又增添語音錄入搜索,再次添加圖片搜索。

APP界面設(shè)計之搜索框功能設(shè)計

搜索功能的作用

APP界面設(shè)計中的搜索功能,可以說應(yīng)用到很多APP中,搜索功能的出現(xiàn)追根溯源上來說是因為現(xiàn)在一款產(chǎn)品所包含的內(nèi)容太多了,特別是阿里的產(chǎn)品。

APP界面設(shè)計之搜索框功能設(shè)計

內(nèi)容越多,用戶的學(xué)習(xí)成本也越大。用戶使用你的產(chǎn)品,他們希望越簡單越好,越容易上手越好。自己可以快速而又準(zhǔn)確的找到期望的功能或內(nèi)容是用戶的目標(biāo)。所以從這個角度來說,搜索功能的出現(xiàn)勢在必行。那么為什么我建議設(shè)計師給自己的產(chǎn)品做一個搜索功能呢?因為通過建立搜索功能可以幫助你了解你現(xiàn)在所負(fù)責(zé)的這款產(chǎn)品里究竟有哪些東西。其實很多設(shè)計師工作的時間也蠻久的,但是對于其產(chǎn)品所包含的內(nèi)容和功能可能還不能完全吃透。 口口聲聲說要懂得產(chǎn)品,但是連產(chǎn)品里究竟有哪些東西都不知道,其實想想挺無厘頭的。


舉一個例子,你在微信中搜索“邁克爾杰克遜”,搜索結(jié)果會出現(xiàn)名稱中帶有邁克爾杰克遜的群聊/好友,關(guān)注的公眾號,聊天記錄,還有收藏記錄。當(dāng)你點(diǎn)開更多,你還會看到關(guān)于邁克爾杰克遜的新聞資訊,表情包,音樂,朋友圈等。如果你剛使用微信不久,通過這個搜索結(jié)果你就會對微信可以提供的服務(wù)有了大致的了解。所以說通過建立搜索功能可以幫助你很好的了解一款產(chǎn)品。

如果搜索功能在產(chǎn)品中的比重相對比較重要,是需要重點(diǎn)突出的,可以采用如下設(shè)計策略:

搜索功能的三個階段

知道了搜索功能的必要性,接下來我們真正的開始去進(jìn)入搜索功能的設(shè)計階段。

其實談到搜索功能設(shè)計,很多人會想到搜索框設(shè)計。搜索框可能是搜索功能一個最主要的展現(xiàn)形式。但是搜索功能里學(xué)問遠(yuǎn)不止是簡單的搜索框可以概括的,一個完整的搜索功能/流程應(yīng)該由以下三個方面/階段組成:

(打開)搜索框

信息錄入

搜索結(jié)果展示

搜索框

搜索框的設(shè)計我覺得有三點(diǎn)需要我們注意。

第一,不同的產(chǎn)品對于搜索框的展示方式存在差異。有的產(chǎn)品搜索框直接就放在界面上方,用戶可以直接進(jìn)入信息錄入階段。

但是有的產(chǎn)品的搜索框需要你點(diǎn)擊放大鏡按鈕彈出。

前者的好處就是用戶隨時看到搜索框,使用起來也方便。而后者的優(yōu)勢在于占據(jù)更少的空間,適合實現(xiàn)產(chǎn)品迭代期的搜索功能需求。

例如,在工作中我們會經(jīng)常遇到突發(fā)奇想的領(lǐng)導(dǎo),他們哪天一開心拍板說,不如我們在這個界面里加一個搜索功能吧。而這個界面可能已經(jīng)放不下一個搜索框了,所以只能放一個搜索框的入口——放大鏡圖標(biāo)。

第二,用戶需要查找的內(nèi)容可能屬于不同的類別。以UI中國為例,用戶可能需要查找的是一位設(shè)計師,一篇文章或者一個插畫作品。在這種情況下,我們需要在搜索框的左邊給用戶提供了一個下拉列表給他們?nèi)ミx擇查找期望的內(nèi)容類別。

當(dāng)然并不一定非要放在搜索框左邊,微信這種分類樣式也很出彩。

最后一個需要我們注意的是搜索框的設(shè)計風(fēng)格應(yīng)該和產(chǎn)品里其他的輸入框保持一致,不能你這里的輸入框帶有圓角,而那里的是直角。這種比較低級的錯誤我們不要犯。

信息錄入

信息錄入目前來說最常見的就是文字錄入,不過現(xiàn)在我們也開始看到新興的錄入方式:語音錄入和圖片錄入。

語音錄入我們最熟悉的產(chǎn)品就是一些音樂播放軟件還有外語詞典,比如qq音樂或者網(wǎng)易云音樂。用戶想聽一首歌,可以直接輸入歌曲名,但是不知道歌名的情況下,可以通過語音的形式完成歌曲信息的錄入。

而使用圖片完成信息錄入的一個比較典型的例子就是淘寶的拍立淘,用戶可以拍下心儀產(chǎn)品的照片,系統(tǒng)就會給你匹配相似的商品,非常方便。從這點(diǎn)來看,設(shè)計師必須要時刻掌握最新的科技信息,要不然很容易就被淘汰。

我們可以看到很多產(chǎn)品的搜索功能都為用戶提供了搜索記錄和熱門搜索這兩個服務(wù)。有的搜索記錄和熱門搜索都是通過下拉列表的樣式來實現(xiàn)的。例如知乎

但是淘寶和京東選擇的卻是另一種布局方式。這種布局方式可以展示更多的信息。這迎合了電商產(chǎn)品的一個目標(biāo),但是無法完成單條記錄的刪減,這在我看來影響不是很大。

此外為了更方便用戶操作,我們還可以在用戶錄入階段給用戶以自動提示。這樣可以節(jié)省用戶的操作時間,避免打錯字。

搜索結(jié)果

搜索結(jié)果在我看來最難的一點(diǎn)就是如何展示不同類型和級別的內(nèi)容。例如,你在支付寶里搜索賬單,搜索出來的結(jié)果包括賬單相關(guān)的應(yīng)用,生活號和資訊。為了進(jìn)行區(qū)分,級別更高的應(yīng)用和生活號我們會加一個圖標(biāo)展示。

當(dāng)然用戶還可以通過tab切換的形式選擇合適的內(nèi)容類別。

有的情況下搜索結(jié)果過多,而用戶又沒有時間一個個的去看。我們可以引入篩選器來幫助用戶在短時間內(nèi)找到期望的內(nèi)容,不要花時間去翻頁或者滑動查找。

剛才說的都是搜索結(jié)果過多的情況下應(yīng)該怎么辦。我們還應(yīng)該考慮的是搜索結(jié)果為零的時候,我們?nèi)绾谓o用戶設(shè)計合適的空頁面。

現(xiàn)在一些搜索結(jié)果是通過加載一個新的頁面來展示的,如果我們不給用戶說清楚。用戶會誤以為是網(wǎng)絡(luò)原因?qū)е马撁婕虞d失敗而不是搜索不到你想要的商品。所以空頁面設(shè)計一定要向用戶解釋清楚原因。

小結(jié)

現(xiàn)在搜索框也是與時俱進(jìn)的,搜索框之前簡單的輸入字體內(nèi)容,后又增添語音錄入搜索,再次添加圖片搜索。APP設(shè)計中的每一個細(xì)節(jié),都在不斷的優(yōu)化更好,更使得用戶體驗更好,目前不僅出現(xiàn)語音搜索功能,并且搜索引擎也有提出,要做語音搜索優(yōu)化,SEOer也是與時俱進(jìn)不斷學(xué)習(xí)和做這方面的工作。

文章題目:APP界面設(shè)計之搜索框功能設(shè)計
鏈接分享:http://m.rwnh.cn/news14/170014.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計公司、動態(tài)網(wǎng)站、微信小程序服務(wù)器托管、面包屑導(dǎo)航、ChatGPT

廣告

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

手機(jī)網(wǎng)站建設(shè)
全椒县| 凌云县| 淄博市| 云林县| 华池县| 宜君县| 宁德市| 哈尔滨市| 阿坝县| 鄂托克前旗| 肃宁县| 大同县| 昂仁县| 贞丰县| 石狮市| 堆龙德庆县| 静安区| 玛纳斯县| 舒兰市| 桦南县| 册亨县| 绥江县| 监利县| 海林市| 宁远县| 满洲里市| 嘉鱼县| 塘沽区| 汤阴县| 温宿县| 礼泉县| 乌兰浩特市| 潢川县| 抚宁县| 错那县| 鄂温| 个旧市| 天等县| 白山市| 怀柔区| 喀什市|