企業(yè)級(jí)商務(wù)辦公移動(dòng)應(yīng)用的交互設(shè)計(jì)

馬靜妍 熊傳鵬 葉根軍

長(zhǎng)虹創(chuàng)新設(shè)計(jì)中心，四川 綿陽(yáng) 621000

引言

隨著3G和WLAN在中國(guó)越來(lái)越普及，各類移動(dòng)終端應(yīng)用集中爆發(fā)，移動(dòng)互聯(lián)網(wǎng)顛覆了許多的產(chǎn)業(yè)和領(lǐng)域。移動(dòng)互聯(lián)網(wǎng)的發(fā)展允許辦公人員擺脫時(shí)間和空間的束縛，隨時(shí)隨地進(jìn)行遠(yuǎn)程協(xié)同辦公，帶來(lái)了全新的辦公模式。企業(yè)用戶對(duì)于移動(dòng)辦公需求愈演愈烈，移動(dòng)協(xié)同將成為主流。

據(jù)IDC調(diào)查表明，企業(yè)級(jí)移動(dòng)應(yīng)用作為后起之秀，正以超越游戲等消費(fèi)類應(yīng)用的驚人速度發(fā)展，成為開(kāi)發(fā)者們關(guān)注的重要方向。調(diào)查還指出，到2013年底，將有12億人在公司外使用自帶設(shè)備移動(dòng)辦公，其中69%用戶表示將會(huì)用自己智能終端訪問(wèn)公司網(wǎng)絡(luò)。同時(shí)，根據(jù)Gartner預(yù)測(cè)，到2018年70%的用戶將攜帶自有云終端移動(dòng)辦公。這意味著未來(lái)所有的計(jì)算都將會(huì)托管到云端完成，用戶只需要一個(gè)能夠連接云端的輸入輸出平臺(tái)，因此與辦公相關(guān)的PC、平板、手機(jī)等設(shè)備最終將整合成為個(gè)人攜帶的單一終端。這個(gè)論調(diào)可以看作:到2018年，用云計(jì)算和終端APP將解決70%的企業(yè)BYOD管理問(wèn)題。

1 企業(yè)級(jí)商務(wù)辦公應(yīng)用的設(shè)計(jì)矛盾

1.1 商務(wù)辦公類應(yīng)用的發(fā)展背景與現(xiàn)狀

截至2013年3月底，中國(guó)的移動(dòng)互聯(lián)網(wǎng)用戶總數(shù)達(dá)到8.17億。國(guó)內(nèi)移動(dòng)應(yīng)用(App)呈現(xiàn)爆炸式增長(zhǎng)，數(shù)量已達(dá)百萬(wàn)量級(jí)規(guī)模，商務(wù)辦公類應(yīng)用也隨之興起。但相對(duì)其他游戲類社交類應(yīng)用，商務(wù)辦公應(yīng)用的數(shù)量還不多，并且大部分是國(guó)外的產(chǎn)品。常見(jiàn)的商務(wù)辦公類應(yīng)用有文檔編輯管理類，如Pages、Smart Office；郵件、信息查看管理類，如Outlook Mail、PDF Splicer；名片管理類，如名片全能王、人脈通；財(cái)務(wù)管理類，如Expensify；遠(yuǎn)程辦公類，如Trello、Bizshow。目前市面上的移動(dòng)辦公軟件,多局限于電子郵件收發(fā)、簡(jiǎn)單公文流轉(zhuǎn)等OA類功能,他們和企業(yè)級(jí)的商務(wù)辦公軟件都有較大的不同。

企業(yè)級(jí)移動(dòng)應(yīng)用是指為特定行業(yè)或企業(yè)的用戶所使用，通常用于企業(yè)提高運(yùn)作效率、達(dá)成商業(yè)目的的移動(dòng)應(yīng)用。一般來(lái)說(shuō)，企業(yè)辦公軟件需要包括訂單管理、移動(dòng)審批、移動(dòng)CRM、BI數(shù)據(jù)統(tǒng)計(jì)分析等。內(nèi)容量是非常龐大的，其中涉及的層級(jí)和邏輯關(guān)系也非常復(fù)雜，在如今強(qiáng)調(diào)輕便簡(jiǎn)約的移動(dòng)APP設(shè)計(jì)潮流下，企業(yè)級(jí)商務(wù)應(yīng)用的設(shè)計(jì)是逆水行舟的工作。

1.2 企業(yè)級(jí)商務(wù)辦公移動(dòng)應(yīng)用的設(shè)計(jì)難點(diǎn)

好的企業(yè)級(jí)應(yīng)用要適用于不同的員工對(duì)象，對(duì)管理者的、員工的。有共通的部分，也會(huì)有不同的版面和流程?？偟膩?lái)說(shuō)，企業(yè)級(jí)商務(wù)辦公應(yīng)用有以下4大設(shè)計(jì)難點(diǎn)：

有限屏幕尺寸和大信息量?jī)?nèi)容的矛盾。移動(dòng)終端的移動(dòng)性決定了其屏幕尺寸的限制。而商務(wù)辦公應(yīng)用涉及內(nèi)容和功能較多，一個(gè)有限的屏幕尺寸決定了在設(shè)計(jì)上，必然是束縛手腳的。

多層級(jí)與多條件。上一條講到商務(wù)辦公應(yīng)用的功能板塊較多，也就是說(shuō)內(nèi)容在信息結(jié)構(gòu)上必然是多層級(jí)與多篩選條件的。如，筆者做過(guò)的一個(gè)項(xiàng)目，里面的報(bào)表查詢，要分不同的子部分、不同的產(chǎn)品種類。而篩選條件，又分很多，如最簡(jiǎn)單的時(shí)間、格式等。

復(fù)雜的業(yè)務(wù)處理流程。如預(yù)算審批、費(fèi)用申請(qǐng)及報(bào)銷、采購(gòu)申請(qǐng)與執(zhí)行等。這種流程往往具有嚴(yán)謹(jǐn)?shù)臉I(yè)務(wù)邏輯,需要根據(jù)復(fù)雜的規(guī)則自動(dòng)決定審批步驟,以及每個(gè)節(jié)點(diǎn)的審批人。審批完成后,相關(guān)數(shù)據(jù)需要與企業(yè)內(nèi)部信息系統(tǒng)進(jìn)行無(wú)縫對(duì)接。

大量純文本的設(shè)計(jì)。商務(wù)辦公的性質(zhì)決定了應(yīng)用中會(huì)有大量的文字內(nèi)容。因?yàn)橄鄬?duì)于圖形而言，文字是表述最準(zhǔn)確、最直接的，更有利于理解內(nèi)容結(jié)構(gòu)的關(guān)系和復(fù)雜流程的操作。但是，眾所周知，大量純文字的版面也容易造成用戶的認(rèn)知負(fù)擔(dān)和視覺(jué)疲勞。

2 企業(yè)級(jí)商務(wù)辦公移動(dòng)應(yīng)用的設(shè)計(jì)著力點(diǎn)

軟件的特色和難點(diǎn)決定了其交互設(shè)計(jì)應(yīng)有需要特別注意的著力點(diǎn)。

2.1 信息架構(gòu)

由于內(nèi)容量的不同，很難限定該類應(yīng)用的信息架構(gòu)層級(jí)是扁平層級(jí)還是錐形層級(jí)。依筆者的經(jīng)驗(yàn)，一般商務(wù)辦公應(yīng)用的功能都比較多且深，所以錐形層級(jí)的形式更常見(jiàn)，這就使層級(jí)的數(shù)量增加。不過(guò)不用太擔(dān)心，對(duì)于用戶而言，入口清晰，層級(jí)嚴(yán)謹(jǐn)是商務(wù)辦公類軟件的必備，它的專業(yè)性使其不可能像一般應(yīng)用那樣做到多入口和扁平層級(jí)。“每個(gè)具體內(nèi)容從首頁(yè)進(jìn)入時(shí)都應(yīng)該不多于三次點(diǎn)擊”只是美好理想，相反，更重要的是讓用戶在每個(gè)層級(jí)都能輕松決策，并告知其處于正確的路徑。所以，這里建議做信息架構(gòu)時(shí)考慮3個(gè)方面：公共信息、與我相關(guān)的、我的（必須個(gè)體處理）。這樣基本能將信息都包全，且功能分區(qū)更加合理。

2.2 導(dǎo)航和層級(jí)樣式

創(chuàng)建可視化的層級(jí)結(jié)構(gòu)并且將多種導(dǎo)航樣式組合使用。前面的難點(diǎn)講到信息內(nèi)容的多層級(jí)和多條件，這就使得導(dǎo)航的設(shè)計(jì)難度增加，需要配合一些標(biāo)簽樣式來(lái)精準(zhǔn)定位選擇物。用戶在一般電腦屏幕上瀏覽頁(yè)面，或許不會(huì)都是從上到下，從左到右，但是在手機(jī)這種小屏幕上，這條規(guī)則就很準(zhǔn)。所以，用戶常用的導(dǎo)航最好是放在頂端，下面配合副導(dǎo)航（可能是欄也可能是塊面）。然后需要的地方，增加條件選擇標(biāo)簽。同時(shí)，這里需要更加注意用戶手上的操作。如果主導(dǎo)航是點(diǎn)擊動(dòng)作的話，那么副導(dǎo)航可以左右滑動(dòng)，而標(biāo)簽選擇可以用上下?lián)軇?dòng)。為什么這么做？這樣可以有效的通過(guò)操作行為避免因界面過(guò)小、選擇物較多而產(chǎn)生的誤操作。

2.3 功能分級(jí)和抽屜式頁(yè)面布局

功能分級(jí)這里涉及軟件的模塊化。因?yàn)槠髽I(yè)級(jí)商務(wù)應(yīng)用的對(duì)象有高級(jí)管理者、有一般管理者、有職員，模塊化和多版本都是解決方式，這里不展開(kāi)討論。這里主要探討那些共通的部分。功能分級(jí)在設(shè)計(jì)上也可以理解為它的重要性和可發(fā)現(xiàn)性（Discoverability）。這涉及權(quán)衡問(wèn)題，確定了使哪些功能易于被用戶發(fā)現(xiàn)并使用，就意味著會(huì)有另外一部分功能要隱藏。不能把所有功能都設(shè)計(jì)得同樣明顯。所以，你需要抽屜式的頁(yè)面布局。何時(shí)讓用戶發(fā)現(xiàn)以及如何發(fā)現(xiàn)都是更加細(xì)致的設(shè)計(jì)活，需要的就是細(xì)心，不展開(kāi)說(shuō)明。

2.4 精致的文字

由于文字量大，為了避免視覺(jué)疲勞和認(rèn)知負(fù)擔(dān)，盡可能做到文字精致。利用文字的大小、顏色深淺來(lái)區(qū)分層級(jí)關(guān)系。盡量不要使用亮眼的色系。將文字與色塊搭配使用也能打破一些頁(yè)面枯燥感。頁(yè)面內(nèi)容已經(jīng)很多了，就不要用過(guò)多的小圖標(biāo)來(lái)點(diǎn)綴了，可能會(huì)使頁(yè)面看起來(lái)零碎而雜亂。如果能用文字、空白、色塊體現(xiàn)優(yōu)雅就成功了。

3 結(jié)語(yǔ)

要設(shè)計(jì)好一個(gè)企業(yè)級(jí)的商務(wù)辦公移動(dòng)應(yīng)用不容易，目前也沒(méi)有什么參考的對(duì)象。因此，在摸索前進(jìn)的道路上，只有不斷總結(jié)和迭代才能更加完善。一般個(gè)人級(jí)的移動(dòng)應(yīng)用市場(chǎng)已開(kāi)發(fā)的日趨成熟，競(jìng)爭(zhēng)激烈。企業(yè)級(jí)應(yīng)用具有較大潛力，但也只有設(shè)計(jì)得易用好用，才能真正開(kāi)啟這片藍(lán)海。

[1]我國(guó)企業(yè)級(jí)移動(dòng)應(yīng)用需求正旺.論壇中國(guó)行業(yè)研究網(wǎng)，http://mi.chinabyte.com/441/12782441.shtml (2013/11/21)

[2]邢鋮.資本的“新寵”：企業(yè)級(jí)移動(dòng)應(yīng)用.比特網(wǎng)，http://mi.chinabyte.com/244/12622744.shtml（2013/05/23）

[3]Lukas Mathis [瑞士].親愛(ài)的界面.人民郵電出版社，2012年11月出版.

[4][美]Alan Cooper，Robert M.Reimann .軟件觀念革命—交互設(shè)計(jì)精髓.電子工業(yè)出版社，2005年5月1日.