前言:從這一篇開(kāi)始,我會(huì)每周分享一些自己目前理解和整理總結(jié)的東西(主要是針對(duì)安卓,和我目前的工作有關(guān)系),也是基于我上一篇所提到的,希望提升自己在與產(chǎn)品以及交互上的理解,也作為以后工作的一份自查表。本應(yīng)該按列表順序?qū)懴聛?lái)的我,突然決定從目前整理的相對(duì)完整的章節(jié)開(kāi)始寫(xiě),后面再進(jìn)行統(tǒng)一的排序吧。話不多說(shuō),這一節(jié)我們來(lái)聊聊頁(yè)面的打開(kāi)方式。
打開(kāi)頁(yè)面是我們操作一個(gè)應(yīng)用時(shí)必不可少的一步。在下面的內(nèi)容中,我以用戶的使用場(chǎng)景來(lái)寫(xiě)這個(gè)目錄,并列舉我們會(huì)遇到和需要注意的問(wèn)題。
目錄
從桌面打開(kāi)應(yīng)用頁(yè)面
在應(yīng)用內(nèi)打開(kāi)其他頁(yè)面
通過(guò)一個(gè)應(yīng)用來(lái)打開(kāi)另外一個(gè)
一、從桌面打開(kāi)應(yīng)用頁(yè)面
這個(gè)不用多說(shuō),每個(gè)人每天都會(huì)從桌面打開(kāi)不同的應(yīng)用,思考一下這個(gè)使用場(chǎng)景,大概會(huì)有這么一些問(wèn)題是需要去考慮的:
①打開(kāi)應(yīng)用頁(yè)面的速度
可以從首次進(jìn)入和再次進(jìn)入兩個(gè)場(chǎng)景進(jìn)行考慮。用戶等待的時(shí)間,多久合適,如果較長(zhǎng),是否考慮加入動(dòng)畫(huà)。
②首次打開(kāi)應(yīng)用時(shí),是否需要有啟動(dòng)頁(yè)、引導(dǎo)頁(yè)或登錄頁(yè)(下一篇我詳細(xì)講一下這個(gè))
③通過(guò)桌面菜單鍵打開(kāi)
保留原有應(yīng)用的瀏覽狀態(tài)
④通過(guò)通知欄打開(kāi)
通知欄的引導(dǎo)設(shè)計(jì)、頁(yè)面的打開(kāi)位置...
(...)
二、在應(yīng)用內(nèi)打開(kāi)其他頁(yè)面
①頁(yè)面等待時(shí)間
②考慮之間頁(yè)面的銜接動(dòng)效,目前主流有這么4個(gè):
彈出、側(cè)滑、漸變放大,其他(比如翻頁(yè)等)
③如果頁(yè)面需要點(diǎn)擊滑動(dòng)才能打開(kāi),考慮點(diǎn)擊滑動(dòng)的范圍
④加載占位圖、進(jìn)度指示器
通常情況下,如果頁(yè)面包含圖片或視頻的時(shí)候,打開(kāi)都需要等待一定的時(shí)間,目前大多數(shù)應(yīng)用處理這個(gè)問(wèn)題的方法是先展示文字,圖片的位置先用占位圖來(lái)表示,后面再加載上來(lái)。(這個(gè)概念最早出自Google產(chǎn)品總監(jiān),《Web表單設(shè)計(jì)》作者,Luke Wroblewski于2013年9月17日發(fā)表的博文《Mobile Design Details: Avoid The Spinner》里。)不過(guò)圖片也分是內(nèi)部獲取和從其他渠道上獲取,如果是應(yīng)用自帶的圖片,出現(xiàn)一般都不會(huì)有延遲的現(xiàn)象。而從其他渠道上獲取再在我們應(yīng)用上進(jìn)行展示的時(shí)候,中間的獲取加載都需要時(shí)間,所以會(huì)有那么幾秒的延遲。
而進(jìn)度指示器分為活動(dòng)指示器(菊花轉(zhuǎn))和進(jìn)度條兩種。它也是為了緩解用戶等待焦慮,以及告知用戶系統(tǒng)正在做加載這件事情。設(shè)計(jì)出發(fā)點(diǎn)是好的,但是帶給用戶的體驗(yàn)未必優(yōu)秀。
⑤智能加載(適用于打開(kāi)圖片多的頁(yè)面)
拿螞蜂窩來(lái)舉例,我們看螞蜂窩的游記的時(shí)候通常都會(huì)有很多圖,它這里就加入了智能加載,識(shí)別用戶的手機(jī)是使用自己的流量還是wifi,流量的情況下會(huì)推薦你選擇無(wú)圖模式。
(...)
三、通過(guò)一個(gè)應(yīng)用來(lái)打開(kāi)另外一個(gè)
①這種情況下,通常需要通過(guò)跳轉(zhuǎn)來(lái)完成,下面列舉幾個(gè)常見(jiàn)的使用場(chǎng)景:
1.分享
大多數(shù)應(yīng)用都會(huì)有這個(gè)功能,比如帶有社交屬性的應(yīng)用、閱讀器,地圖等等。
需要考慮的是:選擇哪些分享的平臺(tái),展示出來(lái)的分享平臺(tái)數(shù)量,分享按鈕的位置,分享到那個(gè)平臺(tái)的展示方式...
2.查看信息
比如像美團(tuán)中的查看地圖,點(diǎn)擊路線后會(huì)提示跳轉(zhuǎn)到地圖工具。
比如廣告點(diǎn)擊跳轉(zhuǎn),會(huì)跳轉(zhuǎn)到相對(duì)應(yīng)的網(wǎng)頁(yè)或應(yīng)用的下載鏈接。
3.評(píng)分、下載
通過(guò)產(chǎn)品內(nèi)部的評(píng)分引導(dǎo),下載入口跳轉(zhuǎn)到應(yīng)用商店進(jìn)行相關(guān)操作。
4.文件格式不支持直接查看,需要跳轉(zhuǎn)其他應(yīng)用才能打開(kāi)
5.賬號(hào)授權(quán)
②考慮閉環(huán),是否需要跳回原來(lái)的應(yīng)用,如果需要,如何引導(dǎo)
頁(yè)面的打開(kāi)方式大概就是這么幾個(gè)場(chǎng)景,內(nèi)容可能還有遺留,后續(xù)還會(huì)陸續(xù)補(bǔ)充..