你夠?qū)I(yè)嗎?一個提升設(shè)計師專業(yè)度的自查表
最近和某個設(shè)計師有段有趣的對話,行走江湖那么久,很多時候我們因為自己多吃了幾年飯而覺得自己很senior 。事實上,其他人卻好像完全不是這么想…到底該怎么定義 senior 與 junior 呢?
許多人認為資深跟資淺的差別是在于腦子是不是比較靈光,比較有創(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)于「對于細節(jié)的執(zhí)行程度」。
你的意思是說,資深設(shè)計師做事情比較仔細,而剛?cè)胄械木捅容^隨便嗎?
一個 junior 的同學(xué)憤恨不平地說。
沒錯,我就是那個意思!(沒有要掩飾)好的想法人人都有,卻不是每個人都有辦法將這個想法在經(jīng)過周密的思考后,系統(tǒng)化成為真正可執(zhí)行的設(shè)計,一個無法將想法落地到細節(jié)的設(shè)計師,恕我直言,你就只是個PM而已, 俗語說得好:
少壯不努力,老大當(dāng) PM 。
就是這個道理。(毫不意外,每次都要酸一下 PM 就對了。)
「我覺得我自己超仔細的!仔細小天王就是我!」另一個junior已經(jīng)在一旁暴跳如雷了。
很多 PM 也常以為自己的想法超棒……但事實證明,這世界上不是只有「你以為」而已。
坊間有太多的演講跟書籍教我們要如何畫大餅,卻鮮少有人告訴我們該怎么深入到細節(jié)層面。事實上那卻是最基本,也是最容易用最快的速度讓對方覺得「你真的好專業(yè)」的方法,有鑒于每次內(nèi)部評審我家小朋友的設(shè)計時,我都會重復(fù)地拋出一樣的考古題,我特別為他們做了一個自查表,讓他們每次在進行評審前都先確認自己已經(jīng)完成了表上所有的項目,而這個自查表的名字,姑且就稱之為「一個讓你好像瞬間變專業(yè)的自查表」。
分享之前先注明兩件事:
- 我們家的 UI/UX designer 負責(zé)的是 交互+視覺( interaction + visual design ),所以這些自查表上的項目會涵蓋兩者。
- 這東西真的是給初級設(shè)計師看的常識性項目,身為資深設(shè)計師的新警察如果覺得沒啥用,麻煩把警棍跟電擊棒收好。
在與你的主管或進行設(shè)計評審之前,請先確定以下所有的項目都已經(jīng)完成:
1、如果你只是想討論概念而不是完整的設(shè)計成品,請用線框圖
開始制作 mockup 之前請先確定這次評審的目的是什么?因為一旦你 present 時使用的是高保真的 mockup ,所有人都會瞬間開始追究所有的細節(jié)。確定這次的 presentation 真的要使用高保真 mockup 之后,請確定接下來的每一項都有確實完成。
2、所有在 mockup 上的元素都請保持合理的 margin 和 padding
任何很奇怪或是沒有對齊的突兀元素都會讓你的 mockup 看起來很不專業(yè)
3、不要出現(xiàn)無效的鏈接
確認所有的link都確實可以點擊,特別是那些跟你 presentation 相關(guān)的功能
4、盡可能地遵守公司制式的設(shè)計手冊和規(guī)范
不會有人覺得在明明已經(jīng)有這樣的規(guī)范的情況下你還硬是要設(shè)計一套新的是一件很酷的事情,只會被覺得「真是個菜鳥」。
5、Mockup 上盡可能使用公司產(chǎn)品中真正會出現(xiàn)的圖片
不要使用圖庫裡那些極度美麗的圖片,因為無論如何上線后根本不會長那樣,你只是在騙自已,很多時候你的 mockup 看起來很干凈簡潔只是因為用了那些失真的圖片。
盡可能地考慮每種使用場景,即使是很極端的場景,不要臆測只給完美使用場景的解決方案。
這里有幾個可以作為自查的參考:
圖片的形狀:當(dāng)圖片是動態(tài)生成的時候,我的 mockup 在放了長=寬,長>寬,長<寬的圖片是什么樣子?
字數(shù)和產(chǎn)品數(shù)量:當(dāng)文字或產(chǎn)品數(shù)量是動態(tài)生成的時候,最多跟最少的數(shù)量限制是多少?
反饋設(shè)計
尚未進行任何設(shè)定時,這個產(chǎn)品默認的體驗是怎樣?
當(dāng)產(chǎn)品是要靠動態(tài)生成內(nèi)容時,沒有內(nèi)容的體驗又是怎樣?
第一次使用這個產(chǎn)品的用戶的感受是怎樣?
確定你已經(jīng)盡可能地思考過所有的防錯機制
無論是用哪種工具,確認你的文件非常有組織,任何人都能一目了然。
有些時候你就是無法站在所有主管面前 present 你的設(shè)計理念,他們很可能會以 E-mail 的方式拿到你的設(shè)計,確保你的設(shè)計在那個時候他們還是看得懂。
真的不需要做出超級高保真的 prototype
Prototype 只是一個幫助溝通的工具,如果你真的做不出來就不要做,不需要花很多時間在上面,那種時候只需要做一些靜態(tài)的 mockup 然后描述清楚你想要的交互方式就可以了。
如果你想要在 mockup 上放 icon 或是插畫,請反復(fù)確認你是不是真的需要他們。
Icon 和插畫在 UI 上是被拿來幫助人們更了解這個功能的含義,這世界上沒有比直接用文字寫出來更好的方法,如果你 icon 的存在沒有辦法幫助用戶辨識,請不要放。
這里有個錯誤的案例:
在這個案例裡,基本上甚至沒人注意到那些品類旁邊有放 icon,用戶也無法只透過那些 icon 了解它的含意,因此,一旦你擁有使用 icon 或是插畫的欲望,請先確定你的情況有沒有符合以下的情境:
- 空間很有限實在放不下文字,必須得用一些比較小的 icon 來表現(xiàn)。
- 這是一個通用的 icon ,完全不需要提示的情況下大家都能了解那是什么(比如表示下載的 icon )
- 文字實在太多了,有些比較重要的部分需要用插圖來吸引人注意。
不管是 icon 還是插畫都是用來直接傳遞核心信息,不管這個icon畫得有多漂亮,只要用戶無法立刻知道他的意思,那他就失敗了。
確定非用 icon 不可之后,這里有一些設(shè)計 icon 時需要注意的小技巧:
Icon 必須要清楚簡潔,不要放一大堆不相關(guān)的元素在里面,即使很漂亮也不行。
在這個案例裡,關(guān)鍵信息是「資料分析」,即使 A1 這個 icon 比較漂亮也比較完整,但是其實光看到 A2 ,用戶就已經(jīng)能夠抓住含義了,筆記本的圖在此處的存在實在沒什么必要,反而會有點失焦。
在這個案例里,即使這三個 icon 的意圖都是要傳達用戶可以透過電腦做某些事情,但是當(dāng)這三個 icon 放在一起的時候,你會發(fā)現(xiàn)電腦的存在真的很重復(fù),試著把不斷重復(fù)/相關(guān)度較低的元素刪掉,將重點集中在這些 icon 之間跟彼此不一樣的暗示上。
如果你需要需要一整個系列的 icon 或是插畫,確保這些 icon 彼此之間的風(fēng)格是一致的,這里有一個不好的案例:
很明顯的,最右邊那個 icon 完全不是同個家族的,不管他被設(shè)計的有多漂亮,都會讓人瞬間有種「真的很不專業(yè)」的感覺。
一旦大部份的人都無法一眼看出你設(shè)計的icon是什麼意思,那就意味著這個 icon 真的不行,別再掙扎,用文字就行了!這里有一個不好的案例:
毫無疑問的,紅色框框裡面那個 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更改。
表被買走了?
說好的自查“表”呢?而且文中的這些項目完全不能體現(xiàn)設(shè)計師的專業(yè)度哇。。。
比如:成排的元素是否有1像素(sketch,0.01像素)的錯位?等等等等等等。。。。我欣喜若狂的進來想看到一個細致入微的自查表的
雖然吐槽了PM 但是果斷忽略了 中肯的說 還是有可以學(xué)的地方的
3*3鋼筋橫切面
為何要這么吐槽我大PM~雖然我就是從UI/UE轉(zhuǎn)到PM的