好的設(shè)計(jì)師應(yīng)當(dāng)具備的五點(diǎn)產(chǎn)品思維

11 評(píng)論 21401 瀏覽 104 收藏 13 分鐘

本文作者認(rèn)為一個(gè)好的設(shè)計(jì)師應(yīng)當(dāng)具備產(chǎn)品思維。且在文中列出了幾個(gè)點(diǎn),希望能夠幫助年輕的設(shè)計(jì)師們更好地支撐產(chǎn)品設(shè)計(jì),并且甚至能夠驅(qū)動(dòng)產(chǎn)品的開發(fā)。

今年之內(nèi),我前后面試了差不多15個(gè)左右的設(shè)計(jì)師,平均工作經(jīng)驗(yàn)在3年以上,其中不乏一些大廠的產(chǎn)品設(shè)計(jì)負(fù)責(zé)人或者獨(dú)立設(shè)計(jì)師。無一例外,大家的作品都非常漂亮,色彩艷麗且扁平風(fēng)格,交互也都很棒,乍一看確實(shí)很酷。而且簡(jiǎn)歷也都很漂亮,清晰明了,我可以看到一個(gè)設(shè)計(jì)師的風(fēng)格和特長,以及他產(chǎn)品的交互邏輯和設(shè)計(jì)思路。

可是,約來面試時(shí),經(jīng)過我細(xì)細(xì)盤問,很多設(shè)計(jì)師顯得很窘迫,因?yàn)椴痪邆淞己玫漠a(chǎn)品思維,許多設(shè)計(jì)師并不清楚自己的產(chǎn)品在做什么,甚至解釋不清楚自己如此設(shè)計(jì)的原因。我印象很深的是,一位女生很自信的來,最后竟被我面哭了……

我覺得有必要談?wù)勗O(shè)計(jì)師的產(chǎn)品思維,可能有些部分過于偏激,但是這種思考問題的方式有利于一個(gè)設(shè)計(jì)師更好地支撐整個(gè)團(tuán)隊(duì)。

一、設(shè)計(jì)是一個(gè)循序漸進(jìn)的迭代過程,不要過早揪著細(xì)節(jié)不放

作為一個(gè)愛好書法、美術(shù)建筑和民謠藝術(shù)的PM,我自己本人就是一個(gè)細(xì)節(jié)控。但這些年和各種大大小小的設(shè)計(jì)師合作過之后,我發(fā)現(xiàn),揪著細(xì)節(jié)不放真的很要命,十分要命。

我曾經(jīng)合作過的一個(gè)設(shè)計(jì)師,一個(gè)用戶資料頁面設(shè)計(jì)了長達(dá)七天!要知道,因?yàn)檫@七天,整個(gè)研發(fā)的進(jìn)度都被拖慢了近半個(gè)月。對(duì)于一些大廠而言,可能不覺得什么,但是對(duì)于創(chuàng)業(yè)團(tuán)隊(duì),七天簡(jiǎn)直要命。

其實(shí),一個(gè)好的設(shè)計(jì)是一步一步迭代來的,過早地揪著細(xì)節(jié)不僅會(huì)嚴(yán)重拖慢進(jìn)度。同時(shí),此時(shí)的設(shè)計(jì)并不是依托于用戶的反饋或者市場(chǎng)的反應(yīng),而是來自設(shè)計(jì)師的靈感設(shè)計(jì)。這其實(shí)很可怕,因?yàn)槟阆胂蟮奈幢厥钦娴摹?/p>

循序漸進(jìn)會(huì)很好地滿足設(shè)計(jì)師對(duì)于完美的可控追逐,注意“可控”這個(gè)詞,所謂“可控”指的是你基于可預(yù)期的用戶反饋或者產(chǎn)品反應(yīng),而帶來的一種滿足預(yù)期的結(jié)果??煽厥且环N客觀的情況,而不是你臆想的。

在《設(shè)計(jì)心理學(xué)》一書中,提及到一個(gè)概念,叫“設(shè)計(jì)思維 vs 用戶思維”。其實(shí)表明的就是,設(shè)計(jì)師不要妄想一步設(shè)計(jì)出完美又滿足用戶使用預(yù)期的產(chǎn)品,因?yàn)槟氵^多在創(chuàng)造時(shí),就代表了你的產(chǎn)品已經(jīng)走向了藝術(shù)那條路,而不是可用這條路。

我的建議是,在早期時(shí),設(shè)計(jì)師可以用標(biāo)準(zhǔn)化的扁平結(jié)構(gòu)滿足產(chǎn)品的功能屬性和美觀,今早交付研發(fā),然后在迭代中優(yōu)化細(xì)節(jié),如icon可以更優(yōu)化,這個(gè)按鈕的交互可以更好,頁面跳轉(zhuǎn)可以如此更便捷更人性化等等。這些細(xì)節(jié)的優(yōu)化不適用于初期,而是適用于中后期。你回頭去看看微信早期有多簡(jiǎn)單,你就知道了。

二、你應(yīng)該了解設(shè)計(jì)的可復(fù)用性,設(shè)計(jì)規(guī)范是必須的

我相信你一定不停地在被提及設(shè)計(jì)規(guī)范,那么到底什么才是設(shè)計(jì)規(guī)范呢?

在我看來,設(shè)計(jì)規(guī)范無非兩方面。

其一,你對(duì)所有的樣式進(jìn)行了規(guī)范,包括字體、對(duì)齊方式、按鈕、交互跳轉(zhuǎn)以及標(biāo)準(zhǔn)色等等。

這部分的定義,是一個(gè)設(shè)計(jì)師的基本能力,我就不做贅述了。我重點(diǎn)說的是其二。

其二,你要考慮樣式的可復(fù)用規(guī)則。這個(gè)就高級(jí)了,如果你不懂復(fù)用性,你做的所謂規(guī)范其實(shí)只是你假象的規(guī)范,你丟給前端工程師,他們一定會(huì)非常痛苦,這種痛苦希望你能懂。

所謂復(fù)用,簡(jiǎn)單說,比如一個(gè)選擇list頁面,你在設(shè)計(jì)時(shí)可能發(fā)現(xiàn),在App中一會(huì)兒這里需要一個(gè)選擇list跳轉(zhuǎn),一會(huì)兒這里需要一個(gè)當(dāng)頁下拉列表,一會(huì)兒這里又需要一個(gè)復(fù)選框列表。我已經(jīng)說了,你不該糾結(jié)于這些細(xì)節(jié),而是要看看,這些選擇list是不是用一套模板就OK了。

舉個(gè)例子,微信擁有一套復(fù)選list的設(shè)計(jì)規(guī)范,當(dāng)你長按某個(gè)聊天對(duì)話時(shí),可以選擇更多,從而可以選中多個(gè)聊天對(duì)話,但不知道你是否發(fā)現(xiàn),在微信的收藏列表中,復(fù)選的樣式和聊天對(duì)話的這個(gè)是一樣的。

帶著這樣一個(gè)復(fù)選的設(shè)計(jì),你會(huì)發(fā)現(xiàn)自己其實(shí)在規(guī)范的是每個(gè)控件。Button在一個(gè)App中可能出現(xiàn)多次,那么你就應(yīng)該規(guī)范到底App中需要出現(xiàn)多少種Button,每種樣式的操作意義是什么,使用場(chǎng)景是什么。這樣一來,你的Button再次出現(xiàn)在其他頁面時(shí),你就知道只要擺一個(gè)你設(shè)計(jì)過的Button就可以了,而不用再手忙腳亂再來一個(gè)。

三、優(yōu)先級(jí)思維導(dǎo)向,是一個(gè)設(shè)計(jì)師的必備技能

在我看來,優(yōu)先級(jí)思維導(dǎo)向是一個(gè)設(shè)計(jì)師難能可貴的品質(zhì)。

先舉一個(gè)例子,購物網(wǎng)站是我們最常用的網(wǎng)站,那么你考慮過一個(gè)商品列表中,每個(gè)商品信息item所展示的內(nèi)容的優(yōu)先級(jí)嗎?一般而言,一個(gè)商品會(huì)包含圖片、名稱、描述、價(jià)格、折扣、時(shí)間、地域以及保障等等。那么,這些信息要展現(xiàn)在一個(gè)小的item入口位置,你如何來排布這些優(yōu)先級(jí)呢?

這個(gè)問題我曾經(jīng)在面試時(shí)問過很多購物網(wǎng)站的設(shè)計(jì)師,我發(fā)現(xiàn)很多人都是現(xiàn)場(chǎng)想答案。這可就很麻煩了,這說明你的排列是憑感覺的,而感覺往往是不靠譜的。

一般而言,你需要先搞明白,這個(gè)設(shè)計(jì)要向用戶傳遞什么信息。是刺激點(diǎn)擊,還是完成某個(gè)操作,或者是展示某個(gè)提示。搞明白這些之后,你再看看你的這些信息到底應(yīng)該如何排列優(yōu)先級(jí)?

說回購物網(wǎng)站這個(gè)例子。

如果是一個(gè)買衣服的購物網(wǎng)站,比如淘寶,一個(gè)商品item的作用是刺激用戶點(diǎn)擊,而在所有的商品信息中,最能刺激用戶的無非圖片、名稱和價(jià)格。因?yàn)橘I衣服的人更多看重的是好不好看,所以圖片很重要,你要放大了給用戶看,名字也得夠清楚,而價(jià)格又是網(wǎng)上購物的人必須考慮的,所以你的價(jià)格一定得顯眼明亮。

那么剩下的信息呢?我們?cè)倏纯促徫飼r(shí)候你還會(huì)基于什么做判斷。一般會(huì)考慮的還有一點(diǎn)就是這個(gè)商品有啥特點(diǎn),這個(gè)店靠不靠譜、有什么保障、是不是我所在的城市以及銷量怎么樣等等,那么我們就可以加一點(diǎn)描述,而保障什么的就作為一個(gè)固定區(qū)域放在那里,需要時(shí)自然用戶會(huì)看到。

有了這樣的優(yōu)先級(jí)思維,你會(huì)發(fā)現(xiàn)你很多的排版布局都可以遵循這樣的優(yōu)先級(jí)規(guī)則,你的思路便清楚很多。甚至你一個(gè)頁面的整體布局也會(huì)因?yàn)閮?yōu)先級(jí)思維而清楚很多。

四、你需要即懂UI,也需要懂交互

這一點(diǎn)我想簡(jiǎn)單提一下。交互不是一個(gè)簡(jiǎn)單頁面切換或者跳轉(zhuǎn)效果,而是一個(gè)重要的交互邏輯。

就像我上面說的,交互是有規(guī)范的,不能簡(jiǎn)單去看一個(gè)頁面的交互酷不酷,而是要看你整個(gè)App所傳遞的交互究竟是一個(gè)什么樣的體驗(yàn)。你需要明白,你的交互是給誰用的,要表達(dá)什么,和你整個(gè)App的調(diào)性合不合。

舉個(gè)例子,一個(gè)垃圾清理軟件,它的交互一定要酷,給用戶一種要飛的感覺,整個(gè)交互背后隱藏了很多暗示?;鸺w走了,就是把垃圾帶走了,風(fēng)扇轉(zhuǎn)呀轉(zhuǎn),就是把垃圾轉(zhuǎn)走了。所以,這樣的App里所有的交互都是酷炫的,這就是所謂強(qiáng)交互。

而像釘釘,它的交互就會(huì)正統(tǒng)很多,沒什么強(qiáng)交互,基本上就是列表+表格,簡(jiǎn)單嚴(yán)肅單一。那是因?yàn)檎麄€(gè)產(chǎn)品的用戶更多是商務(wù)人士,而商務(wù)人士要的穩(wěn)重和靠譜,酷炫的交互對(duì)他們沒用。

好的設(shè)計(jì)師應(yīng)該多去用用各種類型的App,給自己多積累交互的素材庫,并且可以看看這些App的交互是不是滿足整個(gè)App的調(diào)性。

五、體驗(yàn)是有優(yōu)先級(jí)的,切記

最后談一點(diǎn),就是掛在無數(shù)PM和設(shè)計(jì)師嘴上的體驗(yàn)問題。港真,體驗(yàn)真的是一個(gè)讓人又愛又恨的寶寶。很多時(shí)候,你過于專注體驗(yàn),就會(huì)陷入到一個(gè)怪圈,自己干得很嗨,可是為毛成就感這么低。

因?yàn)轶w驗(yàn)本身就是一個(gè)細(xì)活。回到我最初說的那個(gè)問題,不要糾結(jié)細(xì)節(jié)。設(shè)計(jì)師一般使用的軟件包括PS、AI以及Sketch等,用這些軟件做一個(gè)圖一定是要扣細(xì)節(jié)的,那你其實(shí)在扣的就是體驗(yàn)。

我問一個(gè)問題:

一個(gè)80分體驗(yàn)和一個(gè)20分的體驗(yàn)區(qū)別有多大?

很大!真的很大,所以你需要把一個(gè)20分的體驗(yàn)優(yōu)化到80分,而往往這個(gè)時(shí)間成本并不大。

比如,一個(gè)垃圾清理軟件,點(diǎn)擊清理按鈕沒有反饋,不知道清理的情況如何,這個(gè)就是一個(gè)20分的體驗(yàn)。你可以加一個(gè)簡(jiǎn)單的Gif告知清理了一大堆,然后給個(gè)“99%垃圾已清理”之類的文案就好。這就是一個(gè)80分的體驗(yàn)。

那我再問一下:

一個(gè)80分的體驗(yàn)和一個(gè)99分的體驗(yàn),差別由多大呢?

可能很大,也可能不大。但是你可能要花費(fèi)很長很長的時(shí)間來實(shí)現(xiàn),不僅是你設(shè)計(jì)的時(shí)間,還有開發(fā)的時(shí)間。

比如,回到這個(gè)垃圾清理軟件。點(diǎn)擊清理之后,頁面天花亂墜,酷炫的視覺沖擊把垃圾帶走。這就是一個(gè)99分的體驗(yàn)。可是要實(shí)現(xiàn)它需要的人力和設(shè)計(jì)成本都非常大。

你可能在后續(xù)的迭代中不斷可以向那個(gè)99分的設(shè)計(jì)體驗(yàn)靠近,這一方面可能是產(chǎn)品需要的,一方面也是你藝術(shù)追求的正途。

小結(jié)

如上便是我認(rèn)為一個(gè)設(shè)計(jì)師所應(yīng)當(dāng)具備的產(chǎn)品思維。其實(shí)好的設(shè)計(jì)師,不僅要擁有以上的這些思維,還應(yīng)該能夠想一個(gè)PM一樣去思考產(chǎn)品迭代和設(shè)計(jì)的細(xì)節(jié)。但這往往對(duì)于一個(gè)設(shè)計(jì)師要求難免苛責(zé),因?yàn)楹芏嘣O(shè)計(jì)師并一定有這樣的機(jī)會(huì)去像PM一樣工作。所以我列出如上幾個(gè)點(diǎn),希望能夠幫助年輕的設(shè)計(jì)師們更好地支撐產(chǎn)品設(shè)計(jì),并且甚至能夠驅(qū)動(dòng)產(chǎn)品的開發(fā)。

 

本文由 @帥帥的帥?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 這是一個(gè)親身參與過產(chǎn)品開發(fā),挖過坑埋過坑的設(shè)計(jì)師的心得啊。新人們快來看啊。

    來自上海 回復(fù)
  2. 寫的很好,也很直白

    回復(fù)
  3. 連設(shè)計(jì)師個(gè)交互師職責(zé)都不知道,學(xué)人發(fā)文章!

    回復(fù)
    1. 為什么一個(gè)人不能都懂,都做呢?分得開嗎

      回復(fù)
    2. 不要指批評(píng)不說理由啊

      回復(fù)
    3. 人家都說了,是具備產(chǎn)品思維。至少我在他的文章中得到了啟發(fā)。你不喜歡可以走開,這年頭懂得分享的人除了你以外都是好人。只關(guān)注自己那攤事兒永遠(yuǎn)干執(zhí)行去吧

      來自北京 回復(fù)
  4. 這是一篇站在一定高度向下看的時(shí)候,才能體會(huì)的文章,受教了

    來自北京 回復(fù)
    1. 被虐過的小白表示 很贊同

      來自廣東 回復(fù)
    2. 大局觀很重要

      來自北京 回復(fù)
    3. 我?guī)煾稻驼炝R我沒有大局觀 聽見這個(gè)詞都怕 現(xiàn)在

      來自廣東 回復(fù)
    4. ?? 恨不能把這三個(gè)字紋在手上

      來自北京 回復(fù)