人(rén)
已閱讀(dú)
已閱讀(dú)
為(wèi)什(shén)麽我們常見(jiàn)的(dπ©πe)APP導航菜單都(dōu)放(fàng)在底部
來(lái)源:lexintech.com λ 發布時(shí)間(jiān):2017-08-17
我們常用(yòng)的(de)一(yī)些"™ (xiē)APP,比如(rú)微(wēi)信、支付寶、京東(dōng)、淘寶等♥Ωπσ等很(hěn)多(duō)APP,都(dōu)是(shì)使用(yòng)底♦↓∞部标簽式的(de)導航結構。為(wèi)什(shén)麽這(z≥¶hè)些(xiē)APP導航菜單都(dōu)放(fà§↔>ng)在底部?下(xià)面,深圳APP開(kāi)發公司樂(yuè)信科(kē)技(jì)的(d>§™e)小(xiǎo)編就(jiù)跟大(dà)家(jiā)談一(yī)談這≈"∑(zhè)個(gè)問(wèn)題。
在移動界面設計(jì)中,使用(yòng)各種菜單控件(j±×≈♦iàn)來(lái)簡化(huà)界面,對(duì)設計≥σ☆β(jì)師(shī)來(lái)說(sh ®uō)很(hěn)有(yǒu)吸引力——£₹©特别是(shì)在小(xiǎo)屏幕的(★¥de)設備上(shàng)。但(dàn)是(shì),将 app 的(d↕™¶e)核心部分(fēn)隐藏在這(zhè)些(xiē)菜單裡♥γγ(lǐ),可(kě)能(néng)會(huì)對(duì)實際使用(y✔>§ òng)産生(shēng)負面的(de)影(y♠®✘ǐng)響。
若不(bù)在視(shì)線裡(lǐ)↕ε♥α,便不(bù)在感知(zhī)中

為(wèi)了(le)簡化(huà) Polar 的(de)界≤≥®面設計(jì),我們将之前的(de)标簽式菜單改成了(le)切換式δδ£菜單。改版後的(de)菜單看(kàn)起來(lái)δ更「幹淨」,但(dàn)接下(xià)來(lái)₩δ≈,菜單的(de)日(rì)常使用(yòng)頻(♠¥pín)次卻發生(shēng)了(le)暴跌。
根本原因是(shì)當更多(duō)的(de)選項被隐藏在了(lλ≥πe)切換式菜單的(de)裡(lǐ)面,人(rén)們便不≈✘λ(bù)再在菜單之間(jiān)進行(x•íng)切換了(le)。
另一(yī)個(gè)相(xiàng)似的(de)情÷₩←況也(yě)發生(shēng)在 Zeebox 的(de)設計(jì)δφ者們将 app 的(de)主導航從(cóng)标簽式改&≠成抽屜式後。App 中的(de)核心部分(fēn)現(xiàλ¶n)在不(bù)在用(yòng)戶的(de)視↓★λ♣(shì)野中,所以無法被用(yòng)戶感知(zhσ×♥ī)到(dào)。結果便是(shì)導航 ♦的(de)使用(yòng)頻(pín)次急劇↔∞"(jù)地(dì)下(xià)降。
另一(yī)個(gè)相(xiàng)似的(de)情÷₩←況也(yě)發生(shēng)在 Zeebox 的(de)設計(jì)δφ者們将 app 的(de)主導航從(cóng)标簽式改&≠成抽屜式後。App 中的(de)核心部分(fēn)現(xiàλ¶n)在不(bù)在用(yòng)戶的(de)視↓★λ♣(shì)野中,所以無法被用(yòng)戶感知(zhσ×♥ī)到(dào)。結果便是(shì)導航 ♦的(de)使用(yòng)頻(pín)次急劇↔∞"(jù)地(dì)下(xià)降。
隻有(yǒu)在視(shì)線裡(l>αǐ),才會(huì)被感知(zhī)到(dào)
當 app 的(de)核心部分(fēn<₹γ)變得(de)更加顯眼時(shí),它們的(de"±)使用(yòng)頻(pín)次便會(huì<≤')上(shàng)升。Facebook 發現(xià€¶≠λn),當他(tā)們将 iOS app 裡(l&¥ǐ)的(de)「漢堡式」菜單改為(wèi)底 ©≠部标簽式菜單後,不(bù)僅使用(yòng)頻(pín)次上(shàΩ©ng)升了(le),其他(tā)的(de)重要(yào)指标也∏π(yě)跟著(zhe)增加了(le)。
但(dàn)是(shì)由于移動設備的♣¶(de)屏幕大(dà)小(xiǎo)有(yǒu)限,不(bù)能(né↕£¶≠ng)把所有(yǒu)的(de)東(dōng)西(xī)都(dōu)直↕§∑★接放(fàng)置在界面上(shàng)。這(z₹↔hè)導緻移動界面的(de)設計(jì)變得(de♦♦∏)具有(yǒu)挑戰性。
不(bù)同于大(dà)屏幕的(de)桌面電(diàn)腦(☆♣★nǎo)可(kě)以讓我們把每一(yī)個(gè)功能(néng)放♠₽σ(fàng)在上(shàng)面,移動設™↔備要(yào)求我們必須做(zuò)一(yī)些(xiē)取舍:有(δ€yǒu)哪些(xiē)東(dōng)西(xī)真的(de)值 得(de)擺在上(shàng)面?
回答(dá)這(zhè)個(gè)問(wè ™n)題需要(yào)弄清楚一(yī)個(gè)關鍵—&md"♥∏"ash;究竟是(shì)哪些(xiē)東(± dōng)西(xī)直接影(yǐng)響著(zhe)你(nǐ)♦₽的(de)用(yòng)戶和(hé)生(shēn' g)意。換句話(huà)說(shuō),這(zhè)要(yào)求産品設&≥計(jì)者好(hǎo)好(hǎo)地(dì↓")思考,然後再設計(jì)。
- 上(shàng)一(yī)篇:Android APP開(kāi)發需要(yào)注意的(de)設計(σ≈σjì)問(wèn)題
- 下(xià)一(yī)篇:APP開(kāi)發中搜索框的(de)設計(jì)需要₽ >∏(yào)注意什(shén)麽
- > 開(kāi)發網站(zhàn)或APP是(shì)™βπ用(yòng)JAVA好(hǎo)還(hái)是(s¥≈πhì)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)做(zuò€∞)好(hǎo)一(yī)款APP?