前言

設(shè)計(jì)是為了解決問題，然而并不是所有問題都存在現(xiàn)有的解決方案。這時(shí)，創(chuàng)新的出現(xiàn)能夠打破僵局，賦予設(shè)計(jì)新的生命力，用更加獨(dú)特的思維方式來解決問題。不過，創(chuàng)新又經(jīng)常虛無縹緲，盡管苦思冥想也難等到靈光乍現(xiàn)。

我們?nèi)粘Ｓ龅降脑O(shè)計(jì)問題并不需要顛覆式的創(chuàng)新，而是在現(xiàn)有框架下的改善。我們接下來要討論的就是針對(duì)這種需求的創(chuàng)新思維，它是美國創(chuàng)新專家德魯·博迪的觀察和研究，并著成一本名為《Inside the Box》的書，國內(nèi)譯為《微創(chuàng)新》。書中介紹了這種“系統(tǒng)創(chuàng)新思維”，介紹一些推動(dòng)創(chuàng)新的方法。這些方法有跡可循，適用于進(jìn)行想法的發(fā)散，將收集的想法進(jìn)行篩選，論證可行性，最終形成有效的創(chuàng)新方案。接下來具體介紹一下這幾種方法，并探討在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)領(lǐng)域如何運(yùn)用。

一、少即是多：減法策略

減法是將某個(gè)產(chǎn)品中的一個(gè)關(guān)鍵部分刪除。比如電視沒有了屏幕、汽車沒有了輪子。乍一聽感覺很令人費(fèi)解。因?yàn)闇p法好像有點(diǎn)意味著倒退，與技術(shù)的進(jìn)步相悖，感覺不符合事物的發(fā)展規(guī)律，因此很容易讓我們忽略。

實(shí)際上，生活中很多產(chǎn)品都是通過減法而產(chǎn)生的。比如在 20 年前所有用戶都認(rèn)為鍵盤是手機(jī)不可缺少的組成部分，但是 IBM 發(fā)布了第一款刪掉鍵盤的純觸摸屏手機(jī)，打破了用戶的固有印象，對(duì)后續(xù)的智能手機(jī)設(shè)計(jì)產(chǎn)生了深遠(yuǎn)影響。

在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)領(lǐng)域，減法一般是針對(duì)產(chǎn)品中的流程、功能或界面元素進(jìn)行刪除。

社交 App 刪除圖片的歷史查詢功能是一種什么體驗(yàn)？Snapchat 一經(jīng)問世，就因其新穎的閱后即焚功能而爆火。乍一聽可能你感覺奇怪，但是不妨仔細(xì)深究這個(gè)減法會(huì)帶來什么好處呢？Snapchat 的創(chuàng)始人認(rèn)為在當(dāng)今的互聯(lián)網(wǎng)環(huán)境中，用戶們的社交樂趣受到了限制，難以按照個(gè)人的意愿自由交流。特別是對(duì)于年輕群體而言，盡管他們天生熱愛分享，卻也對(duì)任何形式的束縛感到抵觸。Snapchat 之所以能夠吸引大量用戶，其關(guān)鍵之一便在于它有效緩解了因內(nèi)容可能被永久記錄而帶來的心理壓力和緊張感。同樣的，微信的朋友圈僅三天可見功能也是出于同樣的考慮。

短視頻類 App 去掉了傳統(tǒng)視頻 App 的視頻列表頁，將“選視頻”這個(gè)步驟刪除了，進(jìn)而給用戶帶來了不一樣的使用體驗(yàn)。優(yōu)點(diǎn)是用戶由于無法預(yù)知下一個(gè)視頻，從而心存期待，每一次的滑動(dòng)都可能產(chǎn)生驚喜。缺點(diǎn)是無法掌控每一次播放的內(nèi)容。

視頻 App 將視頻畫面刪除乍一聽很不合理，但是健身、駕駛等很多場景下用戶只想聽視頻的講解并不需要看畫面，而且去掉畫面只保留聲音可以支持后臺(tái)播放還能節(jié)省流量費(fèi)用，也是顯著的優(yōu)勢。

在實(shí)施減法策略時(shí)，可以使用以下步驟：

1. 羅列元素：列出產(chǎn)品的組成元素；
2. 選擇刪除：選擇一個(gè)基礎(chǔ)元素將其完全或部分刪除。確保在減少元素的同時(shí)，不損害產(chǎn)品或服務(wù)的核心功能和價(jià)值；
3. 思考優(yōu)勢：想象刪除后對(duì)這個(gè)產(chǎn)品有哪些好處？滿足什么樣的市場需求？哪些用戶需要這樣的產(chǎn)品？
4. 考慮落地：如果確認(rèn)刪除后會(huì)帶來創(chuàng)新，就需要考慮可行性了。真的能夠按照這種方式落地嗎？落地后可能帶來的負(fù)面問題是否能接受呢？

例如我們可以嘗試著按照步驟練習(xí)，微信去掉好友的名字和頭像，音樂播放器去掉進(jìn)度條等等，雖然看起來不太合理，但是想一想是否滿足了特定場景的需求。

以下其他的策略的步驟類似，因此接下來不再贅述。

二、分而治之：除法策略

除法是將設(shè)計(jì)中的某一部分調(diào)整到其他位置，或者將一個(gè)部分分割為多個(gè)模塊。

傳統(tǒng)的手機(jī)遙控機(jī)按鍵都逐一排布出來，視覺上臃腫冗余。現(xiàn)在的智能電視通過將低頻的功能內(nèi)置在了電視機(jī)內(nèi)部的界面里從而實(shí)現(xiàn)了遙控器的簡潔。需要注意的是，這雖然迎合了年輕用戶的審美，但是對(duì)于中老年人來說使用起來可能學(xué)習(xí)和記憶成本較高。

iOS14 的新功能小組件，允許用戶將 App 的高頻功能放到桌面，在 App 的外部就可以直接觸發(fā)相應(yīng)的功能。相當(dāng)于給 App 做了一個(gè)除法。

幻燈片在會(huì)議室大屏展示時(shí)，切換頁面需要電腦控制，非常不方便。于是 Keynote 將遠(yuǎn)程控制功能單獨(dú)拆分出來，做成移動(dòng)端 App，這樣就可以實(shí)現(xiàn)通過手機(jī)遠(yuǎn)程控制。

在線視頻 App 的「只看 TA」功能也是除法策略的體現(xiàn)之一。將視頻以演員的維度分割為多份，供用戶進(jìn)行選擇播放。不但能滿足對(duì)應(yīng)的粉絲群體，而且對(duì)于時(shí)間有限的觀眾來說，這個(gè)功能讓他們快速瀏覽感興趣演員的所有場景，而無需觀看整部作品。

三、生生不息：乘法策略

乘法是將某個(gè)元素復(fù)制多份，被復(fù)制出來的副本可以發(fā)生部分的屬性變化。

吉列剃須刀的創(chuàng)新演進(jìn)過程就是一個(gè)經(jīng)典的乘法策略創(chuàng)新案例。吉列公司在 1903 年推出了使用一層薄薄的鋼片作為刀片的安全剃須刀。這種剃須刀的設(shè)計(jì)避免了傳統(tǒng)開刃剃須刀的危險(xiǎn)和不便。不過，吉列公司并沒有止步于此，而是繼續(xù)尋求新的創(chuàng)新方式。他們將兩個(gè)刀片組合在一起，留出一定的間隙。這樣，當(dāng)?shù)谝粋€(gè)刀片剃過胡子后，第二個(gè)刀片可以再一次剃過去，從而實(shí)現(xiàn)了一次刮胡等于兩次的效果。這不僅減少了刮胡次數(shù)，還提高了剃須的清潔度。最終上市后成功贏得了市場的認(rèn)可。

如今智能手機(jī)廠商在攝像頭上做起了乘法，從一個(gè)攝像頭到如今的兩個(gè)三個(gè)甚至四個(gè)。不同攝像頭擔(dān)任不同任務(wù)，比如廣角、微距、人像虛化等，可以讓用戶在不同場景下拍攝出更加優(yōu)秀的照片。

乘法的創(chuàng)新在互聯(lián)網(wǎng)產(chǎn)品也比較常見。例如對(duì)用戶使用乘法，如今音樂 App 不僅可以一個(gè)人聽歌，也可以匹配聽友兩個(gè)人一起聽。甚至出現(xiàn)一起刷短視頻、一起 P 圖等支持多個(gè)用戶同時(shí)操作的功能。

傳統(tǒng)的打車 App 只能提供一個(gè)平臺(tái)的打車服務(wù)。高德地圖利用自身流量優(yōu)勢，推出了聚合打車服務(wù)，整合了多家網(wǎng)約車平臺(tái)。用戶無需下載多個(gè) App，即可在同一平臺(tái)上呼叫多種車型，大大提升了叫車的便捷性，有效縮短了等車時(shí)間。

四、移花接木：加法策略

談到加法，總有一種不那么創(chuàng)新的感覺。因?yàn)榧臃ǖ氖褂锰^于泛濫，使用不當(dāng)反而起到反效果，使得設(shè)計(jì)變得臃腫。因此我們在這里提到的加法并不是簡單的添加某個(gè)具體元素，而是某種技術(shù)、表現(xiàn)形式、方法論、載體等，體現(xiàn)出來的是一種借鑒與融合的思維。

1. 表現(xiàn)形式的加法

生活中，我們經(jīng)常看到各類品牌的聯(lián)名產(chǎn)品，通常為產(chǎn)品加入聯(lián)名品牌的表現(xiàn)形式進(jìn)行呈現(xiàn)。比如去年瑞幸推出的醬香拿鐵，不但口感上有著白酒的風(fēng)味，包裝設(shè)計(jì)上也加入了茅臺(tái)包裝的表現(xiàn)形式，最終以這種令人眼前一亮的創(chuàng)意火爆出圈。

在網(wǎng)易云音樂，播放器模式也有眾多在表現(xiàn)形式上做了加法的聯(lián)名款。比如藝術(shù)家系列、光遇聯(lián)名款、泡泡瑪特聯(lián)名款等，在熟悉的界面布局上給予用戶不一樣的新鮮感，上線至今深得眾多用戶的喜愛。

2. 交互形式的加法

在互聯(lián)網(wǎng)設(shè)計(jì)中，我們潛移默化地認(rèn)為特定的內(nèi)容需要使用特定的交互形式，但是打破這種固有印象或許能夠帶來意想不到的效果。

例如淘寶借鑒短視頻的“刷”這個(gè)動(dòng)作，把它和瀏覽商品相融合，創(chuàng)造了一種全新且充滿隨機(jī)感的商品瀏覽體驗(yàn)。

交友軟件 Tinder“左滑無感，右滑喜歡”的交互形式曾經(jīng)引得國內(nèi)競品爭先模仿。換個(gè)角度思考，這個(gè)交互形式是否能用在音樂軟件上呢？畢竟有時(shí)我們選歌也要靠"眼緣"的嘛?；诖?，網(wǎng)易云音樂上線了推歌精選功能，通過這種特殊的交互形式帶給用戶別樣的選歌體驗(yàn)。

五、一專多能：任務(wù)統(tǒng)籌

任務(wù)統(tǒng)籌指的是最大限度地利用現(xiàn)有的內(nèi)部資源，讓固定的資源發(fā)揮出更多的價(jià)值。例如手機(jī)的閃光燈除了在拍照時(shí)使用外，還被用來做手電筒，甚至是測量血壓的儀器。

在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中，屏幕的面積寸土寸金，如何讓一個(gè)元素承擔(dān)更多的功能從而盡可能地節(jié)約屏幕空間和簡化界面一直是一個(gè)難題。

例如，抖音在某個(gè)版本中，將進(jìn)度條的位置進(jìn)行充分利用。不僅展示進(jìn)度條，而且當(dāng)用戶調(diào)節(jié)音量時(shí)，暫時(shí)隱藏進(jìn)度條騰出位置來展示音量，音量使用不同顏色與進(jìn)度進(jìn)行區(qū)分。除此之外，這個(gè)位置還用于展示網(wǎng)絡(luò)狀態(tài)不佳時(shí)的加載動(dòng)畫?？梢哉f真的做到了物盡其用。

iOS16 更新的靈動(dòng)島將一個(gè)原本是視覺缺陷的劉海區(qū)域賦予了新的任務(wù)，將通知、狀態(tài)提示、彈窗等一系列功能集中于此，為原本靜態(tài)的硬件缺陷帶來了全新的趣味，也讓用戶更容易接受這個(gè)缺陷了。

順帶提一下，第一次見到靈動(dòng)島時(shí)，其實(shí)我腦中想到類似的設(shè)計(jì)是下圖的這種手機(jī)殼，它將攝像頭轉(zhuǎn)化為畫面中有意義的元素，也是通過為一些缺陷帶來趣味性從而取悅用戶。

iOS16 另外的一個(gè)任務(wù)統(tǒng)籌設(shè)計(jì)是對(duì)桌面下方的頁面指示器的修改，將其未被使用時(shí)進(jìn)行隱藏，展示搜索入口。當(dāng)滑動(dòng)頁面時(shí)再展示頁面指示器。目的也是節(jié)省頁面空間，減少復(fù)雜度。

今后面對(duì)一些看似很難再添加元素的界面時(shí)，可以思考可以利用哪些已有的元素進(jìn)行任務(wù)統(tǒng)籌。

六、巧妙相關(guān)：屬性依存

屬性依存指的是從設(shè)計(jì)中選擇一個(gè)元素，讓這個(gè)元素的某個(gè)屬性變化依賴于設(shè)計(jì)中或設(shè)計(jì)外的另外一個(gè)元素的某個(gè)屬性變化。

西班牙兒童及青少年援助基金會(huì)曾投放過一則公益廣告，由大人視角，只能看見“虐待兒童的行為，有時(shí)只有受害者看的見”的文案，和一個(gè)表情憂郁的男孩。但是如果將視線低至 135 公分以下，看板則會(huì)顯示完全不同的文案：“如果有人傷害你，請撥打這支電話，我們會(huì)幫助你”。畫面上的男孩臉上會(huì)出現(xiàn)遭受暴力而留下的淤血。設(shè)計(jì)師巧妙地將信息的可見性依存于觀看視角，從而達(dá)到了這樣令人印象深刻的效果。

《微創(chuàng)新》一書中寫到“大約三分之一的創(chuàng)新都來自于屬性依存”?？梢娖鋺?yīng)用之廣泛。下面我們看一些在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中的案例。

近期上線的網(wǎng)易云音樂的故宮系列播放器樣式，將聽歌時(shí)長與黑膠華麗程度建立了屬性依存關(guān)系。隨著用戶的聽歌時(shí)長增加，黑膠會(huì)呈現(xiàn)越來越豐富的視覺效果。這鼓勵(lì)了用戶投入更多時(shí)間聽歌，大大增加了平臺(tái)對(duì)用戶的粘性。

錘子科技的 Smartisan OS 操作系統(tǒng)更新了感知光影桌面模式。將手機(jī)桌面的圖標(biāo)投影和高光、背景動(dòng)畫與當(dāng)前環(huán)境的天氣、光照情況、手機(jī)握持視角之間建立了屬性依存關(guān)系。隨著時(shí)間和天氣的變化，圖標(biāo)投影會(huì)改變方向和大小，背景動(dòng)畫會(huì)在晴天、下雨、下雪等狀況中切換。這些細(xì)節(jié)使得功能性的桌面充滿了自然優(yōu)雅的美學(xué)享受，讓界面設(shè)計(jì)與物理世界緊密相連。

其實(shí)互聯(lián)網(wǎng)產(chǎn)品中最常見的就是顏色的依存關(guān)系，例如豆瓣的書影音的詳情頁背景顏色是依賴于封面的主色進(jìn)行變化，小宇宙的 UI 元素也是跟隨播客封面主色進(jìn)行變化，這樣的設(shè)計(jì)能夠豐富用戶的視覺體驗(yàn)，讓每個(gè)內(nèi)容的界面都顯得獨(dú)一無二。

在 teambition 官網(wǎng)的團(tuán)隊(duì)展示頁面中，團(tuán)隊(duì)成員的面部會(huì)依賴于鼠標(biāo)的移動(dòng)產(chǎn)生朝向的變化，創(chuàng)意十足、生動(dòng)有趣

結(jié)語

希望以上內(nèi)容能帶給你一些關(guān)于創(chuàng)新的啟發(fā)。有時(shí)創(chuàng)新的來源不是對(duì)思想的無盡放任，而是合理約束。遇到瓶頸時(shí)在這些方法的框架下想一想，可能會(huì)比漫無目的隨意發(fā)散更有效。即使想出的創(chuàng)意剛開始非常的天馬行空，但是抽絲剝繭后或許會(huì)有不一樣的收獲哦。

參考書籍：

• 《微創(chuàng)新》
• 《體驗(yàn)設(shè)計(jì)白皮書》

Ballen成明