原文標(biāo)題:Stretching The Limits Of What’s Possible
作者:Cosima Mielke
原文鏈接:https://www.smashingmagazine.com/2016/09/interview-with-matan-stauber/
譯文正文:
使用“大數(shù)據(jù)”來進(jìn)行設(shè)計(jì)是一項(xiàng)富有挑戰(zhàn)性的任務(wù)艾少。然而Matan已經(jīng)用一個(gè)令人印象非常深刻的創(chuàng)作恃慧,達(dá)到了新的境界。在以色列國家藝術(shù)學(xué)校——貝扎雷藝術(shù)與設(shè)計(jì)學(xué)院學(xué)習(xí)視覺傳達(dá)的Matan已經(jīng)把一個(gè)非常耗時(shí)費(fèi)力的最終項(xiàng)目做成了:從宇宙大爆炸到今天锁施,一個(gè)我們星球140億年的可互動(dòng)大事年表——Histography
【作者就這個(gè)項(xiàng)目的背后理念與實(shí)現(xiàn)過程杀糯,采訪了Matan掉奄。這個(gè)年表網(wǎng)站地址:http://histography.io/箱歧,推薦有興趣的玩玩,感受下數(shù)據(jù)和設(shè)計(jì)融合之美栓拜。作者提了13個(gè)問題座泳,這里做了概括和整理惠昔,想看全部采訪問題請點(diǎn)擊查看原文√羰疲】
Q1:
Histography背后的理念是什么镇防,是如何實(shí)現(xiàn)的呢?
M:
大事年表是視覺化歷史的最常見方式之一薛耻,但是都受限于特定的時(shí)間段营罢。H是一個(gè)可以讓用戶探索從大爆炸開始跨越140億年歷史的可交互大事年表(網(wǎng)站)。這個(gè)網(wǎng)站從維基百科抽取歷史事件饼齿,并且每天自動(dòng)更新新近記錄的事件。年表里每一個(gè)點(diǎn)代表了一個(gè)歷史事件蝙搔,包括視頻缕溉、文字和照片。訪問者可以任意調(diào)整時(shí)間范圍吃型,從幾十年到數(shù)十億年证鸥,而且能把歷史事件用不同的分類來對比勤晚,比如在中世紀(jì)的戰(zhàn)爭和發(fā)明枉层。
在創(chuàng)造H前的一段時(shí)間里,我對維基百科產(chǎn)生很大的興趣而且想著如何重新設(shè)計(jì)它呢赐写?我腦子里有個(gè)畫面就是:當(dāng)所有維基百科里的事件用一條歷史時(shí)間線排列起來會怎么樣呢鸟蜡?維基百科所囊括的我們已知的事件(從現(xiàn)在到大爆炸),所有的事件本身就是一條時(shí)間挺邀。我為這個(gè)發(fā)現(xiàn)感到非常的興奮揉忘,這樣很快它就成為了整個(gè)項(xiàng)目的重要理念。
Q2:
Hits 從技術(shù)角度講端铛,H是如何運(yùn)作的呢泣矛?
M:
我創(chuàng)作了一個(gè)系統(tǒng),它可以掃描整個(gè)維基百科禾蚕,搜索歷史事件您朽,把它們編為索引,然后試著確定每件事的重要程度换淆。整個(gè)系統(tǒng)為每一個(gè)事件從谷歌請求到一張圖片哗总,youtube上獲得一段視頻,維基百科上找到一篇相關(guān)文章产舞。
這個(gè)評級系統(tǒng)的背后原因是有很多對口的歷史事件魂奥,可能對大多數(shù)人來說并不密切相關(guān)。我使用H的第一個(gè)感受是易猫,在我能找到相關(guān)事件之前我要搜索很長時(shí)間耻煤。解決辦法就是提升更多事件的重要程度,尤其那些人們寫的和談?wù)摰摹D憧赡芸床怀鰜砉看文阋苿?dòng)鼠標(biāo)棺妓,這個(gè)系統(tǒng)就會試著從你鼠標(biāo)所在半徑周圍內(nèi)的事件里,為你選出更有趣的事情炮赦×埽【這個(gè)辦法好cool,想起我之前學(xué)AS里的鼠標(biāo)偵聽事件吠勘⌒苑遥】
Q3:
請描述下構(gòu)建如此龐大項(xiàng)目的過程:從哪里開始?第一步做的什么呢剧防?
M:
如果年表是打印在報(bào)紙上或者陳列在博物館里的時(shí)候植锉,那就從把所有不同類型的已有年表在圖上標(biāo)記出來開始。我想知道是什么使得年表和特定時(shí)期捆綁在一起的峭拘,而且我能做什么讓所有歷史的年表盡可能的不同呢俊庇?
接下來就是拿出筆記本,開始勾勒你的創(chuàng)意和概念鸡挠。它們多數(shù)沒用辉饱,但是偶爾也會有讓我想到”噢,這樣可能奏效呢“拣展。
Q4:
這一路走來彭沼,你不得不去應(yīng)對的挑戰(zhàn)是什么?
M:
一個(gè)大問題就是導(dǎo)航瞎惫。在數(shù)十億年和特定的一個(gè)時(shí)間點(diǎn)里你如何導(dǎo)航呢溜腐?頁面底部的滑塊允許用戶如其所愿的調(diào)整時(shí)間段。你可以跳進(jìn)到一個(gè)特定時(shí)期如鐵器時(shí)代瓜喇,也可以自定義一個(gè)挺益。它被設(shè)計(jì)的很”敏感“,一旦你從一個(gè)時(shí)期移動(dòng)到另一個(gè)時(shí)候乘寒,它都能感受到這種變化望众。可以說這是個(gè)指數(shù)級的功能伞辛,你呆的時(shí)間越久烂翰,所用的步驟就越短。
Q5:
你使用了什么技術(shù)和工具呢蚤氏?有沒有現(xiàn)成的資料庫可以用來減輕工作量甘耿,還是說你要從零開始創(chuàng)建所有的東西?
M:
我用記事本做了大量草圖竿滨。我喜歡用sketch和AI做設(shè)計(jì)佳恬∧缶常【2016年我用的做多的就是sketch,不得不說這是個(gè)極品工具毁葱,尤其適合UI設(shè)計(jì)師做App的界面垫言,相對PS非常輕便,有種人都年輕10歲的感覺…】編碼是用CSS倾剿,Javascript和WebGL處理屏幕上飛進(jìn)來的事件筷频。【老外設(shè)計(jì)師的編程能力相對國內(nèi)設(shè)計(jì)師普遍強(qiáng)很多前痘,看來我得找時(shí)間學(xué)下凛捏,很多牛X的效果是畫不出來的〖识龋】
Q6:
這個(gè)項(xiàng)目耗時(shí)多久葵袭?
M:
作為我在學(xué)院里的最后一個(gè)學(xué)業(yè)項(xiàng)目,用了4個(gè)月乖菱。【尼瑪蓬网,這是不吃不喝不睡的節(jié)奏吧窒所?】
Q7:
H后來看是你期待的樣子嗎?或者說你不得不去做了很多讓步和犧牲帆锋?
M:
我有個(gè)很喜歡但只能放棄的想法是吵取,把所有歷史事件作為另外一種形式呈現(xiàn)在一個(gè)全球地圖上。處理數(shù)據(jù)可視化的時(shí)候锯厢,在想法和現(xiàn)實(shí)數(shù)據(jù)之間有時(shí)有著難以逾越的障礙皮官。在這件事上,對大部分的已有歷史事件实辑,數(shù)據(jù)無法包含位置信息捺氢。
Q8:
你如何看待信息設(shè)計(jì)的發(fā)展?
M:
關(guān)于大數(shù)據(jù)有很多的討論而且也有一個(gè)很好的理由:我們從未收到和存儲了如此海量的信息剪撬,并且在歷史中從未有公眾能這么容易的獲得這些信息摄乒。那么問題來了:我們能利用這些信息做什么呢?我認(rèn)為我們將會看到越來越多的項(xiàng)目去試著找到讓信息更大規(guī)模的傳遞起來的方法残黑。
Q9:
最后也是很重要的一點(diǎn):你有什么建議和我們的讀者分享馍佑?
M:
一般而言,數(shù)據(jù)和信息圖的設(shè)計(jì)與設(shè)計(jì)的其他方面一樣梨水,都是在講故事拭荤。是關(guān)于你數(shù)據(jù)的故事,而且也是如此疫诽,你的故事要連貫有條理舅世。一個(gè)比較普遍的錯(cuò)誤就是傳遞了太多的想法旦委。有很多信息圖設(shè)計(jì)的很美觀,但是卻復(fù)雜的難以去理解歇终。我的建議是社证,想想你的項(xiàng)目初衷是什么,講了什么樣的故事呢评凝?
查了下這個(gè)牛人所在的學(xué)凶菲希——貝扎雷藝術(shù)與設(shè)計(jì)學(xué)院(Bezalel Academy of Art and Design)http://www.bezalel.ac.il/en/homenew/
(譯文完)
做這個(gè)周譯的系列目的是為了把英語學(xué)習(xí)和設(shè)計(jì)專業(yè)兩者結(jié)合起來——“學(xué)是為了更好地用”。翻譯水平很有限奕短,很多地方讀起來硌眼睛宜肉,還請大家多多留言提建議~