APP返回鍵設(shè)計(jì)思考

最近體驗(yàn)了幾個(gè)資訊類的APP,發(fā)現(xiàn)一個(gè)挺有意思的現(xiàn)象,APP的返回鍵設(shè)計(jì)是不統(tǒng)一的:資訊詳情頁(yè)的返回鍵放在頁(yè)面的左下角,其余頁(yè)面的返回鍵放在頁(yè)面的左上角。


這種不統(tǒng)一在最初使用時(shí)非常不習(xí)慣,但產(chǎn)品這樣設(shè)計(jì)肯定有其考量,現(xiàn)在我們來分析下返回鍵左下設(shè)計(jì)的初衷。

1、釋放nevigation bar,增加頁(yè)面展示空間

以網(wǎng)易新聞詳情頁(yè)面為例,nevigation bar會(huì)放置返回鍵、頁(yè)面標(biāo)題、功能按鍵3塊內(nèi)容,頁(yè)面標(biāo)題一般都為空,或者“文章”/“問題”等固定的標(biāo)題,沒有特別的引導(dǎo)意義。此時(shí)若將返回鍵、功能按鈕放置頁(yè)面底部操作欄,就可以釋放nevigation bar,增大頁(yè)面展示空間,減少用戶的滑屏次數(shù);


另外,釋放nevigation bar后,可在頁(yè)首放置用戶頭像、點(diǎn)贊等操作,引導(dǎo)用戶互動(dòng)交流。


2、突出底部操作欄

資訊類APP為了引導(dǎo)鼓勵(lì)用戶評(píng)論、點(diǎn)贊、收藏、分享,一般都會(huì)在頁(yè)面底部固定設(shè)置操作欄,釋放nevigation bar后,底部操作欄就會(huì)變成唯一的固定操作欄,將更為突出,從而吸引用戶去評(píng)論、操作。

3、方便單手持機(jī)

隨著手機(jī)屏幕的增大,想要單手操作頁(yè)面上方的按鍵將會(huì)變得更加困難,將按鈕放在頁(yè)面下方,會(huì)更容易實(shí)現(xiàn)單手操作。當(dāng)然,也可以通過各種手勢(shì)操作來方便單手持機(jī)。

考慮了返回鍵左下設(shè)計(jì)的初衷,我們?cè)賮砜紤]這樣設(shè)計(jì)的弊端:

1、違背用戶使用習(xí)慣

返回鍵左下設(shè)計(jì)雖然增加了頁(yè)面的顯示空間、突出了底部操作欄,但挑戰(zhàn)了用戶的使用習(xí)慣。在使用時(shí),我不止一次在頁(yè)面上方尋找返回鍵無果,這樣確實(shí)帶來了不好的產(chǎn)品體驗(yàn)。另外,在同一個(gè)app內(nèi),返回鍵在不同頁(yè)面的交互設(shè)計(jì)卻不一樣,也很容易給用戶帶來困惑及使用上的矛盾。

2、缺乏頁(yè)面標(biāo)題的提示

以知乎為例,新進(jìn)入回答頁(yè)面時(shí),頁(yè)面標(biāo)題為“回答”,但當(dāng)用戶向下滑動(dòng)頁(yè)面時(shí),頁(yè)面的標(biāo)題變?yōu)閱栴}本身,這對(duì)閱讀而言是個(gè)很好的提示指引。


一個(gè)簡(jiǎn)單的返回鍵位置設(shè)計(jì),卻涉及到用戶體驗(yàn)、內(nèi)容顯示、運(yùn)營(yíng)策略等方方面面的考量,無論怎樣設(shè)計(jì),都值得我們?nèi)シ治鏊伎肌?/p>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,983評(píng)論 25 709
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,545評(píng)論 19 139
  • 1 UI設(shè)計(jì)基礎(chǔ) 1.1 為iOS而設(shè)計(jì) 1.1.1 iOS包含以下3條設(shè)計(jì)原則: 遵從,UI應(yīng)該有助于人們理解內(nèi)...
    Willry閱讀 3,793評(píng)論 1 48
  • iOS 9設(shè)計(jì)規(guī)范 中文版 完整版譯者注:本文譯自蘋果官方人機(jī)界面指南 iOS Human Interface G...
    海寧Hennie閱讀 13,637評(píng)論 2 60
  • “得之欣然,失之淡然”這句話原來是“得之坦然,失之淡然”,原意是獲得東西要正大光明,不愧對(duì)他人,不損人利己;...
    十三等于一閱讀 3,550評(píng)論 0 0

友情鏈接更多精彩內(nèi)容