app 可以理解為一個由頁面搭建的抽象空間舔痪,充滿了邏輯關(guān)系(并列的頁面寓调、連續(xù)的頁面、層層深入的頁面锄码,父頁面子頁面)夺英,好的頁面交互要符合用戶的心智模型晌涕,給用戶足夠的線索,幫助用戶前進(jìn)和后退痛悯,頁面出現(xiàn)和退出的動畫是線索之一
一余黎、生切:
如果是點(diǎn)擊tab切換,生切即可载萌,不會覺得不自然惧财,因?yàn)轫撁娴膶蛹夑P(guān)系是并列的且由tab作為“路標(biāo)”引導(dǎo),無需切換動作來暗示頁面間的關(guān)系(如下圖)
二扭仁、動畫切入
(1)右側(cè)/下方進(jìn)入垮衷,聯(lián)想時看書的場景,人在閱讀的時候已經(jīng)適應(yīng)了新的內(nèi)容從右側(cè)/下方出現(xiàn)斋枢,所以新頁面出現(xiàn)的時候帘靡,最自然的是從右側(cè)/下方出現(xiàn),back的箭頭也是指向左側(cè)瓤帚,進(jìn)入下一頁的箭頭指向右側(cè)
IOS系統(tǒng)沒有固定返回鍵描姚,如果頁面層級超過3級,并且有返回上一級的場景戈次,隨著手機(jī)屏幕增大轩勘,ios系統(tǒng)的返回按鈕在左上角,非常不方便單手操作怯邪,則需考慮手勢返回绊寻,頁面出現(xiàn)的方向暗示了返回的手勢方向,左滑手勢與翻書的動作類似悬秉,像是進(jìn)入新的一頁澄步,右滑與返回的動作一致,回到上一頁和泌。
頁面出現(xiàn)的動作對視覺有一定的引導(dǎo)作用村缸,頁面從右側(cè)/下方出現(xiàn),視線跟隨頁面的動作到達(dá)左側(cè)/底部武氓,即閱讀開始的地方梯皿。
(2)其他方向進(jìn)入,如果新頁面是暫時性的頁面县恕,往往以半屏的方式展示結(jié)合蒙層的效果东羹,透出與主頁面的關(guān)系,則頁面出現(xiàn)的方向與按鈕的方位保持一致即可忠烛,比如滴滴的"我的"從左上角彈出属提。還有些動作采用懸浮按鈕,點(diǎn)擊后跳轉(zhuǎn)新頁面美尸,直接從按鈕處擴(kuò)散開來垒拢,給用戶連貫感(如instagram)旬迹。
結(jié)論:如果是tab生切;如果有前后關(guān)系從右側(cè)/下方滑入求类,如果懸浮按鈕可采用擴(kuò)散的方式。