今天我們來聊聊APP設計和開發(fā)里面,最重要的一個模塊,那就是搜索功能。這個需求點是大部分APP必備的功能點。似不似???
最近,學堂君無意之間看到這樣的一個APP展示動效,重點的看頭在后面的那個搜索交互動效。非常的完美,這樣的搜索才堪稱完美的搜索。
之間看APP 動效圖吧!
學堂君還幫大家?guī)虯PP搜索這塊功能的界面圖已經(jīng)截屏下來啦。
這樣的APP搜索功能更加直觀,根據(jù)自己的關(guān)鍵詞就知道下面的商品是不是自己需要的。加載的非常流暢。
比起現(xiàn)在最常見的APP搜索功能的體驗度方面,大大的增強。下面就是我們最常見的APP搜索設計圖:
上圖來源于天貓APP是搜索界面,涵蓋的功能點有:
1、關(guān)鍵詞的輸入框,輸入框右邊有個拍照搜索的圖標。
2、下面就是是顯示最近用戶搜索的區(qū)域。
3、這塊是用來顯示最熱門搜索的區(qū)域,其實也是給做廣告、推廣只用的。或者說是用戶近期關(guān)注的幾個關(guān)鍵詞?;蛘弋斚庐敿居脩絷P(guān)注度最高的一些關(guān)鍵詞的展示區(qū)等等。
所以,最上面的APP搜索功能展示動效真是一個不錯的解決方案。
下面,小編就跟大家聊聊,如何來設計一個好的APP搜索功能頁面:
首先,當我們開始一款產(chǎn)品的搜索功能設計,通常需要考慮到以下3種狀態(tài)的設計:
1、功能入口;
2、功能激活態(tài);
3、功能輸入態(tài);
其次,如果搜索功能在產(chǎn)品中的比重相對比較重要,是需要重點突出的,可以采用如下設計策略:
1、放在比較明顯的位置,或者用明顯的視覺元素吸引用戶注意力;
2、頁面滑動的時候一直存在,或者一直有快速入口立刻切入;
3、獨立的一級tab專門用于搜索,
4、優(yōu)化現(xiàn)有搜索功能的體驗度。
最后,除了對成熟的APP設計的指導和參考「設計競品分析」以外,另一個重要目的就是給用戶或者是使用者 傳遞清楚概念、理清思路、搜索的整個路徑。通過梳理弄清楚不同設計形式的優(yōu)略勢、適合的場景及業(yè)務之后,再做最后的取舍。
當然,完美的APP搜索交互體驗,是基于可行性技術(shù)的基礎之上的。如果技術(shù)不能實現(xiàn)這樣的APP搜索交互設計,那我們的設計只能放棄?;蛘哌x擇是退而求次的方案。
分享這篇文章的目的,學堂君想告訴大家有這樣的一種APP搜索的交互方式。認知一些新的知識和交互案例。
我們只考慮從設計師的角度出發(fā),發(fā)揮我們的想象力,盡可能的設計出完美的作品。至于實現(xiàn)是程序員的事情。
全站高品質(zhì)素材免費下載!