iOS的隱性導(dǎo)航設(shè)計(jì)
移動(dòng)設(shè)備閱讀類軟件最重要的特性之一就是盡可能的增大閱讀面積,為此,就必須盡可能的讓屏幕中的導(dǎo)航占到最小,甚至隱藏,手機(jī)瀏覽器也基本屬于閱讀類軟件,最近流行的海豚瀏覽器甚至將電腦中的“鼠標(biāo)手勢(shì)”引入到手機(jī)瀏覽器中。
什么是隱性導(dǎo)航
下圖是iOS中read it later軟件的閱讀界面,除了最上方的狀態(tài)欄,閱讀區(qū)域占滿了整個(gè)屏幕,沒有任何諸如“返回”、“關(guān)閉”的導(dǎo)航按鈕,實(shí)際這些按鈕是隱藏著的,我把這種隱藏看不到的導(dǎo)航稱之為“隱性導(dǎo)航”。

read it later 閱讀界面
#p#
常見的隱性導(dǎo)航
下拉刷新
最流行的“隱性導(dǎo)航”要數(shù)“下拉刷新”了,這個(gè)最早出現(xiàn)在twitter客戶端的下拉更新timeline功能迅速在此類軟件中流行,iOS下網(wǎng)頁(yè)版的gmail,新浪微博,甚至網(wǎng)易新聞,都使用了這種設(shè)計(jì)。

網(wǎng)易新聞客戶端的下拉刷新
左右滑動(dòng)
讓人印象深刻的還有UC瀏覽器的前進(jìn)后退功能,后退只要拇指向右滑動(dòng),前進(jìn)只要向左滑動(dòng)手指即可,不必尋找前進(jìn)后退按鈕,這種設(shè)定下瀏覽器全屏也不會(huì)影響操作的流暢性。
類似的設(shè)計(jì)有很多,在yReader下左右滑動(dòng)是切換前一篇后一篇文章,在iBooks、QQ閱讀的電子書閱讀軟件左右滑動(dòng)是前后翻頁(yè)。android下的QQ客戶端的當(dāng)前會(huì)話、好友和群組分別是三個(gè)標(biāo)簽,左右滑動(dòng)可以從這三個(gè)功能區(qū)中迅速切換。

QQ閱讀的左右翻頁(yè)
雙擊、長(zhǎng)按、返回頂部等
在最上面read it later軟件中,雙擊屏幕是彈出底部操作導(dǎo)航菜單;在android中長(zhǎng)按一般會(huì)出現(xiàn)彈出菜單(像是windows下的右鍵菜單);在幾乎所有iOS的 軟件中,點(diǎn)擊頂部的狀態(tài)欄是快速返回頂部(這個(gè)好像是系統(tǒng)級(jí)的,不信你試試),還有基于屏幕不同位置的點(diǎn)擊呼出不同功能,其他的隱性導(dǎo)航設(shè)計(jì)方法還有很 多,不再一一贅述。
#p#
設(shè)計(jì)原則
友好提示
隱性導(dǎo)航是看不見的,那么必須有教程或提示用戶如何使用這些功能,一般這種提示只出現(xiàn)在軟件第一次使用時(shí)。這些提示尤為重要,當(dāng)用戶看著全屏的文字找不到返回時(shí),可能就慌亂了,多次嘗試仍沒成功的話極有可能就按下home鍵,強(qiáng)行退出,甚至直接將軟件卸載。

避免沖突,前后、左右,全局統(tǒng)一
iOS下我見過的最漂亮的閱讀軟件是ZAKER,windows phone7的方塊式小清新界面,同時(shí)集成了新浪微博,GoogleReader的綁定,目錄像flipboard精心設(shè)計(jì)版面的雜志,圖片多時(shí)可以像圖集一樣幻燈瀏覽所有圖片。
它隱性導(dǎo)航設(shè)計(jì)中雙擊文字區(qū)域是關(guān)閉,如果不小心碰到圖片,就將這張圖片單獨(dú)打開了,這可不是用戶想要的。如果瀏覽的是微博,到頂部后向上滑動(dòng)是加 載最新,瀏覽的是訂閱的rss,到頂部后再下拉就是返回文章列表,同一軟件中相同的手勢(shì)竟然不同的結(jié)果,無(wú)疑增加了用戶記憶的成本。
上和下是對(duì)應(yīng)的,左右是對(duì)應(yīng)的,如果手勢(shì)左劃是向左瀏覽,那么毋庸置疑向右就是向右瀏覽。在騰訊愛看中,在文章列表,向左滑動(dòng)是查看訂閱頻道,向右滑動(dòng)是無(wú)效操作,在文章頁(yè),向左滑動(dòng)還是查看訂閱頻道,向右是查看評(píng)論。這兩者毫無(wú)關(guān)系而且反饋不同。
在網(wǎng)易閱讀中到頂部是“下拉刷新”,到底部卻是“點(diǎn)擊后顯示下面20條”,你就不能做成上拉后加載后面20條?我不得不說,刻意的模仿,不懂的舉一反三。說秘密軟件中同時(shí)采用了“上拉刷新”和“下拉加載更多”。除了統(tǒng)一,這樣做最大的好處是保持了手的姿勢(shì)。一般手握手機(jī)是單手,拇指操作屏幕,上拉和下拉保持了原有的手指狀態(tài),點(diǎn)擊操作需要拇指抬起再按下,點(diǎn)擊后又得回到上下滑動(dòng)的狀態(tài)。

心智模型、用戶習(xí)慣
滾動(dòng)條的目的是方便快速定位同時(shí)體現(xiàn)當(dāng)前位置和頁(yè)面長(zhǎng)度,reader it later中,當(dāng)頁(yè)面滑動(dòng)時(shí)才會(huì)出現(xiàn)細(xì)長(zhǎng)的滾動(dòng)條(不會(huì)遮住閱讀面積,只用來指示當(dāng)前位置),當(dāng)拇指指在屏幕右側(cè)滾動(dòng)條的位置時(shí),滾動(dòng)條會(huì)變成下面這樣又 黑又粗,方便手指滑動(dòng)和定位。在PC上,用戶習(xí)慣是鼠標(biāo)滾輪(觸屏上相對(duì)于上下滑動(dòng)),想快速跳轉(zhuǎn)時(shí),就是直接鼠標(biāo)拖滾動(dòng)條,那么在手機(jī)上用戶想快速拖動(dòng) 的時(shí)候首先想到的必然也是拖滾動(dòng)條,但在大多數(shù)手機(jī)軟件中,滾動(dòng)條是不可拖動(dòng)的。

reader it later的滾動(dòng)條
降級(jí)策略
并不是所有的軟件都適合隱性導(dǎo)航,軟件給用戶呈現(xiàn)的第一印象是導(dǎo)航清晰、簡(jiǎn)潔、易用才能贏得用戶的好評(píng),隱性導(dǎo)航因其隱晦、難以記憶的特點(diǎn),一般適用于高級(jí)用戶,所以應(yīng)提供一個(gè)可選降級(jí)策略:比如在設(shè)置加上全屏瀏覽選項(xiàng),讓用戶自己選擇是否隱藏導(dǎo)航欄。






















