大學(xué)美術(shù)史（選修）的第一堂課上，那老師開(kāi)門(mén)見(jiàn)山的說(shuō)：知道大家認(rèn)真聽(tīng)課的不多，下節(jié)課能來(lái)多少也不知道，這里介紹一個(gè)自學(xué)閱讀的辦法，方便你們抱佛腳，在我看來(lái)大部分書(shū)籍講的實(shí)質(zhì)性?xún)?nèi)容都很少，這就需要擰干提純，發(fā)現(xiàn)一本書(shū)有用之處最有效的方法是看目錄，大家能消化掉美術(shù)史這本書(shū)的目錄就能考60分了。對(duì)于其它休閑類(lèi)書(shū)籍你大可從目錄里面選擇自己有興趣的章節(jié)閱讀，感興趣的章節(jié)對(duì)你來(lái)說(shuō)就是干貨，整個(gè)目錄你都不感興趣的話，那這本書(shū)就杯具了…不知道其他同學(xué)的感觸，我后來(lái)閱讀一直用這個(gè)方法，此技巧甚至可以列入我大學(xué)所學(xué)有用知識(shí)前十強(qiáng)，其它九強(qiáng)已然忘卻。
其實(shí)一本書(shū)寫(xiě)好之后放在那里就是按照作者意圖設(shè)定的靜態(tài)結(jié)構(gòu)存在，但是讀者看書(shū)時(shí)沒(méi)有必要建立和作者一樣的結(jié)構(gòu)，對(duì)個(gè)人來(lái)說(shuō)是完成一個(gè)任務(wù)的過(guò)程。任務(wù)如果和結(jié)構(gòu)吻合是好事，如果不吻合那就痛苦了，很多人很可能還沒(méi)看到有用的地方就合上這本書(shū)終止任務(wù)了。新華字典就有一個(gè)嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu)，用戶(hù)需要認(rèn)證學(xué)習(xí)才能掌握使用方法（也就是了解字典結(jié)構(gòu)）進(jìn)而完成查字典的任務(wù)；兒童識(shí)字卡沒(méi)有自己的結(jié)構(gòu)，甚至可以一頁(yè)頁(yè)拿下來(lái)，同時(shí)兒童的任務(wù)也是最簡(jiǎn)單直接的，認(rèn)識(shí)一個(gè)字和另外一個(gè)字都是獨(dú)立的任務(wù)，不需要建立聯(lián)系。
這位老師介紹的方法實(shí)際上把我們從執(zhí)行閱讀任務(wù)依附于書(shū)籍結(jié)構(gòu)的習(xí)慣中解放出來(lái)。書(shū)籍的結(jié)構(gòu)和讀者的任務(wù)是可以不對(duì)等的，你愿意讀哪一頁(yè)就哪一頁(yè)。這可以類(lèi)比到APP的結(jié)構(gòu)與用戶(hù)的任務(wù)，APP都是按照固定結(jié)構(gòu)上線的，用戶(hù)在使用過(guò)程中完成的確是一個(gè)個(gè)獨(dú)立的任務(wù)，這就是為什么云閱讀后臺(tái)常看到：離線下載后去哪里查看??？搜索去哪里了？這類(lèi)反饋的原因，因?yàn)橛脩?hù)不關(guān)心你是什么結(jié)構(gòu)，只要在完成任務(wù)過(guò)程被終止了他們就會(huì)抱怨。當(dāng)然了設(shè)計(jì)師也會(huì)對(duì)著悲慘的數(shù)據(jù)說(shuō)：此按鈕如此明顯怎么用戶(hù)就不知道去點(diǎn)擊呢？網(wǎng)易云課堂的課程詳情頁(yè)右上角有個(gè)大大的按鈕“參加該課程”，But數(shù)據(jù)顯示用戶(hù)就是不去點(diǎn)它，理由很簡(jiǎn)單，用戶(hù)執(zhí)行自己的任務(wù)時(shí)不會(huì)想到用它，你就是弄個(gè)閃電雷鳴的提示效果都不會(huì)大，傳言設(shè)計(jì)師后來(lái)在目錄中加入“課時(shí)預(yù)覽”就好多了。
用戶(hù)很坦然，微信滿(mǎn)足不了他們約炮的欲望，可以改去陌陌。但是設(shè)計(jì)師就忐忑了，網(wǎng)易云閱讀的產(chǎn)品結(jié)構(gòu)滿(mǎn)足不了用戶(hù)的閱讀任務(wù)時(shí)就會(huì)流失他們。所以作為設(shè)計(jì)師要最優(yōu)化的解決APP結(jié)構(gòu)與用戶(hù)任務(wù)間的關(guān)系，如何優(yōu)化？我們先理解一個(gè)APP結(jié)構(gòu)是個(gè)啥；再來(lái)看看被解構(gòu)的APP如何組裝起來(lái)已滿(mǎn)足用戶(hù)任務(wù)。
設(shè)計(jì)師都可以輕易的知道“APP是由頁(yè)面組成的”，但這又是一個(gè)毫無(wú)意義的結(jié)論，那么我們來(lái)嘗試站在“頁(yè)面”這個(gè)角度宏觀和微觀的看一下，借用一個(gè)口語(yǔ)就是——向左看向右看。
1、向左看
APP的世界里有三個(gè)頁(yè)面：聚合頁(yè)、列表頁(yè)、正文頁(yè)。聚合頁(yè)匯聚了各個(gè)模塊的入口，從這里用戶(hù)可以選擇要去的地方，比如網(wǎng)易云閱讀的首頁(yè)，里面有用戶(hù)訂閱各大資訊源；列表頁(yè)就是純粹某項(xiàng)內(nèi)容的列表展示，如果你進(jìn)入網(wǎng)易云閱讀的某個(gè)訂閱源就可以看到這個(gè)頁(yè)面了；內(nèi)容頁(yè)是最底層的內(nèi)容展示頁(yè)，用戶(hù)在內(nèi)容不能再往下走層級(jí)了，當(dāng)然了橫向串動(dòng)或者向上跳是可以的，對(duì)應(yīng)的就是你在網(wǎng)易云閱讀里面看某篇資訊詳細(xì)內(nèi)容。
2、向右看
一個(gè)頁(yè)面總是由三個(gè)元素組成，主內(nèi)容、頁(yè)面工具、頁(yè)面操作。主內(nèi)容必然存在，即使是空態(tài)都會(huì)展示個(gè)哭臉之類(lèi)的。拿書(shū)籍正文頁(yè)來(lái)說(shuō)，這本書(shū)的文字就是主內(nèi)容；頁(yè)面工具用來(lái)改變一些展示方式，如：字體大小、夜間模式、亮度；頁(yè)面操作含信息的處理路徑，如：評(píng)論、分享、加書(shū)簽、查看書(shū)籍詳情、復(fù)制、剪切。
這三個(gè)頁(yè)面組合在一起，僅內(nèi)容頁(yè)不夠時(shí)加上列表頁(yè)，不夠再有聚合頁(yè)。每個(gè)頁(yè)面自身的內(nèi)容、工具、操作又會(huì)有序的組合，這樣就形成一個(gè)封裝好模塊，這個(gè)模塊對(duì)外以節(jié)點(diǎn)方式溝通，多個(gè)模塊組合在一起就形成一個(gè)結(jié)構(gòu)化的APP。這里舉一個(gè)埃菲爾鐵塔的故事：埃菲爾鐵塔，組成零件有18038個(gè)，重10000噸，施工時(shí)共鉆孔700萬(wàn)個(gè)，使用鉚釘250萬(wàn)個(gè)，設(shè)計(jì)圖紙5300多張，其中包括1700張全圖，在18世紀(jì)的時(shí)候施工僅用了2年2個(gè)月。因?yàn)槭孪葒?yán)格的編號(hào)，施工過(guò)程沒(méi)有做過(guò)任何改動(dòng)。所以當(dāng)我們面對(duì)一個(gè)APP設(shè)計(jì)時(shí)，不要擔(dān)心它的復(fù)雜，并不是復(fù)雜，而是由此帶來(lái)的混淆狀態(tài)和無(wú)條理性讓我們擔(dān)心，APP能復(fù)雜過(guò)300米高的鐵塔嗎？
APP解構(gòu)后的各個(gè)模塊及頁(yè)面自己的內(nèi)容、工具、操作如何通過(guò)組合來(lái)更好的吻合用戶(hù)任務(wù)，是交互設(shè)計(jì)師發(fā)揮的地方之一。常用的手法是用戶(hù)研究，去研究自己設(shè)想的目標(biāo)用戶(hù)，其實(shí)獲得這些數(shù)據(jù)和結(jié)論后要用在結(jié)構(gòu)上同樣需要費(fèi)一番心思，相當(dāng)于準(zhǔn)備了做菜的材料和知道了吃飯人的口感偏好之后如何把菜炒出來(lái)。
1、放羊，讓用戶(hù)決定模塊間的組合與穿插。
卡片分類(lèi)法就是一例，云閱讀的各個(gè)模塊歸類(lèi)時(shí)就用過(guò)，其中本地書(shū)上傳模塊的入口就被認(rèn)為應(yīng)該在書(shū)城里出現(xiàn)（我們實(shí)際放在“我”這個(gè)模塊里）；APP頁(yè)面工具布局時(shí)，有時(shí)侯過(guò)份強(qiáng)調(diào)一致性、統(tǒng)一性，會(huì)忽視用戶(hù)任務(wù)的隨意性、連貫性，云閱讀的用戶(hù)在任何頁(yè)面隨時(shí)想使用夜間模式，總沒(méi)人希望在家里關(guān)書(shū)房的燈需要去客廳按下開(kāi)關(guān)吧，所以云閱讀的winPhone客戶(hù)端就在首頁(yè)Appbar中放入夜間模式開(kāi)關(guān)，同樣的功能在正文頁(yè)與設(shè)置的列表頁(yè)都有；有個(gè)小區(qū)建成大概有六年了,樓與樓之間有草坪和大道,但沒(méi)有小徑.如此一來(lái),人們自覺(jué)不自覺(jué)地會(huì)抄近道,踩踏草坪.于是管理人員豎起牌子嚴(yán)厲提醒大家:請(qǐng)勿踐踏草坪，但根本不奏效。時(shí)間一長(zhǎng)，草坪上就形成了許多不規(guī)則的小徑。管理人員生氣了，把小徑重新整理成草坪，并在出口和入口處攔上繩子，起初似乎好一點(diǎn)，后來(lái)又恢復(fù)原樣。如此幾番折騰，他們終于悟出了道理：沿著自然形成的小徑鋪上石板，讓人們心安理得地行走。草坪有了小徑的點(diǎn)綴，也顯得更有情趣（這個(gè)案例引自互聯(lián)網(wǎng)）。APP產(chǎn)品中放羊放的比較好的還有注冊(cè)這個(gè)功能模塊，現(xiàn)在新舊APP都允許用各大社交平臺(tái)帳號(hào)登錄，在這之前是每個(gè)APP都強(qiáng)制用戶(hù)搞一個(gè)帳號(hào)，說(shuō)白了就是為方便推送廣告，但也直接攔截掉了至少一半潛在用戶(hù)，得不償失?，F(xiàn)在用戶(hù)愛(ài)用什么社交帳號(hào)登錄隨意，而且這種方式瞬間成為標(biāo)配，就是結(jié)構(gòu)追隨任務(wù)的實(shí)例。放羊的方法是用戶(hù)最樂(lè)意看到的，但是產(chǎn)品方很不樂(lè)意，設(shè)計(jì)者也容易被弄暈，有時(shí)候一個(gè)功能模塊需要在另一個(gè)功能模塊的三個(gè)頁(yè)面都放入口，這個(gè)還好點(diǎn)，關(guān)鍵是一些用戶(hù)永遠(yuǎn)不需要的模塊怎么辦，放到哪里都不是用戶(hù)希望的？這就要用到下面的濫竽充數(shù)了。
2、濫竽充數(shù)，對(duì)于用戶(hù)不希望的模塊，可以悄悄得植入以實(shí)現(xiàn)產(chǎn)品目標(biāo)。
就是讓用戶(hù)看著這個(gè)產(chǎn)品很順眼、很好用，但是里面確實(shí)有產(chǎn)品植入性的東西。比如云閱讀的猜你喜歡模塊，在用戶(hù)讀完一篇文章和每個(gè)訂閱源詳情后都跟著猜你喜歡。這些推薦都是追隨類(lèi)型相關(guān)性出現(xiàn)的，如果你正在閱讀的是三胖干掉姑丈的新聞，我們就會(huì)猜你喜歡早期三胖機(jī)關(guān)槍掃射銀河樂(lè)隊(duì)這類(lèi)事件。當(dāng)然，濫竽充數(shù)讓用戶(hù)識(shí)破的例子也很多。很多APP中的頁(yè)面底部廣告就是典型例子，這個(gè)頁(yè)面操作讓人不惜關(guān)掉網(wǎng)絡(luò)以換取安靜純粹的看書(shū)；云閱讀首頁(yè)右上角總是掛一個(gè)消息提醒的Icon（屬于頁(yè)面操作），碰巧如果你的郵箱悲催的被各種垃圾郵件干擾，這個(gè)Icon會(huì)不厭其煩的給你彈出氣泡，這個(gè)氣泡對(duì)你其實(shí)沒(méi)什么用，因?yàn)槟悴籧are這些郵件，然后很多用戶(hù)就來(lái)詢(xún)問(wèn)哪個(gè)地方有個(gè)關(guān)閉通知的按鈕（反饋系統(tǒng)看到的）。有時(shí)候?yàn)E竽充數(shù)沒(méi)做好的同時(shí)設(shè)計(jì)師還不忘給用戶(hù)閃個(gè)Tips，仿佛吼著說(shuō)“看，我在這兒”，鬼才愿意看到。新功能Tips提醒也是同樣討人厭的濫竽充數(shù)，更新或下載一個(gè)APP后總是各種提示諸如“點(diǎn)擊這個(gè)發(fā)布動(dòng)態(tài)、這里添加好友”，真的等用戶(hù)任務(wù)到了要用此模塊且不知道怎么辦的時(shí)候，結(jié)構(gòu)確給不出回答。另一個(gè)場(chǎng)景是這樣的：你選擇用掃一掃加一個(gè)朋友的微信，到“添加好友”模塊卻找不到掃一掃，而對(duì)方此時(shí)虔誠(chéng)的舉著個(gè)二維碼略帶蔑視的看著你，經(jīng)過(guò)一番周折你可能終于在“發(fā)現(xiàn)”模塊里面找到了掃一掃（也可能換其它方法），雙方一陣嘖嘖，你內(nèi)心估計(jì)會(huì)嘀咕一下微信：這是咋整的！我們避開(kāi)業(yè)務(wù)層面的（掃一掃功能增多了）討論這個(gè)現(xiàn)象，用戶(hù)的任務(wù)確實(shí)就是在“添加好友”時(shí)需要用到掃一掃，這就是說(shuō)，這個(gè)悄悄移位的的舉措一下子就讓用戶(hù)感覺(jué)到不適了。
3、照葫蘆畫(huà)瓢，遵守用戶(hù)在其它APP上的既有習(xí)慣。
組合各個(gè)模塊和布置頁(yè)面內(nèi)容、工具、操作。云閱讀4.0版本的模塊的結(jié)構(gòu)有好幾個(gè)方案，最后用的是最大眾化的底部導(dǎo)航，用戶(hù)熟悉這種交互方式是選擇此方案的原因之一。教育用戶(hù)這種事就像第一個(gè)吃螃蟹的人——付出的多收獲卻不一定豐厚。米聊大家還記得莫，國(guó)內(nèi)移動(dòng)互聯(lián)網(wǎng)即時(shí)通訊最早期試水者，微信將其秒殺后，模塊結(jié)構(gòu)卻基本被沿襲下來(lái)（當(dāng)然了也可能是巧合）；再比如下拉刷新這個(gè)已經(jīng)全民皆知的習(xí)慣，最早來(lái)自Twitter，而且也獲得了專(zhuān)利，現(xiàn)在APP中遇到列表頁(yè)需要刷新內(nèi)容時(shí)不用下拉刷新試試？這種頁(yè)面工具咱們大可不必去創(chuàng)造新輪子。在所有的APP里“設(shè)置”模塊其實(shí)像一個(gè)垃圾桶，設(shè)計(jì)師覺(jué)得不重要又不好去掉的東東都在里面堆積（相對(duì)來(lái)說(shuō)產(chǎn)品經(jīng)理更擅長(zhǎng)做這件事），這樣做的好處就是用戶(hù)的任務(wù)實(shí)在走不下去了設(shè)置可以來(lái)彌補(bǔ)，用戶(hù)用的不舒服卻沒(méi)其它辦法時(shí)就會(huì)來(lái)設(shè)置里淘淘寶試試運(yùn)氣（從用戶(hù)反饋中可以看到這些習(xí)慣），所以頁(yè)面工具在設(shè)置中基本都要有，正文頁(yè)有夜間模式工具、設(shè)置中也要有，設(shè)計(jì)時(shí)諸如此類(lèi)往往需要照葫蘆畫(huà)下來(lái)。
4、騎驢看賬本，邊上線邊改。
現(xiàn)在的APP幾個(gè)月不換個(gè)結(jié)構(gòu)出個(gè)版本都不好意思和別人說(shuō)這個(gè)項(xiàng)目還活著。云閱讀winPhone端有一個(gè)模塊是離線下載，之前離線下載完成后的資訊分布在各自訂閱源內(nèi)，用戶(hù)就跑來(lái)吼了，下好了不知道去哪里看，這不是浪費(fèi)人家流量莫；然后就多出一個(gè)模塊：離線資訊，設(shè)計(jì)師在離線資訊聚合頁(yè)中放了個(gè)離線下載的入口（頁(yè)面操作）被各方否決，理由是這個(gè)會(huì)串到離線模塊里去，而且首頁(yè)Appbar原來(lái)就有離線下載入口，于是就沒(méi)有加；上線后用戶(hù)又不樂(lè)意了，離線資訊里面想去下載不知道怎么辦，最后我們又順?biāo)傺a(bǔ)上這個(gè)入口，因?yàn)橛脩?hù)任務(wù)在這里需要而且也是常理，結(jié)構(gòu)最好滿(mǎn)足它。細(xì)算一下為了這個(gè)事情就有三個(gè)版本，不過(guò)騎驢看賬本還是蠻管用和常用的，這里對(duì)廣大用戶(hù)的期望就是你們要多吐槽啊，不管通過(guò)什么途徑，你們一句有時(shí)侯頂我們?cè)O(shè)計(jì)十句。
以上說(shuō)了四種方法，那么神馬時(shí)候這個(gè)APP算是有譜了呢？當(dāng)設(shè)計(jì)師一時(shí)描述不清APP結(jié)構(gòu)時(shí)，說(shuō)明很吻合用戶(hù)任務(wù)了。以張三豐與張無(wú)忌的對(duì)話舉例（電影版倚天屠龍記）：
無(wú)忌，你記住了沒(méi)有？
嗯，沒(méi)記住…
這套叫什么拳？
不知道…
你老爸姓什么？
我忘了。
好！只要記著把這兩個(gè)混蛋打得不成人形就是了~
還有一個(gè)和描述不清APP對(duì)立的現(xiàn)象是這樣的，公司新人接觸一個(gè)APP時(shí)總能提出巴拉巴拉一大堆不符合用戶(hù)任務(wù)的問(wèn)題，這時(shí)候深陷其中的設(shè)計(jì)師會(huì)禮貌的回答：“嗯，這個(gè)我們會(huì)考慮的。”當(dāng)然了大多數(shù)情況下是不會(huì)改的，這可能是設(shè)計(jì)師已經(jīng)忘卻最初目標(biāo)，這類(lèi)現(xiàn)象很常見(jiàn)，畢竟80%的APP都不是很成功。
其實(shí)不管是解構(gòu)還是重構(gòu)APP，都需要時(shí)刻知道自己從哪里出發(fā)的：勿忘初心。
