您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 交互設(shè)計 >> 瀏覽設(shè)計教程

抽屜式導(dǎo)航的衰退及大屏下的產(chǎn)品設(shè)計

2011年11月左右,F(xiàn)B發(fā)布了新的ios和android客戶端,其中一個重要的變化就是導(dǎo)航模式的變化,推出了新的抽屜式的導(dǎo)航,同時強(qiáng)化了對Timeline的展示。

FB推出這種新的導(dǎo)航模式不久,Gmail的ios版本同樣采用了這種導(dǎo)航模式,再之后path 2.0版本也采用了這種抽屜式導(dǎo)航并將其演變到極致。至此,這種抽屜式的導(dǎo)航模式迅速竄紅與ios產(chǎn)品設(shè)計中。

大部分APP會使用抽屜式導(dǎo)航,核心原因是為了突出核心功能,將其他的功能隱藏掉。

現(xiàn)在來看,這個說法并不完全對。2011年到2012年,是中小屏幕移動設(shè)備占絕對主導(dǎo)的時代,中小屏幕,單手完全可以操作,不存在太多的操作盲區(qū)。同時,中心屏幕使得可以展示的內(nèi)容有限,所以,抽屜式導(dǎo)航是最合適的做法。將導(dǎo)航收縮到一個入口,放在左上角最顯眼的位置,用戶操作也沒有困難,其他核心的內(nèi)容直接顯示出來。

2012年之后,大屏幕成為移動設(shè)備的一個新趨勢。一方面手機(jī)從一個單一的工具,逐漸演變成人們生活的一部分,不可或缺的一部分,用戶在手機(jī)上處理的事務(wù)越多,使用的時間越長;另一方面,屏幕尺寸和內(nèi)容消費效率及閱讀舒適度極為相關(guān)。所以慢慢的,手持舒適度和攜帶便利在整個產(chǎn)品設(shè)計眾多決策里面的重要排序便沒有那么高。

所以,我們看到4寸屏、5寸屏越來越成為主流,尤其是iPhone6和iPhone6 plus的推出,大屏幕手機(jī)時代就這么不可阻擋的來了。有一篇老外的分析,點擊這里查看

手機(jī)屏幕越來越大,帶來了哪些問題呢?

最簡單直接的就是,內(nèi)容顯示變多了,但是,單手操作變難了。曾經(jīng)有報告顯示,49%的用戶是單手操作手機(jī)的,現(xiàn)在,是改變單手操作的設(shè)計的時候了。

抽屜式導(dǎo)航的衰退及大屏下的產(chǎn)品設(shè)計

這張圖,非常直觀明了的告訴了我們,為什么抽屜式導(dǎo)航衰退了。因為,一個需要被經(jīng)常操作的入口,現(xiàn)在,處在了操作盲區(qū)。

那么,伴隨著抽屜式導(dǎo)航的衰退,在大屏幕時代,該如何去設(shè)計呢?這是每個產(chǎn)品設(shè)計師面臨的一個新的思考。我有幾點感受,可以分享出來

1、手勢操作將會變的更加重要。

Android上有單獨的back鍵,而iOS的返回一直依靠左上角的導(dǎo)航。大屏幕下,iOS的左上角點擊返回將非常低效,在屏幕邊緣右滑返回是最高效的模式。另外,針對信息流類產(chǎn)品,點擊頂部迅速返回到最開始的信息的模式,也是一種高效的交互。閱讀類產(chǎn)品可以考慮使用雙擊關(guān)閉這類的手勢交互。

相應(yīng)的,一個產(chǎn)品統(tǒng)一使用上滑、下滑來進(jìn)行導(dǎo)航的產(chǎn)品將會更多。

2、底部Tab模式導(dǎo)航重新受追捧

實際上,底部Tab模式導(dǎo)航在iOS和Android上一直是「最安全」的一種導(dǎo)航模式,他不怎么出彩,但是絕對不會犯錯。在大屏幕時代,底部Tab模式的導(dǎo)航更能適應(yīng),也更好設(shè)計。

3、浮動導(dǎo)航入口有可能出彩

在path的3.0版本,那個浮動在左下角的「+」號曾經(jīng)一度流行。在大屏幕時代,這種浮動的入口很有可能出現(xiàn)優(yōu)秀的設(shè)計。

4、將提交類操作按鈕,放在彈出的鍵盤的頂部

這個模式,在Android中較為常見,但是同樣存在不同屏幕的適配問題,需要仔細(xì)考慮。

5、語音交互,謹(jǐn)慎看好

語音交互,始終感覺沒有一個好的使用場景。

[教程作者:kentzhu]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/id2646.html
網(wǎng)易UEDC:如何建立交互設(shè)計自查表
CUED:響應(yīng)式設(shè)計爭議:留住用戶與失去用戶
圖趣網(wǎng)微信
建議反饋
×