移動產(chǎn)品設計的信息架構(gòu)
51CTO曾經(jīng)介紹過“產(chǎn)品經(jīng)理講移動設備細節(jié)設計”，信息架構(gòu)是一個整理信息，斡旋信息系統(tǒng)與使用者需求的過程，主要是要將信息變成一個經(jīng)過組織、歸類、以及具有瀏覽體系的組合結(jié)構(gòu)。
手機與用戶交互的過程，其實是信息的交互，手機和用戶都在輸出和輸入信息，觸摸屏和按鍵只是用戶輸入信息的方式。
Web信息架構(gòu)包括組織系統(tǒng)、標簽系統(tǒng)、導航系統(tǒng)和搜索系統(tǒng)，這些對大量數(shù)據(jù)的處理方法，和Web屬性比較強（和互聯(lián)網(wǎng)的數(shù)據(jù)庫交互頻繁處理大量數(shù) 據(jù)）的手機產(chǎn)品，如wap網(wǎng)站、web app和部分手機客戶端，這些方法也是適用的，只是由于屏幕和操作方式等手機的特點導致實現(xiàn)方式有所區(qū)別。
Web屬性比較弱的手機客戶端遇到最多的是信息的組織問題。導航系統(tǒng)通常使用手機操作系統(tǒng)中自帶的控件，比如iPhone界面底部的標簽欄。標簽系 統(tǒng)和搜索系統(tǒng)是處理龐大數(shù)據(jù)時才會使用，對于數(shù)據(jù)多是由用戶手動輸入的手機客戶端來說，這兩種系統(tǒng)使用較少，對于數(shù)據(jù)的手動分類是很初級的標簽，比如輸入 手機號碼時選擇分類同學或者同事。
如Android手機中點擊“撥號”和“聯(lián)系人”進入的界面有撥號、通話記錄、聯(lián)系人和收藏，除了對聯(lián)系人有按字母排列，還有非常實用的按聯(lián)系次數(shù) 排列，顯示用戶的常用聯(lián)系人，可以滿足個人90%查找聯(lián)系人的需求。按字母、撥出、接入、未接和常用排序都是組織信息的具體方式。
Awesome Not
再以Awesome Note為例，首頁中間主體顯示便簽的類別及條目，包括新建、同步、編輯分類和增加分類等功能，界面整體還是以任務來組織。
整體設計
整體設計在手機客戶端中算是非常復雜的，使用個別的iPhone自帶控件，功能繁雜，用戶自定義能力強。界面設計美觀，圖標過于精致，有些圖標點擊并不方便，但界面組織結(jié)構(gòu)邏輯清晰。
微博、瀏覽器、郵箱和SNS等國內(nèi)常見的手機客戶端首頁多以任務分類為組織體系，具體體現(xiàn)在九宮格、表格和標簽欄的組織界面方式，這也符合客戶端操作方便和富交互體驗好的特點。個人總結(jié)樹形結(jié)構(gòu)（或者稱作等級式系統(tǒng)）有以下設計方法：
◆樹枝之間盡量不交叉。像Web網(wǎng)站那樣界面之間交叉跳轉(zhuǎn)在手機客戶端上非常少，保持結(jié)構(gòu)清晰。交叉跳轉(zhuǎn)的原因是數(shù)據(jù)量大，樹枝及其繁多，返回上級在選擇鏈接會導致操作復雜，也不宜發(fā)現(xiàn)內(nèi)容之間非結(jié)構(gòu)化關系。
◆控制分支的數(shù)目。首頁顯示常用的功能，不常用的功能放置設置中，有使用情景的功能分散到更低層的界面中。功能太多，會弱化最重要的功能，即使嚴格按照結(jié)構(gòu)化的組織體系，用戶每天使用在手機產(chǎn)品上的時間有限，難以花時間使用所有功能，也不要寄希望把電腦的功能照搬到手機上。
◆不重復，側(cè)重某一分支。相似的功能可以考慮合并，在絕大多數(shù)情況下，功能都會有主次之分。就像文章舉例的Android手機通訊錄，按字母排序看起來結(jié)構(gòu)清楚，但根據(jù)用戶行為排序更能方便用戶操作。又如2 DO重點使用主頁，***界面就能顯示大部分的內(nèi)容和功能。
◆保持分支相似性。樹干下的兩個分支相似，便于用戶學習，盡量少添加新界面布局、操作方式和操作邏輯。即使視覺上效果很好，但是沒有功能上的意義，也是沒有必要增加的。
twitter app
◆減少分支的層級。如twitter app中點擊某條微博時，直接顯示相應的操作，而不是像國內(nèi)手機微博那樣還需要跳轉(zhuǎn)到下一級界面中。不提倡界面跳轉(zhuǎn)的另外原因是，下一個界面還對文字內(nèi)容 沒有意義地重復顯示。結(jié)合1和5，web中的深廣度平衡在手機產(chǎn)品并不適用。由于屏幕和操作的關系，面對大量數(shù)據(jù)時，首先考慮的是如何保證顯示最重要的信 息，而不是保證每一項數(shù)據(jù)都放在合適的層級關系圖中。
新浪微博
◆充分發(fā)揮樹干的作用。主頁中的界面結(jié)構(gòu)盡量不變，同樣的結(jié)構(gòu)可以出現(xiàn)在分支中，即使界面發(fā)展跳轉(zhuǎn)，視覺平滑 過渡，用戶仍感覺當前界面是主頁。如新浪微博上圖，底部由標簽欄可以不變?yōu)楣ぞ邫冢缑嬷锌梢园u論和傳發(fā)功能（點擊轉(zhuǎn)發(fā)[1]和評論[0]），收藏和 更多可以放到menu中，省去一個返回。
采用樹形結(jié)構(gòu)是自上而下的做法，先頭腦風暴或者收集用戶需求得到產(chǎn)品的主要內(nèi)容，再繪制相應的組織結(jié)構(gòu)。這種結(jié)構(gòu)除了可以保持結(jié)構(gòu)清晰并宜于用戶查找，也能避免因邏輯不清導致后期的產(chǎn)品重構(gòu)，保持良好的可擴展性。
本文來自http://daichuanqing.com/index.php/archives/2052
作者曉生
【編輯推薦】
