設(shè)計界相愛相殺的一對:產(chǎn)品汪 vs 設(shè)計師
產(chǎn)品經(jīng)理與設(shè)計師在日常的工作中聯(lián)系緊密,文章簡要介紹的設(shè)計師的幾個工作崗位以及幾個常見的設(shè)計常識,幫助產(chǎn)品經(jīng)理們更好的了解設(shè)計,從而實現(xiàn)與設(shè)計師的高效溝通。
通常在一個項目中,產(chǎn)品經(jīng)理往往和設(shè)計師是最親密的人昂為尼。如果把一個互聯(lián)網(wǎng)產(chǎn)品比作一棟摩天大樓,那么產(chǎn)品經(jīng)理便是這棟大樓框架和功能的設(shè)計者,而我們通常所說的UI設(shè)計、交互設(shè)計則更多的考慮的是整棟大樓的外觀裝修、每個樓層的布局、導(dǎo)航設(shè)計及用戶體驗等。
在整個互聯(lián)網(wǎng)公司的職能崗位中,也只有產(chǎn)品經(jīng)理和設(shè)計師是比較貼近藝術(shù)家氣質(zhì)的,在他們口中經(jīng)常討論的畢加索、原研哉、深澤直人、喬納森艾弗等在外人看來都是少有了解的人物,他們還追求細節(jié)的打磨,不斷苛求產(chǎn)品的完美,甚至很多時候不自覺地在設(shè)計過程中,就帶入了自己的情感色彩和審美偏好,只是常常不自知而已。由于設(shè)計師更多的是“形象化表達”,保證產(chǎn)品好用、易用,能讓用戶在使用產(chǎn)品的體驗過程中產(chǎn)生愉悅感,所以,我們也常常稱他們?yōu)橛脩趔w驗設(shè)計師,在公司部門中也可以劃分到用戶體驗部門。
但他們兩者又有很多的不同,比如說產(chǎn)品經(jīng)理的事情多而雜,設(shè)計師則往往比較專注于產(chǎn)品設(shè)計;比如說產(chǎn)品經(jīng)理思考產(chǎn)品更多的是從用戶需求出發(fā),而設(shè)計師則往往注重的是顏值表達;比如說產(chǎn)品經(jīng)理更多依靠的是邏輯思維和結(jié)構(gòu)化思維,設(shè)計師們大多都是偏感性一些。
產(chǎn)品經(jīng)理和設(shè)計師最大的不同,在于產(chǎn)品經(jīng)理也許不僅僅是一個人文藝術(shù)家,他還是一個商業(yè)實踐者,所以在產(chǎn)品設(shè)計的過程之中,需要不斷地跟我們的設(shè)計師們?nèi)プ鰷贤?,提醒他們我們的設(shè)計目標是什么,做這個功能服務(wù)的背后到底依存的是怎樣的一套邏輯。
產(chǎn)品經(jīng)理既然想和設(shè)計師愉快地進行溝通,當然得先了解設(shè)計師這類崗位,都有哪些工種。
用戶體驗部門的各種崗位職責
1、用戶研究員(User ?Researcher)
用研這個崗位,通常來說在大公司里才有配置,絕大多數(shù)創(chuàng)業(yè)型互聯(lián)網(wǎng)公司還沒有安排這樣一個專門的崗位。他們主要是做用戶研究工作,通過各種方法(包含定性和定量等)來進行用戶研究,給產(chǎn)品決策者提供建議。在創(chuàng)業(yè)公司,這樣的事情一般就是產(chǎn)品經(jīng)理自己代勞了。
2、交互設(shè)計師(Interaction ?Designer)
交互設(shè)計師中的交互是指人和計算機器之間的交流與互動,一個交互設(shè)計師需要關(guān)注的是用戶的使用體驗,但是他們更多地還是著眼于如何將這種影響體現(xiàn)在用戶界面的信息架構(gòu),用戶操作的流程上,典型的工作有導(dǎo)航設(shè)計、流程設(shè)計等。拿設(shè)計一個網(wǎng)站來說,交互設(shè)計師需要使用流程圖,線框圖將用戶與網(wǎng)站的 “交互” 流程,網(wǎng)站的信息架構(gòu)可視化出來,以得到反饋,確保與開發(fā)人員的有效溝通。
3、視覺設(shè)計師(Visual? Designer)
不可否認的一點是,迄今為止,依然有不少外行人稱呼UI設(shè)計師為美工。UI 設(shè)計師通常需要更多的圖形設(shè)計技能,需要熟練地使用 PS 或 AI,他們經(jīng)常上的網(wǎng)站是 dribbble,癡迷于圓角,陰影和漸變,關(guān)注每一個像素,還有配色方案、字體字號等。當然,在一些公司里,他們還常常要將模糊的 “需求” 直接轉(zhuǎn)化為用戶界面,甚至有時候可能也需要一些開發(fā)技能。UI設(shè)計師與交互設(shè)計師的界限也挺模糊的,強大的UI設(shè)計通常都會自帶交互技能。
產(chǎn)品經(jīng)理需要了解的一些設(shè)計常識
其實設(shè)計本身是一門理性的學(xué)科,審美因人而異,只有言之有理的設(shè)計才能夠說服別人。當設(shè)計師拿到產(chǎn)品的原型開始做設(shè)計時,如果只是單純的按照原型進行而不考慮任何規(guī)則,那么很多時候就會產(chǎn)生一些不協(xié)調(diào)的結(jié)果。
所以,一些比較厲害的設(shè)計的大牛便總結(jié)了一些常見的設(shè)計原則和常識,來指導(dǎo)設(shè)計新手進行產(chǎn)品設(shè)計,產(chǎn)品經(jīng)理當然也是有必要去了解這些設(shè)計常識的。
1、信息的排布——對齊/重復(fù)/親密/對比
對任何信息進行排布的時候,首先必須要掌握的是對齊/重復(fù)/親密/對比,貫穿設(shè)計的四大原則。
對齊除了能建立一種清晰精巧的外觀,還能方便開發(fā)的實現(xiàn)?;趶淖笊现劣蚁碌拈喿x習(xí)慣,移動端界面中內(nèi)容的排布通常使用左對齊和居中對齊,表單填寫的輸入項使用右對齊。
對齊原則
設(shè)計和做其他事情一樣,也要有輕重緩急之分,不要讓用戶去找重點/需要注意的地方,應(yīng)該讓用戶流暢地接收到我們想要傳達的重要的信息。重復(fù)和對比是一套組合拳,讓設(shè)計中的視覺元素在整個設(shè)計中重復(fù)出現(xiàn)既能增加條理性也可以加強統(tǒng)一性,降低用戶認知的難度。而在需要突出重點的時候就可以使用對比的手法,例如圖片大小的不同或者顏色的不同表示強調(diào),讓用戶直觀地感受到最重要的信息。
重復(fù)原則
對比原則
在排布復(fù)雜信息的時候,如果沒有規(guī)則地排布那么文本的可讀性就會降低。組織信息可以根據(jù)親密性的原則,把彼此相關(guān)的信息靠近,歸組在一起。如果多個項相互之間存在很近的親密性,它們就會成為一個視覺單元,而不是多個孤立的元素。這有助于減少混亂,為讀者提供清晰的結(jié)構(gòu)。
親密原則
2、留白的藝術(shù)
不單單是文字和圖片需要設(shè)計,留白也是構(gòu)成頁面排版必不可少的因素。所有的白都是“有目的的留白”,帶有明確的目的來控制頁面的空間構(gòu)成。
留白的藝術(shù)
3、黃金分割線
運用幾何學(xué)的手法是設(shè)計師的利器之一,其中就包括黃金分割。這個從貝類完美的生長方式中提煉出的曲線,改變了所有人的審美。事實上人體也具有同樣的完美比例,人體的高度與伸展開的手臂形成了一個正方形將人體圍住,而手和腳正好落在以肚臍為圓心的圓上,肚臍位于黃金分割點上,這在文藝復(fù)興時期的藝術(shù)家達芬奇和丟勒的《完美的比例》《人體比例四書》也都有記載。
人體的黃金分割
黃金分割比例在設(shè)計中的運用非常廣泛,比如文本與線段的間隔,圖片的長寬比、通欄高度的設(shè)定等地方都可以通過黃金分割比快速的設(shè)定。最典型的例子,就是蘋果操作系統(tǒng)的APP圖標設(shè)計,也是符合這個比例的。
蘋果手機內(nèi)的圖標
4、視覺設(shè)計規(guī)范
所謂的設(shè)計規(guī)范,其實是對設(shè)計的具體細節(jié)、技術(shù)要求,是設(shè)計工作的規(guī)則和邊界,是一種為了提高設(shè)計效率和質(zhì)量,保證產(chǎn)品體驗一致性的東西。它包含很多的內(nèi)容,比如說交互設(shè)計規(guī)范、色彩規(guī)范、圖標規(guī)范、控件規(guī)范、字體規(guī)范等等。
規(guī)范這東西并不是隨著產(chǎn)品的誕生而形成的,而是在產(chǎn)品不斷發(fā)展、成熟的過程中,慢慢梳理起來的。但通常來說,做設(shè)計規(guī)范并不是一件簡單的事情,因為這對設(shè)計師的能力要求比較高,也非常耗費設(shè)計團隊的時間。但產(chǎn)品經(jīng)理還是有必要了解一下,像IOS和早些年的Android(現(xiàn)在已經(jīng)統(tǒng)一改用Material Design)設(shè)計規(guī)范就屬于給產(chǎn)品經(jīng)理看的,里面寫的東西大多圍繞如何選擇大的方向、哪種處理方式更加合理展開的,界面細節(jié)卻沒有怎么詳細介紹。
如果有條件,項目完成之后,建議產(chǎn)品經(jīng)理可以和你們公司的設(shè)計師們溝通一下,把產(chǎn)品的設(shè)計規(guī)范給梳理一下,這樣能夠更方便地延續(xù)產(chǎn)品的未來發(fā)展,是指導(dǎo)設(shè)計的有利工具。
設(shè)計規(guī)范示例
如何與設(shè)計師溝通
大致學(xué)習(xí)了一番設(shè)計師的崗位職責和設(shè)計常識,我們來開始了解一下具體如何與設(shè)計師進行溝通。
總體來說,設(shè)計師的工作其實很不容易,因為每個人對設(shè)計都有自己的觀點,也正因這個原因,設(shè)計師很少會被當做專家來對待。
通常的情景可能是這樣的:
有一天,老板心血來潮,想了一個他覺得很流弊的idea,于是繞過產(chǎn)品經(jīng)理直接把設(shè)計叫到會議室,一番簡單地安利,之后就是功能需求、用戶體驗什么的等各種高大上的詞匯不斷蹦出,白板上啪啪啪各種大字、箭頭、三角形、四方形什么的。
設(shè)計師自然是邊聽邊點頭,偶爾問幾個問題,然后就是各種紙筆、拍照什么的趕緊記下?;氐阶簧?,趕緊回憶整理記錄,Sketch、OmniGraffle、PS各種打開,低保真、高保真、UI設(shè)計稿各種輸出。好不容易弄完了,你看著設(shè)計稿,各種得意,@給老板,老板打開信息一看,嗯,這個按鈕位置放上去一點會更好,這個頁面仿著微信某某頁面做估計不錯,這個顏色不行,不夠大氣,還有這個、這個 and 這個…
設(shè)計師在這個階段基本就被虐的死去活來了,心態(tài)不行的估計想死的心都有了,但又不好發(fā)作,只好點點頭說,好的,我回去再改下。
之后就是修改、修改、修改、修改,在改到第N稿之后,拿著最新的設(shè)計稿,弱弱的問老板,這個你看行么?老板說:不錯,高端大氣上檔次,就按這個來。
此處的老板,基本可以換算成“產(chǎn)品經(jīng)理”。
但其實,我們會發(fā)現(xiàn)這并不是一個很好的溝通方式,每個人都有自己的工作方式,設(shè)計師也是一樣的。有些設(shè)計師會比旁人更敏感一些,有些設(shè)計師則要寬容許多。有些設(shè)計師也許樂于聽到“感覺字體可以更大點”這類評價,有些設(shè)計師要是聽到你這樣說會恨不得重擊你一拳。
所以,產(chǎn)品經(jīng)理在和設(shè)計師溝通的過程中,可以遵循下面的一些建議,或許會收到一些意向不到的結(jié)果。
1、從用戶的角度出發(fā)
產(chǎn)品經(jīng)理在跟設(shè)計師pk設(shè)計稿的過程中,需要不斷地反饋自己的設(shè)計意見,如果反饋的時候能夠更多地從用戶的角度出發(fā),使用用戶的口吻,比如說“作為【某種用戶類型】我想……”這樣的開頭方式,其實是非常有效的一種溝通方式。
2、強調(diào)業(yè)務(wù)目標
前面提到過設(shè)計師比較缺乏商業(yè)感,所以在設(shè)計產(chǎn)品的過程中,往往會忘記產(chǎn)品設(shè)計的目標具體是什么。產(chǎn)品經(jīng)理是有義務(wù)和責任去幫助設(shè)計師了解他必須解決的問題是什么。設(shè)計師們每天要做出上千個決策,他們根據(jù)自身豐富的經(jīng)驗來優(yōu)化產(chǎn)品。你能夠幫得上忙的便是確保他們能理解你的目標。但是,產(chǎn)品經(jīng)理在講述目標的時候需要將目標講解具體詳細,例如:“我們的目標不是為了讓更多的用戶進入到產(chǎn)品中來,而不是僅僅為了一部分小眾用戶,所以設(shè)計風格能不能不要這么有調(diào)性”。
3、用數(shù)據(jù)來說話
設(shè)計師都是一群偏感性的人,正因為這樣,他們在產(chǎn)品設(shè)計的過程中,才更有可能出現(xiàn)比較主觀的東西,比如以“這感覺……”或“我喜歡……”開頭的句子。產(chǎn)品經(jīng)理在這個時候就需要拿產(chǎn)品數(shù)據(jù)來進行說話和調(diào)教了,比如說某個頁面的用戶點擊數(shù)、停留時長等等,用數(shù)據(jù)來說話是一種高效的手段和方法。
4、提供一些競品案例
產(chǎn)品經(jīng)理和設(shè)計師一樣,平常都會把玩大量的APP和產(chǎn)品,從中獲取產(chǎn)品設(shè)計的靈感。與設(shè)計師一起分析競爭對手的體驗,將幫助你創(chuàng)建一套集大成的設(shè)計語言。同時,也能加深產(chǎn)品經(jīng)理和設(shè)計師的協(xié)同感,如何設(shè)計的更好,才能把對手給比下去,此刻好像終于站在了一條戰(zhàn)線。當然,這里切忌出現(xiàn)上面情景描述中出現(xiàn)的情況,就是直接讓UI照抄某個產(chǎn)品的某個頁面,這樣只會讓設(shè)計師的毫無成就感。
總的來說,產(chǎn)品經(jīng)理和設(shè)計師還是具有很多共同語言的,他們在人文上的交流會比較多,如果遇到高手過招,常常會觸碰出思想的火花,從而一起將產(chǎn)品設(shè)計的更加完美。
#專欄作家#
壹百度,微信公眾號:倒退集,人人都是產(chǎn)品經(jīng)理專欄作家。在線教育企業(yè)服務(wù)領(lǐng)域產(chǎn)品經(jīng)理,創(chuàng)業(yè)公司Team Leader。曾主導(dǎo)多款重量級產(chǎn)品的產(chǎn)品策劃和設(shè)計工作。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
- 目前還沒評論,等你發(fā)揮!