首頁(yè)

交互設(shè)計(jì)三要素–目標(biāo)、任務(wù)、行為

ui設(shè)計(jì)分享達(dá)人

先講個(gè)故事,小鵬是個(gè)銷售員,下午出去拜訪客戶,完事后發(fā)現(xiàn)已經(jīng)六點(diǎn)多了,非常餓,小鵬想回家自己做飯吃,但是實(shí)在是太餓了,回家又要做好久的地鐵,還不如就在附近找家小飯館吃了呢,于是環(huán)顧四周,發(fā)現(xiàn)馬路對(duì)面左前方200米有個(gè)麥當(dāng)勞,于是就穿過(guò)馬路,沿著道路走了過(guò)去,到了麥當(dāng)勞要了一份套餐,風(fēng)卷殘?jiān)频某酝炅恕?/span>

問(wèn)題來(lái)了,這個(gè)故事里面:
什么是目標(biāo)
小鵬餓了,想把自己填飽,這就是目標(biāo);

禪意設(shè)計(jì):網(wǎng)絡(luò)簡(jiǎn)潔設(shè)計(jì)的緣起和未來(lái)

ui設(shè)計(jì)分享達(dá)人

01.png

 

自從蘋果的設(shè)計(jì)曠世驚奇地重新回歸了點(diǎn)、線、面這種基礎(chǔ)視覺(jué)元素后,遠(yuǎn)在太平洋彼岸的日本,以無(wú)印良品設(shè)計(jì)風(fēng)潮的興起為標(biāo)志,也掀起了一場(chǎng)設(shè)計(jì)簡(jiǎn)單化、生活質(zhì)樸化運(yùn)動(dòng)。而地處北緯55度以北,寒冷嚴(yán)酷的北歐,不甘落后地興起了回歸人性、回歸自然的設(shè)計(jì)生活方式,其中以B&O、宜家家具為典型代表。

網(wǎng)頁(yè)設(shè)計(jì)師必須掌握的7項(xiàng)技能

藍(lán)藍(lán)設(shè)計(jì)的小編

網(wǎng)頁(yè)設(shè)計(jì)師必須掌握的7項(xiàng)技能

網(wǎng)頁(yè)設(shè)計(jì)既是一門科學(xué)也是一門藝術(shù)。網(wǎng)頁(yè)設(shè)計(jì)工作一半基于正確的編程和設(shè)計(jì)技巧,另一半則基于是否對(duì)美與不美有著直覺(jué)般的敏銳度。一名稱職的網(wǎng)頁(yè)設(shè)計(jì)師一定要熟練掌握核心基礎(chǔ)能力才能在同行中做到出類拔萃。

聊聊界面設(shè)計(jì)師如何掌握主動(dòng)權(quán)

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)注:這是一篇含金量很高的文章,值得細(xì)細(xì)閱讀品味。

屏幕快照 2016-02-13 上午9.59.00.png

懂得把控產(chǎn)品的設(shè)計(jì)師不僅能少改稿,設(shè)計(jì)成果會(huì)更加出色,但如果身在PM強(qiáng)勢(shì)的公司,設(shè)計(jì)師該如何把控流程,主導(dǎo)設(shè)計(jì)?
今天想和大家聊一聊設(shè)計(jì)師的煩惱,因?yàn)槲易约菏窃O(shè)計(jì)師,周圍的朋友也大部分都是做設(shè)計(jì)行業(yè)的,大家交流的時(shí)候難免吐吐槽,說(shuō)說(shuō)自己的煩惱。但是聽(tīng)多了之后發(fā)現(xiàn)設(shè)計(jì)師的煩惱還是挺有規(guī)律的,無(wú)非就是這三大類:

1,太著急:經(jīng)常早上提的需求下午就要,沒(méi)有時(shí)間認(rèn)真打磨和研究,更別提什么創(chuàng)新了??偸潜恍枨蠓酱咧?,只能草草了事,自己都不忍心看。

2,修改太多了:感覺(jué)對(duì)方也不知道要什么,怎么做都要被修改,大家都很糾結(jié).

3,被指點(diǎn)江山:尤其是被不懂設(shè)計(jì)的人指點(diǎn)江山,經(jīng)常提一些很主觀和細(xì)節(jié)的要求,感覺(jué)還不如讓他們自己做得了。

但是認(rèn)真感受這些煩惱之后,發(fā)現(xiàn)一個(gè)更嚴(yán)重的問(wèn)題就是:大部分設(shè)計(jì)師都沒(méi)有設(shè)計(jì)的主動(dòng)權(quán)。圖是設(shè)計(jì)師在做,但是設(shè)計(jì)的過(guò)程和結(jié)果卻不是設(shè)計(jì)師自己能夠掌控的。

于是我就在想為什么會(huì)造成這樣的問(wèn)題,當(dāng)然原因有很多,可是有一個(gè)很根本的原因就是在現(xiàn)在的互聯(lián)網(wǎng)設(shè)計(jì)流程中,設(shè)計(jì)師本身就是處于整個(gè)流程的下游。


設(shè)計(jì)思維系列之五:深澤直人的設(shè)計(jì)思想中有過(guò)哪些關(guān)鍵詞?

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)注:這也是個(gè)牛人!雖是工業(yè)設(shè)計(jì),但設(shè)計(jì)思想是相通的!


深澤直人知名的設(shè)計(jì)思想是「無(wú)意識(shí)設(shè)計(jì)(Without Thought)」,是那種你之前并不清楚自己有需求,但看到他的設(shè)計(jì)后會(huì)覺(jué)得「這我也會(huì)設(shè)計(jì)??!」或是「對(duì)對(duì)對(duì)!我想找的就是這個(gè)!」的設(shè)計(jì)作品。

1、用最直接的方法解決問(wèn)題

他并不是那種為了追求回歸自然本原,而排斥現(xiàn)代高科技的設(shè)計(jì)師;同時(shí),當(dāng)一個(gè)問(wèn)題存在除去電子手段外的最優(yōu)解,他一定會(huì)把使用難度打磨到。

比如這個(gè)場(chǎng)景:我們每晚回到家后,用鑰匙打開房門后的第一件事是開燈,然后把鑰匙放在固定的位置,以防自己忘記。針對(duì)這個(gè)需求,有些人設(shè)計(jì)了聲控感應(yīng)燈,深澤直人則設(shè)計(jì)了這個(gè):

1.png


設(shè)計(jì)思維系列之四:德國(guó)波茨坦大學(xué)設(shè)計(jì)思維學(xué)院的思維的方法

博博

我也繼續(xù)補(bǔ)充一下。主要是美國(guó)和歐洲現(xiàn)在在做design thinking的異同。



全世界有兩所大學(xué)的兩個(gè)教授,分別是美國(guó)和歐洲設(shè)計(jì)思維領(lǐng)域的泰斗級(jí)人物。一位是斯坦福大學(xué)設(shè)計(jì)學(xué)院(d.school)創(chuàng)辦人David Kelley教授,一位便是波茨坦大學(xué)設(shè)計(jì)思維學(xué)院(d.school)的創(chuàng)辦人Weinberg教授。



Kelley教授也是美國(guó)著名創(chuàng)新設(shè)計(jì)咨詢公司IDEO公司的創(chuàng)始人,當(dāng)年曾幫喬布斯設(shè)計(jì)出蘋果公司的第一款鼠標(biāo)。Weinberg教授以前在德國(guó)波茨坦大學(xué)是動(dòng)畫方向的教授。



設(shè)計(jì)思維之前在跨國(guó)公司或創(chuàng)新企業(yè)很流行,現(xiàn)在在美國(guó)和歐洲的中小學(xué)也流行起來(lái)了。成為最近幾年風(fēng)靡歐美中小學(xué)的一種創(chuàng)造力培養(yǎng)方法。孩子們首先通過(guò)采訪調(diào)研獲得同理心,然后聚焦、頭腦風(fēng)暴,發(fā)現(xiàn)核心問(wèn)題,之后動(dòng)手制作原型,測(cè)試,最終呈現(xiàn)自己的“產(chǎn)品”。



我們很幸運(yùn),于2013年,少年商學(xué)院非常榮幸獲得Kelley教授的認(rèn)可,和書面授權(quán),向中國(guó)青少年推廣和應(yīng)用設(shè)計(jì)思維創(chuàng)新實(shí)踐教育。



少年商學(xué)院線下的設(shè)計(jì)思維工作坊,目前已在國(guó)內(nèi)六個(gè)城市落地。2014年,少年商學(xué)院推出“在線互動(dòng)直播+線下自主實(shí)踐”O(jiān)2O模式的項(xiàng)目 “趣課題”,如今已完成了四次迭代,學(xué)員遍布全國(guó)一二三四線城市,反響非常熱烈。



2015年的8月份,德國(guó)的weinberg教授,專程來(lái)少年商學(xué)院考察。并在公司和我們團(tuán)隊(duì)做了一場(chǎng)分享。講了他在德國(guó)d.school倡導(dǎo)Design thinking與斯坦福d.school的異同。

設(shè)計(jì)思維系列之三:斯坦福大學(xué) Design School David Kelley先生專訪

藍(lán)藍(lán)設(shè)計(jì)的小編

我第一次認(rèn)識(shí)d.school是在一次tour的參觀。當(dāng)時(shí)被整個(gè)學(xué)院的布局、設(shè)計(jì)風(fēng)格深深吸引。因?yàn)楫?dāng)時(shí)我和好伙伴在創(chuàng)業(yè),搭建中國(guó)青少年觸手可及的優(yōu)質(zhì)教育的平臺(tái)youthMBA(有興趣的朋友可以 wechat search "youthmba"里面有更多關(guān)于DT的原創(chuàng)文章 or 官網(wǎng)YouthMBA | 少年商學(xué)院)。我們想為我們課程實(shí)踐找到一個(gè)匹配的理論基礎(chǔ)。參觀過(guò)幾次d.school tour之后,我們覺(jué)得DT是最符合我們?cè)趪?guó)內(nèi) 為kids 打造的《設(shè)計(jì)思維工作坊》的氣質(zhì),于是我便參加了幾次線下的training, 合作完成了幾個(gè)小的project-- 其中一個(gè)是 redesign 餐廳的用戶體驗(yàn)。 還參加了DT for K12 的seminar,對(duì)DT 整個(gè)過(guò)程有一定的了解,especially for K12. 

談?wù)凞T: 在參加完整個(gè)DT后,我非常有幸拜訪了David Kelley先生,他接受了少年商學(xué)院youthMBA的專訪,并且闡述了他對(duì)DT的觀點(diǎn),我整理如下:
屏幕快照 2016-02-09 上午10.44.54.png


設(shè)計(jì)思維系列之二:斯坦福大學(xué) Design School Design Thinking的視覺(jué)化思考

博博

由于當(dāng)時(shí)我們的項(xiàng)目多數(shù)是商業(yè)模式的創(chuàng)新,比較難測(cè)試,所以我們采取的方法是請(qǐng)別的組的同學(xué)來(lái)“體驗(yàn)”并且點(diǎn)評(píng)我們的解決方案。

99c48d9e526324774fae4b9ba4a4d1cb_b.jpg
(2013屆的同學(xué)在Pre3,Photo by Tatsuhiro Ohtani,VIA同事)
總的來(lái)說(shuō),Design Thinking所提倡的Test是通過(guò)測(cè)試產(chǎn)品原型去重新審視自己的產(chǎn)品,甚至是去完善早前定下來(lái)的POV。

以上是關(guān)于Design Thinking各步驟的解釋,有興趣的同學(xué)可以移步D.School網(wǎng)站提供的Bootcamp Bootleg,基本是在教你什么是Design Thinking,同時(shí)介紹了D.School的一些方法:dschool.stanford.edu/wp
———————————————————————————————————————————
除了具體的五步,與一開始所說(shuō),Design Thinking的一個(gè)特點(diǎn)是視覺(jué)化思考,所以整個(gè)過(guò)程中,在每一個(gè)環(huán)節(jié)里我們都有一兩個(gè)presentation要做,最基本的是列舉關(guān)鍵詞或句子來(lái)表達(dá),然后是用畫漫畫的方式來(lái)“講故事”,或者用表演的方式來(lái)闡述自己的想法:

設(shè)計(jì)思維系列之一:斯坦福大學(xué) Design School 所倡導(dǎo)的原則和步驟是什么?

博博

藍(lán)藍(lán)在1月份去了斯坦福大學(xué) Design School ,見(jiàn)到這位白發(fā)蒼蒼的老教授,佩服之至,回來(lái)后搜索了一些資料學(xué)習(xí)和研究設(shè)計(jì)思維課的內(nèi)容。

分成幾個(gè)文章,分享給大家!

下面為轉(zhuǎn)載:在講Design Thinking之前,先大概介紹一下Hasso Plattner Institute of Design at Stanford (d.school: Institute of Design at Stanford, 簡(jiǎn)稱D.School)。

作為世界領(lǐng)先的設(shè)計(jì)學(xué)院之一,D.School的大名想必每一個(gè)喜歡設(shè)計(jì)的同學(xué)都應(yīng)該有所耳聞。2004年的時(shí)候,Stanford的機(jī)械工程系教授David Kelley創(chuàng)立了D.School,具體的介紹大家可以移步D.School網(wǎng)站或者維基百科。

7fbcde886583e671edcb5abd1a6c7c13_b.jpg
(D.School一共兩層,這是大堂,一樓主要用于辦公,開會(huì),開講座和辦展覽,二樓主要用于教學(xué),Photo by Yi Zhang,VIA同事)
而值得注意的是,D.School相比于其他設(shè)計(jì)學(xué)院特別的地方有三點(diǎn):
  • 第一,它在硅谷,與硅谷各種傳奇故事有著千絲萬(wàn)縷的聯(lián)系。
  • 第二,與斯坦福的商學(xué)院關(guān)系密切,D.School的同事笑稱:“Stanford商院的同僚在和別家商院的人吹牛的時(shí)候都會(huì)說(shuō),你們做的事情我們都會(huì)做,而我們還有D.School,我們會(huì)Design Thinking?!?br />
  • 第三,有一套通俗易懂的理論根基作為行為準(zhǔn)則,也就是Design Thinking。

好了,鋪墊已夠,進(jìn)入正文:Design Thinking。
先上結(jié)論,Design Thinking是一種思維方式,它有幾個(gè)特定的步驟,可以用于不同的項(xiàng)目和人。有個(gè)比喻,在我跟別人介紹的時(shí)候經(jīng)常提起:Design Thinking就像一本菜譜,它會(huì)告訴你燒菜的步驟,燒的時(shí)間等等,但是每個(gè)人用它炒出來(lái)的東西都不一樣,可以有不同的口味,不同的原料和配料,而跟著這本菜譜仔細(xì)做,一般不會(huì)做得太難吃。

設(shè)計(jì)原則(第一部分):視知覺(jué)和格式塔原則

周周

小編語(yǔ):大家在看這篇文章的時(shí)候,我們現(xiàn)了解一個(gè)概念——格式塔學(xué)派。

格式塔學(xué)派(德語(yǔ):Gestalt theorie)是心理學(xué)重要流派之一,興起于20世紀(jì)初的德國(guó),由馬科斯·韋特墨(Max.Wetheimer,1880~1943)、苛勒(W.kohler,1887~1967)和考夫卡(K.Koffka,1886~1941)三位德國(guó)心理學(xué)家在研究似動(dòng)現(xiàn)象的基礎(chǔ)上創(chuàng)立。格式塔是德文Gestalt的譯音,意即"模式、形狀、形式"。Configuration(配置;結(jié)構(gòu);外形)”等,意思是指“能動(dòng)的整體(dynamic wholes)”又稱為“完形心理學(xué)”。

日歷

鏈接

個(gè)人資料

存檔