眾所周知，在移動APP設(shè)計當(dāng)中，反饋性設(shè)計也是我們APP設(shè)計師需要注重的一個方面，也是值得我們一起去探索的一個方面。

那什么是APP反饋性動效設(shè)計？

用戶的進行操作之后，反饋動效隨之而來，反饋動效可以有效的告知用戶“操作是否成功”。反饋的表現(xiàn)形式或以明顯的彈性效果為主，或是基于進度條動效。

之前25學(xué)堂分享了百度商業(yè)UED劉美女講解【及時有效反饋設(shè)計原則】、APP反饋提示設(shè)計之彈出框設(shè)計，超贊和產(chǎn)品經(jīng)理如何去做好用戶反饋和競品分析等相關(guān)的文章。

今天25學(xué)堂繼續(xù)跟大家分享12個APP設(shè)計當(dāng)中的反饋性動效設(shè)計，算是跟大家好好普及一下一些常見的APP動效反饋設(shè)計。

之前25學(xué)堂也分享了16種常見的APP動效設(shè)計技巧和動效案例欣賞，也是值得大家去詳細(xì)閱讀的。

1、移動拖曳表示有效的動效展示

適用場合：移動物體時，需要通過反饋來告知用戶移動是否有效

運動描述：如果物體被放置在有效移動區(qū)域附近，那么物體會自動“滑進”指定位置。

優(yōu)點：通過平滑的過渡，可視化的告知用戶，此區(qū)域為可移動區(qū)域，同時告知用戶交互有效。

用戶感受：物體好似被吸去了。（磁鐵）

2、移動拖曳無效的動效表示

適用場合：移動物體時，需要通過反饋來告知用戶移動是否有效

運動描述：如果物體被放置在無效移動區(qū)域附近，那么物體會自動回到原位。

優(yōu)點：通過過渡效果，清晰的讓用戶看到，物體返回了原位置及其運動軌跡，這樣用戶就可以快速找到物體。

用戶感受：物體好像磁鐵的同極被排斥開。

3、列表的排列重組

適用場合：當(dāng)用戶想要重排列表時

運動描述：當(dāng)列表中進行“添加”、“移動”、“刪除”操作時

優(yōu)點：能夠讓用戶了解所操作項的位置，同時還能留意到其他項位置的改變

用戶感受：項位置的改變，導(dǎo)致了整個列表的變化。

4、關(guān)閉的動效

適用場合：當(dāng)用戶關(guān)閉某個對象，需要視覺反饋時

運動描述：物體縮入關(guān)閉按鈕中，暗示物體已經(jīng)關(guān)閉

優(yōu)點：通過過渡效果，告知用戶對象已經(jīng)關(guān)閉，同時提醒用戶在何處重新打開。

用戶感受：物體似乎被吸入了關(guān)閉按鈕中。

5、開/關(guān)

適用場合：當(dāng)用戶打開、關(guān)閉某個功能時

運動描述：開關(guān)位置的移動以及開關(guān)樣式的改變，有效的告知了用戶功能處于打開狀態(tài)還是關(guān)閉狀態(tài)。

優(yōu)點：能夠清楚的告訴用戶，交互是否成功，功能是否被打開、關(guān)閉

用戶感受：開關(guān)按鈕的移動，給予一種真實的觸感。

6、列表移動有效/無效

適用場合：當(dāng)用戶試圖移動列表中的項時

運動描述：將列表中的項從一處移動到另一處，列表本身會作出反饋，告知用戶可否移動

一致性：可告知用戶能夠移動還是不能移動

優(yōu)點：能夠告訴用戶可否移動。

用戶感受：列表“同意”或“禁止”移動列表項

7、列表末端的動效設(shè)計

適用場合：當(dāng)用戶滑動到列表的最末端時

運動描述：因為已經(jīng)到了最末端，列表會回彈。

一致性：列表頂端相反

優(yōu)點：當(dāng)滑動到最末端時，會自動回彈，告訴用戶到頭了。

用戶感受：列表似乎被固定住了，滑不動

8、翻頁末端的動效設(shè)計

適用場合：當(dāng)用戶翻到最后一頁，想要繼續(xù)翻頁時

運動描述：無法繼續(xù)翻頁，會有短暫的翻頁效果，但是會立即回彈

一致性：第一頁相反

優(yōu)點：這種動效能夠暗示用戶已經(jīng)到達最后一頁，然后頁面會自動翻回去。

用戶感受：頁面似乎被固定住了，翻不動

9、按鈕標(biāo)簽的切換

適用場合：當(dāng)按鈕所代表的功能切換時，按鈕標(biāo)簽也會隨之切換

運動描述：一個按鈕，多種功能，功能切換后，按鈕的樣式和長度隨之改變。

優(yōu)點：能夠告知用戶操作成功，已經(jīng)開啟某功能。

用戶感受：哇，原來還可以這么玩？激發(fā)用戶的好奇心

10、加載進度條的動效設(shè)計

適用場合：當(dāng)需要加載、讀取，需要告知用戶讀取進度時

運動描述：進度條會跟隨加載進度緩緩填滿

優(yōu)點：展示了加載進度

用戶感受：有了進度條后，等待似乎不是那么漫長了。

11、刷新進度條的動效

適用場合：當(dāng)用戶刷新時

運動描述：旋轉(zhuǎn)、循環(huán)

優(yōu)點：暗示用戶正在處理中，告知用戶還須等待一小會兒

用戶感受：可以等等看。

12、有效性暗示

適用場合：當(dāng)需要暗示用戶物體能否操作時

運動描述：通過揭幕般的效果，暗示用戶加載完成，已經(jīng)可用。

優(yōu)點：適合多個獨立物體的展示，告知用戶加載情況

用戶感受：非常舒適的等待或者及時知道反饋信息。