牆在哪兒

從設(shè)計(jì)角度看軟件使用

「牆在哪兒」岭洲，之所以取這個(gè)題目遵蚜，主要想和大家一起討論一下設(shè)計(jì)師和用戶之間著眼角度的不同。Photoshop算不算一款好軟件寞钥？?jī)?nèi)行說慌申，好得不得了，愛不釋手理郑。外行說蹄溉，什麼垃圾玩意，這麼複雜您炉。內(nèi)行說得不錯(cuò)柒爵，Photoshop提供了所有他所需要的工具，簡(jiǎn)直是百寶箱嘛赚爵。外行也沒錯(cuò)餐弱，界面一點(diǎn)也不簡(jiǎn)潔，操作也不好上手（學(xué)習(xí)曲線太長(zhǎng)）囱晴。那內(nèi)行和外行之間的「牆」在哪兒呢膏蚓？

我認(rèn)爲(wèi)兩個(gè)字——專業(yè)。請(qǐng)大家注意畸写，這裏的「專業(yè)」就一中性名詞驮瞧，絕沒有貶低外行不專業(yè)的意思。這裏說的是枯芬，內(nèi)行看到的是細(xì)節(jié)论笔，是業(yè)務(wù)邏輯采郎，是行業(yè)流程……外行關(guān)注的是印象，是界面狂魔，是上手難易……

所以蒜埋，一款軟件「優(yōu)秀與否」是有指向的。在設(shè)計(jì)師看來最楷，Photoshop很好用整份。在畫家看來，卻可能很難用籽孙。

軟件烈评，就像廚房裏的廚具，也就是計(jì)算機(jī)上的一堆工具》附ǎ現(xiàn)在講軟件越來越智能讲冠，什麼意思？我理解的智能适瓦，就是只需要很少的竿开，甚至是不需要人的參與，就能實(shí)現(xiàn)我們的意圖玻熙。

你比如做飯德迹。最初，我們做頓飯要淘米揭芍、生火胳搞、架鍋、倒米称杨、放水肌毅，而且還需要人看著（早起鍋不熟，晚起鍋又會(huì)糊了）姑原⌒可能還時(shí)不時(shí)要添添柴火。後來發(fā)明出電飯鍋锭汛，只要把水和米倒進(jìn)去就不用管了笨奠。那以後會(huì)不會(huì)出現(xiàn)「做飯機(jī)器人」，打個(gè)電話「中午十二點(diǎn)之前把飯做好」唤殴，它就自己完成從淘米到起鍋的一系列動(dòng)作般婆，而且時(shí)間還把得特好？

何謂「智能」

這就是軟件的智能化趨勢(shì)朵逝。最有名的要算Siri蔚袍。但畢竟還有很多創(chuàng)造性質(zhì)的工作需要人的參與。就好像要想吃到好菜配名，還得請(qǐng)大廚啤咽。一款好軟件會(huì)提供你所需要的一切晋辆，但一款優(yōu)秀的軟件會(huì)以某種簡(jiǎn)約、一致的方式組織這些小工具宇整。我們?cè)谑褂弥幸材芨惺艿剿脑O(shè)計(jì)理念瓶佳。這可能就是軟件的魂。

軟件定律

這裏介紹最普遍的一種做法——剝離鳞青。也可以理解爲(wèi)區(qū)分霸饲、區(qū)別對(duì)待、業(yè)務(wù)分解……

剝離

下面我們會(huì)介紹四種形式的剝離盼玄。希望通過這些例子，能讓大家感受到「再複雜的軟件也有一顆至簡(jiǎn)的內(nèi)核」潜腻。

Finding Your Personal Style

style

首先埃儿，我想講講「樣式(style)」。樣式融涣，體現(xiàn)了內(nèi)容和呈現(xiàn)的剝離童番。這句話我們先放一放。

很少人用樣式威鹿。一般也只在長(zhǎng)文本裏才用剃斧。樣式，就是給某些特定用途的文字取名字忽你，比如幼东，標(biāo)題、正文科雳、引用根蟹、強(qiáng)調(diào)……相同名字的文字會(huì)以（也應(yīng)該以）同樣的格式呈現(xiàn)，而且這格式可以隨時(shí)調(diào)整糟秘。

指定樣式有兩種方式简逮，大家熟悉的是用鼠標(biāo)選中，然後點(diǎn)選樣式尿赚。還有一種是用符號(hào)或文字標(biāo)識(shí)散庶。後一種方式看似麻煩，但很適用於手機(jī)應(yīng)用凌净，畢竟在手機(jī)那麼小的屏幕上選中一段文字還是比較麻煩的事情悲龟。大家可能聽過，很多app 都支持Markdown冰寻。這套格式規(guī)範(fàn)很簡(jiǎn)單躲舌，也很清晰，而且因爲(wèi)是全文本的性雄，便於查找（你在Word裏找一段加粗文字試試Ｃ恍丁）

再回到前面那句話「樣式羹奉，剝離了內(nèi)容和呈現(xiàn)」。我們習(xí)慣性給一級(jí)標(biāo)題改字體约计、加粗诀拭，二級(jí)標(biāo)題又怎麼怎麼……其實(shí)無非是爲(wèi)了標(biāo)明它是一級(jí)標(biāo)題，它是二級(jí)標(biāo)題……我們爲(wèi)什麼不乾脆告訴計(jì)算機(jī)煤蚌，哪些是一級(jí)標(biāo)題耕挨，哪些是二級(jí)標(biāo)題……再給每一種文字指定好呈現(xiàn)的樣子？這樣有兩個(gè)好處：一是便於以後修改尉桩，不用再一個(gè)一個(gè)手動(dòng)調(diào)整筒占；二是可以把樣式保存起來，省得每次調(diào)格式蜘犁。

當(dāng)你知道了樣式的概念翰苫，你看到的版面就不再是這一個(gè)色塊、那一個(gè)色塊这橙，而是層次分明的架構(gòu)奏窑。這充分說明分解打碎是爲(wèi)了更加有序。有序的東西呈現(xiàn)給我們的是一種隱約的簡(jiǎn)約屈扎，傳遞給你一種不可言說的美感埃唯。

Excel at what you do （幹一行，鑽一行）

excel

Excel看起來像一張大表，用起來像一張大表，印出來更是一張大表殃恒，但其實(shí)它是一個(gè)小型數(shù)據(jù)庫(kù)。所以巍实，如果你不瞭解數(shù)據(jù)庫(kù)的一些基本要點(diǎn)，Excel用起來就會(huì)很煩瑣哩牍，表格真就變成了蛛網(wǎng)棚潦。

如果平時(shí)你就拿Excel打個(gè)名單啥的，這類美化的活PowerPoint也能做膝昆，而且做得更精緻丸边。Excel擅長(zhǎng)的是數(shù)據(jù)處理和分析（倒不是說它有多優(yōu)秀，只是足夠用了）荚孵。當(dāng)你面對(duì)一項(xiàng)有上千項(xiàng)數(shù)據(jù)的工作時(shí)妹窖，你就得站在數(shù)據(jù)庫(kù)的角度來審視從設(shè)計(jì)表格、規(guī)整數(shù)據(jù)到轉(zhuǎn)換分析的一系列過程了收叶。

首先骄呼，你應(yīng)該把這項(xiàng)工作涉及的數(shù)據(jù)分爲(wèi)三類：一類是固定不變的數(shù)據(jù)（我們稱之爲(wèi)「配置參數(shù)」）；一類是錄入的數(shù)據(jù)（就是我們要處理的那坨玩意）；一類是計(jì)算機(jī)分析處理得到（自動(dòng)生成）的數(shù)據(jù)蜓萄。

這時(shí)隅茎，你潛意識(shí)裏已經(jīng)有了MVC的概念了，即Model-View-Controller（模型-視圖-控制器）嫉沽。這是軟件設(shè)計(jì)上的一種套路辟犀。View就是界面，Model就是錄入的數(shù)據(jù)绸硕，Controller就是彙總分析堂竟。

這之中，你還不知不覺地運(yùn)用了一些數(shù)據(jù)庫(kù)設(shè)計(jì)的基本原則：

規(guī)則一：每張表都分解到最簡(jiǎn)（每列只含一個(gè)數(shù)據(jù)）

規(guī)則二：每條記錄皆可追溯（每條記錄都有唯一標(biāo)識(shí)玻佩，黑話叫「屬性完全依賴於主鍵」）

舉個(gè)例子出嘹，你去相親，你老媽讓你彙報(bào)一下相親的成果咬崔。你列了幾條税稼，準(zhǔn)備去彙報(bào)。

原始記錄

這就不符合「規(guī)則一」刁赦，在一列裏頭塞入了太多東西娶聘。

範(fàn)式一

如果你相了兩個(gè)姑娘闻镶，碰巧她們又都叫「張珊」甚脉。那就不符合「規(guī)則二」，不能唯一標(biāo)識(shí)铆农。你可以給每個(gè)相親對(duì)象賦一個(gè)編號(hào)牺氨，或者用身份證號(hào)這類唯一的標(biāo)識(shí)去區(qū)分她們。

再比如墩剖，你沒必要每次和「張珊」約會(huì)都登記一遍人家的基本信息猴凹。

冗餘

這不符合「規(guī)則三」。

規(guī)則三：不要重複累牘

範(fàn)式

等你瞭解了這些岭皂，Excel於你就只剩下技巧了郊霎。下面再介紹幾個(gè)技巧和誤區(qū)。我會(huì)按照從設(shè)計(jì)到分析的流程來介紹爷绘，方便大家記憶书劝。

• 設(shè)計(jì)階段

  • 屬性（字段）不完整；
  • 把本該記錄在標(biāo)籤上的標(biāo)題寫進(jìn)了表格土至；
  • 凡同一屬性的數(shù)據(jù)购对，都應(yīng)記錄在同一列（同一字段）下；
  • 數(shù)據(jù)錄入的動(dòng)作與業(yè)務(wù)流程不一致陶因；

    tips:

    按住shift可以調(diào)整整行整列骡苞；
    - 把數(shù)據(jù)打散到不同的工作表中；
    - 合併單元格（合併以後，只有首個(gè)單元格有數(shù)據(jù)解幽，其他都是空白單元格）贴见；

• 錄入階段

  tips:

  • 批量錄入：ctrl+enter
  • 定位：f5（或ctrl+G）

• 規(guī)整階段

  tips:

  • 選擇性粘貼 → 轉(zhuǎn)置
  • 設(shè)置單元格格式：ctrl+1

• 分析階段

  • 不要在原始數(shù)據(jù)表中作分析；

Make Your Point Powerful

幻燈

我們常用PPT指代「幻燈」亚铁。其實(shí)蝇刀，PowerPoint就是一個(gè)盛菜的盤子，一個(gè)裝素材的容器徘溢，只靠這盤子是做不出菜來的吞琐。素材大都是用別的軟件（比如Photoshop）做的，或是網(wǎng)上搜的然爆。

後面培訓(xùn)安排我講怎麼做PPT站粟，我取的題目是「忘了幻燈」≡瘢幻燈只是個(gè)輔助工具奴烙，就像手機(jī)一樣，不要因爲(wèi)手機(jī)功能強(qiáng)大了剖张，反而把自己當(dāng)作了一個(gè)手機(jī)托架切诀。

還是回到製作幻燈的軟件本身。如果你去設(shè)計(jì)這麼一款軟件搔弄，你最覺得什麼功能必須有幅虑？我認(rèn)爲(wèi)是「觸發(fā)」」擞蹋幻燈是配合你的演講倒庵、你的授課的。怎麼配合炫刷？就是到某個(gè)點(diǎn)上擎宝，出現(xiàn)某個(gè)畫面或某條提示。怎麼觸發(fā)浑玛？到了某個(gè)時(shí)間點(diǎn)觸發(fā)（不常用）绍申；手動(dòng)觸發(fā)（自己或工作人員根據(jù)內(nèi)容、進(jìn)度去觸發(fā)顾彰，就是我們常說的「點(diǎn)課件」）极阅；條件觸發(fā)（滿足某個(gè)條件自動(dòng)觸發(fā)。這樣可以實(shí)現(xiàn)條件跳轉(zhuǎn)拘央。一般添加動(dòng)畫時(shí)用）涂屁。觸發(fā)的結(jié)果呢？出現(xiàn)下一條提示（順序執(zhí)行）灰伟；跳到順序路徑之外的提示上（條件跳轉(zhuǎn)）拆又。

The layers of meaning

圖層

之前我推薦過一本書「選擇的藝術(shù)」儒旬。它主要說，用好Photoshop的關(guān)鍵在於帖族，精確地提取我們想要變換的元素栈源。Photoshop的定位是圖像合成軟件。所以竖般，它提供了一系列精細(xì)操控的工具甚垦，圖層、選區(qū)涣雕、蒙板……這些工具千差萬別艰亮，但有一個(gè)共同的使命——幫助我們?nèi)ψ∥覀兿胍臇|西。

我不是這方面的專家挣郭，具體的我不講迄埃，免得「業(yè)內(nèi)人士」笑我。

上面兑障，我們介紹了內(nèi)容和呈現(xiàn)的剝離侄非、原始數(shù)據(jù)和處理流程的剝離、素材和呈現(xiàn)方式的剝離流译、圖像元素之間的剝離逞怨。

回到最開始，就像擺弄廚具的目的是爲(wèi)了做出一頓好菜福澡，使用軟件也僅僅是爲(wèi)了完成某件事叠赦。軟件本身，只是被藉助的對(duì)象竞漾，真正值得關(guān)注的是這項(xiàng)工作背後的業(yè)務(wù)邏輯眯搭。我們學(xué)習(xí)軟件窥翩，不需要過多地抱怨怎麼怎麼難用（這些令人詬病的地方业岁，恰恰反映了設(shè)計(jì)者對(duì)業(yè)務(wù)的思考，對(duì)這個(gè)行業(yè)的理解寇蚊，還有他自己的工作習(xí)慣）笔时，而是應(yīng)該更多地關(guān)注設(shè)計(jì)者是怎麼去分解流程，怎麼去提取關(guān)鍵節(jié)點(diǎn)仗岸，提供了哪些工具去完成這些工作的允耿？

最後，模仿不知道從哪看來的一句話作結(jié)扒怖。

真想用好一款軟件较锡，必須讀懂她的「小邏輯」

好軟件