人(rén)
已閱讀(dú)
已閱讀(dú)
APP的(de)空(kōng)白(bái)頁面應該如(rú)何設計(jì)
來(lái)源:lexintech.com φ←∏ 發布時(shí)間(jiān):2017-11-01
我們在APP開(kāi)發中,對(duì)主界面的(de)重∞σ☆ε視(shì)程度很(hěn)高(gāo),所有(yǒu)的(de)項目→•★成員(yuán)都(dōu)會(huì)要(yào)求設計(jì)師(sh¥← "ī)優先制(zhì)做(zuò)所謂的(•✘de)「典型頁面」,常見(jiàn)的(de)就(jiù)是(shì)産•✔₩品的(de)首頁和(hé)詳情頁。而空(kōng)白(bái)頁面,↕♠或者說(shuō)缺省數(shù)據頁面(例如(rúΩ§ <)沒有(yǒu)任何聯系人(rén)的(₩ ≥♠de)通(tōng)訊錄和(hé)沒有(yǒ™ ↕u)任何聊天記錄的(de)微(wēi)信),通(tōng)常都₽λ∑(dōu)是(shì)在設計(jì)過程的(de)最後↕&<階段才作(zuò)考慮。有(yǒu)些(xiē)時(shí)候,£'甚至會(huì)被遺忘。直到(dào)某個(gè)開(kāi)發同 ♣®&學提出來(lái),“這(zhè)個(gè)頁面,如(rú)∏ 果沒有(yǒu)數(shù)據的(de)時(s♣↓♣hí)候,該顯示什(shén)麽鬼東(dōng)西(xī)啊?&r>↑α§dquo;

這(zhè)樣的(de)空(kōng)白(báiε₽)頁面應該如(rú)何設計(jì)呢(ne)?下( &₩xià)面我們聊聊這(zhè)個(gè)話(huà)題。
用(yòng)戶首次使用(yòng)你✔&(nǐ)的(de)産品時(shí)會(huì)遇到(dào)空(kōng)< φ₽白(bái)狀态的(de)頁面,這(zhè)也(yě)是(shì)用(yòng←♣)戶由淺入深接觸你(nǐ)的(de)産品的(de)必經之γ$§←路(lù)。在這(zhè)個(gè)過程中,一(yī)個♠♥↔(gè)優秀的(de)空(kōng)白(b↕δái)頁面應該達成三個(gè)目标:教育用(yòng)∏π£∏戶、取悅用(yòng)戶、引導用(yòng)戶。
教育用(yòng)戶。
一(yī)個(gè)優秀的(de)空(kōng)白(bái)頁面應該解<₽決如(rú)下(xià)問(wèn)題:
何物(wù)(What):解釋這(zhè)個(gè)頁面在說(sh>∞σ♦uō)什(shén)麽
何地(dì)(Where):告知(zhī)用(yòng)戶當前的(Ωλ₩₹de)位置,以及接下(xià)來(lái)可(k¥λ≤€ě)以幹什(shén)麽
何時(shí)(When):解釋此處空(kōng)白(b₩₽ ái)在什(shén)麽情況下(xià)将出現(xià¶λ≈n)有(yǒu)效的(de)數(shù)據
取悅你(nǐ)的(de)用(yòng)戶
比如(rú)一(yī)個(gè)提交記錄頁面,→≤當它為(wèi)空(kōng)時(shí),網站(zh±↓>βàn)的(de)拟人(rén)化(huà →✘∏)形象—一(yī)個(gè)↕♠₩小(xiǎo)桶子(zǐ)用(yòng)幽怨的(→€de)口氣說(shuō)道(dào),“我這¶♠₩(zhè)裡(lǐ)沒有(yǒu)任何提交記錄,這(zhè)讓我顯得(de₩←)毫無用(yòng)處。我感到(dào)很(hěn)難過。”(解決γ§這(zhè)個(gè)問(wèn)題)優秀的(de)第一(yī)π×印象不(bù)僅僅與可(kě)用(yòng)性有(yǒu)關,它也•♦(yě)與産品的(de)調性有(yǒu)關。
問(wèn)你(nǐ)自(zì)己這(zhè)€✘'幾個(gè)問(wèn)題:
你(nǐ)能(néng)讓用(yòng)戶感到(dào)新鮮或者出乎意料嗎(♦ ☆ma)?
你(nǐ)能(néng)讓用(yòng)戶從(cóng)心底綻開(φλ∑kāi)笑(xiào)容嗎(ma)?
你(nǐ)能(néng)讓用(yòng)戶感受到(dào)你(Ωεnǐ)産品的(de)優秀調性嗎(ma)?
引導用(yòng)戶行(xíng)動
接下(xià)來(lái)就(jiù)是(shì)一(yī)→ '個(gè)引導用(yòng)戶去(qù)探索的(de)行β♠∞€(xíng)動按鈕。在空(kōng)白(bái)頁面♦↑上(shàng)引導用(yòng)戶的(de)下(xià)一(yī) ¥步行(xíng)動,需要(yào)包含這(zhè)三點:
動機(jī)(Motivate):向目标φ→α∑用(yòng)戶展示激勵性的(de)語言,例如(rú)¥↕:『現(xiàn)在就(jiù)開(kāi)始!』
勸說(shuō)(Persuade):利益點不(bù)僅要(yào)在λ 落地(dì)頁上(shàng)展示。當用(yòng)戶®↓✘₹與你(nǐ)的(de)産品交互時(shí),也(yě)可(kě)以反複展示利益× ₩點。
直接(Direct):在一(yī)開(kāi)始就(jiù)向α用(yòng)戶展示唯一(yī)且最優的(de)路(lù)徑。提供≤♦行(xíng)動按鈕或者給出引導。在用(yòng)戶初次接觸 app
時(shí)并不(bù)适合讓他(tā)們做(zuò)選擇題α>✘。你(nǐ)應該讓初次接觸的(de)體(tǐ)驗盡可(γ≠kě)能(néng)的(de)簡單。假如(rúλ♣)剛開(kāi)始就(jiù)需要(yào)用(yòng)戶創建一(yī)些(÷₹©xiē)內(nèi)容,你(nǐ)應該提供•÷•一(yī)些(xiē)模闆之類的(de)東(dōng)西(xī)讓用 ♦∞(yòng)戶可(kě)以借鑒。
最棒的(de)設計(jì)通(tōng)常也(y∏ ě)是(shì)最具有(yǒu)挑戰性的(de)—&mdφ≈→÷ash;它要(yào)求在信息呈現(xiàn)與操作(zuò)'♦φ£上(shàng)達成精巧的(de)平衡。但(dα δ₽àn)是(shì),一(yī)個(gè)空(kōng)白(bái)狀态的(d₽★e)頁面就(jiù)可(kě)能(néng)阻斷你(nǐ)的≤§(de)用(yòng)戶進一(yī)步探索你(nǐ€®)所設計(jì)的(de)精妙界面。這(zh↔δ è)些(xiē)空(kōng)白(bái)頁面難道(dào)不(✘÷←bù)值得(de)你(nǐ)投入更多(duō)的(de)時(shí)間(jiā₹ n)和(hé)關注嗎(ma)?
- > 開(kāi)發網站(zhàn)或APP是(shì€₩≤)用(yòng)JAVA好(hǎo)還(h¥₩ái)是(shì)PHP好(hǎo)?
- > 找外(wài)包公司開(kāi)發APP有(yǒu♥₹)哪些(xiē)注意事(shì)項?
- > 想創業(yè),别再盲目開(kāi)發APP了(le)!
- > 開(kāi)發一(yī)個(gè)APP多(duō)少(∏₽€shǎo)錢(qián)?
- > 開(kāi)發一(yī)個(gè)APP多(duō)少(shǎo)δ¥₽★錢(qián)?
- > 跟外(wài)包公司合作(zuò)怎麽樣才能(néng)做(z©§uò)好(hǎo)一(yī)款APP?