交互設(shè)計(jì)已經(jīng)成為移動(dòng)應(yīng)用的必需品了，現(xiàn)在有這么多的工具可供設(shè)計(jì)師和開(kāi)發(fā)者使用，設(shè)計(jì)時(shí)除了視覺(jué)吸引力之外，有效的交互設(shè)計(jì)可以顯著改善您的移動(dòng)產(chǎn)品的用戶體驗(yàn)。使用iOS或AndROId操作系統(tǒng)，你可以看到幾乎所有的操作都是通過(guò)某種類型的交互來(lái)執(zhí)行的，無(wú)論這種互動(dòng)是用動(dòng)畫術(shù)語(yǔ)來(lái)表示，還是像一個(gè)taptic engine這樣的有形反饋，這些可能性永遠(yuǎn)不會(huì)結(jié)束。

例#1 -Siren

在應(yīng)用程序設(shè)計(jì)中，Siren使用了許多不同的交互動(dòng)畫。第一個(gè)是，當(dāng)你向左或向右滑動(dòng)時(shí)，會(huì)有不同的延遲產(chǎn)生"波"效應(yīng)的元素。

這為用戶提供了對(duì)主頁(yè)整體結(jié)構(gòu)和流程的額外反饋。該應(yīng)用還利用收縮元素來(lái)擴(kuò)展界面的交互區(qū)域，同時(shí)確保關(guān)鍵信息始終保持在顯示上。

例#2 -B&O Play

B&O Play應(yīng)用程序在與滾動(dòng)、顏色選擇和選擇交互時(shí)實(shí)現(xiàn)一系列令人滿意的過(guò)渡效果。

每個(gè)交互都有一些效果，包括延遲的水平移動(dòng)、圖標(biāo)彈出，甚至當(dāng)用戶滾動(dòng)到列表頂部時(shí)，還可以將圖像附加到滾動(dòng)區(qū)域。它巧妙地使用這些效果，精確和克制，導(dǎo)致了一個(gè)最好的例子。

例#3 - Bthere

Bthere的應(yīng)用程序是交互設(shè)計(jì)的一個(gè)令人愉快的例子，目的是通過(guò)onboarding過(guò)程來(lái)吸引用戶——這在用戶體驗(yàn)中通常是相當(dāng)乏味的一部分

通過(guò)動(dòng)畫的圖標(biāo)轉(zhuǎn)換和背景顏色，以及個(gè)人圖標(biāo)元素本身(包括踏板車的排氣!)，Bthere已經(jīng)有效地傳達(dá)了他們的品牌的樂(lè)趣和輕松，同時(shí)可能提高用戶的轉(zhuǎn)換和保留下載的應(yīng)用。

例#4 -Housing

在他們的應(yīng)用中，房屋使用微妙的交互作用，在添加新功能后，用戶可以將優(yōu)步叫到觀看，設(shè)計(jì)團(tuán)隊(duì)需要找到一種不引人注目的方式來(lái)吸引人們對(duì)這個(gè)新添加物的注意。

結(jié)果，如上所示，足以暫時(shí)抓住用戶的注意力，而不是用戶的臉。圖標(biāo)設(shè)計(jì)和顏色的執(zhí)行都能有效地提高轉(zhuǎn)換效果和視覺(jué)效果。

例#5 -Neighborhood

最后一個(gè)例子，社區(qū)，在應(yīng)用程序的幾乎所有方面實(shí)現(xiàn)交互設(shè)計(jì)，包括圖標(biāo)、彈出窗口元素、消息和平移。

在設(shè)計(jì)的每一步中，對(duì)細(xì)節(jié)的關(guān)注會(huì)導(dǎo)致一些視覺(jué)上令人滿意的結(jié)果，包括用戶菜單，這有點(diǎn)讓人想起Facebook的聊天頭?？偟膩?lái)說(shuō)，它會(huì)帶來(lái)具有豐富的視覺(jué)反饋和易于使用的功能的用戶體驗(yàn)。

成品

隨著2017年的到來(lái)，設(shè)計(jì)和開(kāi)發(fā)人員可以使用的工具豐富，在今年的移動(dòng)應(yīng)用交互設(shè)計(jì)中，應(yīng)該會(huì)看到一些更加壯觀和獨(dú)特的結(jié)果。