今天我們來聊聊APP設(shè)計(jì)和開發(fā)里面，最重要的一個(gè)模塊，那就是搜索功能。這個(gè)需求點(diǎn)是大部分APP必備的功能點(diǎn)。似不似??？

最近，學(xué)堂君無意之間看到這樣的一個(gè)APP展示動效，重點(diǎn)的看頭在后面的那個(gè)搜索交互動效。非常的完美，這樣的搜索才堪稱完美的搜索。

之間看APP 動效圖吧！

學(xué)堂君還幫大家?guī)虯PP搜索這塊功能的界面圖已經(jīng)截屏下來啦。

這樣的APP搜索功能更加直觀，根據(jù)自己的關(guān)鍵詞就知道下面的商品是不是自己需要的。加載的非常流暢。

比起現(xiàn)在最常見的APP搜索功能的體驗(yàn)度方面，大大的增強(qiáng)。下面就是我們最常見的APP搜索設(shè)計(jì)圖：

上圖來源于天貓APP是搜索界面，涵蓋的功能點(diǎn)有：

1、關(guān)鍵詞的輸入框，輸入框右邊有個(gè)拍照搜索的圖標(biāo)。

2、下面就是是顯示最近用戶搜索的區(qū)域。

3、這塊是用來顯示最熱門搜索的區(qū)域，其實(shí)也是給做廣告、推廣只用的?；蛘哒f是用戶近期關(guān)注的幾個(gè)關(guān)鍵詞?；蛘弋?dāng)下當(dāng)季用戶關(guān)注度最高的一些關(guān)鍵詞的展示區(qū)等等。

所以，最上面的APP搜索功能展示動效真是一個(gè)不錯(cuò)的解決方案。

下面，小編就跟大家聊聊，如何來設(shè)計(jì)一個(gè)好的APP搜索功能頁面：

首先，當(dāng)我們開始一款產(chǎn)品的搜索功能設(shè)計(jì)，通常需要考慮到以下3種狀態(tài)的設(shè)計(jì)：

1、功能入口；

2、功能激活態(tài)；

3、功能輸入態(tài)；

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

1、放在比較明顯的位置，或者用明顯的視覺元素吸引用戶注意力；

2、頁面滑動的時(shí)候一直存在，或者一直有快速入口立刻切入；

3、獨(dú)立的一級tab專門用于搜索，

4、優(yōu)化現(xiàn)有搜索功能的體驗(yàn)度。

最后，除了對成熟的APP設(shè)計(jì)的指導(dǎo)和參考「設(shè)計(jì)競品分析」以外，另一個(gè)重要目的就是給用戶或者是使用者 傳遞清楚概念、理清思路、搜索的整個(gè)路徑。通過梳理弄清楚不同設(shè)計(jì)形式的優(yōu)略勢、適合的場景及業(yè)務(wù)之后，再做最后的取舍。

當(dāng)然，完美的APP搜索交互體驗(yàn)，是基于可行性技術(shù)的基礎(chǔ)之上的。如果技術(shù)不能實(shí)現(xiàn)這樣的APP搜索交互設(shè)計(jì)，那我們的設(shè)計(jì)只能放棄?；蛘哌x擇是退而求次的方案。

分享這篇文章的目的，學(xué)堂君想告訴大家有這樣的一種APP搜索的交互方式。認(rèn)知一些新的知識和交互案例。

我們只考慮從設(shè)計(jì)師的角度出發(fā)，發(fā)揮我們的想象力，盡可能的設(shè)計(jì)出完美的作品。至于實(shí)現(xiàn)是程序員的事情。