所謂的交互設(shè)計(jì)，其實(shí)設(shè)計(jì)的就是人如何向機(jī)器發(fā)送指令，機(jī)器如何向人傳達(dá)信息，一來(lái)一往是為交互。當(dāng)要傳達(dá)的信息量很少時(shí)，好辦，就像Google的搜索框那樣，往白底上一放就行了。但當(dāng)?shù)鹊叫畔⑹呛Ａ康摹⒃谝黄辽想y以全部呈現(xiàn)時(shí)，就需要有效地組織信息，將部分信息先隱藏起來(lái)，待到用戶需要時(shí)再將用戶引導(dǎo)到那里。在界面設(shè)計(jì)中，廣義地來(lái)講，從一組信息向另一組信息轉(zhuǎn)移的的過(guò)程，就稱之為導(dǎo)航。
明確了定義，我們就該知道，一個(gè)好的導(dǎo)航設(shè)計(jì)應(yīng)該讓用戶明白：
1、現(xiàn)在在哪兒
2、以前去過(guò)哪兒
3、將來(lái)應(yīng)該/能夠去哪兒
4、怎么去
5、怎么回
判斷一個(gè)導(dǎo)航方式設(shè)計(jì)的是否合理，也可以利用這幾條一條條比對(duì)一下。下面，讓我們來(lái)看一下手機(jī)界面中常用的導(dǎo)航方式。
一、拖動(dòng)
定義：手指在屏幕上按下，向某方向平移。
適用情景：若要呈現(xiàn)的信息超出一屏所能容納的范圍，則在符合用戶心理模型的前提下，可以將內(nèi)容在一維或者兩維德方向上排布，用拖動(dòng)屏幕內(nèi)容的方式來(lái)瀏覽所有信息。
例如，很長(zhǎng)的文章、電子書、列表（縱向的一維），一年內(nèi)的詳細(xì)股價(jià)折線圖（橫向的一維），地圖、1:1顯示的網(wǎng)頁(yè)和圖片（二維）
討論：沒錯(cuò)，你沒有看錯(cuò)，這是觸摸屏手機(jī)上最簡(jiǎn)單、最土鱉也最基礎(chǔ)的手勢(shì)。按照對(duì)導(dǎo)航的定義，這確實(shí)是一種導(dǎo)航方式，用戶可以向某個(gè)方向拖動(dòng)屏幕，去瀏覽當(dāng)前屏幕以外的信息。用戶很容易學(xué)會(huì)使用這種導(dǎo)航方式，就是把擋在邊框外的內(nèi)容拖進(jìn)來(lái)看嘛。最簡(jiǎn)單的方式，往往也最有效的。
完美無(wú)止境：
雖然這是最土鱉的導(dǎo)航方式，但是為了設(shè)計(jì)一個(gè)符合剛才所列5項(xiàng)基本原則的導(dǎo)航，還是有很多創(chuàng)意可玩的。
KnotGuide在同一頁(yè)上顯示了繩結(jié)的示意圖和解說(shuō)。過(guò)長(zhǎng)的解說(shuō)文字需要先隱藏一部分，拖動(dòng)瀏覽全部。為了讓用戶知道將來(lái)能夠去哪里（3），它給文字的底部蒙了一層半透效果，以暗示還有一部分沒展示，可以繼續(xù)往下看。同時(shí)，在剛進(jìn)入該頁(yè)面時(shí)，文字區(qū)右側(cè)的scrollbar會(huì)短暫顯示2~3秒，再消失，這也能起到同樣的暗示效果（這可能是Android平臺(tái)內(nèi)置的默認(rèn)效果）。
aCurrency將暫時(shí)無(wú)法展示的多種匯率橫向排布在屏幕外。為了展示將來(lái)能夠去哪里（3），它將藏起來(lái)的部分漏了一點(diǎn)出來(lái)，折在當(dāng)前頁(yè)的后面。沒記錯(cuò)的話，這種設(shè)計(jì)應(yīng)該是從Mac的文件和唱片瀏覽上得到的靈感。
最經(jīng)典的拖動(dòng)導(dǎo)航還是應(yīng)屬iPhone的homescreen。在homescreen上，Apple設(shè)計(jì)了一個(gè)位置指示器。這可以幫助用戶很容易地理解當(dāng)前在哪里（1），可以去哪里（3）。同時(shí)，在拖動(dòng)屏幕的時(shí)候，Apple也設(shè)計(jì)了平移的轉(zhuǎn)場(chǎng)動(dòng)畫，這很好的幫助用戶理解怎么去（4），怎么回（5）。
當(dāng)網(wǎng)頁(yè)內(nèi)容大于屏幕展示范圍時(shí)，Android內(nèi)置的瀏覽器會(huì)在用戶拖動(dòng)網(wǎng)頁(yè)的時(shí)候在屏幕的下側(cè)和右側(cè)展示兩個(gè)灰色的scrollbar，暗示用戶當(dāng)前所處的位置（1），以及可以往哪里移動(dòng)（2）。
重慶分公司
重慶分公司
