算法驅(qū)動的設計:人工智能如何改變設計(下)

前文見:算法驅(qū)動的設計:人工智能如何改變設計(上)

原文來自:Algorithm-Driven Design: How Artificial Intelligence Is Changing Design

作者是來自俄羅斯的設計師 Yury Vetrov销睁。通過 Smashing Magazine 我聯(lián)系到了 Yury 本人碳柱,得到了翻譯和轉(zhuǎn)載的授權(quán)硝桩。他郵件回復說“glad to see a Chinese version of my article”倡蝙,開心~

附上他的聯(lián)系方式和介紹:Yury Vetrov 的 LinkedIn


設計師的盔甲

前面的內(nèi)容已經(jīng)包含了幾個算法驅(qū)動設計的案例》渑玻現(xiàn)代設計師為此需要哪些工具呢?回想在上世紀中期矾柜,計算機被預想成擴展人類能力的一種方式伏穆。Roelof Pieters 和 Samim Winiger 仔細分析了計算學歷史和提升人類能力的理念。他們發(fā)現(xiàn)了設計工具演化的三個階段:

- 第一代是用數(shù)字方法模仿人設計的工具恨统;

- 第二代通過不斷的操作-反饋循環(huán) 叁扫,完成人和機器共同協(xié)商的創(chuàng)意過程,幫助人類構(gòu)建創(chuàng)作模式畜埋;

- 第三代在細粒度的交流中與人協(xié)商創(chuàng)意過程莫绣,提升人的創(chuàng)作能力,加快從初學者到專家進階的技巧習得悠鞍,從而幫助人類構(gòu)建3.0創(chuàng)作模式对室。

創(chuàng)意型人工智能

算法驅(qū)動的設計應該是產(chǎn)品設計師的盔甲——它加大了我們做決定的數(shù)目和深度。設計師和計算機需要怎么合作呢咖祭?

數(shù)字產(chǎn)品設計師的工作流程可能像是這樣:

1. 探索可能出現(xiàn)的問題掩宜,選擇對商業(yè)和用戶最有價值的問題去解決(分析);

2. 探索可能的解決方法么翰,選出解決(分析)問題的最優(yōu)解牺汤;

3. 啟動,開發(fā)浩嫌,推廣一個解決問題的方法檐迟;

4. 評估產(chǎn)品在真實用戶中的運行情況,并優(yōu)化它(分析和設計)码耐;

5. 與公司的其它產(chǎn)品和解決方法保持聯(lián)系和統(tǒng)一(設計)锅减。

上述任務分為兩類:對模糊的信息和已見效的解決方法的分析,以及為此做的需求和解決方案的設計伐坏。對這兩種任務怔匣,我們分別需要什么工具和工作方法呢?

分析

對用戶的模糊信息的定性研究難以實現(xiàn)自動化桦沉。但發(fā)掘現(xiàn)有產(chǎn)品的用戶使用方式是一個好辦法每瞒。我們可以提取出行為模式、得到用戶分群纯露,然后為它們優(yōu)化用戶體驗剿骨。在廣告定位中這已經(jīng)實現(xiàn)了,算法用清晰和模糊的行為模式給用戶做分類(在特殊產(chǎn)品或廣告網(wǎng)絡中)埠褪。

為了訓練算法浓利,優(yōu)化針對用戶群的界面和內(nèi)容挤庇,設計師應該補充一些機器學習的知識。Jon Bruner 給了一個很好的例子:從理想結(jié)果的基本描述開始的一種遺傳算法——一個為節(jié)省燃油和方便乘客做優(yōu)化的航班時刻表贷掖。它把不同的變量包括在內(nèi):航空公司擁有的飛機數(shù)量嫡秕,起降的機場,每個飛機的座位數(shù)苹威。它加入了那些也許你認為無關(guān)的變量:關(guān)于現(xiàn)有時刻表的數(shù)千個航班的細節(jié)昆咽,或是隨機產(chǎn)生的虛假信息。經(jīng)過成千上萬甚至上億次迭代牙甫,時刻表漸漸變得更加有效和便于使用了掷酗。算法也讓我們理解了時刻表中的每個元素——例如37次航班從 O’Hare 機場的起飛時間——是怎樣影響燃油效率和乘客便利這些相關(guān)變量的。

在這個場景中窟哺,人們掌管著算法泻轰,可以任意增減限制條件和變量。從真實用戶的試驗中可以測量出結(jié)果且轨。同時浮声,算法也用持續(xù)的反饋循環(huán)來提升用戶體驗。盡管這項工作的復雜說明它是數(shù)據(jù)分析師的分內(nèi)事殖告,設計師仍應該懂得機器學習的基本原理。O’Reilly?最近發(fā)行的關(guān)于這個話題的一本小冊子就很棒雳锋。

設計

兩年前黄绩,一個為工業(yè)設計師服務的工具 Autodesk Dreamcatcher 弄出了點動靜,引發(fā)了 UX gurus 的好幾次報道玷过。它的基礎理念是“生成設計”——一種應用在表演爽丹、工業(yè)設計、時裝和建筑設計等領域多年的設計方法辛蚊。很多人知道 Zaha Hadid 建筑事務所粤蝎,他們的官方人士將這種方法稱為“參數(shù)化設計”。

Autodesk Dreamcatcher

Logojoy 是一款能替代自由設計師設計簡單 logo 的產(chǎn)品袋马。你可以選擇喜歡的風格初澎、顏色和品牌掖肋,Logojoy 會產(chǎn)生無限多的創(chuàng)意結(jié)果歇攻。它可以精確到一個反映企業(yè)風格的特殊定制的 logo廉赔,訂做關(guān)于品牌的商務名片衅鹿,信封窖铡,等等齐唆。這簡直是現(xiàn)實世界中最棒的算法驅(qū)動工具了巫击!它的作者 Dawson Whitfield 闡述了它背后的機器學習原理外潜。

Logojoy

但是锣披,它還沒有出現(xiàn)在數(shù)字產(chǎn)品設計中贞间,因為他不能幫忙解決實際的工作任務贿条。當然,建筑師和工業(yè)設計師的工作有它足夠的專業(yè)性和種種限制增热,但用戶界面的設計不是靜止的——它們的使用模式整以、內(nèi)容和功能常常變化,應該說是變化非常非常的多钓葫。而如果我們考慮整個生成設計的過程——一個設計師制定算法創(chuàng)作最終產(chǎn)品的原則——就會發(fā)現(xiàn)很多靈感悄蕾。數(shù)字產(chǎn)品設計師的工作過程可能看起來是這樣的:

1. 算法用給定的原則和模式產(chǎn)生多個設計變化的結(jié)果;

2. 這些結(jié)果用設計質(zhì)量和任務要求進行篩選础浮;

3. 設計師和經(jīng)理選擇最有意思與合適的設計變化帆调,必要時將它們打磨加工;

4. 設計系統(tǒng)對一個或多個變化運行 A/B 測試豆同,最后人工選出最有效的一個番刊。

在數(shù)字產(chǎn)品設計中,我們?nèi)绾螐囊淮蠖迅拍罾锖Y選出結(jié)果尚未可知影锈,因為使用場景實在太多了芹务。如果算法可以幫助過濾這些概念,我們的工作應該會更多產(chǎn)鸭廷、更有創(chuàng)意吧枣抱。然而,作為產(chǎn)品設計師辆床,我們每天大多是在想法巨多的頭腦風暴會議或是屏幕上的原型迭代中使用生成設計佳晶。為什么我們不能把其中一部分交給算法呢?

Jon Gold 的實驗

在 The Grid 工作的 Jon Gold 發(fā)明的實驗性工具 Rene讼载,就是一個讓算法做選擇的實踐中的例子轿秧。Gold 訓練計算機為字體設計做有用的決定。他認為這和教會人做決定差不多咨堤,因此他把學習過程分為以下幾步:

1. 分析字形菇篡,理解字體之間的相似之處;

2. 為組合字體形成基本的原則一喘;

3. 找出最好的字體組合驱还,了解流行趨勢;

4. 用算法衡量設計師的工作成果凸克。

它的想法與 Roelof 和 Samim 所說的類似:工具應該成為設計師的創(chuàng)意合作伙伴铝侵,而不只是傻乎乎的執(zhí)行者。

Jon Gold 的生成設計:看上去和里的組合

Gold 的工具 Rene 是建立在這些原則上的触徐。說起命令式編程和聲明式編程咪鲜,Gold 認為現(xiàn)代的設計工具應該選擇后者——專注于我們想要得到的目標,而不是如何一步步計算撞鹉。Jon 用公式表示 Rene 是如何設計并作出一些低級別的 demo 的疟丙,你可以試試這個工具颖侄。這是一個很早期的概念,但足夠傳達出這種思想享郊。

視頻翻越后可見:Rene ——產(chǎn)品設計工具

Jon 開玩笑地稱這種方法為“暴力設計”和“成倍設計”览祖,他強調(diào)了專業(yè)人員控制的重要性。值得注意的是炊琉,他在今年早些時候離開了 The Grid 團隊展蒂。

工具已經(jīng)有了?

不幸的是苔咪,沒有網(wǎng)站或移動產(chǎn)品設計工具能達到和 Autodesk Dreamcatcher 媲美的分析和設計水平锰悼。不過,The Grid 和 Wix 多少可以算作高水平的团赏、直接的解決方案箕般。Adobe 一直在加入一些智能特性:最新版本的 Photoshop 有一個內(nèi)容感知的功能,當你用了裁切工具后旋轉(zhuǎn)圖像舔清,把畫布擴張到超出圖片本身大小時丝里,它會自動填充和裁剪出擁有重要內(nèi)容的部分。

視頻翻越后可見:內(nèi)容感知的裁切功能介紹

Adobe 和多倫多大學合作的實驗——Design Scape?可以自動改善設計布局体谒。它還能為用戶推出一個全新的版塊杯聚。

視頻翻越后可見:DesignScape: 與交互式的布局建議一起做設計

你一定要跟上 Adobe 的步伐,因為他們在2016的 the MAX 會議上發(fā)布了一個叫做 Sensei 的智能平臺抒痒。Sensei 利用了 Adobe 在人工智能和機器學習領域的專業(yè)技術(shù)幌绍,它將會成為未來用戶級和企業(yè)級的 Adobe 產(chǎn)品中算法驅(qū)動設計功能的基礎。發(fā)布會提到了語義圖像分割(以圖像類型做標簽展示一張圖片中的每個部分评汰,如建筑纷捞、天空等)痢虹,字體識別(如被去,通過創(chuàng)意資源和推薦相似字體來識別一種字體,甚至是手寫體)奖唯,以及智能用戶分群惨缆。

然而,正如John McCarthy——提出“人工智能”術(shù)語的計算機學家的說法丰捷,“只要它能工作坯墨,沒有人會再稱它為人工智能了〔⊥” 曾經(jīng)最前沿的人工智能現(xiàn)在成了計算機的標準要求捣染。下面是一些可作為產(chǎn)品設計師日常工具包的試驗性的想法和工具:

StyLit? 無需繪畫即可創(chuàng)作3D模型。

Autocomplete handdrawn animations? Microsoft 試驗性的插畫/動畫自動補全工具停巷。

但這只是未來世界的一角∷H粒現(xiàn)在的更多情況是榕栏,個人企業(yè)在為他們的工作任務尋找特定的解決方法。最好的方法之一是把算法融入到企業(yè)的設計體系中蕾各。目標是相似的:自動化大量跟隨產(chǎn)品線的任務扒磁;得到和維護統(tǒng)一標準的設計;簡化項目啟動過程式曲;更輕松地支持現(xiàn)有產(chǎn)品妨托。

現(xiàn)代的設計體系始于前端的設計風格規(guī)范,但這只是第一步(把設計與開發(fā)人員的代碼相結(jié)合)吝羞。開發(fā)人員仍然需要手動創(chuàng)建頁面兰伤。下一步是在預先規(guī)定的準則下的半自動化頁面創(chuàng)建和測試。

關(guān)于平臺的思考 by Yury Vetrov

優(yōu)勢和劣勢

你的公司應該用算法驅(qū)動的設計嗎脆贵?

優(yōu)勢

如果我們考慮一下近期的趨勢医清,這種方法的價值就比較清晰明了:

- 省去了準備資源和內(nèi)容的機械工作;

- 拓寬了對創(chuàng)作的探索卖氨。計算機把各個變量因素放在一起会烙,讓設計師從結(jié)果中過濾出最好的組合;

- 為小范圍的分群用戶甚至特殊用戶優(yōu)化界面筒捺;

- 讓設計快速適應多個平臺和設備柏腻,雖然是一種原始的方法;

- 可以為一個界面的不同部分或一些特殊的模式做實驗——理想的系吭、自動化的實驗五嫂。

總的來說,這種設計方法可以將設計師從支持開發(fā)和創(chuàng)作過程中解放出來肯尺,但最重要的決定還是交給他們?nèi)プ鑫衷怠R粋€不錯的副作用是我們需要弄清楚自己的工作,因為我們需要試著分析它则吟,將其中的一部分自動化槐臀。它會讓我們更多產(chǎn),更好地向非設計人員解釋我們的工作本質(zhì)氓仲。這樣水慨,整個公司的設計氛圍將會更加濃厚。

劣勢

然而敬扛,所有的這些優(yōu)點不太容易實現(xiàn)晰洒,或是存在一些限制:

- 我們討論的只是在公司目標下的定制化的解決方案。這種工作需要在開發(fā)啥箭、支持和提升上的持續(xù)投入谍珊;

- 就像 The Grid 那樣,單單一個工具不能讓奇跡發(fā)生急侥。沒有設計師的全局指揮砌滞,做出來的結(jié)果很可能平凡無奇炼七。另一方面,這確實是大部分專業(yè)工具的應用現(xiàn)狀布持;

- 打破過去存在的風格和方案比較困難豌拙。算法驅(qū)動的設計是建立在已有的模式和原則的基礎上的;

- 如果生成設計工具可以從 Dribbble 中獲取到所有信息题暖,抄襲其他設計師的作品就會變得簡單按傅。

道德問題也同樣存在:算法做出的設計有價值嗎,是獨一無二的嗎胧卤?誰是設計的原作者唯绍?生成設計的結(jié)果難道不會被局部最大值所限制嗎?Oliver Roeder?說“計算機藝術(shù)”不會比“繪畫藝術(shù)”或“鋼琴藝術(shù)”更讓人興奮枝誊。畢竟况芒,編程軟件是人寫出的,背后的原理是人思考得出的叶撒,計算機是人制造的绝骚,素材是人收集的,公司也是人所經(jīng)營管理的祠够,工具是人使用的压汪。計算機藝術(shù)是人類的藝術(shù)——之一,而不是一個另類古瓤。改革已經(jīng)發(fā)生了止剖,那么為什么不能進行下去呢?

總結(jié)

這是一個關(guān)于美好未來的故事落君,但我們應該記住算法的局限——它建立在人類定義的準則上穿香,即使現(xiàn)在是機器學習在管理這些準則。設計師強大的地方在于他們可以制造和打破準則绎速;因此從現(xiàn)在起的一年內(nèi)皮获,我們可能會把“美麗”定義為完全不同的東西。業(yè)界設計師既有高手也有菜鳥朝氓,而算法會輕易取代后者魔市。但那些跟隨準則主届、必要時打破準則的人赵哲,會找到強大的新工具和無限的可能性。

更重要的是君丁,數(shù)字產(chǎn)品正在變得越來越復雜:我們需要支持更多的平臺枫夺,為更多的用戶群體變化使用場景,做出更多的假設绘闷。就像 Frog 的 Harry West 所說橡庞,以人為本的設計從設計實物(工業(yè)設計)擴展到設計體驗(包括交互設計较坛、視覺設計和控件設計)。下一步將會是系統(tǒng)級行為的設計:設計決定自動化系統(tǒng)或智能系統(tǒng)所做行為的算法扒最。比起招聘越來越多的設計師丑勤,我們更該做的是把日常工作交給計算機去做。讓計算機去和字體玩游戲吧吧趣。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末法竞,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子强挫,更是在濱河造成了極大的恐慌岔霸,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件俯渤,死亡現(xiàn)場離奇詭異呆细,居然都是意外死亡,警方通過查閱死者的電腦和手機八匠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門絮爷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人梨树,你說我怎么就攤上這事略水。” “怎么了劝萤?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵渊涝,是天一觀的道長。 經(jīng)常有香客問我床嫌,道長跨释,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任厌处,我火速辦了婚禮鳖谈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘阔涉。我一直安慰自己缆娃,他們只是感情好,可當我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布瑰排。 她就那樣靜靜地躺著贯要,像睡著了一般。 火紅的嫁衣襯著肌膚如雪椭住。 梳的紋絲不亂的頭發(fā)上崇渗,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天,我揣著相機與錄音,去河邊找鬼宅广。 笑死葫掉,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的跟狱。 我是一名探鬼主播俭厚,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼驶臊!你這毒婦竟也來了套腹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤资铡,失蹤者是張志新(化名)和其女友劉穎电禀,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體笤休,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡尖飞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了店雅。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片政基。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖闹啦,靈堂內(nèi)的尸體忽然破棺而出沮明,到底是詐尸還是另有隱情,我是刑警寧澤窍奋,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布荐健,位于F島的核電站,受9級特大地震影響琳袄,放射性物質(zhì)發(fā)生泄漏江场。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一窖逗、第九天 我趴在偏房一處隱蔽的房頂上張望址否。 院中可真熱鬧,春花似錦碎紊、人聲如沸佑附。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽音同。三九已至,卻和暖如春痴鳄,著一層夾襖步出監(jiān)牢的瞬間瘟斜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工痪寻, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留螺句,地道東北人。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓橡类,卻偏偏與公主長得像蛇尚,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子顾画,可洞房花燭夜當晚...
    茶點故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內(nèi)容