手機(jī)產(chǎn)品的信息架構(gòu)

1 評論 8548 瀏覽 6 收藏 8 分鐘

信息架構(gòu)是一個(gè)整理信息,斡旋信息系統(tǒng)與使用者需求的過程,主要是要將信息變成一個(gè)經(jīng)過組織、歸類、以及具有瀏覽體系的組合結(jié)構(gòu)。

手機(jī)與用戶交互的過程,其實(shí)是信息的交互,手機(jī)和用戶都在輸出和輸入信息,觸摸屏和按鍵只是用戶輸入信息的方式。

Web信息架構(gòu)包括組織系統(tǒng)、標(biāo)簽系統(tǒng)、導(dǎo)航系統(tǒng)和搜索系統(tǒng),這些對大量數(shù)據(jù)的處理方法,和Web屬性比較強(qiáng)(和互聯(lián)網(wǎng)的數(shù)據(jù)庫交互頻繁處理大量數(shù)據(jù))的手機(jī)產(chǎn)品,如wap網(wǎng)站、web app和部分手機(jī)客戶端,這些方法也是適用的,只是由于屏幕和操作方式等手機(jī)的特點(diǎn)導(dǎo)致實(shí)現(xiàn)方式有所區(qū)別。

Web屬性比較弱的手機(jī)客戶端遇到最多的是信息的組織問題。導(dǎo)航系統(tǒng)通常使用手機(jī)操作系統(tǒng)中自帶的控件,比如iPhone界面底部的標(biāo)簽欄。標(biāo)簽系統(tǒng)和搜索系統(tǒng)是處理龐大數(shù)據(jù)時(shí)才會使用,對于數(shù)據(jù)多是由用戶手動輸入的手機(jī)客戶端來說,這兩種系統(tǒng)使用較少,對于數(shù)據(jù)的手動分類是很初級的標(biāo)簽,比如輸入手機(jī)號碼時(shí)選擇分類同學(xué)或者同事。

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

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

m2

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

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

1.樹枝之間盡量不交叉。像Web網(wǎng)站那樣界面之間交叉跳轉(zhuǎn)在手機(jī)客戶端上非常少,保持結(jié)構(gòu)清晰。交叉跳轉(zhuǎn)的原因是數(shù)據(jù)量大,樹枝及其繁多,返回上級在選擇鏈接會導(dǎo)致操作復(fù)雜,也不宜發(fā)現(xiàn)內(nèi)容之間非結(jié)構(gòu)化關(guān)系。

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

m44 (2) m44 (1)

3.不重復(fù),側(cè)重某一分支。相似的功能可以考慮合并,在絕大多數(shù)情況下,功能都會有主次之分。就像文章舉例的Android手機(jī)通訊錄,按字母排序看起來結(jié)構(gòu)清楚,但根據(jù)用戶行為排序更能方便用戶操作。又如2 DO重點(diǎn)使用主頁,第一界面就能顯示大部分的內(nèi)容和功能。

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

mzl1 m3

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

sina sian2

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

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

來源:http://daichuanqing.com/index.php/archives/2052

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!