移動應(yīng)用的信息架構(gòu)往往非常深：信息架構(gòu)分為很多級，層層疊壓。為了彌 補(bǔ)信息架構(gòu)過深帶來的缺點(diǎn)，設(shè)計(jì)者可以采用橫向?qū)Ш?功能，讓用戶直接在同級 內(nèi)容之間跳轉(zhuǎn)，而不必返回高層級別。另外，橫向?qū)Ш焦δ芤部梢栽诓煌瑢蛹墐?nèi) 容之間跳轉(zhuǎn)，或者根據(jù)用戶當(dāng)前瀏覽頁面提供各種捷徑。橫向?qū)Ш皆诓煌瑑?nèi)容之 間建立了橋梁，讓用戶不必走無用的彎路。

從一個商品的詳細(xì)說明跳轉(zhuǎn)到下一個或上一個商品，讓用戶避免走不必要的彎路。

所有橫向?qū)Ш铰窂蕉冀?jīng)過了優(yōu)化，讓用戶在同一層級欄目之間隨意跳轉(zhuǎn)，而且不必回到上 一層頁面也能跨越到其他層級。在線購物網(wǎng)站的信息架構(gòu)注定是樹大根深，用戶面前是數(shù) 不清的“柜臺”。而且，用戶在購物網(wǎng)站上“逛街”時往往是隨心而動、丟三忘四，瀏覽 路線毫無規(guī)律可循。因此，這種界面非常適合在線購物服務(wù)的導(dǎo)航功能。

針對用戶感覺的設(shè)計(jì)要領(lǐng)

談到瀏覽頁面，用戶的感覺非常重要。如果設(shè)計(jì)者預(yù)計(jì)人機(jī)交互過程會比較 煩瑣，可以在界面上多下點(diǎn)功夫，以求改善效果。界面的基本設(shè)計(jì)思路就是限制 時間堆積 4444 。設(shè)計(jì)理論學(xué)家愛德華·塔夫特提出這一概念，指用戶在完成目標(biāo)的過 程中必須通過的一系列頁面。時間堆積和空間并存 4444 的元素組織形式正好相反。從 結(jié)構(gòu)上看，信息架構(gòu)的時間堆積越多，越容易讓用戶感到瀏覽過程漫長、乏味。

因此，組織好信息架構(gòu)，讓用戶不會感到每一次點(diǎn)擊后都會登錄不同頁面， 這一點(diǎn)非常重要。在關(guān)聯(lián)背境中顯示新內(nèi)容，用戶就不會感到在一直不停地翻頁。

在 UNIQLO RECIPE 上瀏覽信息不像在COLETTE 上顯得瑣碎，原因很簡單：前者將各個 元素放在關(guān)聯(lián)背景中，而不是在專屬頁面中一一逐條顯示。

為了讓用戶在目錄列表和細(xì)節(jié)頁面之間的更順暢地跳轉(zhuǎn)，設(shè)計(jì)者可以在顯示 方面多花些心思，減少頁面之間的割裂感，讓用戶減少來回穿梭的感覺。

聯(lián)系人的具體聯(lián)絡(luò)方式浮現(xiàn)在聯(lián)系人列表之上，而不另設(shè)專屬頁面，避免用戶在聯(lián)系人列 表和具體聯(lián)系方式之間不斷往返。另外，用戶憑直覺就能猜到，只需在懸浮窗之外的任何 地方點(diǎn)擊一下，即可返回聯(lián)系人列表，方法簡單易行。

在平板電腦上，EVERNOTE 保留顯示了創(chuàng)建新建筆記時的背景。看上去，新建筆記處在 整體背景之中，減少了瀏覽的割裂感。在智能手機(jī)上，即使屏幕較小也可以這樣做，比如 GOOGLE DOCUMENTS 在創(chuàng)建文件時的例子。

值得一提的是，這種設(shè)計(jì)方法不僅適合內(nèi)容緊湊的文檔，對于需要經(jīng)常查看 細(xì)節(jié)的情況也大有益處。因此，這種視覺效果通常還會引導(dǎo)用戶深入瀏覽更多 細(xì)節(jié)：如果用戶沒有感到瀏覽內(nèi)容被割裂得七零八落，自然會希望瀏覽更多的內(nèi) 容。我們甚至可以假設(shè)，用戶敢冒更大的風(fēng)險(xiǎn)前去瀏覽自己可能不喜歡的內(nèi)容， 是因?yàn)樗婪祷卦瓉淼捻撁婊蛉ネ渌撁娴牟僮魇直憬荨?

信息升級

移動終端的信息架構(gòu)往往分成很多層級，用戶有時需要瀏覽一系列頁面后才 能達(dá)到目的。因此，設(shè)計(jì)者有必要解決層級過多的問題。其中一種不錯的解決方 法是把內(nèi)容混雜放在瀏覽頁面上。這樣一來，平常需要一連串操作才能看到的低 層級信息就會“浮出水面”，用戶不再需要穿越層層頁面，就能精確找到所需的信息。

直接顯示消耗的卡路里數(shù)值，而不用“消耗熱量”為標(biāo)題;直接顯示用戶體重?cái)?shù)值，而不 用“我的體重”為題目。在某些情況下，下層信息升級可以讓用戶省去一些步驟直達(dá)目 標(biāo)，不必再穿過層層網(wǎng)頁，避免無謂地浪費(fèi)時間。

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對廣技人員有所幫助。原創(chuàng)文章出自:南昌APP開發(fā)公司-百恒網(wǎng)絡(luò) http://www.www16568.cn/app/index.html 如轉(zhuǎn)載請注明出處!