我們長這么大，使用那么多的產(chǎn)品，進行那么多的交互。我們無法避免遇見一些讓人糟心的產(chǎn)品，一些反人類的交互。我們肯定當時也想過如果換做是自己，自己會怎么去設(shè)計這個產(chǎn)品。如果可以歸納出一種通用的交互設(shè)計方法，那該多好啊。本章會將一套方法論，并對這套方法論進行實踐，發(fā)明蘋果公司的iPod。

整個方法論并不是一個線性的過程，時間、空間、使用者、媒介、目的，這5個要素都是互相交織的。在設(shè)計的過程中需要循環(huán)往復(fù)地考慮，牽一發(fā)而動全身?？臻g要素初步是為了塑造一個大致形狀體積的產(chǎn)品黑體，之后添加了媒介的要素是需要循環(huán)考慮空間要素的

下面方法論里問到的問題只是作為一個引子，真的要進行思考的話，各位讀者還是得回到相應(yīng)的篇章進行詳細思考。我建議讀者一開始不要把所有的點給考慮進去，比如你還沒有確定需要什么媒介信息接收器和信息發(fā)送器的時候。就沒必要考慮關(guān)于媒介信息發(fā)送器和接收器的問題，不然很容易就被自己現(xiàn)有的經(jīng)驗所束縛住。

為了讓大家閱讀方便，我將方法論整理成一張圖來展現(xiàn)，用手機觀看的讀者可以放大查看。

以上便是這本書關(guān)于交互設(shè)計的方法論，你可以根據(jù)這個方法去對身邊的所有產(chǎn)品進行分析，找到其中的不足，從而改進它。

光說不練假把戲，下面我就要根據(jù)上面的方法論去發(fā)明iPod出來。如果你是一名交互設(shè)計師，建議你可以自己用上面的方法論去先行設(shè)計一次，然后再繼續(xù)看下面我的案例。當然愛動腦筋的小伙伴也可以自行嘗試一遍，嘗試完了，再接著看下面的內(nèi)容。

交互設(shè)計實踐：如何發(fā)明iPod

這個章節(jié)是本書stump理論的綜合運用，這里發(fā)明iPod的過程肯定與多年前蘋果公司iPod發(fā)明過程有所區(qū)別。究竟蘋果公司發(fā)明iPod的過程是怎么樣的，我也無從得知。

大家需要了解，如果我們直接想，很容易想到現(xiàn)在手機屏幕這方面去了。想要發(fā)明iPod，你得在當時所擁有的技術(shù)條件下創(chuàng)新，不然很容易直接跑到未來的科技上去了。一般來說可以依據(jù)iPod誕生前的市面上所擁有的技術(shù)基礎(chǔ)上進行設(shè)計。

但當時的技術(shù)水平是怎么樣的，我其實也不太了解，有興趣的讀者可以自行去查找相關(guān)資料，我下面的設(shè)計過程是使用一種更加簡單粗暴的邏輯，不管競品的形態(tài)，直接從0開始一步一步進行演繹，如果當前技術(shù)可以實現(xiàn)，那就應(yīng)用進去。當前技術(shù)還無法實現(xiàn)，那就等待相應(yīng)技術(shù)發(fā)明出來，一旦發(fā)明相應(yīng)技術(shù)了，就能夠應(yīng)用在新產(chǎn)品上，搶奪市場先機。

分析過程

目的 1：我想要一個可以隨時隨地聽歌的產(chǎn)品

這個其實是一個最簡單的目的，還有很多功能是使用者想要的，比如能夠，看到歌曲名字，看到播放進度等等，都不包含這個目的里面。

stump分析：

（1）絕對位置：使用者的絕對位置

問 1：使用者所在的地方是在地圖上的哪里，周圍氣候環(huán)境是怎么樣？

答：全世界只有有人的地方都可能使用，什么環(huán)境下都有可能

問 2：在家使用，在學(xué)校使用，在公司使用，在車上使用？

答：這些地方都有可能使用

問 3：使用者使用時絕對位置會變化嗎？

答：邊聽歌邊行走，是會發(fā)生的

（2）絕對位置：媒介的絕對位置

問 1：所在的地方是在地圖上的哪里，周圍氣候環(huán)境是怎么樣？

答：任意地方，任意環(huán)境

問 2：產(chǎn)品被使用時絕對位置會變化嗎？室內(nèi)還是室外使用？

答：會發(fā)生變化，室內(nèi)室外都有可能

（3）使用者的空間姿態(tài)

問 1：使用者在使用時姿勢是怎么樣的？是坐著，站著，躺著，走著，還是其他的姿態(tài)進行使用？

答：使用者在任何姿態(tài)下都可能使用產(chǎn)品

問 2：信息發(fā)送器的姿態(tài)是怎么樣的？手的形狀是握著，還是張開，還是觸摸？

答：一般是一只手握著的

（4）媒介的空間姿態(tài)

問 1：體積多大：硬幣那么大，手掌那么大，電腦那么大，椅子那么大，桌子那么，冰箱那么大，門那么大？

答：最大不過手掌那么大，能夠放進口袋.

問 2：外形長啥樣：三角金字塔形，圓柱形，正方體，長方體，球形。

答：因為要放進口袋，隨身攜帶，最好是扁的，不尖銳的。

問 3：朝向變化嗎？一般朝向是怎么樣的？

答：一般喇叭，操作區(qū)域朝向臉。

結(jié)論：

通過上面的分析，我們得到了上面5種形態(tài)的產(chǎn)品（還有可以是很多種形狀，就不一一列出來了）通過上面的文字可以知道按下可以播放歌曲，再按下可以停止播放。

當然如果這款產(chǎn)品真長這樣，必然不能推上市場的，它不能更換電池，導(dǎo)致只能使用1次，不能更換歌曲，只能聽已經(jīng)儲存在里面的歌曲。現(xiàn)在距離我們的iPod發(fā)明還差得遠，產(chǎn)品經(jīng)理肯定不會做一個只能放歌的只能用一次的產(chǎn)品，會有其他功能。那我們選取上面的其中一種最常見的形態(tài)，矩形進行下一步的設(shè)計，當然你也可以選擇其他形狀進行設(shè)計。

該產(chǎn)品的六視圖如下：

正面是有喇叭和一個播放停止按鍵，背面只有l(wèi)ogo，其他面沒有任何東西。

目的 2：可持續(xù)使用

stump分析：

使用時間：

問：使用時間固定嗎？一般使用時間有多長

答：使用時間長度不固定，我可以隨時聽歌，也可以隨時停止聽歌

問：時間會影響到媒介的什么方面

答：電量會隨著使用時間變長而減少，有可能還會發(fā)熱，會老化

結(jié)論：

技術(shù)大佬說如果想要播放和停止都快，就需要待機才能做到。但產(chǎn)品經(jīng)理希望省電，讓續(xù)航久一些。那要兼顧兩種需求，就必須不能一直待機，不然沒多久就沒電了。所以需要增加一個開關(guān)機的功能。

如下圖1所示：

加了開關(guān)雖然可以節(jié)省一定的電量，但電量終有一天會用完。不能持續(xù)運作的產(chǎn)品，就是一次性產(chǎn)品。我們需要能夠續(xù)航，圖2和圖3是一次性電池替換示意圖，當然也可以是諾基亞的扁平電池，或者像圖4那樣直接給充電口進行充電。技術(shù)大佬說我們現(xiàn)在可以使用充電的方案。

因為電量會隨著使用時間而變化，使用者會想要知道當前電量，所以可以增加幾個電量指示燈（信息發(fā)送器）。

因為我們采用充電的方案，如何打開電池蓋的很多交互設(shè)計方案，在這里就不說了，有興趣的可以自己去分析一下。

目的 3：可以換歌單

stump分析：

使用時間：

問：時間會影響到使用者的什么方面？

答：聽相同的歌久了會膩

結(jié)論：其實不用stump分析，換歌單也是很容易就得出的需求。我們需要可以更換歌曲，接下來我們要考慮的是現(xiàn)在有什么技術(shù)可以讓用戶更換歌曲。

圖1是光碟，圖2是錄音帶，圖3是sd卡，圖4是內(nèi)置了歌曲儲存裝置，可以外接電腦進行歌曲更換。這是受科技影響的，如果所處的時代只有光碟，那就只能使用更換光碟這種方式了（有的年輕的讀者可能不知道光盤，錄音帶這種古董了），交互設(shè)計師就要考慮怎么更加容易更換光碟。但技術(shù)大佬說我們可以做到數(shù)據(jù)傳輸?shù)姆桨福侨绾胃鼡Q光碟的交互就不說了，有興趣的可以自己去分析一下。

目的 4：控制音量

stump分析：

相對位置：使用者與媒介的相對位置

問：使用時間里，使用者和媒介的相對位置會變化嗎？如何變化？

答：相對位置會變化，比如我在客廳放著歌，隨著歌聲跳舞，或者進房間，下樓拿外賣等等

結(jié)論：

產(chǎn)品發(fā)出的歌聲是聲波信息，隨著使用者和產(chǎn)品的距離越大，這個信息慢慢衰減。當相對距離達到一定程度時，我們便聽不見了。

我們不能說出廠設(shè)置就把聲音弄到最大。因為使用者有近距離使用的情景，造成聽力下降，也會處于不同的絕對位置，比如在宿舍，公司，就會影響到周圍的人。所以聲音出廠設(shè)置成最大也是不行的，因此我們需要有可以調(diào)節(jié)音量的功能。

如下圖所示，增加了一個音量滑軌，當然你也可以像現(xiàn)在的手機控制音量一樣，增加兩個按鍵，一個增大音量一個減少音量?，F(xiàn)在無論采取哪種方案都行，這不會影響到最終的形態(tài)，因為還沒到對這些信息接收器進行分析的時候。

這個音量也可以是下面的設(shè)計方式，還是跟剛才說的一樣，現(xiàn)在還沒到對信息接收器進行分析的時候，怎么樣的形式都行，不過下面的這些設(shè)計方式就不遵循“左小右大，下小上大”或者“平衡原則”的邏輯了。你可以現(xiàn)在就應(yīng)用這些邏輯，也可以之后等真正分析信息接收器的時候再應(yīng)用這些邏輯。

目的 5：切換歌曲

歌曲是一首一首播放的，聽完這一首自動會播放下一首，如果我還想再聽剛才的那首歌，我需要有辦法回到上一首。如果這首歌爛大街了，我現(xiàn)在聽膩了，我需要有辦法直接播放下一首。

結(jié)論：我們加入“上一首”按鍵和“下一首”按鍵來實現(xiàn)。

如下圖所示：

目的 6：快速定位歌單位置

歌曲是一首一首播放的，歌單中有多少首歌取決于儲存裝置能存儲多少首歌，作為用戶，我肯定是希望越多越好的。但能存儲多少首歌不是交互設(shè)計師能夠決定的，而是當時的技術(shù)發(fā)展。就好比我們的DVD光碟，它能夠刻錄20首左右的mv，很多年齡比較的小讀者可能都不知道DVD這個玩意是什么了。

如果當前的設(shè)備只能固定存儲10首歌，我們可以給每一首歌都單獨設(shè)置一個按鍵，想要播放哪一首就播放哪一首。如下方圖1所示，當然這種方案的局限性非常大，歌曲少于10首時，有的按鍵沒有作用，歌曲多于10首時，比如15首，難道要增加5個按鍵嗎？作為交互設(shè)計師，我們肯定不希望用戶去記憶有多少首歌，這相當于絕對控制。

假如有100首歌，我們不會加100個按鍵進去，但不停地點上一首，下一首又太慢了，能不能幾首幾首地跳。我們可以增加進度跳躍的功能。如圖2，可以有10個小燈，當播放的歌曲在歌單的排列位置的0%～10%時，第一盞燈會亮起。起到顯示當前播放歌曲在總歌曲中的大概進度。如果你想聽的歌大概在后面10首里面，那你就可以多按幾下后跳按鍵。當?shù)?0個指示燈亮起時，再通過下一首按鍵，找到你想要聽的歌了。

但如果里面的歌不止100首，而是1000首歌的時候呢，分成10份，每一份有100首歌的范圍，也是很麻煩的。我們也不能說在上面加100盞指示燈吧。我問技術(shù)大佬，現(xiàn)在的技術(shù)可以做到顯示百分比嗎？

技術(shù)大佬說可以，那么就有了圖3的設(shè)計，將整個歌單劃分成100份，較為精細地顯示進度，也非常直觀地知道是在百分之多少，如果是100盞燈，你還得大概看一下這盞燈在哪個位置。

雖然現(xiàn)在可以按照百分比進行跳躍，但實際上，還是只能定到一個大概的位置。還是需要一首一首地聽，這首歌是不是我想要聽的那一首。

如果能看到歌名就最好，但現(xiàn)在技術(shù)大佬告訴我，以現(xiàn)在的技術(shù)沒有辦法看得到，最前沿的電子顯示就是顯示百分比了。那視覺信息沒辦法做到，那有沒有其他信息線可以讓我知道播放的是哪一首歌呢？聽覺可以嗎？可以是可以，但本來這首歌一旦播放，你就知道是不是自己想要聽的歌。

所以就以目前使用者的需求：“想要定位到自己想聽的那一首歌?！眮碚f加一個按鍵可以播放當前歌名，是非常雞肋的。

目的 7：隨機播放，順序播放

之前聽歌都是按照順序的，聽膩了，加入隨機播放功能。

如下圖所示：

目的 8：看到歌名，選擇歌曲

1999年2月31日，當我正在和喬布斯談笑風生的時候，技術(shù)大佬突然打開門，興奮地對著我們說，屏幕技術(shù)進步了，現(xiàn)在可以做到顯示歌名了，那時候喬布斯的笑，我到現(xiàn)在都記憶猶新。

現(xiàn)在我們可以將歌單放在屏幕里，當然不可能全部顯示，這就是功能的邊界大于信息發(fā)送器邊界的情況。如下圖所示，我們現(xiàn)在可以一邊聽著歌，一邊按上下鍵看看有什么歌。

信息接收器發(fā)送器的表現(xiàn)設(shè)計：

問：采用下面的哪些設(shè)計對內(nèi)容進行表現(xiàn)：文字，圖標，圖案，動圖，視頻，聲音，觸感，味道？

之前說過，表現(xiàn)設(shè)計轉(zhuǎn)化這一步在任何時候都可以進行，你在添加控制音量功能時就能用喇叭圖標。我看加的功能都挺多的了，就先轉(zhuǎn)化一下。我將所有的文字都轉(zhuǎn)化為圖標。當然你也可以保留一些文字，其中的取舍我在上一章中提到過。至于這些圖標具體的細節(jié)，就由視覺設(shè)計師來進行設(shè)計了。

轉(zhuǎn)化示意圖如下：

stump分析：

絕對時間：

問：有固定使用時間嗎？年月日的具體哪個時間使用？使用結(jié)束的時間點一般是什么？

沒有固定使用時間，年月日不會影響聽歌的目的，會在一天中的任意時間點開始使用，在任意時間點結(jié)束使用。我們需要考慮當我們在晚上在外面行走時使用，我們還能接受到什么信息線？

技術(shù)大佬跟我說，現(xiàn)在這個屏幕不會自己發(fā)光，如果周圍沒有路燈，我們?nèi)绻麕硎蛛娡材沁€能照著看一下。如果沒有帶，憑借月光很難看清屏幕上的內(nèi)容。只能我們在屏幕四周加進燈來照亮屏幕了。

設(shè)計圖如下圖所示：

理論上每添加一個信息發(fā)送器或接收器，就要考慮一遍stump，但也可以多加幾個后再統(tǒng)一考慮stump。即便我們沒有屏幕這個技術(shù)的時候，考慮這種情況，那你就會在按鍵上加入燈或者夜間能發(fā)光的化學(xué)物質(zhì)。

上面的3幅圖中第1幅到第2幅，是表現(xiàn)設(shè)計的轉(zhuǎn)化。在添加的時候可以進行轉(zhuǎn)換，也可以等功能都準備差不多了，再統(tǒng)一轉(zhuǎn)換。而第3幅則是通過方法論推論出來的一種可能的設(shè)計，可以調(diào)節(jié)背光燈的亮度，當然了一個按鍵也可以調(diào)節(jié)背光燈亮度，每按下一次，亮度變化一次，假如有亮度有3種，低中高，若現(xiàn)在是沒有背光燈，按一下就是低亮度，再按一下中亮度，再按一下高亮度，再按一下沒有背光燈。

通過stump的絕對時間中“時”分析，你會發(fā)現(xiàn)白天的時候，因為太陽當空照，光線充足。你即便開啟了背光燈，也不會察覺，這樣就造成電量浪費。所以需要有定時關(guān)閉背光燈的交互設(shè)計，有的小朋友可能就會說了，我像手機那樣加一個光線感應(yīng)元件不就好了嗎？

讓亮度隨環(huán)境而變化，先不說那時候有沒有光線感應(yīng)元件這種東西，就算有，產(chǎn)品經(jīng)理說這成本太高，不能這樣做。（當然我覺得喬布斯可能不會說成本太高）

有的小朋友就很好奇，我自己光說通過stump分析得到需要背景燈，得到可以使用上下兩個按鍵調(diào)節(jié)亮度，或者一個按鍵多次點擊調(diào)節(jié)亮度。這些想法究竟是怎么想出來的，能不能把stump的過程寫出來呀？那么接下來我將用選擇歌曲功能作為例子詳細地將stump分析過程寫出來。

目的 9：選擇歌曲功能

（1）要素自身分析

問：功能的邊界，連續(xù)性，變化方向性？

答：歌曲數(shù)量是有限的，屬于雙邊界，而狀態(tài)數(shù)量隨歌曲數(shù)量而變化，會有很多。排列是連續(xù)的，選擇時在歌單中的排序會變大變小

問：信息接收器的邊界性，維度性，方向性可以是什么樣的？

答：邊界可大可小，維度可以是點，可以是線。方向遵循“下小上大”的邏輯即可。

問：信息發(fā)送器的邊界性，維度性，方向性可以是什么樣的？

答：邊界就是屏幕大小，發(fā)送器的邊界小于功能邊界。信息發(fā)送器的維度是面，方向：歌曲上下顯示。

（2）要素間關(guān)系分析

問：功能邊界，信息接收器邊界，信息發(fā)送器邊界關(guān)系是怎么樣的？A>B/A=B/A<B？使用絕對控制？相對控制？是否追求精度？是否追求速度？

答：因為功能的邊界為雙邊界，邊界范圍大（狀態(tài)數(shù)量非常多），功能邊界大于信息接收器邊界。還要要追求中等程度的精度，和快速選擇想要聽的歌曲，也就是還要追求速度。所以我們想要相對控制的控制方式。

雖然現(xiàn)在可以確定使用相對控制，我接下來還是會把絕對控制的相關(guān)內(nèi)容都寫出來，跟大家一同進行分析。

信息接收器的設(shè)計：

1）假如我們使用點控制

一個向前選，一個向后選。那么我們無法做到快速定位。需要頻繁點擊，當然也可以用長按點安靜，通過時間維度來快速選取，所以這個方案待定，看看有沒有更加好的方案。上下兩個按鍵的方案如下圖所示：

2）假如使用線接收器進行絕對控制

則可以做到快速定位。但使用絕對控制會很難定位到我們想要的那一首歌，下圖為使用滑塊絕對控制的示意圖，假如有900首歌，但滑塊的長度只有這屏幕這么長，往往輕輕往上移動一下，就往前跳躍了十幾首歌了。

線接收器的絕對控制示意圖如下：

3）假如使用線接收器進行相對控制

在滿足了快速定位的同時，我們想要中等程度的精度，因為這個設(shè)備的空間大小有限制，而功能的邊界又非常大。所以我們可以使用相對控制的方案，現(xiàn)在已經(jīng)確定了使用線性的信息接收器。邊界越長，我們操作空間就越大。

因為使用線性相對控制，在精確度不變的情況下，信息接收器的邊界越大，控制的范圍越大。所以我們希望要盡量加大信息接收器的邊界，讓我們能夠更加快速地進行定位。

（3）要素間關(guān)系分析

問：功能連續(xù)性，信息接收器維度性，信息發(fā)送器連續(xù)性關(guān)系是怎么樣的？點？多點？線？2線？面？3線/體？

答：功能為多點，信息接收器為線，信息發(fā)送器為多點

問：功能變化方向性，信息接收器方向性，信息發(fā)送器方向性關(guān)系是怎么樣的？左小右大？下小上大？平衡原則？

答：功能會變大變小，信息發(fā)送器和信息接收器的方向要保持一致性。

為了更好地說明保持一致的含義，我用按鍵示意給大家說明一下。下面的第1幅圖是下面3幅圖中最好的方案。第2幅圖的設(shè)計跟人的認知相沖突。我在《術(shù)-媒介的信息接收與發(fā)送》中說過，信息發(fā)送器或接收器有兩點或更高緯度時，因為存在于空間之中，本身就方向性。所以即便是第3幅圖媒介沒有說“任何話”也比第2幅圖的設(shè)計要好。

結(jié)論：

從上面的stump分析得到以下的一些結(jié)論：

• 我們使用相對控制
• 信息接收器使用線性輸入
• 信息接收器邊界盡可能大

機械方案示意圖：

分析：

圖1是點控制方案，圖2345都是滾輪的方案，圖2雖然是滾輪，但沒有辦法做到連續(xù)操作，手指移下去之后，必須要從空中移上去，再往下移動。圖3是類似手表的旋鈕操作，需要兩個手指進行控制，能用一個手指就別用兩個手指。

圖4和圖2類似，只是位置上不同，個人認為圖4是要優(yōu)于圖2的，因為考慮使用者信息發(fā)送器的姿態(tài)的，手握住的時候，拇指是在側(cè)邊。圖5是為了能夠持續(xù)性操作而采取的方案。圖6這是圖5的信息接收器移動位置，加大邊界范圍，以便能夠控制速度能夠更快。圖7和圖6其實一樣的，圖5和圖6都是帶鋸齒的圓盤，實際上不會采用的，只是我為了將整個思考過程展示給你而畫的。

觸摸方案示意圖：

分析：

圖1是滑塊絕對控制；圖2是觸摸絕對控制；圖3是觸摸相對控制；圖4是觸摸相對控制，擴大了信息接收器的邊界；圖5是觸摸相對控制，為了可以無限操作進行首尾相連；圖6是對信息接收器進行相對位置移動，為了對稱美觀。圖7是進行因為圓環(huán)要比方環(huán)操作更方便進行優(yōu)化的方案。

小結(jié)：

上面就是關(guān)于選擇歌曲功能的《術(shù)-媒介信息接收與發(fā)送》相關(guān)內(nèi)容的分析，除了選擇歌曲功能外，我們還需要對已有的功能進行同樣的分析，比如播放/暫停，充電，換歌單，控制音量，切換歌曲，開關(guān)機，選擇播放模式等。過程和上面是基本一致的。我打算將音量控制從滑軌改成使用兩個按鍵，一個加大聲音放上面，一個減少聲音放下面。

（4）功能間關(guān)系分析

問：功能間交叉關(guān)系

答：開機狀態(tài)和播放模式，音量調(diào)節(jié)是交叉關(guān)系

問：功能間平行關(guān)系

答：控制音量和控制燈是平行關(guān)系

問：功能間互斥關(guān)系

答：開關(guān)機狀態(tài)是互斥關(guān)系，播放模式是互斥關(guān)系

優(yōu)化策略：

問：維度變化性？高維度節(jié)省時間，低維度節(jié)省空間？高維度容納低維度？

答：互斥的點功能可集合使用線的信息接收器。開關(guān)機是互斥點功能和播放模式是互斥點功能。開機后，要么隨機播放要么順序播放?？梢詫Ⅻc功能集合一起使用線接受器。

當然音量也是跟關(guān)機互斥的，我們可以試一下，音量為0時關(guān)機，調(diào)大音量就開機。但因為音量的狀態(tài)多，不是點功能，我們很難選取到之前的音量大小，如果一下子太大聲了，就會影響聽力。所以還是使用播放模式結(jié)合開關(guān)機。

采用滑塊方案的不足就是互斥的功能點數(shù)量最好不要超過3個。當是3個的時候，移動具有確定性，不容易錯誤。但4個或者5個，就不具備這種優(yōu)勢了，很難判斷位置。比如我們增加1個單曲循環(huán)模式，應(yīng)該拆分出來會比較合適。當然4個互斥的功能點放在同一個滑塊上也是可以的。這個時候就需要做實驗，給模型用戶使用，觀察效果了。

上面圖中的方案存在表現(xiàn)層面問題：媒介跟人“交流”太小聲了（圖標太小了），人們很難看清這些圖標。同時沒有了對稱性，不美觀。能不能信息接收器（滑塊）居中放置，信息發(fā)送器（圖標）也能夠大些呢？

下圖就是我想到的方案：

問：但這個方案怎么才能實現(xiàn)呢？

這是工業(yè)設(shè)計師要思考的問題，而不是交互設(shè)計師。我簡單想了一下可以實現(xiàn)的機械結(jié)構(gòu)，如下圖所示：

答：上圖只是一個可能的機械結(jié)構(gòu)，你可以使用圖中的這種機械結(jié)構(gòu)，或是使用磁鐵讓滑塊懸浮，或者其他。交互設(shè)計師不需要想怎么實現(xiàn)，這已經(jīng)屬于媒介黑箱子的內(nèi)容了。

上面一排表現(xiàn)形式的優(yōu)化思路，各位讀者可以自行分析一下這些思路為什么可行。

使用滾輪：

上圖的方案是使用滾輪（線的信息接收器）的實現(xiàn)方案，那么這個方案可行嗎？

我們可以stump分析一下，我們很容易想到使用過程中空間要素-媒介信息接收器的位置變化。你會放進拿出口袋，在這個過程中很可能會與口袋的摩擦，造成滾動。

當然因為這個信息接收器是在媒介頂部，產(chǎn)品的空間姿態(tài)一般是豎著放進去，這種情況還是比較少發(fā)生的，這就是考慮了空間要素媒介接收器空間姿態(tài)，空間相對位置變化的作用。但不管怎么說，都是比滑塊要更加容易產(chǎn)生移動的。這也是為什么iPhone從第一代開始，靜音的撥動控件是前后撥動，而不是上下?lián)軇印，F(xiàn)在手邊有iPhone的讀者可以看一下。

選擇播放模式其實不是一個高頻操作，因為屏幕的可變性，高維度可以實現(xiàn)這一功能，蘋果將其移到軟件層面。但iPod shuffle因為其定位是輕便讓你感受不到它的存在，需要非常小的體積加上觸摸屏技術(shù)未發(fā)展，導(dǎo)致其無法擁有屏幕，所以選擇播放模式功能還是使用了實體按鍵。

優(yōu)化策略：

問：組合性？

答：目前功能都比較簡單，沒有想到什么需要進行組合優(yōu)化的，讀者可以自行去想一下。

問：可變性？

答：在不同情況下，同一個信息接收器控制不同功能，同一個信息發(fā)送器展示不同功能狀態(tài)。可以在播放頁面用滾輪控制音量。這點是我沒有去做的，因為滾輪這個東西我很喜歡滑動的感覺，如果我在播放界面看著歌詞，

目的 10：看歌詞，看播放進度

軟件開發(fā)工程師說，我們編程技術(shù)進步了，可以有兩個頁面了。

我們可以看到歌詞和歌曲播放的進度了。如上面第三幅圖所示。我們進入了這個界面，得有個出口，先增加一個歌單按鍵，現(xiàn)在就直接將它轉(zhuǎn)化為圖標，用3條橫杠來代表歌單，如上面第二幅圖所示。按下歌單按鍵，就能從播放界面（圖3）返回到歌單界面（圖2）。

細心的讀者可能發(fā)現(xiàn)，播放界面時屏幕右上角顯示電量了，之前一開始加入屏幕也可以顯示電量，當然現(xiàn)在加入也不遲，這不影響。屏幕的可變性，我們可以將很多東西都放到屏幕里，音量，播放模式，歌單，切歌等等。但現(xiàn)在先當做當時軟件還沒有那么發(fā)達，只能做兩個頁面。

優(yōu)化策略：

問：多樣性？

不知道有沒有自己先嘗試設(shè)計iPod的小伙伴，你們考慮到?jīng)]電的時候屏幕里彈窗提示。如果你只想到了屏幕上的提示，那是不夠的，很大程度是因為你習慣性將手機上的交互移到這里來。通過空間要素分析，我們知道在使用過程中，人的眼睛很大可能跟屏幕沒有信息交流。

所以如果只能有一種提示方式時，選擇聲音提示要比屏幕彈窗要好。當然聲音進行提示的同時，屏幕也可以適當提示。這就是多樣性：同一個功能狀態(tài)變化，可以有多個信息發(fā)送器。

電量的不足聲音提示，就是媒介說：“我沒電了，快給我充電。”至于是通過真正的語言告訴沒電，還是“滴滴”幾聲，這又需要進行考慮。如果只有沒電這種情況進行提示的話，屏幕出現(xiàn)提示，聲音是“滴滴”，我們就能將“滴滴”聲音和沒電關(guān)聯(lián)起來。如果沒有屏幕，只有滴滴，那用戶第一次聽到會覺得是不是有什么問題。多幾次就學(xué)會了。

電量有狀態(tài)變化的，剛才的是電量減少的相關(guān)思考，那充電，又該如果表現(xiàn)呢？文字“充電中”？一個電量圖標？動圖：電量圖標的黑色格子數(shù)量從少變多？采取哪種方案并沒有標準答案，視技術(shù)水平和開發(fā)成本等因素綜合考慮。

目的 11：聽歌時想聽的清楚，又不影響別人

之前就通過絕對位置的分析，得到了需要音量控制的功能。但如果調(diào)小聲了，就不能聽清楚，也還是有可能會影響到別人，因為聲音的信息線是像四周發(fā)送的。有沒有什么好的解決方案呢？我們可以加入耳機這個配件，有耳機就會有耳機孔。

問：相對位置-媒介的信息接收器與發(fā)送器的相對位置？

這個產(chǎn)品是要豎著放進口袋的，正面，背面，側(cè)面都沒戲，那就剩下底部和頂部了?？紤]到手伸進去再拿出來正面面向自己的情況，我就想把耳機放到底部。但之前底部設(shè)計已經(jīng)放了數(shù)據(jù)傳輸口和充電口，那就直接把充電口移到頂部吧。從這里，我們就可以知道這套方法論并不是一個線性的過程，而是自由多變的。

當然技術(shù)大佬如果說數(shù)據(jù)傳輸?shù)哪＞吆投鷻C接口的模型都很大，沒有辦法同時塞在一邊，也就是媒介的黑箱子干不了這個活。交互設(shè)計師就可以再去思考其他方案了，其他方案讀者可以自由發(fā)揮想象力，考慮一種方案的時候記得使用stump進行分析。

現(xiàn)在產(chǎn)品形態(tài)：

那么經(jīng)過上面一系列stump分析方法后，我們現(xiàn)在發(fā)明的iPod長什么樣子呢？

就是下面的樣子了。

不知道有沒有讀者注意到，我在第一步stump分析的時候就說到，因為要放進口袋隨身攜帶，那這個產(chǎn)品就要圓潤些，上面的示意圖是完全直角的形狀，我們給它加點弧度，順便設(shè)計一下表現(xiàn)層（應(yīng)該由視覺設(shè)計師進行表現(xiàn)層設(shè)計），給它配個淡銀色，就得到下面的方案了。

這個方案是假設(shè)當時技術(shù)水平只能做到：

1. 軟件層面只能做兩個頁面。
2. 充電口，數(shù)據(jù)傳輸口，耳機口都必須獨立運作，無法組合。
3. 屏幕的顯示尺寸只能是這么大。
4. 機身的體積無法再縮小，是在這些限制條件下，我才做出來上面的iPod。

所以這個產(chǎn)品相比喬布斯發(fā)布的第一代iPod是有差異的，但第一代iPod最大的交互創(chuàng)新設(shè)計，就是那個轉(zhuǎn)盤的設(shè)計，我已經(jīng)詳細地將這個轉(zhuǎn)盤的發(fā)明過程展示給大家看了。

科技進步：

在真實的世界，其實已經(jīng)可以在軟件層面上做到很多的頁面了，而不是我上面說的只有兩個頁面。當技術(shù)大佬跟你說，我們做的軟件可以有多個界面，很多層級的時候。你就可以考慮，一些優(yōu)化策略了，比如可變性策略和復(fù)雜性守恒定律。

因為屏幕（信息發(fā)送器）具備可變性，根據(jù)復(fù)雜性守恒定律，我們可以將一些接收器控制的功能，轉(zhuǎn)移到信息發(fā)送器上?，F(xiàn)在的信息接收器有開關(guān)，播放模式，上一首下一首按鍵，歌單按鍵，播放暫停按鍵，背景燈開關(guān)，滾輪。

我們可以根據(jù)使用頻率等方面的考慮，將播放模式放到屏幕中。因為有了更多的界面和層級，我們需要進行頁面進入和返回。

新增加兩個按鍵嗎？能不能利用可變性優(yōu)化策略，將播放按鍵變做確定按鍵，將歌單按鍵可變成返回上一級功能。這些都是交互設(shè)計的思路，通過上面的這些思路，其實多嘗試一些，要思考出下面的幾種方案并不難。

關(guān)于取舍：

如果當時軟件層面可以將背景燈開關(guān)放到屏幕里，讓我做選擇，我會保留背景燈開關(guān)的實體按鍵，因為需要我打開背景燈的情況是晚上周圍沒有燈光，我看不清楚屏幕，使用才要打開背景燈。

既然我都看不清楚屏幕了，背景燈的開關(guān)又是在屏幕中顯示，那我就只能憑借我的操作熟練度和記憶來打開背景燈了，這不符合我的交互設(shè)計原則。但蘋果確實將背景燈放到了屏幕里，從軟件層面進行控制。

我們現(xiàn)在知道，隨著科技的進步，充電，數(shù)據(jù)傳輸，耳機插孔也都會整合到一起，像當年的iPod shuffle，一個孔實現(xiàn)傳輸數(shù)據(jù)，充電，插耳機3種功能。

下圖1是iPod shuffle的真機圖。iPod shuffle是2005年1月11日發(fā)布的，比第一代iPod晚了幾年。因為便攜性的需要，體積需要非常小，而當時技術(shù)或成本限制，沒有現(xiàn)在這種觸摸屏。因此這個iPod沒有配備顯示屏，加減音量按鍵放到了機身正面。因為沒有屏幕，歌單，菜單按鍵也就沒有存在的必要了。

我在搜索引擎打下iPod shuffle的時候，彈出了搜索提示，如圖2所示，一般來說，需要讓用戶去搜索引擎搜索使用教程的交互設(shè)計，都是存在改進空間的。

究竟用戶不會使用什么功能？使用教程里有什么？我就去查了一下詳情。

下面的圖1是iPod的使用教程中的一張，是解釋這個滑軌對應(yīng)的播放模式。如果當時喬布斯采用的是圖2的方案，應(yīng)該就不會出現(xiàn)要去搜索引擎搜求使用教程的情況。

技術(shù)繼續(xù)發(fā)展，出現(xiàn)了觸摸屏技術(shù)，上面的iPod shuffle的信息接收器（實體按鍵）都轉(zhuǎn)移到了信息發(fā)送器（屏幕）上，觸摸屏是集合了信息接收器和信息發(fā)送器的。

下圖為iPod nano：

總結(jié)

通過stump方法論，我將我的iPod發(fā)明出來了，應(yīng)該跟喬幫主發(fā)布的iPod是比較接近的，即便你從來沒有觸碰過iPod，你也可以發(fā)明出相差不大的產(chǎn)品出來，我覺得這也是這個stump交互設(shè)計方法論的魅力所在吧！

有興趣的讀者可以嘗試著發(fā)明手機，發(fā)明switch游戲機。這一章我還沒仔細去梳理，想到哪寫到哪，所以如果我有什么地方表達不清楚，或者你看不懂的，可以給我留言。

當然，別人的優(yōu)秀交互不是一蹴而就的，也是經(jīng)過很多的迭代，很多交互設(shè)計師的不斷努力去優(yōu)化而，才呈現(xiàn)到你面前。如果你第一版設(shè)計的交互，基本和已經(jīng)存在的交互一致。那你就是一個天才設(shè)計師。

現(xiàn)在，已經(jīng)到了這邊書的末尾了，后面一章是關(guān)于本書的總結(jié)，幫助大家擴大交互設(shè)計的視野。

思考練習

假如一開始的那一步，你選擇了一個圓形的方案，你設(shè)計出來的iPod又是怎么樣的呢？會是下面這些形態(tài)嗎？這就需要讀者自己嘗試去發(fā)明創(chuàng)造了。

還有很多款iPod等著大家：

本文由 @交互靈光 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議