app移動(dòng)應用設計的信息架構

　　信息架構是一個(gè)整理信息，斡旋信息系統與使用者需求的過(guò)程，主要是要將信息變成一個(gè)經(jīng)過(guò)組織、歸類(lèi)、以及具有瀏覽體系的組合結構。手機與用戶(hù)交互的過(guò)程，其實(shí)是信息的交互，手機和用戶(hù)都在輸出和輸入信息，觸摸屏和按鍵只是用戶(hù)輸入信息的方式。Web信息架構包括組織系統、標簽系統、導航系統和搜索系統，這些對大量數據的處理方法，和Web屬性比較強(和互聯(lián)網(wǎng)的數據庫交互頻繁處理大量數 據)的手機產(chǎn)品，如wap網(wǎng)站、web app和部分手機客戶(hù)端，這些方法也是適用的，只是由于屏幕和操作方式等手機的特點(diǎn)導致實(shí)現方式有所區別。Web屬性比較弱的手機客戶(hù)端遇到最多的是信息的組織問(wèn)題。導航系統通常使用手機操作系統中自帶的控件，比如iPhone界面底部的標簽欄。標簽系 統和搜索系統是處理龐大數據時(shí)才會(huì )使用，對于數據多是由用戶(hù)手動(dòng)輸入的手機客戶(hù)端來(lái)說(shuō)，這兩種系統使用較少，對于數據的手動(dòng)分類(lèi)是很初級的標簽，比如輸入 手機號碼時(shí)選擇分類(lèi)同學(xué)或者同事。

　　如Android手機中點(diǎn)擊“撥號”和“聯(lián)系人”進(jìn)入的界面有撥號、通話(huà)記錄、聯(lián)系人和收藏，除了對聯(lián)系人有按字母排列，還有非常實(shí)用的按聯(lián)系次數 排列，顯示用戶(hù)的常用聯(lián)系人，可以滿(mǎn)足個(gè)人90%查找聯(lián)系人的需求。按字母、撥出、接入、未接和常用排序都是組織信息的具體方式。

　　再以Awesome Note為例，首頁(yè)中間主體顯示便簽的類(lèi)別及條目，包括新建、同步、編輯分類(lèi)和增加分類(lèi)等功能，界面整體還是以任務(wù)來(lái)組織。

　　整體設計在手機客戶(hù)端中算是非常復雜的，使用個(gè)別的iPhone自帶控件，功能繁雜，用戶(hù)自定義能力強。界面設計美觀(guān)，圖標過(guò)于精致，有些圖標點(diǎn)擊并不方便，但界面組織結構邏輯清晰。

　　微博、瀏覽器、郵箱和SNS等國內常見(jiàn)的手機客戶(hù)端首頁(yè)多以任務(wù)分類(lèi)為組織體系，具體體現在九宮格、表格和標簽欄的組織界面方式，這也符合客戶(hù)端操作方便和富交互體驗好的特點(diǎn)。個(gè)人總結樹(shù)形結構(或者稱(chēng)作等級式系統)有以下設計方法：

　　1.樹(shù)枝之間盡量不交叉。

　　像Web網(wǎng)站那樣界面之間交叉跳轉在手機客戶(hù)端上非常少，保持結構清晰。交叉跳轉的原因是數據量大，樹(shù)枝及其繁多，返回上級在選擇鏈接會(huì )導致操作復雜，也不宜發(fā)現內容之間非結構化關(guān)系。

　　2.控制分支的數目。

　　首頁(yè)顯示常用的功能，不常用的功能放置設置中，有使用情景的功能分散到更低層的界面中。功能太多，會(huì )弱化最重要的功能，即使嚴格按照結構化的組織體系，用戶(hù)每天使用在手機產(chǎn)品上的時(shí)間有限，難以花時(shí)間使用所有功能，也不要寄希望把電腦的功能照搬到手機上。

　　3.不重復，側重某一分支。

　　相似的功能可以考慮合并，在絕大多數情況下，功能都會(huì )有主次之分。就像文章舉例的Android手機通訊錄，按字母排序看起來(lái)結構清楚，但根據用戶(hù)行為排序更能方便用戶(hù)操作。又如2 DO重點(diǎn)使用主頁(yè)，第一界面就能顯示大部分的內容和功能。

　　4.保持分支相似性。

　　樹(shù)干下的兩個(gè)分支相似，便于用戶(hù)學(xué)習，盡量少添加新界面布局、操作方式和操作邏輯。即使視覺(jué)上效果很好，但是沒(méi)有功能上的意義，也是沒(méi)有必要增加的。

　　5.減少分支的層級。

　　如twitter app中點(diǎn)擊某條微博時(shí)，直接顯示相應的操作，而不是像國內手機微博那樣還需要跳轉到下一級界面中。不提倡界面跳轉的另外原因是，下一個(gè)界面還對文字內容 沒(méi)有意義地重復顯示。結合1和5，web中的深廣度平衡在手機產(chǎn)品并不適用。由于屏幕和操作的關(guān)系，面對大量數據時(shí)，首先考慮的是如何保證顯示最重要的信 息，而不是保證每一項數據都放在合適的層級關(guān)系圖中。

　　6.充分發(fā)揮樹(shù)干的作用。

　　主頁(yè)中的界面結構盡量不變，同樣的結構可以出現在分支中，即使界面發(fā)展跳轉，視覺(jué)平滑 過(guò)渡，用戶(hù)仍感覺(jué)當前界面是主頁(yè)。如新浪微博上圖，底部由標簽欄可以不變?yōu)楣ぞ邫?，界面中可以包含評論和傳發(fā)功能(點(diǎn)擊轉發(fā)[1]和評論[0])，收藏和 更多可以放到menu中，省去一個(gè)返回。

　　采用樹(shù)形結構是自上而下的做法，先頭腦風(fēng)暴或者收集用戶(hù)需求得到產(chǎn)品的主要內容，再繪制相應的組織結構。這種結構除了可以保持結構清晰并宜于用戶(hù)查找，也能避免因邏輯不清導致后期的產(chǎn)品重構，保持良好的可擴展性。