大型系統(tǒng)交互設(shè)計(jì)總結(jié)之(1)--信息架構(gòu)設(shè)計(jì)

2014年下半年,百卓事業(yè)部開展了一個(gè)新的產(chǎn)品線“一款以B/S為架構(gòu)的企業(yè)采購管理軟件(SaaS模式)”
旨在通過精細(xì)嚴(yán)謹(jǐn)?shù)牟少徆芾恚嵘髽I(yè)采購效率下梢,讓采購成為企業(yè)的利潤中心的宗旨全肮,讓企業(yè)為服務(wù)付費(fèi)。

如圖:企業(yè)采購管理系統(tǒng)首頁

軟件首頁.png

1.產(chǎn)品功能定義與產(chǎn)品組成

  1. 采購管理軟件定位
    通過準(zhǔn)確采購分控管理盐捷、詳細(xì)的采購執(zhí)行過程偶翅,來提高采購效率、節(jié)省采購成本碉渡、幫助企業(yè)優(yōu)化供應(yīng)結(jié)構(gòu)聚谁、提高企業(yè)的競(jìng)爭(zhēng)力,為企業(yè)帶來更多效益滞诺,為企業(yè)未來發(fā)展提供參考形导。
  2. 采購管理軟件產(chǎn)品功能定義
    記錄,統(tǒng)計(jì)习霹,審批朵耕,分控,采購方式(詢價(jià)淋叶、報(bào)價(jià)阎曹、招標(biāo))、合約煞檩、采購訂單(價(jià)格)处嫌、付款(對(duì)接)、基礎(chǔ)信息維護(hù)(物品)斟湃、供應(yīng)商管理(評(píng)估熏迹、優(yōu)化)等
  3. 采購管理軟件產(chǎn)品組成
軟件組成.png

2.信息架構(gòu)設(shè)計(jì)

  • 信息架構(gòu)屬于產(chǎn)品設(shè)計(jì)過程中的結(jié)構(gòu)層,是產(chǎn)品從抽象的戰(zhàn)略和范圍轉(zhuǎn)移到更為具體的產(chǎn)品形態(tài)上凝赛。
  • 信息架構(gòu)專注于內(nèi)容建設(shè)注暗,關(guān)注如何將信息呈現(xiàn)給用戶厨剪,包括組織、管理友存、內(nèi)容分類祷膳、排序等。
  • 信息架構(gòu)取決于用戶需求和產(chǎn)品功能定義屡立、是最高層級(jí)的產(chǎn)品使用方式直晨。
  • 信息架構(gòu)需要理解產(chǎn)品,理解用戶的工作方式膨俐,行為和思考方式勇皇,并將了解到的信息加入到產(chǎn)品結(jié)構(gòu)中。

首先:兩種架構(gòu)級(jí)別
產(chǎn)品的信息架構(gòu)可粗略的分為重架構(gòu)和輕架構(gòu)兩種級(jí)別焚刺,由于不同的產(chǎn)品功能定義敛摘,決定不同的用戶群體,而這兩者也決定了不同的產(chǎn)品需要設(shè)計(jì)合適自己的產(chǎn)品架構(gòu)乳愉,如下圖:

兩種架構(gòu).png

百卓?jī)?yōu)采企業(yè)版可以歸于重架構(gòu)的產(chǎn)品兄淫。

其次:百卓?jī)?yōu)采企業(yè)版使用對(duì)象分析

  • 客戶對(duì)象:大型企業(yè),使用者為企業(yè)采購部門蔓姚,庫管部門捕虽,收貨檢驗(yàn)部門等。
  • 付費(fèi)對(duì)象:大中型企業(yè)采購負(fù)責(zé)人(經(jīng)理坡脐、總監(jiān)等)
  • 使用對(duì)象:大中型企業(yè)與采購相關(guān)的員工泄私,如采購員,庫管备闲,收貨檢驗(yàn)部門晌端,生產(chǎn)請(qǐng)購部門等

根據(jù)使用對(duì)象分析和用戶反饋,企業(yè)對(duì)于系統(tǒng)的需求特征為:

  • 不同的部門所需功能模塊不同

    • 采購部門使用采購模塊
    • 倉管部門使用倉庫模塊
    • 生產(chǎn)部門或其他部門使用請(qǐng)購模塊
  • 相同的部門不同的崗位由于職責(zé)不同導(dǎo)致可見內(nèi)容范圍不同

    • 負(fù)責(zé)不同物料的采購員可見的采購物料信息不同
    • 采購經(jīng)理和采購員可見范圍不同
  • 不同的崗位由于職責(zé)不同恬砂,內(nèi)容操作頻率也不同

    • 采購員最常見的操作為制單
    • 采購經(jīng)理最常見的操作為審批
  • 老板最常見的操作為報(bào)表統(tǒng)計(jì)等

正如下圖:


使用對(duì)象.png

根據(jù)百卓?jī)?yōu)采企業(yè)版的產(chǎn)品組成咧纠,可分為三大子系統(tǒng),分別是:”企業(yè)采購管理系統(tǒng)“觉既,”企業(yè)采購官網(wǎng)“惧盹、”供應(yīng)商協(xié)同系統(tǒng)“。而重點(diǎn)在于企業(yè)采購管理系統(tǒng)瞪讼。

由于每個(gè)使用者的崗位不同而導(dǎo)致其使用產(chǎn)品的需求不同,產(chǎn)品使用起點(diǎn)不同粹断,而此也正符合矩陣結(jié)構(gòu)的特征符欠。

如下圖:四種信息架構(gòu)的區(qū)別于特征

四種信息結(jié)構(gòu).png

再次:用戶工作方式:
不同的用戶可以從任何一個(gè)節(jié)點(diǎn)跳轉(zhuǎn)至另外一個(gè)節(jié)點(diǎn),如

  • 采購員從物品開始下單瓶埋,也可以從供應(yīng)商開始下單希柿,也可以從價(jià)格庫開始下單诊沪。
  • 庫管員從采購單開始入庫,也可以直接出入庫

如下圖:百卓?jī)?yōu)采企業(yè)版信息架構(gòu)圖曾撤。

  • 藍(lán)色是以物品為節(jié)點(diǎn)的操作端姚;
  • 紅色是以采購訂單為節(jié)點(diǎn)的操作;
信息結(jié)構(gòu)圖.png

產(chǎn)品的信息架構(gòu)組織原則與”產(chǎn)品目標(biāo)“挤悉、”用戶需求“緊密相關(guān)渐裸,同時(shí)受用戶的實(shí)際工作方式和工作行為的影響。如百卓?jī)?yōu)采企業(yè)版面向?qū)ο鬄槠髽I(yè)組織装悲,企業(yè)組織是典型的樹狀結(jié)構(gòu)昏鹃,在相同的部門使用內(nèi)容大同小異的情況下,產(chǎn)品的信息結(jié)構(gòu)也會(huì)受到影響诀诊。

綜合樹狀結(jié)構(gòu)和矩陣結(jié)構(gòu)的優(yōu)缺點(diǎn)洞渤,以及企業(yè)組織的實(shí)際情況,百卓?jī)?yōu)采企業(yè)版采用兩種結(jié)合的方式属瓣,
樹狀結(jié)構(gòu)組織起各個(gè)內(nèi)容節(jié)點(diǎn)载迄,矩陣結(jié)構(gòu)允許用戶從不同的內(nèi)容開始作業(yè)流。

3.導(dǎo)航設(shè)計(jì)的重要性

  • 導(dǎo)航屬于框架層抡蛙,同時(shí)也是結(jié)構(gòu)層中信息架構(gòu)的一部分宪巨。
  • 導(dǎo)航是各個(gè)信息分類的串聯(lián)節(jié)點(diǎn),清晰的導(dǎo)航對(duì)以信息為主的產(chǎn)品具有重大意義溜畅。
  • 導(dǎo)航設(shè)計(jì)是解決復(fù)雜信息結(jié)構(gòu)的過程捏卓,也是交互設(shè)計(jì)師設(shè)計(jì)執(zhí)行力和影響力的體現(xiàn)。
  • 導(dǎo)航設(shè)計(jì)要利用不同導(dǎo)航方式清晰的告知用戶"他們?cè)谀膬骸按雀瘢彼麄兡苋ツ膬骸暗刃畔ⅰ?/li>

如:


系統(tǒng)界面結(jié)構(gòu)圖.png

首頁為例


首頁示例.png
  • 全局導(dǎo)航為系統(tǒng)的每一個(gè)頁面提供整體的全局功能入口怠晴,且功能節(jié)點(diǎn)根據(jù)使用者的權(quán)限而刪減。
  • 輔助導(dǎo)航由用戶自定義自己所需的功能節(jié)點(diǎn)入口
  • 上下文導(dǎo)航根據(jù)用戶享有權(quán)限提供功能節(jié)點(diǎn)入口

總結(jié):
系統(tǒng)架構(gòu)和導(dǎo)航設(shè)計(jì)在一般的產(chǎn)品設(shè)計(jì)中往往被忽略浴捆,然而看是簡(jiǎn)單的導(dǎo)航設(shè)計(jì)其實(shí)并沒有那么簡(jiǎn)單蒜田,而是能夠促進(jìn)產(chǎn)品良好的體驗(yàn)。良好的導(dǎo)航設(shè)計(jì)可以讓系統(tǒng)和服務(wù)變得簡(jiǎn)單选泻、甚至變得優(yōu)雅冲粤,希望我的設(shè)計(jì)也能讓百卓?jī)?yōu)采企業(yè)版的使用變得簡(jiǎn)單。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末页眯,一起剝皮案震驚了整個(gè)濱河市梯捕,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌窝撵,老刑警劉巖傀顾,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異碌奉,居然都是意外死亡短曾,警方通過查閱死者的電腦和手機(jī)寒砖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來嫉拐,“玉大人哩都,你說我怎么就攤上這事⊥衽牵” “怎么了漠嵌?”我有些...
    開封第一講書人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)判哥。 經(jīng)常有香客問我献雅,道長(zhǎng),這世上最難降的妖魔是什么塌计? 我笑而不...
    開封第一講書人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任挺身,我火速辦了婚禮,結(jié)果婚禮上锌仅,老公的妹妹穿的比我還像新娘章钾。我一直安慰自己,他們只是感情好热芹,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開白布贱傀。 她就那樣靜靜地躺著,像睡著了一般伊脓。 火紅的嫁衣襯著肌膚如雪府寒。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評(píng)論 1 305
  • 那天报腔,我揣著相機(jī)與錄音株搔,去河邊找鬼。 笑死纯蛾,一個(gè)胖子當(dāng)著我的面吹牛纤房,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播翻诉,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼炮姨,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了碰煌?” 一聲冷哼從身側(cè)響起舒岸,我...
    開封第一講書人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎拄查,沒想到半個(gè)月后吁津,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡堕扶,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年碍脏,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片稍算。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡典尾,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出糊探,到底是詐尸還是另有隱情钾埂,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布科平,位于F島的核電站褥紫,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏瞪慧。R本人自食惡果不足惜髓考,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望弃酌。 院中可真熱鬧氨菇,春花似錦、人聲如沸妓湘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽榜贴。三九已至豌研,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間唬党,已是汗流浹背鹃共。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留初嘹,地道東北人及汉。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像屯烦,于是被迫代替她去往敵國和親坷随。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容