你夠?qū)I(yè)嗎?一個提升設(shè)計師專業(yè)度的自查表

5 評論 13407 瀏覽 34 收藏 12 分鐘

最近和某個設(shè)計師有段有趣的對話,行走江湖那么久,很多時候我們因為自己多吃了幾年飯而覺得自己很senior 。事實上,其他人卻好像完全不是這么想…到底該怎么定義 senior 與 junior 呢?

許多人認(rèn)為資深跟資淺的差別是在于腦子是不是比較靈光,比較有創(chuàng)意有想法……我卻有不同的想法,憑良心講,很多時候我覺得 junior 比我們這些老人更有創(chuàng)意,因為沒有包袱跟過往經(jīng)驗的束縛,他們更能提出有意思的點子,就好像設(shè)計師跟凡人的差別從來也不在于設(shè)計師比較有創(chuàng)意,而在于設(shè)計師能夠?qū)⒛切﹦?chuàng)意具體化的實現(xiàn),而凡人卻無法。

既然如此,資深設(shè)計師和菜鳥的差別是什么呢?

過去我會回答「是經(jīng)驗,差別在于經(jīng)驗」,這兩個字聽起來很抽象,經(jīng)過和大量不同層次與國籍的設(shè)計師交流后,我發(fā)現(xiàn)造成兩者之間差別的「經(jīng)驗」,其實是體現(xiàn)于「對于細(xì)節(jié)的執(zhí)行程度」。

你的意思是說,資深設(shè)計師做事情比較仔細(xì),而剛?cè)胄械木捅容^隨便嗎?

一個 junior 的同學(xué)憤恨不平地說。

沒錯,我就是那個意思?。]有要掩飾)好的想法人人都有,卻不是每個人都有辦法將這個想法在經(jīng)過周密的思考后,系統(tǒng)化成為真正可執(zhí)行的設(shè)計,一個無法將想法落地到細(xì)節(jié)的設(shè)計師,恕我直言,你就只是個PM而已, 俗語說得好:

少壯不努力,老大當(dāng) PM 。

就是這個道理。(毫不意外,每次都要酸一下 PM 就對了。)

「我覺得我自己超仔細(xì)的!仔細(xì)小天王就是我!」另一個junior已經(jīng)在一旁暴跳如雷了。

很多 PM 也常以為自己的想法超棒……但事實證明,這世界上不是只有「你以為」而已。

坊間有太多的演講跟書籍教我們要如何畫大餅,卻鮮少有人告訴我們該怎么深入到細(xì)節(jié)層面。事實上那卻是最基本,也是最容易用最快的速度讓對方覺得「你真的好專業(yè)」的方法,有鑒于每次內(nèi)部評審我家小朋友的設(shè)計時,我都會重復(fù)地拋出一樣的考古題,我特別為他們做了一個自查表,讓他們每次在進行評審前都先確認(rèn)自己已經(jīng)完成了表上所有的項目,而這個自查表的名字,姑且就稱之為「一個讓你好像瞬間變專業(yè)的自查表」。

分享之前先注明兩件事:

  1. 我們家的 UI/UX designer 負(fù)責(zé)的是 交互+視覺( interaction + visual design ),所以這些自查表上的項目會涵蓋兩者。
  2. 這東西真的是給初級設(shè)計師看的常識性項目,身為資深設(shè)計師的新警察如果覺得沒啥用,麻煩把警棍跟電擊棒收好。

在與你的主管或進行設(shè)計評審之前,請先確定以下所有的項目都已經(jīng)完成:

1、如果你只是想討論概念而不是完整的設(shè)計成品,請用線框圖

開始制作 mockup 之前請先確定這次評審的目的是什么?因為一旦你 present 時使用的是高保真的 mockup ,所有人都會瞬間開始追究所有的細(xì)節(jié)。確定這次的 presentation 真的要使用高保真 mockup 之后,請確定接下來的每一項都有確實完成。

2、所有在 mockup 上的元素都請保持合理的 margin 和 padding

任何很奇怪或是沒有對齊的突兀元素都會讓你的 mockup 看起來很不專業(yè)

3、不要出現(xiàn)無效的鏈接

確認(rèn)所有的link都確實可以點擊,特別是那些跟你 presentation 相關(guān)的功能

4、盡可能地遵守公司制式的設(shè)計手冊和規(guī)范

不會有人覺得在明明已經(jīng)有這樣的規(guī)范的情況下你還硬是要設(shè)計一套新的是一件很酷的事情,只會被覺得「真是個菜鳥」。

5、Mockup 上盡可能使用公司產(chǎn)品中真正會出現(xiàn)的圖片

不要使用圖庫裡那些極度美麗的圖片,因為無論如何上線后根本不會長那樣,你只是在騙自已,很多時候你的 mockup 看起來很干凈簡潔只是因為用了那些失真的圖片。

盡可能地考慮每種使用場景,即使是很極端的場景,不要臆測只給完美使用場景的解決方案。

這里有幾個可以作為自查的參考:

圖片的形狀:當(dāng)圖片是動態(tài)生成的時候,我的 mockup 在放了長=寬,長>寬,長<寬的圖片是什么樣子?

字?jǐn)?shù)和產(chǎn)品數(shù)量:當(dāng)文字或產(chǎn)品數(shù)量是動態(tài)生成的時候,最多跟最少的數(shù)量限制是多少?

反饋設(shè)計

尚未進行任何設(shè)定時,這個產(chǎn)品默認(rèn)的體驗是怎樣?

當(dāng)產(chǎn)品是要靠動態(tài)生成內(nèi)容時,沒有內(nèi)容的體驗又是怎樣?

第一次使用這個產(chǎn)品的用戶的感受是怎樣?

確定你已經(jīng)盡可能地思考過所有的防錯機制

無論是用哪種工具,確認(rèn)你的文件非常有組織,任何人都能一目了然。

有些時候你就是無法站在所有主管面前 present 你的設(shè)計理念,他們很可能會以 E-mail 的方式拿到你的設(shè)計,確保你的設(shè)計在那個時候他們還是看得懂。

真的不需要做出超級高保真的 prototype

Prototype 只是一個幫助溝通的工具,如果你真的做不出來就不要做,不需要花很多時間在上面,那種時候只需要做一些靜態(tài)的 mockup 然后描述清楚你想要的交互方式就可以了。

如果你想要在 mockup 上放 icon 或是插畫,請反復(fù)確認(rèn)你是不是真的需要他們。

Icon 和插畫在 UI 上是被拿來幫助人們更了解這個功能的含義,這世界上沒有比直接用文字寫出來更好的方法,如果你 icon 的存在沒有辦法幫助用戶辨識,請不要放。

這里有個錯誤的案例:

1

在這個案例裡,基本上甚至沒人注意到那些品類旁邊有放 icon,用戶也無法只透過那些 icon 了解它的含意,因此,一旦你擁有使用 icon 或是插畫的欲望,請先確定你的情況有沒有符合以下的情境:

  1. 空間很有限實在放不下文字,必須得用一些比較小的 icon 來表現(xiàn)。
  2. 這是一個通用的 icon ,完全不需要提示的情況下大家都能了解那是什么(比如表示下載的 icon )
  3. 文字實在太多了,有些比較重要的部分需要用插圖來吸引人注意。

不管是 icon 還是插畫都是用來直接傳遞核心信息,不管這個icon畫得有多漂亮,只要用戶無法立刻知道他的意思,那他就失敗了。

確定非用 icon 不可之后,這里有一些設(shè)計 icon 時需要注意的小技巧:

Icon 必須要清楚簡潔,不要放一大堆不相關(guān)的元素在里面,即使很漂亮也不行。

2

在這個案例裡,關(guān)鍵信息是「資料分析」,即使 A1 這個 icon 比較漂亮也比較完整,但是其實光看到 A2 ,用戶就已經(jīng)能夠抓住含義了,筆記本的圖在此處的存在實在沒什么必要,反而會有點失焦。

3

在這個案例里,即使這三個 icon 的意圖都是要傳達(dá)用戶可以透過電腦做某些事情,但是當(dāng)這三個 icon 放在一起的時候,你會發(fā)現(xiàn)電腦的存在真的很重復(fù),試著把不斷重復(fù)/相關(guān)度較低的元素刪掉,將重點集中在這些 icon 之間跟彼此不一樣的暗示上。

如果你需要需要一整個系列的 icon 或是插畫,確保這些 icon 彼此之間的風(fēng)格是一致的,這里有一個不好的案例:

4

很明顯的,最右邊那個 icon 完全不是同個家族的,不管他被設(shè)計的有多漂亮,都會讓人瞬間有種「真的很不專業(yè)」的感覺。

一旦大部份的人都無法一眼看出你設(shè)計的icon是什麼意思,那就意味著這個 icon 真的不行,別再掙扎,用文字就行了!這里有一個不好的案例:

5

毫無疑問的,紅色框框裡面那個 icon 我到現(xiàn)在都不知道是什么意思?是鋼筋水泥的鳥瞰圖嗎?

以上是我目前能想到的一些幫助初級設(shè)計師工作的小tips,如果能夠養(yǎng)成習(xí)慣在 present 設(shè)計前先過一遍這個自查表,present 過程中再適時的夾雜幾個感覺很高大上的英文單詞(但是英文的數(shù)量要控制好,量太大會有反效果可能會被討厭)…保證可以讓人瞬間有一種「這個人好像很高 bigger 耶」的感覺。

然而如果你皺著眉,說這個自查表好長,有沒有更精簡的版本?

唔,那你可能比較適合去當(dāng)PM。

 

作者:KIT?LIN

來源:設(shè)計夾

版權(quán)聲明:人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范,所轉(zhuǎn)載的文章都注明作者和來源,若標(biāo)注有誤,請聯(lián)系主編QQ:419297645更改。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 表被買走了?

    來自廣東 回復(fù)
  2. 說好的自查“表”呢?而且文中的這些項目完全不能體現(xiàn)設(shè)計師的專業(yè)度哇。。。
    比如:成排的元素是否有1像素(sketch,0.01像素)的錯位?等等等等等等。。。。我欣喜若狂的進來想看到一個細(xì)致入微的自查表的

    來自河南 回復(fù)
  3. 雖然吐槽了PM 但是果斷忽略了 中肯的說 還是有可以學(xué)的地方的

    來自上海 回復(fù)
  4. 3*3鋼筋橫切面

    來自廣東 回復(fù)
  5. 為何要這么吐槽我大PM~雖然我就是從UI/UE轉(zhuǎn)到PM的

    來自廣東 回復(fù)