APP新創(chuàng)意:APP搜索界面功能當中的交互設計

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

最近,學堂君無意之間看到這樣的一個APP展示動效,重點的看頭在后面的那個搜索交互動效。非常的完美,這樣的搜索才堪稱完美的搜索。

之間看APP 動效圖吧!

app搜索交互動效欣賞

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

APP搜索動效設計

 

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

比起現(xiàn)在最常見的APP搜索功能的體驗度方面,大大的增強。下面就是我們最常見的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搜索創(chuàng)意設計

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

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

 

每天更新,
全站高品質(zhì)素材免費下載!