值得每個(gè)設(shè)計(jì)師閱讀思考的深度剖析文
這篇博文來(lái)自國(guó)外,一經(jīng)發(fā)表即掀起設(shè)計(jì)圈的一陣轟動(dòng),文章言辭雖激烈但一針見(jiàn)血,戳痛處也不忘給干貨,現(xiàn)在騰訊的Wellso同學(xué)把它翻譯過(guò)來(lái),Dribbble 大牛務(wù)必冷靜閱讀。
前言wellso:13年底,Intercom 的產(chǎn)品VP Paul Adams 在 Intercom 官博發(fā)表了 一篇博文 。文章講述了網(wǎng)絡(luò)上設(shè)計(jì)社區(qū)里普遍存在的一種現(xiàn)象,大意是“許多設(shè)計(jì)師在社區(qū)中分享的作品往往是為了炫技,而產(chǎn)品的邏輯通常都經(jīng)不起推敲的,真正優(yōu)秀的設(shè)計(jì)應(yīng)該從更高的層面出發(fā),而不只是做表面上的工作”。
文章發(fā)布后,在 Twitter 、HN 及博客評(píng)論下引起了反響。雖然部分內(nèi)容在一些設(shè)計(jì)師眼里看起來(lái)比較有攻擊性(也就是俗稱“開(kāi)噴”),甚至還帶有些地圖炮,但是文中關(guān)于“設(shè)計(jì)的四個(gè)層次”以及“when..I want to..then I can…”等設(shè)計(jì)觀點(diǎn)和方法論都非常值得我們回味并運(yùn)用到工作當(dāng)中。
文章是2月前Sam推薦給我的,隨后到 twitter 上獲得了作者的授權(quán),在這里也應(yīng)作者需要,貼上 Intercom 的官博連接:http://blog.intercom.io/ 。
譯文開(kāi)始,Dribbble 大牛務(wù)必冷靜閱讀。 =D
設(shè)計(jì)追波風(fēng)這些天氣app中,只有一個(gè)試圖解決用戶的實(shí)際問(wèn)題。
現(xiàn)在的產(chǎn)品設(shè)計(jì)和交互設(shè)計(jì)界發(fā)生了一些奇怪的事情。一方面有著如 Ryan Singer 和 Julie Zhuo 這樣能寫(xiě)出很贊的文章的人來(lái)推動(dòng)我們?cè)O(shè)計(jì)水平的發(fā)展。另一方面則是越來(lái)越多的人在 Dribbble 上發(fā)布與交流他們的作品,不過(guò)最后結(jié)果是追波上的這些玩意反而使我們的水平倒退了。 我寫(xiě)這篇文章不是在談追波的好壞是非,而是想探討什么才是追波真正的價(jià)值。我會(huì)將“產(chǎn)品設(shè)計(jì)”貫穿始終,尤其是在談到用戶體驗(yàn)和交互設(shè)計(jì)的時(shí)候。
“屌爆了!”Dribbble就是用這種形式來(lái)鼓勵(lì)大家炫技去年我看了不少應(yīng)聘 Facebook 和 Intercom 的求職者的設(shè)計(jì)作品,然后我發(fā)現(xiàn)了一個(gè)令人擔(dān)憂的現(xiàn)象。太多的設(shè)計(jì)師都在為吸引同行的關(guān)注而做設(shè)計(jì),而不是把心思花在解決實(shí)際的工作問(wèn)題上。這點(diǎn)一直都是廣告創(chuàng)意領(lǐng)域才有的毛病(比起優(yōu)先解決客戶需求,做酷炫的作品拿個(gè)獎(jiǎng)攢點(diǎn)人氣似乎更重要),并且,這在產(chǎn)品設(shè)計(jì)以及交互設(shè)計(jì)的領(lǐng)域越來(lái)越突出。
我最近看的許多求職者的產(chǎn)品設(shè)計(jì)作品都聚焦在最表層,只關(guān)注于自己做的東西是否足夠的“追波味兒”。所以他們做出來(lái)的設(shè)計(jì),好看卻不中用。“完美的扁平化設(shè)計(jì)”,“像素級(jí)的精致度”,聽(tīng)起來(lái)很犀利,但往往這些作品都沒(méi)有實(shí)現(xiàn)產(chǎn)品的真正目的。既沒(méi)有解決用戶每天真實(shí)遇到的問(wèn)題,也沒(méi)有將完整的業(yè)務(wù)體系考慮進(jìn)來(lái)。追波上的設(shè)計(jì)師們喜歡鉆研界面的輪廓和絢麗的色彩等細(xì)節(jié),以此交朋結(jié)友,相互點(diǎn)贊和分享。看完別人的作品后,自己跟著興沖沖來(lái)一發(fā)。結(jié)果就是大量的設(shè)計(jì)在追波上都長(zhǎng)得差不多。不管你做的是社交軟件,金融軟件,電商網(wǎng)站還是天氣應(yīng)用,同樣的風(fēng)格都可以套進(jìn)去使。你想想,如果給你的眼睛加一層毛玻璃效果,再看看這些界面,你能說(shuō)出他們到底有什么不同嗎?
設(shè)計(jì)最重要的一步,往往并不會(huì)去追求外觀的美相比之下,優(yōu)秀的求職者通常都附上了他們的思考過(guò)程。手繪稿、圖解、利弊、 阻礙、權(quán)衡、解決方案,以及闡明交互和動(dòng)效的原型。在真實(shí)參數(shù)的考量下,描述產(chǎn)品的模塊如何移動(dòng)和變化,它們的動(dòng)態(tài)效果又如何呈現(xiàn)。
而糟糕的求職者,只會(huì)發(fā)他們的酷炫扁平 PNG 或牛逼線框 PDF 過(guò)來(lái)。沒(méi)有關(guān)于待解決問(wèn)題的關(guān)鍵點(diǎn),看不到商業(yè)和技術(shù)層面的限制,也不描述使用場(chǎng)景和上下文聯(lián)系。這些完美的視網(wǎng)膜像素級(jí)的 PNG 或許在追波上看起來(lái)很贊,但實(shí)際上,這些東西卻連基本的設(shè)計(jì)價(jià)值都難以體現(xiàn)。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- Photoshop初級(jí)教程-命令的技巧
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程