移動應用程序設(shè)計中令人驚嘆的交互例子

2016-09-24    分類: 網(wǎng)站建設(shè)

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

例#1 -Siren

在應用程序設(shè)計中,Siren使用了許多不同的交互動畫。第一個是,當你向左或向右滑動時,會有不同的延遲產(chǎn)生“波”效應的元素。

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

例#2 -B&O Play

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

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

例#3 - Bthere

Bthere的應用程序是交互設(shè)計的一個令人愉快的例子,目的是通過onboarding過程來吸引用戶――這在用戶體驗中通常是相當乏味的一部分

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

例#4 -Housing

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

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

例#5 -Neighborhood

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

在設(shè)計的每一步中,對細節(jié)的關(guān)注會導致一些視覺上令人滿意的結(jié)果,包括用戶菜單,這有點讓人想起Facebook的聊天頭??偟膩碚f,它會帶來具有豐富的視覺反饋和易于使用的功能的用戶體驗。

成品

隨著2017年的到來,設(shè)計和開發(fā)人員可以使用的工具豐富,在今年的移動應用交互設(shè)計中,應該會看到一些更加壯觀和獨特的結(jié)果。

當前標題:移動應用程序設(shè)計中令人驚嘆的交互例子
網(wǎng)站路徑:http://www.muchs.cn/news21/48221.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版網(wǎng)站建設(shè)、移動網(wǎng)站建設(shè)軟件開發(fā)、企業(yè)建站虛擬主機

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作