首頁(yè)

帶你了解荷蘭設(shè)計(jì)史的前世今生(中)

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

荷蘭風(fēng)格派設(shè)計(jì)及其相關(guān)的一些大咖在之前的各種分享當(dāng)中都曾經(jīng)客串走場(chǎng),比方杜斯伯格出現(xiàn)在包豪斯的分享,蒙德里安出現(xiàn)在俄羅斯的構(gòu)成主義分享等,今天他們終于要唱主角,其實(shí)經(jīng)過(guò)今天的了解,大家會(huì)發(fā)現(xiàn)風(fēng)格派一直以來(lái)都不容小覷。

首先我們來(lái)了解一下,風(fēng)格派的特點(diǎn)是什么。其實(shí)風(fēng)格派單單看名稱就特別牛氣,比方我們會(huì)說(shuō)這個(gè)汽車叫奔馳,或者這個(gè)汽車叫捷豹,不會(huì)說(shuō)這個(gè)汽車叫汽車,然而當(dāng)我們說(shuō)起風(fēng)格派時(shí)跟這個(gè)汽車叫汽車一樣,這個(gè)風(fēng)格就叫風(fēng)格派。

風(fēng)格派有一句名言,出自杜斯伯格,叫「剝?nèi)ケ举|(zhì)的外形,你就會(huì)得到風(fēng)格。」

這句話有點(diǎn)抽象,但有這種感覺(jué)已經(jīng)對(duì)了,因?yàn)轱L(fēng)格派確實(shí)是抽象的,而且屬于「冷抽象」,關(guān)于冷熱抽象這個(gè)概念大家可以回顧我們之前的分享《用一篇超全面的好文,帶你了解俄羅斯設(shè)計(jì)史的前世今生》,因?yàn)檫@種冷是相對(duì)俄國(guó)康定斯基的熱抽象而言的。

冷抽象大致是這樣的:

這是多數(shù)人對(duì)風(fēng)格派的一種理解及印象,說(shuō)白了就是紅黃藍(lán)三原色的組合設(shè)計(jì),然后很多縱橫錯(cuò)落的線條。因?yàn)轱L(fēng)格派幾乎沒(méi)有曲線,直線讓人感覺(jué)很冷靜,很理性,很穩(wěn)定,所以被定義為冷酷抽象。

我們?cè)倏纯聪旅孢@幾個(gè)圖:

其實(shí)這也叫風(fēng)格派設(shè)計(jì),但并沒(méi)有出現(xiàn)紅黃藍(lán),所以風(fēng)格派設(shè)計(jì)一定就有紅黃藍(lán)是一個(gè)認(rèn)識(shí)誤區(qū),其實(shí)風(fēng)格派的形式定義是這樣的:

把傳統(tǒng)建筑、家具、產(chǎn)品、繪畫(huà)、雕塑的特征完全去除,變成最基本的元素集合,甚至把某個(gè)元素單獨(dú)孤立起來(lái)絕對(duì)化,這些元素最后基本都以幾何形態(tài)呈現(xiàn),形成簡(jiǎn)單的結(jié)構(gòu)組合,強(qiáng)調(diào)縱橫運(yùn)用及不對(duì)稱,并且只使用三原色及黑白色(極色)。

看完這個(gè)解釋再回味杜斯伯格那句「剝?nèi)ケ举|(zhì)的外形,你就會(huì)得到風(fēng)格」就相對(duì)好理解了。

那么這種風(fēng)格到底是怎么形成的呢,說(shuō)來(lái)話長(zhǎng),但可以確定的是不絕對(duì)源于某一個(gè)人,某一個(gè)時(shí)間及地點(diǎn),它就像一個(gè)集體完成的雕塑,其實(shí)大部分的風(fēng)格都是如此,但自然離不開(kāi)一些關(guān)鍵的大咖。

在敘述這些大咖之前,我們先來(lái)了解一下時(shí)代背景,在什么樣的外部環(huán)境中孕育了風(fēng)格派。

在第一次世界大戰(zhàn),1914-1918年期間,歐洲列強(qiáng)為了重新瓜分殖民地及爭(zhēng)奪世界霸權(quán)而打得不可開(kāi)交時(shí),位于西歐的荷蘭宣稱保持中立,意思是各位兄弟你們可以在我附近打架,但盡量保持安靜,歐洲列強(qiáng)自然清楚荷蘭曾經(jīng)也是海上霸主及殖民地大國(guó),并非省油的燈,所以荷蘭就在一戰(zhàn)期間獲得了安靜發(fā)展文化的環(huán)境。

由于中立,荷蘭成為歐洲各國(guó)藝術(shù)家的避難圣地,一時(shí)間人才濟(jì)濟(jì),各種野獸主義、立體主義、未來(lái)主義等現(xiàn)代探索名家開(kāi)始紛紛在此聚義,趁世界大亂之際研究如何形成一種新的藝術(shù)形式,因此慢慢就有風(fēng)格派的雛形。風(fēng)格派的萌芽基于了這幾個(gè)主義的風(fēng)格及思想。

這個(gè)時(shí)候出現(xiàn)了一位人物,叫托馬斯·里特維爾德,他1888年生于荷蘭烏得勒支,是一位木工的兒子,從小自學(xué)繪畫(huà),后來(lái)從事建筑設(shè)計(jì)。似乎那個(gè)年代的設(shè)計(jì)師都是建筑設(shè)計(jì)師起家,或者具備建筑設(shè)計(jì)技能,就好比當(dāng)代很多UI設(shè)計(jì)師都是平面設(shè)計(jì)出身居多,這也屬于時(shí)代發(fā)展的一種特征。里特維爾德在1917年做了一件大事,設(shè)計(jì)了一個(gè)劃時(shí)代的椅子叫「紅藍(lán)椅」,這個(gè)椅子被視為家具設(shè)計(jì)史上第一件現(xiàn)代家具,在色彩上幾乎就是紅黃藍(lán)加極色(黑白)。雖然是一百年前的椅子,但就算放到當(dāng)代展覽館也一點(diǎn)不顯得過(guò)時(shí)。

紅藍(lán)椅整體是木結(jié)構(gòu),13根木條互相垂直,組成椅子的空間結(jié)構(gòu),結(jié)構(gòu)間用螺絲緊固而非傳統(tǒng)的榫接方式,最初曾經(jīng)是灰黑色的,后來(lái)里特維爾德希望用單純明亮的色彩來(lái)強(qiáng)化結(jié)構(gòu),于是參考了蒙德里安的三原色風(fēng)格,而且被認(rèn)為簡(jiǎn)直是蒙德里安《紅黃藍(lán)相間》這個(gè)繪畫(huà)系列作品的立體版。椅子就這樣產(chǎn)生了紅色的靠背和藍(lán)色的坐墊,但手和椅腿仍保持黑色,少量黃色被用來(lái)強(qiáng)化斷面,于是成了一個(gè)典型的風(fēng)格派作品。

但這個(gè)作品其實(shí)歷史意義與形式主義大于其功能意義,因?yàn)楹芏嘤袡C(jī)會(huì)試坐這個(gè)椅子的人都感覺(jué)坐得很不舒服,特別對(duì)腰椎間盤(pán)突出者來(lái)講簡(jiǎn)直是災(zāi)難。我們很多時(shí)候衡量一個(gè)設(shè)計(jì)作品靠的主要是兩把尺子,就是形式與功能,有時(shí)候很難去界定哪一個(gè)更加重要,但總的來(lái)說(shuō)很多人是能夠忍受形式上的缺憾而無(wú)法忍受功能上的不足。比方你可以忍受一對(duì)鞋子顏色不太滿意,但無(wú)法忍受它比你的腳少了3碼,所以很多時(shí)候這兩者是優(yōu)先級(jí)問(wèn)題,假設(shè)三雙鞋子都合腳,那么你選擇的時(shí)候形式就很重要了。

在設(shè)計(jì)紅藍(lán)椅之前里特維爾德還是一個(gè)無(wú)名之輩,他的工作仍然以建筑及室內(nèi)設(shè)計(jì)方面為主。比方為一名與丈夫分居的女士設(shè)計(jì)房間,讓這位女士對(duì)其設(shè)計(jì)水平非??隙?,直到1917年后里特維爾德成名,這位女士也成了寡婦,憑借過(guò)往交情,她希望里特維爾德能為其孤兒寡母再設(shè)計(jì)一棟生活的寓所,并且任由里特維爾德發(fā)揮,于是歷時(shí)五年這個(gè)房子在1924年落成,就是歷史上非常著名的「施羅德住宅」:

而經(jīng)過(guò)五年相處,里特維爾德與這名女士日久生情,兩人談起戀愛(ài)并且在這座共同完成的房子生活了一輩子,直到1964年里特維爾德去世,而這名女士一直在這所房子里活到95歲。

我們可以看看房子內(nèi)部,簡(jiǎn)潔的體塊,大片的玻璃,明快的三原色,錯(cuò)落的線條,被視為現(xiàn)代設(shè)計(jì)建筑及室內(nèi)設(shè)計(jì)教科書(shū)級(jí)的作品,同時(shí)也是風(fēng)格派建筑當(dāng)中重要的代表作品之一。

其實(shí)在我印象中,似乎九十年代初的廣東地區(qū)有很多住宅或者室內(nèi)設(shè)計(jì)是模仿了這種風(fēng)格的,特別是一些工裝設(shè)計(jì),所以一直有莫名的熟悉感,而且也分不出是在電影里看到還是現(xiàn)實(shí)中見(jiàn)過(guò),不知道屏幕前的廣東朋友是否有同感。

跟里特維爾德差不多時(shí)期,有一名畫(huà)家叫萊克,畫(huà)風(fēng)是這樣的:

很多人第一眼看到這種作品通常都會(huì)驚訝,他將很多視覺(jué)元素降低到了的界限,基本上就是使用三角形、四邊形和不規(guī)則的多邊形來(lái)表達(dá),可謂是將設(shè)計(jì)上的減法做到了。網(wǎng)上已經(jīng)很難找到這位畫(huà)家的詳細(xì)資料,但當(dāng)時(shí)風(fēng)格派已經(jīng)形成氣候,所以很多人都開(kāi)始使用這種風(fēng)格來(lái)進(jìn)行探索。

很多人看到風(fēng)格派的表達(dá)形式時(shí)都覺(jué)得很容易偽裝,其實(shí)這種想法是很天真的,比方我們看看某個(gè)房產(chǎn)項(xiàng)目在模仿風(fēng)格派時(shí)的建筑效果圖,就明白東施效顰的含義:

風(fēng)格派有另外一個(gè)別稱叫新造型主義,至于風(fēng)格派的形成除了客觀的一戰(zhàn)時(shí)代背景外,也跟其核心思想有關(guān),曾經(jīng)有一種分析認(rèn)為,風(fēng)格派的思想與哲學(xué)里的「二元論」有關(guān),至于什么是二元論,簡(jiǎn)單來(lái)說(shuō)就是物質(zhì)與精神都是世界的本原,好比風(fēng)格派里堅(jiān)持使用的橫線與豎線,但是把設(shè)計(jì)說(shuō)到這個(gè)份上就很容易上神壇,而且很多時(shí)候也是后來(lái)者的一種臆想或者牽強(qiáng)附會(huì),這并非史太濃傾向的敘述方式。風(fēng)格派里的重要人物蒙德里安有過(guò)一些接觸通神論的經(jīng)歷,所以他認(rèn)為設(shè)計(jì)與藝術(shù)是一種純粹自我的精神表達(dá),因而放棄寫(xiě)實(shí)風(fēng)格,而重視內(nèi)心世界的表達(dá)一直是荷蘭人的一種藝術(shù)特色。

我們?cè)谧詈髞?lái)總結(jié)一下風(fēng)格派的作品特點(diǎn),一共有三點(diǎn):

帶你了解荷蘭設(shè)計(jì)史的前世今生(上)

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

其實(shí)荷蘭,不止有風(fēng)車與郁金香。

有句話叫:神造了世界,而荷蘭人用設(shè)計(jì)造了荷蘭。到底怎么回事呢,今天一起來(lái)探討吧。

話說(shuō)現(xiàn)代主義設(shè)計(jì)的形成離不開(kāi)三駕馬車,分別是德國(guó)包豪斯、俄國(guó)構(gòu)成主義跟荷蘭風(fēng)格派,包豪斯及俄國(guó)構(gòu)成主義我們均已在之前的分享里詳細(xì)談過(guò),所以今天我們聊一聊最后一架馬車——荷蘭設(shè)計(jì)。

相比英國(guó)、美國(guó)及日本,荷蘭這個(gè)國(guó)家于大部分設(shè)計(jì)師而言未免有點(diǎn)陌生,但如果歐洲的設(shè)計(jì)圈要按國(guó)家排座次的話,撇開(kāi)愛(ài)國(guó)熱情,史太濃認(rèn)為荷蘭挺進(jìn)前三甲是毫無(wú)毛病的,關(guān)于荷蘭設(shè)計(jì)水平發(fā)達(dá)的原因有幾種說(shuō)法,其中廣受公認(rèn)的是因?yàn)楹商m的生存空間太狹窄。

荷蘭41000平方公里的土地上容納了1675萬(wàn)人口(2018數(shù)據(jù)),成為人口密度最高的國(guó)家之一,因?yàn)橥恋刭Y源的缺乏,所以在1920年政府動(dòng)手排干一個(gè)叫伊塞米地區(qū)的海水,形成低于海平面的人造陸地,是歐洲最大的填海工程之一,項(xiàng)目成功后荷蘭故技重施,陸陸續(xù)續(xù)進(jìn)行填海,最后有四分之一的陸地低于海平面,所以整個(gè)國(guó)家在跟大自然搏斗中不得不進(jìn)行各種設(shè)計(jì)思考,否則生存都成為問(wèn)題,于是荷蘭設(shè)計(jì)總體而言發(fā)展到當(dāng)代變得特別功能主義及理性主義。

荷蘭的發(fā)展歷史

荷蘭位于西歐,東接德國(guó),南接比利時(shí),有悠久的文明歷史,文藝復(fù)興之后還曾經(jīng)一度是海上霸權(quán)國(guó)家,比方印度尼西亞就是它的殖民地之一。第二次世界大戰(zhàn)后的荷蘭開(kāi)始高速發(fā)展資本主義,經(jīng)過(guò)幾十年進(jìn)取,進(jìn)入「世界最富有國(guó)家」俱樂(lè)部。

荷蘭的社會(huì)福利在江湖上令很多國(guó)家聞風(fēng)喪膽,比方我隨便列舉三個(gè)第一:

  • 全球養(yǎng)老金指數(shù)世界第一
  • 歐盟各國(guó)醫(yī)療體系排名第一
  • 全球兒童福利世界排名第一

這樣可能有點(diǎn)不夠具體,我羅列一個(gè)兒童福利的具體數(shù)據(jù),比方小孩從出生至18歲,政府每月發(fā)放約300多歐元(大致2500元人民幣)兒女金,政府補(bǔ)貼兒童日托或幼兒園的費(fèi)用達(dá)70%,而且從小學(xué)到大學(xué)一直享受超過(guò)學(xué)費(fèi)的現(xiàn)金補(bǔ)貼,說(shuō)白了就是以各種不同形式給你錢花,等于說(shuō)父母只是負(fù)責(zé)生,政府來(lái)養(yǎng),甚至一不小心還能賺到錢。

荷蘭是一個(gè)工業(yè)高度發(fā)達(dá)的國(guó)家,比方擁有1891年成立的百年跨國(guó)大企業(yè)飛利浦,全球員工13萬(wàn)人,在28個(gè)國(guó)家擁有生產(chǎn)基地,所以飛利浦是荷蘭的國(guó)家電器制造業(yè)中心,同時(shí)也是歐洲及世界最大的電器企業(yè)之一。它的設(shè)計(jì)系統(tǒng)非常完善,屬于戰(zhàn)后早期成立內(nèi)部設(shè)計(jì)部的大型企業(yè)之一,設(shè)計(jì)帶動(dòng)了整個(gè)公司的發(fā)展,甚至在戰(zhàn)后一度成為荷蘭的經(jīng)濟(jì)核心,能與德國(guó)的 AEG(德國(guó)現(xiàn)代設(shè)計(jì)之父彼得貝倫斯設(shè)計(jì)世界最早的vi系統(tǒng)就是AEG)及西門(mén)子公司競(jìng)爭(zhēng),其中荷蘭有45%的出口產(chǎn)品都是飛利浦公司的,所以地位非常顯赫。

由于荷蘭的「風(fēng)格派」設(shè)計(jì)過(guò)于知名,所以一談荷蘭設(shè)計(jì)大家都認(rèn)為是紅黃藍(lán)類型,也正因?yàn)槿绱怂院芏嗪商m當(dāng)代杰出的設(shè)計(jì)師往往不為荷蘭以外的國(guó)家所熟知,但這不能完全怪罪風(fēng)格派,造成這個(gè)狀況還有一個(gè)更重要的原因,就是荷蘭政府跟社會(huì)太過(guò)重視設(shè)計(jì)了。

除了設(shè)計(jì)師本身,荷蘭很多產(chǎn)品也不為世界普遍認(rèn)識(shí),比方汽車,荷蘭有一個(gè)跑車品牌叫「世爵(spyker)」,在中國(guó)基本看不到,我在網(wǎng)上找了很久才找到一個(gè)深圳二手車信息:

這臺(tái)09款的汽車原價(jià)550萬(wàn),9年后仍需要200萬(wàn)出手,沒(méi)錯(cuò),「世爵」的跑車全部只做純手工定制,所以只服務(wù)美國(guó)、西歐、中東及一些小型而富裕的國(guó)家,比方瑞士跟摩納哥,我們也可以從下面的圖片感受一下荷蘭的奢華汽車設(shè)計(jì),還有純手工打造的內(nèi)飾質(zhì)感:

因?yàn)樵O(shè)計(jì)與荷蘭的國(guó)計(jì)民生密切相關(guān),比方大量的圍海造田,強(qiáng)大安全的排水系統(tǒng),農(nóng)村的防潮汐堤壩,擁堵城市的合理交通網(wǎng)絡(luò),都需要高水平的精心設(shè)計(jì)。荷蘭人民的歷史就是一場(chǎng)以設(shè)計(jì)建立生存空間的斗爭(zhēng)史,荷蘭鹿特丹布寧根博物館館長(zhǎng)威廉·科羅威爾曾經(jīng)說(shuō)過(guò):只有依靠設(shè)計(jì),我們才能使我們的國(guó)家成為一個(gè)可以日日生存的地方。

所以荷蘭設(shè)計(jì)師在國(guó)內(nèi)地位非常高,也因?yàn)槿绱嗽O(shè)計(jì)市場(chǎng)非常繁榮,所以單單政府與市場(chǎng)需要消化的設(shè)計(jì)項(xiàng)目就忙不過(guò)來(lái),也就少到其它國(guó)家行走,自然在名聲上也相對(duì)局限。

荷蘭政府對(duì)設(shè)計(jì)的重視猶如中國(guó)人對(duì)面子的重視,我們搞的是面子工程,而他們則搞的工程都是面子。

比方以下幾個(gè)荷蘭本土項(xiàng)目,被視為世界上「教科書(shū)級(jí)」的設(shè)計(jì)范本。

荷蘭「教科書(shū)級(jí)」的設(shè)計(jì)范本

1. 貨幣設(shè)計(jì)

全世界的貨幣設(shè)計(jì)都有一種無(wú)言的默契,就是愛(ài)使用名人肖像為設(shè)計(jì)的中心元素,而荷蘭的貨幣設(shè)計(jì)是第一個(gè)打破這種規(guī)則,不使用任何人物的,如果一個(gè)國(guó)家并非重視設(shè)計(jì)行業(yè),并非充分尊重設(shè)計(jì)師的話,這完全是匪夷所思的事情。

荷蘭的貨幣由財(cái)政部統(tǒng)一管理,在荷蘭財(cái)政部當(dāng)中的設(shè)計(jì)管理部門(mén)的提議與組織下,聘請(qǐng)了荷蘭最知名的平面設(shè)計(jì)師來(lái)參與,其中也有不少獨(dú)立設(shè)計(jì)師,比方在去年很遺憾離世的荷蘭紙幣設(shè)計(jì)大師奧克斯納,他曾經(jīng)在1964年受邀參加紙幣設(shè)計(jì),他回憶說(shuō):每種面額紙鈔的設(shè)計(jì)周期需要3年,所以當(dāng)最后一種面額投入流通,距離我剛剛開(kāi)始紙鈔設(shè)計(jì)工作相隔整整30周年。

不以人物為中心的荷蘭貨幣設(shè)計(jì)主要是使用抽象圖案進(jìn)行創(chuàng)作,體現(xiàn)出荷蘭從「風(fēng)格派」以來(lái)的立體主義、構(gòu)成主義形式傳統(tǒng),所以世界上有諸多收藏家是專門(mén)收藏荷蘭紙幣的,比方250吉德(荷蘭貨幣單位)被視為藝術(shù)品,極具收藏價(jià)值,這是世界貨幣設(shè)計(jì)中的一種創(chuàng)舉。

2. 西佛爾國(guó)際機(jī)場(chǎng)

荷蘭的首都阿姆斯特丹國(guó)際機(jī)場(chǎng)又稱為西佛爾國(guó)際機(jī)場(chǎng),它的設(shè)計(jì)面貌完整代表了荷蘭戰(zhàn)后政府對(duì)于基本建設(shè)及現(xiàn)代設(shè)計(jì)的積極態(tài)度和正確引導(dǎo)。

荷蘭長(zhǎng)期以來(lái)一直沒(méi)有卷入地區(qū)性或者世界性的戰(zhàn)爭(zhēng),比方第一次世界大戰(zhàn)它始終保持中立,但無(wú)奈第二次世界大戰(zhàn)中被德國(guó)短暫占領(lǐng),時(shí)間為1940-1945年,隨后繼續(xù)獨(dú)立。西佛爾機(jī)場(chǎng)就是戰(zhàn)后1967年4月建成及投入運(yùn)營(yíng)的,當(dāng)時(shí)世界各國(guó)都在著手建立自己的國(guó)際機(jī)場(chǎng),但是一個(gè)為世界服務(wù)的現(xiàn)代化機(jī)場(chǎng)需要什么特征與設(shè)計(jì)考慮呢,幾乎沒(méi)有一個(gè)國(guó)家可以拿出成熟的方案。

荷蘭政府牽頭組織了大量社會(huì)的優(yōu)秀設(shè)計(jì)人員,技術(shù)人員成立項(xiàng)目組,充分考慮機(jī)場(chǎng)未來(lái)的交通流量、國(guó)際乘客的共同性要求及乘客特征,盡量讓機(jī)場(chǎng)達(dá)成中性、合理、理想等設(shè)計(jì)特點(diǎn),跟著名的國(guó)際主義設(shè)計(jì)特點(diǎn)吻合,達(dá)到了能為廣泛乘客服務(wù)的目的,機(jī)場(chǎng)落成之后在整體性與完整性功能性上都讓歐洲國(guó)家感到震驚,這座巨大的標(biāo)志性建筑在建筑設(shè)計(jì)、室內(nèi)設(shè)計(jì)、平面設(shè)計(jì)及導(dǎo)視設(shè)計(jì)等方面所具備的現(xiàn)代主義風(fēng)格在長(zhǎng)達(dá)20年的時(shí)間里,都成為歐洲國(guó)家設(shè)計(jì)國(guó)際機(jī)場(chǎng)時(shí)的重要參考依據(jù)。

所以當(dāng)時(shí)的荷蘭設(shè)計(jì)師完全可以喊一個(gè)口號(hào),叫:厲害了,我的機(jī)場(chǎng)!

3. 鐵路系統(tǒng)

荷蘭的鐵路系統(tǒng)是在機(jī)場(chǎng)完工之后相繼落成的,荷蘭設(shè)計(jì)有一個(gè)非常厲害的特點(diǎn)就是總體化規(guī)劃。如果設(shè)計(jì)師是演員,那么總體化規(guī)劃就是導(dǎo)演技能,荷蘭設(shè)計(jì)師善于此道,所以它的鐵路系統(tǒng)視覺(jué)化高度統(tǒng)一,形象與導(dǎo)視系統(tǒng)清晰簡(jiǎn)明,功能性強(qiáng),而且設(shè)計(jì)項(xiàng)目中包含的內(nèi)容非常多,比方火車廂、火車站、客戶內(nèi)部、車票、路牌、標(biāo)識(shí)、乘務(wù)員制服等等,所以如果缺乏總體規(guī)劃,這是一項(xiàng)難以出色完成的設(shè)計(jì)工作。

經(jīng)過(guò)一段時(shí)間的運(yùn)營(yíng),荷蘭的這個(gè)鐵路系統(tǒng)在效率、安全性、舒適性上在全球都名列前茅。甚至被評(píng)為世界上設(shè)計(jì)得最完善的鐵路系統(tǒng)。

荷蘭的設(shè)計(jì)業(yè)為何如此的發(fā)達(dá)成熟,原因總的來(lái)說(shuō)有幾個(gè)方面,比方國(guó)家相對(duì)比較小,擁有悠久的藝術(shù)歷史,比如產(chǎn)生倫勃朗、梵高、蒙德里安等世界知名藝術(shù)家,同時(shí)經(jīng)濟(jì)富裕繁榮,需要通過(guò)設(shè)計(jì)思考與自然搏斗等幾個(gè)綜合因素,形成具有很濃厚創(chuàng)作性的社會(huì)氛圍。

其中尤為重要的還有荷蘭政府對(duì)文化事業(yè)非??犊?,形成一個(gè)寬松的文化贊助系統(tǒng),設(shè)計(jì)師在一個(gè)資金充裕的環(huán)境里工作,很多時(shí)候不太需要考慮經(jīng)濟(jì)效益,所以更加專注于設(shè)計(jì)的合理性及藝術(shù)性上,自然就有更高層次的輸出。

談到荷蘭設(shè)計(jì)自然無(wú)法繞過(guò)其標(biāo)簽式的「風(fēng)格派」運(yùn)動(dòng),因?yàn)楫?dāng)代設(shè)計(jì)其實(shí)受其影響非常深遠(yuǎn),史太濃這次使用倒敘手法,先看結(jié)果再找原因,所以下一期我們將會(huì)聊一聊荷蘭的風(fēng)格派產(chǎn)生、特點(diǎn)、代表人物及對(duì)現(xiàn)代設(shè)計(jì)的影響。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì)  包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

10個(gè)設(shè)計(jì)師常犯的小錯(cuò)誤

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

之前有句古話:“好的設(shè)計(jì)都是顯而易見(jiàn)的”現(xiàn)在看來(lái)可能已經(jīng)過(guò)時(shí)了,而且我很確定的說(shuō)在之前的幾個(gè)世紀(jì)它都有不同的形式。它可以是一個(gè)好的美食、音樂(lè)、建筑、服飾、哲學(xué)以及其他的一切。

需要值得注意的是人類思維的變化非常緩慢,對(duì)人類行為的知識(shí)在至少50年左右的時(shí)間內(nèi)都不會(huì)過(guò)時(shí)。為了使讀者們便于理解,我們將會(huì)幫助我們?cè)O(shè)計(jì)偉大的產(chǎn)品的設(shè)計(jì)原則保持一致性。我們每個(gè)月都會(huì)至少被提醒一次這些小的設(shè)計(jì)原則,以至于我們可以更好的進(jìn)行設(shè)計(jì)。

人類大腦的容量每年都幾乎不會(huì)改變,所以研究人類行為的見(jiàn)解將有很長(zhǎng)的保質(zhì)期。二十年前對(duì)用戶來(lái)說(shuō)很困難的東西今天可能依舊困難?!猨·尼爾森

回顧:不要讓我思考

早在2000年,Steve Krug就曾列出一些有用的設(shè)計(jì)原則,在現(xiàn)在看來(lái)依然很有價(jià)值和影響的互聯(lián)網(wǎng)泡沫破裂之后。即使后來(lái)有一些修訂版本,但是內(nèi)容依然沒(méi)有什么改變。是的,你可能會(huì)說(shuō)現(xiàn)在的互聯(lián)網(wǎng)看起來(lái)更現(xiàn)代,網(wǎng)站更有組織(而且還有更多的flash)。但我的意思是,人類的行為幾乎沒(méi)有改變。我們總是希望“不要讓我思考”原則適用于任何跟我們產(chǎn)生互動(dòng)的產(chǎn)品(無(wú)論是微波爐、電視、智能手機(jī)或是汽車)。

1、我們從不閱讀,我們都是一掃而過(guò)

這個(gè)原因是:在閱讀過(guò)程中我們都帶有一個(gè)使命,因此我們只尋找我們感興趣的東西。例如,我很少記得自己瀏覽過(guò)的產(chǎn)品網(wǎng)站主頁(yè)上的大部分文字。為什么?因?yàn)榇蠖鄶?shù)上網(wǎng)的用戶都在努力完成一些事情,而且是快速完成的。我們沒(méi)有多余的時(shí)間去閱讀。但是我們?nèi)匀环帕撕芏辔淖衷诰W(wǎng)站上因?yàn)槲覀冋J(rèn)為人們需要知道這些?;蛘哒缫恍┰O(shè)計(jì)師們所說(shuō)的:“它增加了體驗(yàn)”。

使用大量的標(biāo)題——它們會(huì)告訴你每個(gè)部分是關(guān)于什么的,或者它們是否與這個(gè)人相關(guān)。無(wú)論哪種方式,它們都能幫助你決定繼續(xù)瀏覽或離開(kāi)網(wǎng)站

段落要短——段落長(zhǎng)的話會(huì)讓讀者很難確定自己的位置,而且它們比一系列短段落更難瀏覽。在段落中總有一個(gè)合理的地方把它分成兩段。

使用項(xiàng)目符號(hào)列表——幾乎任何東西都可以是項(xiàng)目符號(hào)列表。你有一個(gè)用逗號(hào)分隔很多東西的句子嗎?然后它可以是一個(gè)項(xiàng)目列表。另外,不要忘記在項(xiàng)目列表行之間留出空間,以便進(jìn)行最佳讀取。以Medium為例。

突出關(guān)鍵字——許多頁(yè)面掃描過(guò)程包括尋找關(guān)鍵字和短語(yǔ)。用粗體顯示最重要的一個(gè),這樣更容易找到。此外,不要突出太多的東西,因?yàn)樗鼤?huì)失去效率。

2、創(chuàng)建有效的視覺(jué)層級(jí)

另一個(gè)有助于掃描頁(yè)面的重要方面是提供適當(dāng)?shù)囊曈X(jué)層次結(jié)構(gòu)。我們必須弄清楚,頁(yè)面的外觀描述了元素之間的關(guān)系。有幾個(gè)原則:

一件事越重要,它就越突出。最重要的東西要么是更大的,要么是更大膽的顏色設(shè)置。

邏輯上相關(guān)的東西,在視覺(jué)上也一樣相關(guān)。例如,在相同的視覺(jué)樣式下或在相同的標(biāo)題下進(jìn)行分組的事情一般都是相似的。

3、不要重復(fù)造輪子

我們相信人們想要更多的新東西。但我們忘記了,市場(chǎng)上有很多app,每個(gè)都需要我們的時(shí)間。每一個(gè)都有不同的互動(dòng),每一個(gè)都需要我們學(xué)習(xí)。當(dāng)我們想到:“哦,伙計(jì),又一個(gè)要學(xué)習(xí)的應(yīng)用程序?!”

在我說(shuō)這句話之前,有一點(diǎn)很重要的我們需要知道

作為設(shè)計(jì)師,當(dāng)被要求設(shè)計(jì)新東西時(shí),我們會(huì)忍不住去嘗試重新發(fā)明輪子。因?yàn)橄衿渌艘粯幼鍪滤坪跏清e(cuò)的。我們被雇來(lái)做一些不同的事情。更不用說(shuō),業(yè)界很少會(huì)因?yàn)樵O(shè)計(jì)出“最佳使用慣例”的產(chǎn)品而獲得獎(jiǎng)勵(lì)和贊揚(yáng)。

在重新發(fā)明輪子之前,你必須了解你想要顛覆和創(chuàng)新的東西的價(jià)值(時(shí)間、精力、知識(shí))。

4、產(chǎn)品使用說(shuō)明必須消失

我們的工作是讓事情變得清晰明了。如果顯而易見(jiàn)不是一種選擇,那么至少不言自明。關(guān)于指令你需要知道的主要事情是沒(méi)有人會(huì)去讀它們。我們的目標(biāo)是去掉這些說(shuō)明,使一切都一目了然。但在必要的時(shí)候,盡可能地削減(但實(shí)際上,沒(méi)人會(huì)去讀它們)。我們蒙混過(guò)關(guān)。

如果它不明顯,那么我們應(yīng)該力求不言自明。

以宜家為例。如果你讓一個(gè)普通人從宜家(IKEA)組裝一個(gè)衣柜,我敢肯定,他在大多數(shù)情況下都會(huì)把它組裝好。為什么?在大多數(shù)情況下,如果我們面前有一幅清晰的圖畫(huà),我們就能清楚地看到它應(yīng)該如何裝配。但即使在他們看說(shuō)明書(shū)的情況下,沒(méi)有文字,只有圖像。

5、我們并不在乎你的產(chǎn)品是如何運(yùn)作的

對(duì)于大多數(shù)人來(lái)說(shuō),了解或理解你的產(chǎn)品是如何工作的并不重要。不是因?yàn)樗麄儾宦斆?,而是因?yàn)樗麄儾辉诤酢?strong style="color:#000000;">因此,一旦他們確定了你的產(chǎn)品的用途,他們就很少會(huì)轉(zhuǎn)而使用其他產(chǎn)品。

讓我們以蘋(píng)果AirPods為例。我們都可以承認(rèn),就你所付出的代價(jià)而言,它們是最糟糕的耳機(jī)。但當(dāng)我觀察人們?nèi)绾闻c它互動(dòng)時(shí),我明白了他們購(gòu)買它的真正原因。他們不會(huì)讓你思考為什么它不工作。你甚至沒(méi)有注意到他們有新技術(shù)。

我看著我媽媽是如何與它們互動(dòng)的,她從來(lái)沒(méi)有問(wèn)過(guò)我背后的技術(shù)是什么,或者它們是如何工作的。她知道,只要你在你的設(shè)備附近打開(kāi)盒子,它就會(huì)連接起來(lái)。它是那么容易。

6、人們不會(huì)去尋找“微妙的線索”——我們很匆忙

我最喜歡的一點(diǎn)。我們?cè)O(shè)計(jì)師喜歡給用戶微妙的效果和添加美麗的快樂(lè)。對(duì)吧?那么,如果我告訴你你的用戶不關(guān)心它呢?不管他們告訴你他們有多關(guān)系,可是他們沒(méi)有。第一次?是的。第二次?好的。第三次呢?說(shuō)實(shí)話,我要看多少才能看夠?

為什么會(huì)這樣?與app的愉悅感和微妙的效果相比,生活是一個(gè)壓力更大、要求更高的環(huán)境。例如,你是一個(gè)父親,你的孩子因?yàn)橄胍苛芏饨?,狗在叫,因?yàn)橛腥嗽谇伴T(mén)叫喚,而你正試圖訂一張40分鐘后就會(huì)開(kāi)走的火車票。在那個(gè)特定的時(shí)刻,人們不會(huì)對(duì)你微妙的暗示表示不滿。另一方面,我們可以使用它們,但不是當(dāng)它殺死用戶流的時(shí)候。

7、焦點(diǎn)小組不是可用性測(cè)試

Focus group(焦點(diǎn)小組)指的是一群坐在桌邊討論事情的人。他們談?wù)撍麄儗?duì)產(chǎn)品的看法,過(guò)去的經(jīng)驗(yàn),他們對(duì)新概念的感受和反應(yīng)。焦點(diǎn)小組對(duì)于確定你的受眾想要什么是非常好的。

可用性測(cè)試是一次觀察一個(gè)人試圖使用某樣?xùn)|西(在本例中是你的產(chǎn)品)。在本例中,你要求他們執(zhí)行特定的操作,以查看是否需要在概念中修復(fù)某些內(nèi)容。所以焦點(diǎn)小組是關(guān)于傾聽(tīng)的,可用性測(cè)試是關(guān)于觀察的。

8、我們?cè)试S個(gè)人的感覺(jué)占據(jù)整個(gè)過(guò)程

我們所有設(shè)計(jì)數(shù)字產(chǎn)品的人都有這樣的時(shí)刻:“我也是一個(gè)用戶,所以我知道什么是好什么是壞。”正因?yàn)槿绱?,我們往往?duì)自己喜歡什么、不喜歡什么有強(qiáng)烈的感覺(jué)。

我們喜歡用帶______的產(chǎn)品,或者我們認(rèn)為_(kāi)_____是一個(gè)很大的痛苦。而當(dāng)我們?cè)谝粋€(gè)團(tuán)隊(duì)工作時(shí),往往很難在一開(kāi)始察覺(jué)這些感覺(jué)。其結(jié)果是滿屋子的人都對(duì)如何設(shè)計(jì)一個(gè)偉大的產(chǎn)品有著強(qiáng)烈的個(gè)人情感。我們傾向于認(rèn)為大多數(shù)用戶都和我們一樣。

9、你問(wèn)了錯(cuò)誤的問(wèn)題

如果你問(wèn):“人們喜歡下拉菜單嗎?”正確的問(wèn)題是:“在這個(gè)上下文中,這個(gè)下拉菜單,加上這些詞,是否為可能使用這個(gè)網(wǎng)站的人創(chuàng)造了良好的體驗(yàn)?”

我們應(yīng)該撇開(kāi)“人們喜歡它嗎?”并深入研究設(shè)計(jì)的戰(zhàn)略背景。

原因是如果我們關(guān)注人們喜歡什么,我們就會(huì)失去注意力和精力??捎眯詼y(cè)試將消除任何“喜歡”,并向您展示需要做什么。

10、當(dāng)一個(gè)人使用了你的產(chǎn)品,你忘了她可能并不會(huì)花時(shí)間思考

我在哪兒?

我應(yīng)該在哪里開(kāi)始?

他們把_____放在哪里了?

這一頁(yè)上最重要的東西是什么?

他們?yōu)槭裁催@么稱呼它?

那是廣告還是網(wǎng)站的一部分?

關(guān)鍵是,在使用你的產(chǎn)品時(shí),我們腦海中浮現(xiàn)的每一個(gè)問(wèn)題,都只會(huì)增加認(rèn)知負(fù)荷。它分散了我們對(duì)“我為什么在這里”和“我需要做什么”的注意力。通常,當(dāng)人們只是想知道這個(gè)按鈕是否可以點(diǎn)擊時(shí),他們并不喜歡解謎。

每次你讓用戶點(diǎn)擊不工作的東西,或者它看起來(lái)像一個(gè)按鈕/鏈接,但它不是,這也會(huì)增加用戶的一堆問(wèn)題。之所以會(huì)出現(xiàn)這種情況,是因?yàn)樯a(chǎn)產(chǎn)品的人并不太關(guān)心產(chǎn)品。

 藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

極簡(jiǎn)主義扁平化配色作品

用心設(shè)計(jì)

今天分享來(lái)自設(shè)計(jì)師 Dumma 設(shè)計(jì)的極簡(jiǎn)主義扁平化配色作品,這些作品的顏色非常好看,也非常特別。

這不僅僅是一組配色方案這么簡(jiǎn)單,設(shè)計(jì)師一共設(shè)計(jì)了8組色彩搭配,每組顏色分成5個(gè)色塊,并將上、下兩個(gè)色塊設(shè)置不一樣的高度,就能形成一張非常漂亮的海報(bào),同時(shí)設(shè)計(jì)師還有把這些配色用到了其它方面,我們一起來(lái)往下看吧:-)

如何應(yīng)用這些配色?

配色方案很漂亮,但是如何如何應(yīng)用這些配色讓作品更有意義呢?DUMMA 設(shè)計(jì)師想到把這些配色印刷到實(shí)物產(chǎn)品上,比如杯子、時(shí)鐘、被單、海報(bào)等實(shí)物上,真的非常搭配,同時(shí)也用來(lái)作為自己原創(chuàng)商品在網(wǎng)上進(jìn)行銷售,并獲得利潤(rùn),真是一舉兩得。

▲抱枕

▲極簡(jiǎn)時(shí)鐘1

▲極簡(jiǎn)時(shí)鐘2

▲被單

▲沐浴簾1

▲淋浴簾2

▲旅行杯

▲海報(bào)

▲手提袋

喜歡這些配色嗎?請(qǐng)拿去練手,作為設(shè)計(jì)師,有空的時(shí)候也可以做點(diǎn)創(chuàng)意練習(xí),并像 DUMMA 設(shè)計(jì)師一樣,印刷到海報(bào)或者杯子上,如果你認(rèn)為自己的作品非常好看的話,也可以銷售它,業(yè)余賺點(diǎn)零花也不錯(cuò),說(shuō)不定有成為爆款的潛力呢。

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 


藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

助推理論 - 為用戶設(shè)計(jì)更好的選擇

資深UI設(shè)計(jì)者



如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


在Medium上看到這篇行為經(jīng)濟(jì)學(xué)理論的文章,獲益良多。助推理論在體驗(yàn)設(shè)計(jì)領(lǐng)域也有很多的案例,所以翻譯成中文分享給大家。

Image title

圖片來(lái)源:42courses.com


上圖中的20厘米和30厘米盤(pán)子那個(gè)看起來(lái)會(huì)讓你少吃一點(diǎn)?理性思考一下,20厘米的盤(pán)子肯定是最適合少吃的,因?yàn)椴荒苌厦娣盘嗟氖澄?。但在自助餐廳或者吃工作餐的時(shí)候,考慮到現(xiàn)實(shí)情況中食物是免費(fèi)的,大家不會(huì)過(guò)多考慮盤(pán)子的大小。所以把30厘米的盤(pán)子放在最顯眼的地方,大家肯定會(huì)很大概率的選擇它。


我們經(jīng)常使用的產(chǎn)品在潛意識(shí)層對(duì)我們的影響比我們想象的更多。為什么會(huì)這樣呢?因?yàn)榇蠹也⒉豢偸怯袝r(shí)間考慮每一個(gè)動(dòng)作。最近認(rèn)知心理學(xué),社會(huì)心理學(xué)和行為經(jīng)濟(jì)學(xué)方面的學(xué)術(shù)研究表明,我們每天90%以上的決策都是在無(wú)意識(shí)的情況下自動(dòng)進(jìn)行的。


因此我們可以將一些小技巧應(yīng)用到我們的腦中,以便以更好的方式完成某些事情。這些小技巧被稱為——助推。


助推能顯著改變?nèi)祟惾魏蔚男袨?,怎么樣才算助推呢?干預(yù)過(guò)程必須簡(jiǎn)單快捷。例如將水果放在眼睛水平位置,可以有效的刺激拿起或購(gòu)買。 

——?Richard Thaler


Image title

圖片來(lái)源:42courses.com


正如Richard Thaler所著的《助推》所述,任何創(chuàng)造決策環(huán)境的人都被稱為“選擇架構(gòu)師”。所有工作類型中幾乎都會(huì)存在這一部分(從醫(yī)生、會(huì)計(jì)師到建筑師…)。



現(xiàn)狀偏見(jiàn)


在我們深入討論助推是如何改善生活的例子之前,您必須了解什么是現(xiàn)狀偏見(jiàn)。由于種種原因,人們通常傾向于堅(jiān)持自己的現(xiàn)狀。


現(xiàn)狀偏見(jiàn)是一種情感偏見(jiàn),一種對(duì)現(xiàn)狀的偏好。以目前的基線(或現(xiàn)狀)為參考點(diǎn),對(duì)該基線的任何更改都被視為損失。

——維基百科


現(xiàn)狀偏見(jiàn)的一個(gè)例子:當(dāng)你買了一部新的手機(jī),你就可以更改鈴聲、壁紙、預(yù)安裝的App、語(yǔ)音郵件等。但大多數(shù)手機(jī)制造商已經(jīng)為您預(yù)先進(jìn)行了特定設(shè)置。研究表明,即使自己進(jìn)行設(shè)置更適合自己一些,大家還是會(huì)堅(jiān)持使用預(yù)先進(jìn)行的特定設(shè)置。


另一個(gè)關(guān)于現(xiàn)狀偏見(jiàn)的例子是學(xué)生和他們?cè)诮淌依锏淖?。大多?shù)老師都知道,即使沒(méi)有座位表,學(xué)生們?cè)谡n堂上也傾向于坐在同一個(gè)地方,即使因?yàn)檎n程變動(dòng)而更換教室。



僅通過(guò)改變地方來(lái)改變飲食習(xí)慣


首先用一個(gè)非常好的例子來(lái)說(shuō)明助推是如何運(yùn)作的,谷歌使用了選擇架構(gòu),從而幫助員工做出更健康的飲食選擇搭配。谷歌的自助餐廳以免費(fèi)和美味而聞名,但食物并不總是最健康的,因?yàn)槿藗兘?jīng)常拿的食物多于自己所需要的,所有有一部分人逐漸胖了起來(lái)。


所以他們把自助餐廳重布置一番,把沙拉當(dāng)做員工看到的第一個(gè)食物,最后才是甜食和其他“不太健康的食物”。為什么這樣做呢?因?yàn)楫?dāng)你餓的時(shí)候,你會(huì)把第一眼看到的東西放在你的盤(pán)子里。另外他們通過(guò)視覺(jué)引導(dǎo)將健康食品貼上綠色標(biāo)簽,高熱量的食物被標(biāo)上紅色。


還有一個(gè)明顯的例子是:我們非常清楚當(dāng)你空著肚子去超市的時(shí)候,往往會(huì)買各種各樣的本來(lái)沒(méi)打算買的食物(巧克力)。 


Image title

圖片來(lái)源:42courses.com



默認(rèn)選項(xiàng)會(huì)產(chǎn)生重大影響


因此設(shè)置默認(rèn)選項(xiàng)或設(shè)置可以對(duì)結(jié)果產(chǎn)生重大影響。從增加儲(chǔ)蓄到改善健康,再到為移植手術(shù)提供器官。而一個(gè)精心選擇的默認(rèn)設(shè)置只是助推的力量的一個(gè)例證。


例如,如果你是一家金融公司,目的是想激勵(lì)大家投資并存更多的錢,你便可以做出一個(gè)默認(rèn)的選項(xiàng),每個(gè)月把一個(gè)人10%的工資轉(zhuǎn)到儲(chǔ)蓄帳戶,另5%轉(zhuǎn)到一個(gè)特定的基金,其他的錢可以按照用戶的意愿使用,而不是讓客戶自己把這10%存入儲(chǔ)蓄帳戶。 



有時(shí)“選擇加入”應(yīng)該是默認(rèn)值

Image title

圖片來(lái)源:42courses.com


默認(rèn)設(shè)置可以挽救某人的生命。例如蘋(píng)果電腦上的健康A(chǔ)pp上沒(méi)有自動(dòng)“選擇加入”器官捐獻(xiàn),你得自己設(shè)置。但大多數(shù)人甚至不知道有這樣的功能存在,所以我們錯(cuò)過(guò)了很多潛在的救生通道。


另一方面,我們可以標(biāo)記出復(fù)選框且通知用戶,如果他們想自定義,可以選擇退出我們的默認(rèn)設(shè)定。但是有意思的是人們會(huì)選擇我們的默認(rèn)選項(xiàng),因?yàn)槲覀円呀?jīng)為他們做了選擇。 



以醫(yī)生數(shù)據(jù)為切口來(lái)促進(jìn)銷售


在15周的試驗(yàn)期內(nèi),有醫(yī)生用研究數(shù)據(jù)表明,水果或蔬菜能改善健康(無(wú)意識(shí)暗示影響行為的一種方式),所以新鮮水果和其他健康食品的銷售增幅高達(dá)30%。



創(chuàng)建指定的購(gòu)物手推車零件

Image title

圖片來(lái)源:42courses.com


超市早就意識(shí)到了這一點(diǎn),并且經(jīng)常嘗試使用不同的推桿。NMSU商學(xué)院的助理教授Collin Payne在新墨西哥州的一家超市進(jìn)行了一項(xiàng)研究。他在購(gòu)物車的寬度上畫(huà)了一條黃色的管道帶,從而創(chuàng)造了一個(gè)視覺(jué)的微移。并在購(gòu)物車上貼上告示,要求購(gòu)物者把水果和蔬菜放在線的前面,其余的食品則放在線的后面。


可以看到的是水果和蔬菜的購(gòu)買率增長(zhǎng)了102%,而這只是一個(gè)簡(jiǎn)單的標(biāo)志和路線改變?!狿ayne


這促使人們購(gòu)買更多的水果和蔬菜,并且不會(huì)降低超市利潤(rùn)。這些小的干預(yù)措施簡(jiǎn)單易行,而且費(fèi)用低廉,但對(duì)改善人們的飲食有著巨大的影響。 



用不同的方式表達(dá)

Image title

圖片來(lái)源:42courses.com


在做決定時(shí)候我們傾向于更加積極的表達(dá)方式。例如醫(yī)生建議你做手術(shù),如果他告訴你有10%的死亡幾率,你可能會(huì)選擇不做手術(shù)。但是如果醫(yī)生告知你90%的時(shí)候一切順利,你就會(huì)更愿意選擇做這個(gè)手術(shù)。


同樣的事情也在我身上發(fā)生過(guò),當(dāng)醫(yī)生建議我做手術(shù)的時(shí)候,他說(shuō)手術(shù)失敗的可能性很小,我拒絕了。直到最近我才意識(shí)到,如果他先告訴我積極的一面,我就會(huì)選擇做手術(shù)。因此構(gòu)建默認(rèn)消息的表達(dá)方式也是很有意義的,因?yàn)樗鼤?huì)改變你對(duì)產(chǎn)品的基礎(chǔ)感知。 



增加默認(rèn)比例

Image title

圖片來(lái)源:42courses.com


你可能還在紐約黃色出租車上會(huì)看到三個(gè)小費(fèi)選項(xiàng)。在行程結(jié)束時(shí)你會(huì)在面板上看到20%、25%、30%的三個(gè)默認(rèn)小費(fèi)比例選項(xiàng)。這些預(yù)先設(shè)置的選項(xiàng)設(shè)置了一個(gè)默認(rèn)的要給的小費(fèi)數(shù)額。有意思的是把默認(rèn)小費(fèi)比例改成更高,人們小費(fèi)也就會(huì)越多。


小費(fèi)的均值大約維持10%左右,當(dāng)采用這上述的方法后,小費(fèi)的比例上升到22%,如果按照現(xiàn)金計(jì)算,這三個(gè)選項(xiàng)導(dǎo)致客戶每年額外支付144,146,165美元的小費(fèi)。


這就像一些慈善機(jī)構(gòu)申請(qǐng)捐款一樣,當(dāng)展示出人們平均捐贈(zèng)三個(gè)選項(xiàng)分別為100美元、250美元或500美元時(shí),我們通常傾向于選擇的選項(xiàng)。所以如果你將三種選項(xiàng)的最底標(biāo)準(zhǔn)調(diào)高就有可能獲得更多的捐贈(zèng)。 



制造進(jìn)步的假象以鼓勵(lì)采取行動(dòng)

Image title

圖片來(lái)源:42courses.com


你在很多咖啡店看到了上圖這個(gè)例子,你要做的就是把剩下的內(nèi)容填上。因?yàn)槿绻o你一張空卡,你就有很大的可能不會(huì)填寫(xiě),咖啡店從而失去這個(gè)用戶。


如何將此方法應(yīng)用于App上呢?例如當(dāng)有進(jìn)度或下載條時(shí),您已經(jīng)可以從10%開(kāi)始。因?yàn)橛脩魧?duì)0%的進(jìn)度和10%進(jìn)度在理解上是有本質(zhì)區(qū)別的。后者可以給你一個(gè)輕微的鼓勵(lì),讓你繼續(xù)前進(jìn)或等待。 



Schiphol的洗手間

Image title

在所有案例中,這個(gè)案例最小,但仍可以說(shuō)明這個(gè)重要問(wèn)題


讓我們?cè)谝粋€(gè)有趣的案例上應(yīng)用助推理論,在阿姆斯特丹希普爾機(jī)場(chǎng)的男廁所,因?yàn)槟腥送ǔ2粫?huì)太注意他們他們瞄準(zhǔn)的地方,所以可能會(huì)造成一些混亂(這個(gè)案例大概只有男孩子明白)。但是如果他們看到了明確目標(biāo),他們更傾向于瞄準(zhǔn)目標(biāo),這樣便會(huì)增加準(zhǔn)確性和注意力。


經(jīng)濟(jì)學(xué)家Aad Kieboom說(shuō)“如果一個(gè)人看見(jiàn)一只蒼蠅,他就瞄準(zhǔn)它,它提高了目標(biāo)準(zhǔn)確率。”他指導(dǎo)了男廁的修整,并且組織工作人員在小便池中進(jìn)行了準(zhǔn)確度試驗(yàn),發(fā)現(xiàn)有效減少尿液了80%的溢出。



寫(xiě)在最后…


腦補(bǔ)一下,假設(shè)你是兩個(gè)孩子的父母。每天他們都會(huì)去廚房拿些糖果,他們總是會(huì)拿更多。所以與其對(duì)他們說(shuō)“不能拿這么多”,從而破壞你們的親子關(guān)系,還不如你在廚房只留下2到4塊糖果,給他們一個(gè)默認(rèn)選擇,這樣他們就不會(huì)再多拿,你們的家庭關(guān)系也能更和睦。


這些例子只是行為經(jīng)濟(jì)學(xué)領(lǐng)域的一些案例。但是可以很容易地應(yīng)用于您設(shè)計(jì)或創(chuàng)建的任何東西上面——從App到商家服務(wù)。


最重要的是要記住大家都很忙并且很懶,不會(huì)考慮影響他們生活的小細(xì)節(jié)。即使他們能夠獨(dú)立完成一些思考,在目前的生活環(huán)境中也沒(méi)有足夠的精力來(lái)處理這問(wèn)題。所以我們可以幫助他們作出更好和更合理的決定。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制  用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)




交互設(shè)計(jì)常識(shí):設(shè)計(jì)模型分析

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

“工欲善其事,必先利其器”;作為設(shè)計(jì)人員來(lái)說(shuō),設(shè)計(jì)方法和設(shè)計(jì)模型就是輔助我們更好做設(shè)計(jì)的工具。就像廚師做菜時(shí)候的菜譜一樣;面對(duì)新的菜種,能更快指引我們做出味道不錯(cuò)的菜肴。

體系化的設(shè)計(jì)方法不僅能更好的指導(dǎo)設(shè)計(jì)師做設(shè)計(jì);另一個(gè)方面,經(jīng)過(guò)設(shè)計(jì)方法包裝后的設(shè)計(jì),能讓設(shè)計(jì)師更坦然面對(duì)來(lái)自各方的質(zhì)疑,更專業(yè)的講述自己的設(shè)計(jì)依據(jù)。在做不同菜肴的時(shí)候,我們需要不同的菜譜來(lái)指引;而在不同的設(shè)計(jì)階段,設(shè)計(jì)師也需要不同的設(shè)計(jì)模型/方法,讓我們更靈活的做設(shè)計(jì)分析與輸出。

下面從接到項(xiàng)目需求 > 體驗(yàn)迭代優(yōu)化階段,筆者將為大家詳細(xì)講解以下 5 種設(shè)計(jì)模型,并配出具體實(shí)踐的案例,希望對(duì)大家有所啟發(fā)。

模型一:SWOT 模型

1. 概念介紹

SWOT分析法(也稱 TOWS 分析法、道斯矩陣)即態(tài)勢(shì)分析法,20世紀(jì)80年代初由美國(guó)舊金山大學(xué)的管理學(xué)教授韋里克提出,經(jīng)常被用于企業(yè)戰(zhàn)略制定、競(jìng)爭(zhēng)對(duì)手分析等場(chǎng)合。

在現(xiàn)在的戰(zhàn)略規(guī)劃報(bào)告里,SWOT分析應(yīng)該算是一個(gè)眾所周知的工具。來(lái)自于麥肯錫咨詢公司的SWOT分析,包括分析企業(yè)的優(yōu)勢(shì)(Strengths)、劣勢(shì)(Weaknesses)、機(jī)會(huì)(Opportunities)和威脅(Threats)。

2. 使用場(chǎng)景

主要用在產(chǎn)品前期的戰(zhàn)略規(guī)劃中;用于項(xiàng)目成員知己知彼,同時(shí)也能知道在行業(yè)領(lǐng)域自己的產(chǎn)品所處的位置和核心競(jìng)爭(zhēng)力是什么;對(duì)于產(chǎn)品方向的定位和全方位分析有復(fù)用價(jià)值。

3. 計(jì)價(jià)值

SWOT分析實(shí)際上是將對(duì)企業(yè)內(nèi)外部條件各方面內(nèi)容進(jìn)行綜合和概括,進(jìn)而分析組織的優(yōu)劣勢(shì)、面臨的機(jī)會(huì)和威脅的一種方法。

優(yōu)劣勢(shì)分析主要是著眼于企業(yè)自身的實(shí)力及其與競(jìng)爭(zhēng)對(duì)手的比較,而機(jī)會(huì)和威脅分析將注意力放在外部環(huán)境的變化及對(duì)企業(yè)的可能影響上 。在分析時(shí),應(yīng)把所有的內(nèi)部因素(即優(yōu)劣勢(shì))集中在一起,然后用外部的力量來(lái)對(duì)這些因素進(jìn)行評(píng)估。

4. 具體實(shí)踐案例說(shuō)明

下圖是筆者曾為的阿里內(nèi)部某個(gè)數(shù)據(jù)服務(wù)平臺(tái)分析的案例;側(cè)重介紹了為什么要做這個(gè)數(shù)據(jù)平臺(tái);以及做這個(gè)平臺(tái)我們項(xiàng)目組的優(yōu)劣勢(shì)和機(jī)會(huì)點(diǎn)分別是什么。在給老板匯報(bào)產(chǎn)品來(lái)源&方向時(shí)是非常有效的。

最后,SWOT 分析模型其實(shí)還可以與商業(yè)畫(huà)布相結(jié)合,便于更全面對(duì)項(xiàng)目/業(yè)務(wù)進(jìn)行快速分析和深入了解;深入懂業(yè)務(wù)的設(shè)計(jì)師才能真正在團(tuán)隊(duì)中進(jìn)行發(fā)聲,提出超越 UI 層的建設(shè)性意見(jiàn)。

模型二:Google Design Sprint

1. 概念介紹

Design Sprint, 設(shè)計(jì)沖刺,顧名思義就是要在短時(shí)間內(nèi)做出好設(shè)計(jì);是由 Google 提出的設(shè)計(jì)方法。

2. 使用場(chǎng)景

設(shè)計(jì)沖刺這個(gè)設(shè)計(jì)方法主要適用于短時(shí)間就需要產(chǎn)出設(shè)計(jì)方案;例如一些 Workshop 的共建, 產(chǎn)品迭代周期很快的新需求/任務(wù),需要系統(tǒng)化分析與輸出設(shè)計(jì)方案。

3. 設(shè)計(jì)價(jià)值

可以在很短的時(shí)間內(nèi)輸出一套系統(tǒng)化的設(shè)計(jì)策略及方案;

通過(guò)與不同背景的參與者進(jìn)行溝通協(xié)作,能獲取更多看事物的角度和差異化知識(shí);創(chuàng)造更多可能;

作為一種理想的設(shè)計(jì)教育工具,讓非科班的設(shè)計(jì)人員完整又快速了解產(chǎn)品&設(shè)計(jì)。

4.  具體實(shí)踐案例說(shuō)明

設(shè)計(jì)沖刺的主要內(nèi)容包括 6 個(gè)階段:

理解(Understand):理解要為用戶解決的問(wèn)題

定義(Define):明確產(chǎn)品策略(數(shù)據(jù)分析,用戶調(diào)研,設(shè)計(jì)原則制定等)

發(fā)散(Diverge):探索實(shí)現(xiàn)方案

決定(Decide):確定設(shè)計(jì)方案

原型(Prototype):構(gòu)建產(chǎn)品原型

驗(yàn)證(Validate):驗(yàn)證產(chǎn)品原型

模型三:GUCDR 模型

1.概念介紹

相比前一個(gè)設(shè)計(jì)沖刺模型,GUCDR 模型在設(shè)計(jì)過(guò)程中的實(shí)用性更強(qiáng),能讓你快速用起來(lái),幫你系統(tǒng)性梳理信息;在實(shí)際工作中,只要能夠回答畫(huà)布中的每個(gè)點(diǎn),即可形成完整的設(shè)計(jì)推演過(guò)程,讓設(shè)計(jì)思路逐漸清晰起來(lái)。

G:Goal

U:User

C:Condition

D:Design

R:Realize

2. 使用場(chǎng)景

GUCDR 模型很適合用于前期需求調(diào)研和整理階段;特別是在自己不是很熟悉的領(lǐng)域中,把信息按照模型和畫(huà)布中的點(diǎn)進(jìn)行歸類匯總;最大限度的讓自己的設(shè)計(jì)思維和信息邏輯得到詮釋。

3. 設(shè)計(jì)價(jià)值

3.1  對(duì)設(shè)計(jì)的需求來(lái)源及設(shè)計(jì)目標(biāo)的聚焦定位,非常有價(jià)值,能快入深入了解業(yè)務(wù)背景;

3.2  對(duì)設(shè)計(jì)階段的目標(biāo)拆解,從設(shè)計(jì)目標(biāo) > 設(shè)計(jì)策略 > 設(shè)計(jì)方案,層層遞進(jìn),設(shè)計(jì)方案輸出的邏輯性和針對(duì)性很強(qiáng)。

4.  具體實(shí)踐案例說(shuō)明

GUCDR 模型在具體的使用過(guò)程中,可以和 GUCDR 畫(huà)布結(jié)合起來(lái)一起使用。信息下鉆的更深入具體,從項(xiàng)目目標(biāo)到設(shè)計(jì)落地,每個(gè)階段都有具體的節(jié)點(diǎn)支撐,在使用過(guò)程中只需要把信息直接輸入到對(duì)應(yīng)的位置即可。下圖為 GUCDR 畫(huà)布模板,可直接把業(yè)務(wù)相關(guān)信息輸入進(jìn)來(lái)。

模型四:雙鉆模型

1. 概念介紹

雙鉆設(shè)計(jì)模型由英國(guó)設(shè)計(jì)協(xié)會(huì)提出,該設(shè)計(jì)模型的核心是:發(fā)現(xiàn)正確的問(wèn)題、發(fā)現(xiàn)正確的解決方案。

雙鉆模型是一個(gè)結(jié)構(gòu)化的設(shè)計(jì)方法,被很多設(shè)計(jì)師喜愛(ài)和使用。

探索/調(diào)研——透析問(wèn)題(發(fā)散)

定義/合成——聚焦領(lǐng)域(集中)

發(fā)展/構(gòu)思——潛在問(wèn)題(發(fā)散)

傳達(dá)/實(shí)現(xiàn)——實(shí)施方案(集中)

2. 使用場(chǎng)景

一般應(yīng)用在產(chǎn)品開(kāi)發(fā)過(guò)程中的需求定義和交互設(shè)計(jì)階段;教我們?nèi)绾螌?duì)未知的可能的事物進(jìn)行探索;一步步到達(dá)已知的理應(yīng)的層面。

3. 操作使用說(shuō)明

雙鉆模型的四個(gè)階段也許很精簡(jiǎn)并且合并到兩個(gè)主要的階段。

第一階段——做對(duì)的事(菱形1——探索和定義)

第二階段——把事情做對(duì)(菱形2——開(kāi)發(fā)和履行)

4.  具體實(shí)踐案例說(shuō)明

下圖是對(duì)阿里內(nèi)部一款移動(dòng)運(yùn)維產(chǎn)品的分析,分析其從 0-1 的方向探索和從 1-1.5 的發(fā)展歷程:

下圖是曾經(jīng)在一個(gè)設(shè)計(jì)講座中,滴滴 CDX 一位設(shè)計(jì)師的分享,她把雙鉆模型利用到設(shè)計(jì)的研究和輸出階段,個(gè)人感覺(jué)此模型此刻的使用場(chǎng)景也很貼切;不僅僅是在完整的一個(gè)項(xiàng)目中,在單一的某個(gè)階段雙鉆模型也是理念很好的承載容器。

模型五:卡諾模型

1.概念介紹

kano模型是狩野紀(jì)昭教授發(fā)明的一種工具,以分析用戶需求對(duì)用戶滿意的影響為基礎(chǔ),體現(xiàn)了產(chǎn)品性能和用戶滿意之間的非線性關(guān)系。

在卡諾模型中,將產(chǎn)品和服務(wù)的質(zhì)量特性分為五種類型:

1> 魅力屬性:用戶意想不到的,如果不提供此需求,用戶滿意度不會(huì)降低,但當(dāng)提供此需求,用戶滿意度會(huì)有很大提升;

2> 期望屬性:當(dāng)提供此需求,用戶滿意度會(huì)提升,當(dāng)不提供此需求,用戶滿意度會(huì)降低;

3> 必備屬性:當(dāng)優(yōu)化此需求,用戶滿意度不會(huì)提升,當(dāng)不提供此需求,用戶滿意度會(huì)大幅降低;

4> 無(wú)差異因素:無(wú)論提供或不提供此需求,用戶滿意度都不會(huì)有改變,用戶根本不在意;

5> 反向?qū)傩裕河脩舾径紱](méi)有此需求,提供后用戶滿意度反而會(huì)下降。

2. 使用場(chǎng)景

卡諾模型的主要使用場(chǎng)景是對(duì)用戶需求分類;

另一種是對(duì)多個(gè)功能點(diǎn)進(jìn)行優(yōu)先級(jí)排序。

3. 具體使用操作

步驟一:設(shè)計(jì)問(wèn)卷調(diào)查表,實(shí)施有效的問(wèn)卷調(diào)查

KANO 模型的問(wèn)卷問(wèn)法,是對(duì)每個(gè)質(zhì)量特性都由正向和負(fù)向兩個(gè)問(wèn)題構(gòu)成,分別測(cè)量用戶在面對(duì)存在或不存在某項(xiàng)質(zhì)量特性時(shí)的反應(yīng)。問(wèn)卷中的問(wèn)題答案采用五級(jí)選項(xiàng)分別是:

我很喜歡:讓你感到滿意、開(kāi)心、驚喜。

理應(yīng)如此:你覺(jué)得是應(yīng)該且必備的功能。

無(wú)所謂:你不會(huì)特別在意,但還可以接受。

勉強(qiáng)接受:你不喜歡,但可以接受。

我很不喜歡:讓你感到不滿意。

步驟二:?jiǎn)柧斫Y(jié)果整理,進(jìn)行數(shù)據(jù)分析

根據(jù)問(wèn)卷結(jié)果進(jìn)行 KANO 模型二維屬性歸屬分析,可得出魅力屬性、期望屬性、必備屬性、無(wú)差異屬性、反向?qū)傩耘c可疑結(jié)果的功能屬性歸類百分比。除了對(duì)屬性的歸屬探討外,并通過(guò)百分比計(jì)算出 Better-Worse 系數(shù),表示某功能可以增加滿意或者消除很不喜歡的影響程度。

增加后的滿意系數(shù) Better/SI=(A+O)/(A+O+M+I)

消除后的不滿意系數(shù) Worse/DSI=-1*(O+M)/(A+O+M+I)

根據(jù) better-worse 系數(shù)值,將散點(diǎn)圖劃分為四個(gè)象限。

第一象限/期望屬性:better 與 worse系數(shù)成正比;表示產(chǎn)品提供此功能,用戶滿意度會(huì)提升,不提供此功能,用戶滿意度會(huì)降低,這是質(zhì)量的競(jìng)爭(zhēng)性屬性,應(yīng)盡力去滿足用戶的期望型需求。

第二象限/魅力屬性:better系數(shù)值高,worse 系數(shù)絕對(duì)值低的情況。表示不提供此功能,用戶滿意度不會(huì)降低,提供此功能,用戶滿意度和忠誠(chéng)度會(huì)有很大提升;

第三象限/無(wú)差異屬性:better系數(shù)值低,worse系數(shù)絕對(duì)值也低的情況。即無(wú)論提供或不提供這些功能,用戶滿意度都不會(huì)有改變,這些功能點(diǎn)是用戶并不在意的功能。

第四象限/必備屬性:better系數(shù)值低,worse系數(shù)絕對(duì)值高的情況。當(dāng)產(chǎn)品提供此功能,用戶滿意度不會(huì)提升,當(dāng)不提供此功能,用戶滿意度會(huì)大幅降低;此象限的功能是最基本的功能,這些需求是用戶認(rèn)為產(chǎn)品有義務(wù)做到的事情。

步驟三:數(shù)據(jù)解讀,將結(jié)果落地實(shí)施

KANO 模型是對(duì)功能需求的優(yōu)先級(jí)進(jìn)行探索,具體情況還需要和業(yè)務(wù)方進(jìn)行討論,結(jié)合實(shí)際情況后制定可行的產(chǎn)品功能開(kāi)發(fā)優(yōu)先級(jí)順序,以將調(diào)研結(jié)果落地實(shí)施。

4. 具體案例實(shí)踐說(shuō)明

題目:根據(jù)報(bào)警內(nèi)容,“掌上運(yùn)維”提供運(yùn)維操作建議(如磁盤(pán)滿了智能推薦執(zhí)行日志清理等)

步驟一:設(shè)計(jì)問(wèn)卷問(wèn)題,發(fā)放問(wèn)卷

步驟二:?jiǎn)柧斫y(tǒng)計(jì),進(jìn)行 KANO 模型二維屬性歸屬分析

步驟三:根據(jù)問(wèn)卷統(tǒng)計(jì)的用戶數(shù)據(jù);計(jì)算出每個(gè)區(qū)域的百分比;

具體計(jì)算方式是全部區(qū)域的人數(shù)相加作為分母;每個(gè)格子中的數(shù)字作為分子,即可得出每個(gè)格子的百分比出來(lái)。

具體百分比得出后,將下表中標(biāo) A、O、M、I、R、Q 的格子中百分比相加,即可得到五種屬性對(duì)應(yīng)的百分比。本調(diào)查結(jié)果可以得到A魅力屬性占比為42.1%,O期望屬性占比9%,M必備屬性占比1.2%,I無(wú)差異屬性占比38.9%,R反向?qū)傩哉急?.8%,Q可疑結(jié)果占比7%。

步驟四:根據(jù) Better-Worse 計(jì)算公式,得出 Better-Worse 系數(shù),明確功能落點(diǎn)象限。

步驟五:多個(gè)功能需求結(jié)果對(duì)比進(jìn)行優(yōu)先級(jí)排序。

模型六:METUX 幸福模型

1. 概念介紹

為了幫助大家更好地進(jìn)行“幸福設(shè)計(jì)”,卡里羅教授分享了他的一個(gè)模型——Motivation, Engagement and Thriving in theUser Experience (METUX)。

2. 使用場(chǎng)景

產(chǎn)品成熟穩(wěn)定期,需對(duì)產(chǎn)品&用戶體驗(yàn)進(jìn)行提升時(shí);或需綜合對(duì)產(chǎn)品體驗(yàn)進(jìn)行評(píng)估分析時(shí);提升用戶幸福感,希望產(chǎn)品能對(duì)用戶行為方式及生活質(zhì)量有所影響時(shí)。

3. 主要使用操作

在考慮用戶體驗(yàn)時(shí),從4個(gè)層次進(jìn)行考慮:

??  第一層是“界面”體驗(yàn):用戶與產(chǎn)品交互時(shí)的體驗(yàn)如何。

??  第二層是“任務(wù)”體驗(yàn):界面之上是用戶完成的任務(wù)。如利用智能手環(huán)計(jì)步,用戶在完成任務(wù)時(shí)體驗(yàn)如何。

??  第三層是“行為”體驗(yàn):任務(wù)之上是用戶的行為。如用戶購(gòu)買智能手環(huán)的目的是運(yùn)動(dòng),此時(shí)行為可能是跑步、騎自行車。因此產(chǎn)品在任務(wù)之上應(yīng)該深入關(guān)注用戶行為上的體驗(yàn)。

??  第四層是“生活”體驗(yàn):行為會(huì)對(duì)生活產(chǎn)生影響。如運(yùn)動(dòng)過(guò)量可能導(dǎo)致身體受損。

在設(shè)計(jì)過(guò)程中,應(yīng)該關(guān)注“勝任力”、“自主性”和“關(guān)系”三個(gè)關(guān)鍵因素,這些基本心理訴求是動(dòng)機(jī)、投入感和幸福感的根本。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

想打造高粘度的產(chǎn)品,你真的懂用戶的潛在動(dòng)機(jī)么?

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

你有沒(méi)有問(wèn)過(guò)自己,你為什么要玩游戲?除了游戲本身可以讓你放松之外,多數(shù)情況下,是游戲本身有趣的屬性讓你著迷。不斷試錯(cuò)的過(guò)程中,你會(huì)不斷發(fā)現(xiàn)新的東西,這種新東西可以是新的故事劇情,也可以是新的物品、新的活動(dòng)、新的等級(jí)。

當(dāng)人們將游戲化設(shè)計(jì)應(yīng)用于 APP 和網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候,經(jīng)常只是相對(duì)簡(jiǎn)單地運(yùn)用游戲的概念,而忽略了用戶深層次的行為模式和內(nèi)在驅(qū)動(dòng)力。借助不同的驅(qū)動(dòng)模型,設(shè)置不同的反饋和成就系統(tǒng),能讓產(chǎn)品呈現(xiàn)出不一樣的樂(lè)趣。在很多時(shí)候,與其借鑒一些模式化的方法,不如抓住用戶深層次的心理觸發(fā)點(diǎn),在過(guò)程上下心思,不合理的獎(jiǎng)勵(lì)不如沒(méi)有。

說(shuō)易行難,接下來(lái)我會(huì)舉例說(shuō)明如何借助用戶的動(dòng)機(jī)和內(nèi)在驅(qū)動(dòng)力,來(lái)提供更好的游戲化體驗(yàn)。

動(dòng)機(jī) 1.0

Daniel Pink 在他的書(shū)《Drive》中描述了一個(gè)非常關(guān)鍵的實(shí)驗(yàn),這個(gè)實(shí)驗(yàn)重塑了我們看待動(dòng)機(jī)的方式。這個(gè)實(shí)驗(yàn)是由威斯康星大學(xué)心理學(xué)教授 Harry F·Harlow 在上世紀(jì)40年代所完成。他和他的同事搜集了8只猴子,并且將它們放在籠子里,讓它們分開(kāi)解決機(jī)械難題。這個(gè)難題包含一系列不同的操作,這些猴子需要從一塊扁平的木板上拔出插銷,松開(kāi)鉤子并且抬起帶有鉸鏈的蓋板。

在實(shí)驗(yàn)進(jìn)行到13天左右的時(shí)候,猴子們?cè)谧约旱拿髦薪鉀Q了這個(gè)問(wèn)題。這個(gè)事情很有趣,因?yàn)闆](méi)有人去指導(dǎo)它們?nèi)绾稳プ?。沒(méi)有人為此提供獎(jiǎng)勵(lì)——任何形式的獎(jiǎng)勵(lì)都沒(méi)有,沒(méi)有食物、沒(méi)有掌聲也沒(méi)有情感獎(jiǎng)勵(lì)。這與我們通常所認(rèn)為的激勵(lì)機(jī)制是背道而馳的。我們通常會(huì)試圖使用贊美、獎(jiǎng)勵(lì)、加薪這樣的方式來(lái)促進(jìn)行動(dòng)。通過(guò)這個(gè)實(shí)驗(yàn),其實(shí)我們可以更清晰的意識(shí)到一件事情:

猴子能夠解決這個(gè)問(wèn)題,因?yàn)樗鼈儼l(fā)現(xiàn)這個(gè)過(guò)程本身是令人滿意而愉悅的。完成任務(wù)本身的過(guò)程所產(chǎn)生的快樂(lè),就是一種給自己的回報(bào)。

動(dòng)機(jī) 2.0

在1969年的時(shí)候,Edward Deci 進(jìn)行了類似的實(shí)驗(yàn),他的實(shí)驗(yàn)在之前的基礎(chǔ)上,在人類身上進(jìn)行了驗(yàn)證,并且進(jìn)行了更加深入的測(cè)試。Deci 的實(shí)驗(yàn)使用的道具是一種名為 Soma 的立體拼圖,這種拼圖包含7個(gè)不同的塑料組件,玩家可以根據(jù)需求組成不同的造型,最終的結(jié)果取決于玩家的想象力。

Deci 選擇了一組實(shí)驗(yàn)對(duì)象,其中有男有女,他們被平均分成AB兩組。在為期3天的實(shí)驗(yàn)過(guò)程中,他們先是上了一個(gè)小時(shí)的課了解這種拼圖的玩法,之后就讓他們開(kāi)始自行探索。在這個(gè)過(guò)程中,實(shí)驗(yàn)人員會(huì)在隔壁房間中他們進(jìn)行觀察。

這個(gè)實(shí)驗(yàn)的關(guān)鍵之處就在于分組對(duì)比。其中,A組在第一天是沒(méi)有得到任何獎(jiǎng)勵(lì)的,第二天他們會(huì)因?yàn)榕Χ玫浇疱X獎(jiǎng)勵(lì),第三天他們又是沒(méi)有得到任何獎(jiǎng)勵(lì)。而B(niǎo)組在這3天當(dāng)中,從頭到尾是沒(méi)有得到任何獎(jiǎng)勵(lì)的。而 Deci 發(fā)現(xiàn)了一個(gè)問(wèn)題,與 A組相比,B組在第三天當(dāng)中會(huì)玩更長(zhǎng)的時(shí)間。Deci 因此得出結(jié)論:

當(dāng)金錢被作為活動(dòng)的外部獎(jiǎng)勵(lì)的時(shí)候,被測(cè)試者會(huì)對(duì)活動(dòng)本身逐漸失去興趣。

外部獎(jiǎng)勵(lì)可以給活動(dòng)提供短期的的激勵(lì),讓用戶腦部分泌少量多巴胺,但是它會(huì)產(chǎn)生很明顯的依賴性。這種獎(jiǎng)勵(lì)機(jī)制類似于一杯濃咖啡所帶來(lái)的提升效果,但是效果會(huì)在幾個(gè)小時(shí)內(nèi)飛快消逝。這種激勵(lì)機(jī)制會(huì)降低一個(gè)人持續(xù)跟進(jìn)項(xiàng)目的長(zhǎng)期動(dòng)機(jī)。

人類有尋求新奇事物、追隨挑戰(zhàn)、尋求擴(kuò)展、自我鍛煉的能力,探索和學(xué)習(xí)是一種本能傾向。對(duì)于發(fā)展和提升感興趣的人,無(wú)論是兒童、學(xué)生還是員工更應(yīng)該專注于內(nèi)在動(dòng)機(jī),而不是通過(guò)外部激勵(lì)來(lái)獲取刺激。——Edward Deci

這就是為什么當(dāng)你問(wèn)一個(gè)孩子為什么玩游戲的時(shí)候,他的答案從來(lái)都是「因?yàn)橛螒蛴腥ぁ?。我們?duì)于獎(jiǎng)勵(lì)和激勵(lì)關(guān)注過(guò)多,我承認(rèn)它們是必不可少的,但是重要程度并沒(méi)有那么高。

游戲化的樂(lè)趣所在

我有一個(gè)朋友在游戲行業(yè)工作過(guò),當(dāng)我準(zhǔn)備使用游戲化設(shè)計(jì)來(lái)提升我當(dāng)前項(xiàng)目的時(shí)候,就找他來(lái)幫我出主意。

徽章、關(guān)卡和升級(jí)、積分這些東西都是外部獎(jiǎng)勵(lì)的一種,有時(shí)候你需要給用戶一些實(shí)時(shí)的反饋和獎(jiǎng)勵(lì),那么這些外部影響就是必不可少的。朋友告訴我,需要給用戶一些動(dòng)力來(lái)每天打開(kāi)應(yīng)用,當(dāng)用戶持續(xù)地關(guān)注和投入精力的時(shí)候,他們需要能在其中找到新的東西。這可能是新的故事走向,又或者是連續(xù)登錄7天獲得的特定獎(jiǎng)勵(lì)。更重要的是,需要讓用戶在使用這款 APP 的時(shí)候,自然地進(jìn)入心流狀態(tài)。

心流狀態(tài)有很多種不同的達(dá)成方式。當(dāng)我們有一個(gè)明確的目標(biāo),一個(gè)具有挑戰(zhàn)性的任務(wù),當(dāng)我們有足夠的技能來(lái)應(yīng)對(duì)這個(gè)挑戰(zhàn)的時(shí)候,它就會(huì)出現(xiàn)。或者當(dāng)我們有接近目標(biāo)的能力且能進(jìn)行再次嘗試的時(shí)候,會(huì)更好。——Jane McGonigal

朋友的建議讓我有了一個(gè)有趣的想法,我覺(jué)得有個(gè)游戲化模型可以更好地應(yīng)用在 APP 當(dāng)中:每日更新且不重復(fù)的任務(wù)。

每日任務(wù)

我們喜歡各種各樣的任務(wù),它們像挑戰(zhàn),也像冒險(xiǎn)。我們喜歡有目標(biāo),也喜歡為了達(dá)成目標(biāo)而尋求方法。某種意義上大家都很喜歡磨礪,因?yàn)檫@其實(shí)是有趣的。那么我們可以讓用戶每天都有機(jī)會(huì)碰到新的任務(wù),且這些任務(wù)并不是重復(fù)的。我的設(shè)計(jì)項(xiàng)目正處于一個(gè)非常早期的階段,但我很樂(lè)意與你分享我的經(jīng)驗(yàn)和想法,以及思考的過(guò)程。

舉個(gè)例子,假設(shè)你正在學(xué)習(xí)一門(mén)新的語(yǔ)言,拿目前最熱的語(yǔ)言學(xué)習(xí)工具 Duolingo 為例,它目前就缺乏學(xué)習(xí)語(yǔ)言的日常挑戰(zhàn),人們無(wú)法以一種更加有趣新鮮的方式從中獲取語(yǔ)言的知識(shí)。

透過(guò)任務(wù)來(lái)進(jìn)行學(xué)習(xí),是一種非常具體而有效的提升手段。無(wú)論你何時(shí)想要進(jìn)步,都可以在的任務(wù)挑戰(zhàn)中選擇一個(gè)。比如,今天你會(huì)通過(guò)推送獲得三個(gè)新任務(wù),其中一個(gè)是使用的詞匯來(lái)寫(xiě)一首四行短詩(shī),對(duì)于一個(gè)更加高階的用戶,可以讓他寫(xiě)一個(gè)虛擬的角色,構(gòu)建一個(gè)簡(jiǎn)短的故事,并且和其他人分享。通過(guò)完成這些任務(wù),可以獲得額外的積分提升,或者經(jīng)驗(yàn)加成。

實(shí)現(xiàn)想法

關(guān)于這種每日任務(wù)的方法,對(duì)我而言是非常有效的。首先它適用于很多不同的游戲和數(shù)字產(chǎn)品。這個(gè)模型并不復(fù)雜,每天完成任務(wù)之后可以獲得游戲或者 APP 中的虛擬貨幣獎(jiǎng)勵(lì)或者兌換經(jīng)驗(yàn)值,你可以拿這些東西來(lái)購(gòu)買虛擬物品或者服務(wù)。

我在實(shí)現(xiàn)過(guò)程中,會(huì)盡量控制激勵(lì)機(jī)制,盡量只使用經(jīng)驗(yàn)值來(lái)回饋用戶,幫助用戶來(lái)提升自己。一方面我想先測(cè)試一下每日任務(wù)這種機(jī)制,看看它們是否足夠有趣,能不能讓用戶在沒(méi)有外部動(dòng)力的情況下,接受并習(xí)慣它們。另一方面,我也希望用戶可以使用經(jīng)驗(yàn)值或者點(diǎn)數(shù)來(lái)?yè)Q取物品或者服務(wù),我認(rèn)為這樣的兩種激勵(lì)機(jī)制能夠形成一個(gè)比較合理的正循環(huán),幫助用戶提高個(gè)人技能,成為更好的自己。如果整個(gè)過(guò)程順滑且有趣,就足夠有效。

這是提升自我效能的一種經(jīng)典途徑:接受目標(biāo),努力達(dá)成,獲得回饋,繼續(xù)提高特定技能,繼續(xù)努力,最終獲得成功。你并不需要脫離這條路徑的游戲,因?yàn)樘魬?zhàn)和提高能力是游戲的本質(zhì),這個(gè)路徑是絕大多數(shù)游戲真正意義上讓人著迷的原因所在。——Jane McGonigal

Edward Deci 在實(shí)驗(yàn)中發(fā)現(xiàn)的另外一個(gè)重要觀點(diǎn)是,對(duì)于原本就非常有趣的游戲而言,在任務(wù)中加入一些外在獎(jiǎng)勵(lì)往往會(huì)降低本身的吸引力和用戶的內(nèi)在驅(qū)動(dòng)力。這和俄羅斯經(jīng)濟(jì)學(xué)家 Anton Suvorov 在他的研究中所發(fā)現(xiàn)的規(guī)律如出一轍:

獎(jiǎng)勵(lì)是存在上癮性的,一旦提出獎(jiǎng)勵(lì),人們會(huì)開(kāi)始期待任務(wù)所帶來(lái)的潛在回報(bào),而反過(guò)來(lái)這也促使獎(jiǎng)勵(lì)無(wú)法停止,必須持續(xù)地發(fā)放下去。

而在《Punished by Rewards》(獎(jiǎng)勵(lì)的懲罰)這本書(shū)中,還提到另外一個(gè)有趣的實(shí)驗(yàn):「在一個(gè)為期12天的課程當(dāng)中,在有獎(jiǎng)勵(lì)的前提下讓四五年級(jí)的學(xué)生玩一個(gè)數(shù)學(xué)游戲,在獎(jiǎng)勵(lì)激勵(lì)之下學(xué)生們適時(shí)地參與進(jìn)來(lái)了,當(dāng)獎(jiǎng)勵(lì)消失的時(shí)候,他們對(duì)于游戲的興趣很快就減弱了?!寡芯咳藛T得出結(jié)論:

強(qiáng)大的系統(tǒng)化的獎(jiǎng)勵(lì)機(jī)制可以促進(jìn)特定活動(dòng)的參與度,在沒(méi)有額外的物質(zhì)獎(jiǎng)勵(lì)和社交獎(jiǎng)勵(lì)的前提下,它也有可能會(huì)降低任務(wù)的持續(xù)參與度。

提升用戶的自我效能

自我效能感是個(gè)人對(duì)自己完成某方面工作能力的主觀評(píng)估。評(píng)估的結(jié)果如何,將直接影響到一個(gè)人的行為動(dòng)機(jī)。

解決一些簡(jiǎn)單、日常的任務(wù)是增加個(gè)人自我價(jià)值并且重新梳理思路,調(diào)整心態(tài)的好辦法。正如同 Jane McGonigal 在她的書(shū)《SuperBetter》中所說(shuō):

當(dāng)你有機(jī)會(huì)嘗試不同的策略并且互動(dòng)反饋的時(shí)候,你會(huì)得到更加頻繁、更加強(qiáng)烈的多巴胺分泌。你不僅可以從中獲得樂(lè)趣,而且從長(zhǎng)遠(yuǎn)來(lái)看,思維方式也能因此而發(fā)生改變。你的大腦會(huì)開(kāi)始琢磨之前覺(jué)得無(wú)法實(shí)現(xiàn)的事情,并且開(kāi)始力圖學(xué)習(xí)更多的東西來(lái)努力實(shí)現(xiàn)目標(biāo)。你會(huì)變得期望學(xué)習(xí),希望改進(jìn),并且渴望成功,這才是正確的打開(kāi)方式。

這就是為什么使用合理的日常任務(wù)能夠改善游戲化設(shè)計(jì)的模式,提升產(chǎn)品黏度,它包含了多樣性,不是強(qiáng)制性的,能夠帶來(lái)持續(xù)的影響。當(dāng)然,你能給用戶所提供的任務(wù)類型,取決于你的想象力。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

最好的UI設(shè)計(jì)界面設(shè)計(jì)的8條黃金法則

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

設(shè)計(jì)師需要每天解決問(wèn)題,找到合適的解決方案需要深入研究和精心策劃的測(cè)試。發(fā)現(xiàn)一種適合所有人的方法或秘密公式可以自動(dòng)解決我們所有的界面設(shè)計(jì)問(wèn)題。我們可能還沒(méi)有答案,但我們確實(shí)知道我們有時(shí)可以采取的某些捷徑。


“啟發(fā)式”是簡(jiǎn)單而有效的規(guī)則,可以幫助我們形成判斷并做出決策。我們可以將它們視為UI最佳實(shí)踐的一般指導(dǎo)原則。 


注意:這些規(guī)則有其時(shí)間和地點(diǎn),并不是可用性測(cè)試的替代品。


雖然Jakob Nielsen的10個(gè)用戶界面設(shè)計(jì)啟發(fā)式算法可能是最流行的啟發(fā)式算法,但還有其他一些。Ben Shneiderman創(chuàng)建了一個(gè)最好的固體交互設(shè)計(jì)指南,稱為設(shè)計(jì)用戶界面,它揭示了他自己的原則集合,被稱為“八個(gè)黃金接口設(shè)計(jì)規(guī)則”。我們今天要看這些規(guī)則。


Image title


Loren Terveen和Ben Shneiderman在馬里蘭大學(xué)的Webshop 2011 ©Marc Smith


1.  爭(zhēng)取一致性


設(shè)計(jì)“一致的接口”意味著對(duì)相似的情況使用相同的設(shè)計(jì)模式和相同的動(dòng)作序列。這包括但不限于在用戶旅程中在提示屏幕,命令和菜單中正確使用顏色,排版和術(shù)語(yǔ)。 


請(qǐng)記住:一致的界面將使您的用戶更容易完成他們的任務(wù)和目標(biāo)。


Image title


       Namastelight by Martin Strba風(fēng)格指南是確保設(shè)計(jì)過(guò)程一致性的一種方法。


2.  啟用常用用戶使用快捷方式


說(shuō)到使用UI規(guī)則作為快捷方式,您的用戶也將受益于快捷方式,特別是如果他們需要經(jīng)常完成相同的任務(wù)。 


專家用戶可能會(huì)發(fā)現(xiàn)以下功能有用: 


縮略語(yǔ)


功能鍵


隱藏的命令


宏觀設(shè)施


Image title


                                     Khalid Hasan Zibon的上下文菜單


3.  提供信息反饋


您需要讓用戶隨時(shí)了解流程每個(gè)階段的情況。這種反饋需要有意義,相關(guān),清晰,并符合上下文。


Image title


                                            文件上傳者Antonija Vresk 


4.  設(shè)計(jì)對(duì)話以產(chǎn)生關(guān)閉


讓我解釋。動(dòng)作序列需要有開(kāi)頭,中間和結(jié)尾。任務(wù)完成后,如果是這種情況,請(qǐng)為他們的用戶提供信息反饋和明確定義的選項(xiàng),以便為您的用戶安心。不要讓他們疑惑!Image title


                                    Jose Antonio Orellana的Flash消息


5.  提供簡(jiǎn)單的錯(cuò)誤處理


應(yīng)設(shè)計(jì)一個(gè)良好的界面,以盡可能避免錯(cuò)誤。但是當(dāng)錯(cuò)誤發(fā)生時(shí),您的系統(tǒng)需要讓用戶輕松了解問(wèn)題并知道如何解決問(wèn)題。處理錯(cuò)誤的簡(jiǎn)單方法包括顯示清晰的錯(cuò)誤通知以及描述性提示以解決問(wèn)題。Image title


                                       由Adnan Khan進(jìn)行的Litmus形式驗(yàn)證


6.  允許輕松撤銷行動(dòng)


在發(fā)生錯(cuò)誤之后找到“撤消”選項(xiàng)立即得到解脫。如果他們知道有一種簡(jiǎn)單的方法可以解決任何事故,那么您的用戶就會(huì)感到不那么焦慮,更有可能探索各種選擇。 


此規(guī)則可應(yīng)用于任何操作,操作組或數(shù)據(jù)輸入。它可以從簡(jiǎn)單的按鈕到整個(gè)行動(dòng)歷史。 Image title


                                           Tyler Beauchamp撤銷倒計(jì)時(shí)


7.  支持內(nèi)部控制點(diǎn)


一,定義:


“在人格心理學(xué)中,控制點(diǎn)是人們相信他們能夠控制事件結(jié)果的程度” -  Julian Rotter


為用戶提供控制和自由非常重要,這樣他們才能感覺(jué)到他們負(fù)責(zé)系統(tǒng),而不是相反。避免意外,中斷或任何未被用戶提示的內(nèi)容。 


用戶應(yīng)該是行動(dòng)的發(fā)起者而不是響應(yīng)者。Image title


                                   Vlad Ponomarenko的權(quán)限對(duì)話框


8.  減少短期內(nèi)存負(fù)載


我們的注意力有限,我們可以采取任何措施使用戶的工作更輕松,更好。我們更容易識(shí)別信息而不是回憶信息。在這里,我們可以參考尼爾森描述“ 對(duì)召回的認(rèn)可 ” 的原則之一。如果我們保持接口簡(jiǎn)單和一致,遵守模式,標(biāo)準(zhǔn)和慣例,我們已經(jīng)為更好的識(shí)別和易用性做出了貢獻(xiàn)。 


我們可以添加一些功能,以幫助我們的用戶,具體取決于他們的目標(biāo)。例如,在電子商務(wù)環(huán)境中,最近查看或購(gòu)買的項(xiàng)目列表。Image title


                                     最近查看的膠囊由Gavin Williams聯(lián)系


結(jié)論


雖然您應(yīng)該始終采用基于啟發(fā)式算法的決策,但遵循一系列規(guī)則和指南將引導(dǎo)您朝著正確的方向前進(jìn),并允許您在設(shè)計(jì)過(guò)程的早期發(fā)現(xiàn)主要的可用性問(wèn)題。這八個(gè)原則適用于大多數(shù)用戶界面; 它們來(lái)自Shneiderman自己的經(jīng)驗(yàn),經(jīng)過(guò)三十多年的精心改進(jìn)。其他人,如雅各布尼爾森和唐諾曼已經(jīng)擴(kuò)展了這些規(guī)則,并貢獻(xiàn)了他們自己的變化。 


您也可以使用這些作為靈感來(lái)創(chuàng)建自己的啟發(fā)式方法,或者結(jié)合現(xiàn)有的示例來(lái)解決您自己的設(shè)計(jì)問(wèn)題。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

從心理學(xué)聊下構(gòu)圖那些事

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

平面與版式背后是千年來(lái)人類讀取信息形成的習(xí)慣、約定俗成的閱讀方式和心理學(xué)等,想成為一個(gè)優(yōu)秀的設(shè)計(jì)師,我們需要進(jìn)一步了解設(shè)計(jì)背后的原理以及表達(dá)信息的多種方法。

Image title


在中國(guó)繪畫(huà)中,有所謂章法、布局。中國(guó)繪畫(huà)最講究“經(jīng)營(yíng)位置”,因而有了中國(guó)畫(huà)高遠(yuǎn),深遠(yuǎn),平遠(yuǎn)獨(dú)特意境的畫(huà)風(fēng)體系。大家學(xué)習(xí)的設(shè)計(jì)體系中對(duì)構(gòu)圖的分析就更加的全面,比如大家都了解的形式美學(xué)法則:均衡與對(duì)稱、漸次與重復(fù)、對(duì)比與調(diào)和、比例與尺度、節(jié)奏與韻律、體與主體、微差與統(tǒng)調(diào)、特異與秩序、前者多顯示生動(dòng)型,而后者顯示秩序型。


那為什么會(huì)總結(jié)出這些理論與法則?究竟又是什么在影響著我們的觀察與思考呢?有時(shí)候我們會(huì)不會(huì)遇到這些問(wèn)題:


1. 有時(shí)候我們?cè)诿鎸?duì)需求,需要強(qiáng)理論支撐自己的設(shè)計(jì),但又找不到切入點(diǎn),總會(huì)拿什么對(duì)比,對(duì)稱,韻律說(shuō)事,需求方卻不為所動(dòng)……


2. 在平時(shí)的設(shè)計(jì)工作當(dāng)中,大家不可避免的會(huì)參考和研習(xí)其他設(shè)計(jì)大師,同行的各類設(shè)計(jì)作品,大家肯定會(huì)有各自關(guān)注的點(diǎn),創(chuàng)意,排版,顏色,細(xì)節(jié)刻畫(huà)等等等等,無(wú)論是那種類型的設(shè)計(jì)作品(平面,招貼,海報(bào),H5,banner等),有時(shí)候會(huì)不會(huì)感到:看了好多作品,臨摹了好多作品,依然做不好設(shè)計(jì);問(wèn)題出在哪里呢?


3. 我們總會(huì)收集一大堆的素材參考,那你的評(píng)判方式是什么?你又是如何分析畫(huà)面?為什么好,好又好在哪里?……


接下來(lái)我們透過(guò)視覺(jué)表象,揭開(kāi)那些神秘的面紗,希望通過(guò)我自己的學(xué)習(xí)和研究,能夠?qū)Υ蠹矣兴鶐椭?/strong>






Image title




Image title


為了更快地解析周圍的世界,大腦會(huì)投機(jī)取巧地偷懶。大腦每秒要接收約4000萬(wàn)次的感官信息輸入,并試圖完全解析出它們的意義,所以它會(huì)根據(jù)以往的經(jīng)驗(yàn),猜測(cè)我們看見(jiàn)了什么。 


Image title


經(jīng)典再現(xiàn),看左邊的圖,第一眼能看到一個(gè)黑邊三角形,上面疊了一個(gè)白色倒三角,右邊的圖,你能明顯感知到一個(gè)矩形。


卡尼薩三角


這是1955年,由意大利心理學(xué)家發(fā)現(xiàn),并以她名字命名的“卡尼薩三角”。這個(gè)視錯(cuò)覺(jué)表明我們的大腦把實(shí)際上不存在的三角形輪廓線畫(huà)了出來(lái)。


我們把根本不存在的輪廓線稱為主觀輪廓。




Image title


對(duì)于識(shí)別具體物體來(lái)說(shuō),中央視覺(jué)是最重要的;

對(duì)于認(rèn)知整體場(chǎng)景而言,周邊視覺(jué)更為關(guān)鍵 ;


Image title



通過(guò)電腦屏幕觀看網(wǎng)頁(yè),你并不用刻意瀏覽,而是整體掃過(guò)就能判斷整個(gè)頁(yè)面的內(nèi)容。所以大多數(shù)人都低估了周邊視覺(jué)對(duì)于我們理解事物的重要性,人對(duì)場(chǎng)景的認(rèn)知似乎都來(lái)自周邊視覺(jué)。




Image title


發(fā)現(xiàn)規(guī)律有助于快速處理時(shí)刻接收的感官信息。


Image title



看上面的圖,你會(huì)很自然的將其分成4組,每?jī)蓚€(gè)點(diǎn)一組,共8個(gè)點(diǎn),而不是上來(lái)就直接定義有8個(gè)點(diǎn)。


大腦視覺(jué)皮質(zhì)中的細(xì)胞分工不同,分別只對(duì)橫線、豎線、邊線和特定角度的線作出反應(yīng)。  




講完上述三個(gè)心理學(xué)常識(shí),我們看下這三個(gè)點(diǎn)對(duì)應(yīng)到我們?cè)O(shè)計(jì)當(dāng)中又是如何一番情景,看下圖:


Image title




輪廓



之所以將第一個(gè)心理學(xué)觀點(diǎn)與輪廓關(guān)聯(lián),是因?yàn)樵谖覀冊(cè)O(shè)計(jì)過(guò)程中任何一個(gè)形式的產(chǎn)生都會(huì)形成一個(gè)輪廓,那畫(huà)面元素多起來(lái)之后,畫(huà)面就會(huì)被這些輪廓分割成一個(gè)負(fù)向空間,很多時(shí)候我們都會(huì)忽視這個(gè)隱藏存在的形式,有時(shí)大家怎么調(diào)整一個(gè)設(shè)計(jì)元素本身,都會(huì)感覺(jué)不盡如人意,其實(shí)有一種可能是:這個(gè)元素在整個(gè)畫(huà)面中所形成的輪廓并沒(méi)有達(dá)到同步的和諧;


如下圖插畫(huà),一個(gè)女性形象,畫(huà)風(fēng)簡(jiǎn)潔干凈,畫(huà)面給人很強(qiáng)的整體感與完整型。如果是我們,會(huì)不會(huì)更多的去關(guān)注這個(gè)插畫(huà)的精彩之處是比基尼處理很生動(dòng),人物陰影細(xì)節(jié)刻畫(huà)的很到位?但是關(guān)鍵點(diǎn)是這些嗎?


Image title


繼續(xù)分析,如下圖:


Image title


圖A,把整個(gè)圖形黑白化后,想想我們的第一個(gè)心理學(xué)觀點(diǎn),一幅畫(huà)面第一影響我們的是腦海里形成的這個(gè)輪廓。像這個(gè)畫(huà)面,一個(gè)完整近似幾何般的人物輪廓(樣圖白色部分),同時(shí)這個(gè)輪廓所分割形成的空間(樣圖黑色部分),讓整個(gè)畫(huà)面安靜有序規(guī)則,讓人的視線能夠自然流淌,不會(huì)輕易地跳動(dòng)轉(zhuǎn)換;所以圖B,你會(huì)發(fā)覺(jué),不管我如何填充紋理圖片,這樣一個(gè)畫(huà)面是始終和諧,沒(méi)有違和感的。再比較下圖:


Image title



筆者隨機(jī)處理的一個(gè)形狀,有沒(méi)有發(fā)覺(jué),在沒(méi)有一個(gè)有序優(yōu)美的輪廓之下,縱然你把內(nèi)部的修飾刻畫(huà)的再如何精彩,這個(gè)畫(huà)面依然是索然無(wú)味,毫無(wú)生氣的。




Image title



設(shè)計(jì)元素要注重輪廓的修飾提煉——在設(shè)計(jì)表達(dá)過(guò)程中,不管是何種設(shè)計(jì),我們都要注重每個(gè)呈現(xiàn)元素的輪廓是否精巧,注意腦海里主觀輪廓之外的負(fù)空間是否舒服與和諧,畫(huà)面是通過(guò)這些彼此聯(lián)系的,不要一上來(lái)就關(guān)注所謂的細(xì)節(jié),經(jīng)營(yíng)你的形狀。


Image title




留白



第二個(gè)心理學(xué)觀點(diǎn)與留白相關(guān),是因?yàn)檎w認(rèn)知與周邊視覺(jué)關(guān)聯(lián)極大,看下圖:


Image title


好了,大家能夠認(rèn)知到什么程度,這是什么?怕是大家怎么猜都不會(huì)確定這個(gè)是什么。


Image title


當(dāng)筆者呈現(xiàn)完整圖畫(huà)后,大家是不是一下子就豁然開(kāi)朗了。留白是至關(guān)重要的,留白很重要的一點(diǎn)是加強(qiáng)了元素與元素之間的關(guān)系,我們通過(guò)創(chuàng)建輪廓來(lái)形成元素,元素與元素之間的關(guān)系,通過(guò)留白-元素之間形成的負(fù)空間,來(lái)相互影響,最終形成協(xié)調(diào)的畫(huà)面。留白可以形成空間,引導(dǎo),形狀等多種可能,讓作品更生動(dòng)更有呼吸。


Image title


看上圖,蘋(píng)果設(shè)計(jì)對(duì)留白的使用很了,通過(guò)產(chǎn)品嚴(yán)謹(jǐn)?shù)呐挪迹蠹铱梢院芮逦母惺艿轿矬w分割畫(huà)面后,留白的清晰走向以及秩序,你的視線會(huì)通過(guò)大腦的分析呈現(xiàn)出無(wú)限擴(kuò)展的空間,安靜空靈不干擾,更能彰顯蘋(píng)果設(shè)備本身的高端屬性。再簡(jiǎn)單一點(diǎn)解釋,通過(guò)弱化周邊視覺(jué)的干擾,讓人更多的聚焦中央視覺(jué),讓你對(duì)產(chǎn)品的感知更加深刻。這時(shí)候留白是空間,烘托畫(huà)面,安靜的美少女


Image title


看上述網(wǎng)頁(yè)設(shè)計(jì)作品,畫(huà)面通過(guò)主視覺(jué)形成的輪廓之后,呈現(xiàn)出大面積的留白空間,在這些空間基礎(chǔ)上,進(jìn)行了核心信息的展示。注意左圖黑色主輪廓的部分并沒(méi)有信息呈現(xiàn)(集中展示了品牌形象氣息),而在留白部分展示了文字信息加以說(shuō)明;右圖部分則在折線這條主輪廓型的兩側(cè),有序展示了信息。這樣的設(shè)計(jì),在網(wǎng)頁(yè)滑屏過(guò)程中,增加了畫(huà)面的動(dòng)感效果,更重要的一點(diǎn)是在引導(dǎo)視線過(guò)程中,你會(huì)更關(guān)注內(nèi)容的信息呈現(xiàn),想想我們的視覺(jué),對(duì)于認(rèn)知整體場(chǎng)景而言,周邊視覺(jué)更為關(guān)鍵;因?yàn)槟銜?huì)很不經(jīng)意的在意留在中央視覺(jué)(在設(shè)計(jì)中就是刻意設(shè)計(jì)引導(dǎo)你視覺(jué)的主輪廓)之外的東西,這時(shí)候留白是引導(dǎo),展示信息,完美的指揮家。


Image title


再看這組作品,理解這組留白相對(duì)比較復(fù)雜,注意筆者圖示位置的留白,很多時(shí)候,我們都習(xí)慣把畫(huà)滿一個(gè)畫(huà)面當(dāng)作第一要?jiǎng)?wù),填滿是可以保證我們看到的畫(huà)面至少是飽滿不空的,但是往往適得其反就是亂和沒(méi)有靈氣,所以一些設(shè)計(jì)作品試圖去突破一些視覺(jué)固式,那這時(shí)候留白就是一個(gè)極好的幫手,無(wú)形中啟到一個(gè)形狀的作用,補(bǔ)充畫(huà)面達(dá)到畫(huà)面的和諧統(tǒng)一,又增加韻味。像左圖就是通過(guò)一個(gè)紅色面積的模塊留白,與標(biāo)題呼應(yīng)的同時(shí),讓畫(huà)面方圓能夠更自然的流淌,增強(qiáng)畫(huà)面的靈動(dòng)感,右圖則通過(guò)添加元素,讓留白區(qū)域形成某種場(chǎng)景或者縱深,這樣就對(duì)文字形成了一種補(bǔ)充,烘托文字的效果,增強(qiáng)感受,兩者看似有明顯空白,但是整體又是完整的。看下圖,其實(shí)這又牽扯到我們第一個(gè)講到的心理學(xué):眼見(jiàn)非腦見(jiàn),我們的大腦會(huì)自動(dòng)去找尋某種輪廓。而這里輪廓的形成是通過(guò)留白去幫助實(shí)現(xiàn)的。這時(shí)候,留白是形狀,參與構(gòu)成,積極的組織者。


Image title




Image title



留白,是形式的延展...空間,引導(dǎo),形狀——元素在構(gòu)成畫(huà)面中一定會(huì)產(chǎn)生留白,留白對(duì)畫(huà)面的意義在于可以幫助我們更好的展示內(nèi)容,幫助我們營(yíng)造空間,創(chuàng)造聯(lián)系,配合形式,讓畫(huà)面更加有序有感。




構(gòu)成



講到構(gòu)成,這個(gè)名詞大家都不陌生:一定的形態(tài)元素,按照視覺(jué)規(guī)律、力學(xué)原理、心理特性、審美法則進(jìn)行的創(chuàng)造性的組合。很顯然跟我們的心理學(xué)原理三不謀而合,人是習(xí)慣尋找規(guī)律,也很習(xí)慣創(chuàng)造規(guī)律,所以在設(shè)計(jì)領(lǐng)域,才有了對(duì)點(diǎn),線,面等不斷的研究與實(shí)踐,在抽象的形、色、質(zhì)的造型方法上不斷追求與探索。


Image title


看上圖,這是一張展覽海報(bào),海報(bào)簡(jiǎn)潔干凈,穩(wěn)重大氣,沒(méi)有太多筆墨渲染,背景圖的選擇,以靜制動(dòng),讓整個(gè)海報(bào)有種高山流水,知音無(wú)限的濃郁氣息。先想下我們之前的說(shuō)明:大腦視覺(jué)皮質(zhì)中的細(xì)胞分工不同,分別只對(duì)橫線、豎線、邊線和特定角度的線作出反應(yīng)。再結(jié)合下點(diǎn)線面構(gòu)成的知識(shí)。首先畫(huà)面三個(gè)大字,這是點(diǎn),然后由上到下一個(gè)“之”字形排開(kāi),斜線至此形成,你的第一視感規(guī)律完結(jié),接下來(lái)注意畫(huà)面背景圖的選擇,瀑布從上而下,這個(gè)水流的動(dòng)勢(shì)極大得幫助和引導(dǎo)了我們的視線閱讀,豎線至此形。畫(huà)面感就形成了,你會(huì)很自然舒服的去閱讀這個(gè)海報(bào)。


但是就此就結(jié)束了,視線總體流動(dòng)是這樣的,為什么設(shè)計(jì)師要把字放到畫(huà)面這個(gè)位置,而不是其他位置呢?想想剛剛說(shuō)的規(guī)律,人喜歡規(guī)律,創(chuàng)造找尋規(guī)律,并以此為根據(jù)去實(shí)踐,這里就牽扯出了大自然里最神奇的定律黃金分割(今天的文章暫時(shí)不講,之后我會(huì)帶來(lái)關(guān)于黃金分割的文章分享哦),繼續(xù)看下圖,


Image title


首先,A1,A2這是畫(huà)面橫向?qū)挾壬蟽蓷l黃金風(fēng)格線,B1,B2,B3這是畫(huà)面縱向按順序的三條黃金風(fēng)格線,當(dāng)畫(huà)出這幾條黃金分割線,是不是一目了然,海報(bào)作者把核心元素有序安排在黃金風(fēng)格線及焦點(diǎn)之上,和諧之美,一張看似簡(jiǎn)單的海報(bào)蘊(yùn)藏著如此豐富的魅力,我們也可以感悟到設(shè)計(jì)師本身嚴(yán)謹(jǐn)?shù)臍庀⒑蛯?duì)構(gòu)成形式的細(xì)心推敲。如果是我們,又會(huì)是怎樣的呢?


Image title


再看上圖,大家可以自行按照上述的方式去分析一下。下圖海報(bào)可能更復(fù)雜些,但是其中的規(guī)律也是可以尋找的,畫(huà)面通過(guò)兩組不同斜面創(chuàng)造大的規(guī)律動(dòng)勢(shì)(右圖黑紅示意),同時(shí)巧妙的利用交叉后形成的三角形,形成點(diǎn)的元素,作為人物畫(huà)像的載體之用,因而三角形是從整體上而來(lái),有序而有組織,相互有關(guān)系,不會(huì)顯得亂。


Image title


更令人驚奇的是,當(dāng)我也使用黃金分割試圖去進(jìn)一步分析和理解畫(huà)面的時(shí)候,你會(huì)發(fā)現(xiàn)人物的面部表情—眼神,全在分割線上,所以有沒(méi)有覺(jué)得,這個(gè)海報(bào)的每個(gè)人都感覺(jué)實(shí)在你在對(duì)視,莫名的一種震撼,畫(huà)面的張力,不得不佩服國(guó)外設(shè)計(jì)師的嚴(yán)謹(jǐn)。


Image title




Image title



合理使用點(diǎn)線面,引導(dǎo)組織畫(huà)面——優(yōu)秀的畫(huà)面從來(lái)不是無(wú)組織無(wú)秩序的,都是通過(guò)點(diǎn)線面的仔細(xì)經(jīng)營(yíng)來(lái)創(chuàng)造最佳的視覺(jué)效果,而這個(gè)視覺(jué)效果,是能夠自發(fā)的去引導(dǎo)觀眾的視線,讓規(guī)律自然被閱讀,達(dá)到形神合一。




今天通過(guò)三個(gè)心理學(xué),引出設(shè)計(jì)中三個(gè)設(shè)計(jì)要點(diǎn)輪廓,留白,構(gòu)成,其實(shí)彼此之間是一個(gè)遞進(jìn)聯(lián)系,有了元素就會(huì)產(chǎn)生形狀,躍然紙上,則需要足夠的留白去為元素講故事,然后這個(gè)故事就是構(gòu)成,你使用如何的手段,讓他更豐富更有內(nèi)涵,一目了然。三者的有機(jī)結(jié)合就形成了我們所說(shuō)的構(gòu)圖,視覺(jué)語(yǔ)言中構(gòu)圖是非常重要的底層環(huán)節(jié),相比華麗的細(xì)節(jié)和各種炫目的效果,畫(huà)面中隱藏的構(gòu)圖實(shí)際上才是視覺(jué)設(shè)計(jì)的核心!


Image title

Image title


看一下這些電影場(chǎng)景,是不是恍然大悟,看似復(fù)雜的場(chǎng)景,都建立在這些幾何圖形的基礎(chǔ)骨架之上,回憶下文章之初的心理學(xué)觀點(diǎn),其實(shí)設(shè)計(jì)知識(shí)背后是人類讀取信息幾千年來(lái)形成的習(xí)慣以及現(xiàn)代社會(huì)約定俗成的閱讀方式和心理學(xué)等,要想成為一個(gè)優(yōu)秀的設(shè)計(jì)師,我們需要進(jìn)一步地了解設(shè)計(jì)背后的原理以及表達(dá)信息的多種方法,就像研究表明,人類能識(shí)別 24 種基本形體,這些基礎(chǔ)形狀稱為幾何離子(方形,圓形,三角形,圓柱體,圓錐體等),這就落回到我們講到的心理學(xué):我們眼睛能夠?qū)ふ业囊?guī)律,而上圖的電影畫(huà)面也都構(gòu)建在此基礎(chǔ)之上,因?yàn)檫@樣的形式更容易讓我們的視覺(jué)去捕捉去理解。


講了這么多,就是希望能夠幫助大家在平時(shí)的設(shè)計(jì)工作和日常的學(xué)習(xí)積累過(guò)程中,能夠有一種思路和方法,去判斷和解讀作品,去分析這個(gè)設(shè)計(jì)為什么好,好在哪里,去把設(shè)計(jì)進(jìn)行有效的分解(元素本身的樣式,元素所在空間的留白,以及彼此之間的關(guān)聯(lián))給你自己的設(shè)計(jì)說(shuō)明增加籌碼,以便更加得擲地有聲。


最后,既然我們知道了這些心理學(xué)知識(shí),了解到了我們的觀察習(xí)慣,在之后的設(shè)計(jì)過(guò)程中我們就需要努力做到以下幾點(diǎn):


1.  經(jīng)營(yíng)好元素的輪廓和位置;


2.  人會(huì)不由自主地尋找規(guī)律,那就盡量多使用規(guī)律,利用分組和間隔創(chuàng)造規(guī)律;


3.  要讓某個(gè)物體(例如圖標(biāo))易于識(shí)別,就用簡(jiǎn)單的幾何圖形來(lái)畫(huà)它。這會(huì)讓構(gòu)成物體的幾何離子更明顯,從而使人更快、更輕松地識(shí)別該物體;


4.  控制好你的形式,形式在內(nèi)容之下,形式服務(wù)內(nèi)容。文繁則質(zhì)衰,末勝則本虧,過(guò)分強(qiáng)調(diào)文飾與修辭,內(nèi)容就會(huì)受到遮蔽而顯得軟弱無(wú)力,形式重于內(nèi)容,其實(shí)就是舍本逐末。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)。

日歷

鏈接

個(gè)人資料

存檔