先用紙和筆來畫草圖能讓整個設(shè)計過程變得更爽

2015-12-31    藍藍設(shè)計的小編

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

轉(zhuǎn)載

我爹是一個插畫師,所以我記得小時候,家里到處都擺著老爹干活的家當。用大頭筆在畫紙上畫畫時發(fā)出的沙沙聲,和大白兔糖一樣成了我最回味的童年記憶。長大之后我成了一枚設(shè)計師,但是來到這個時代我發(fā)現(xiàn),真的掏出紙筆來畫畫的機會是越來越少有了。今時今日,人們能很容易就下載到各類高保真的UI kits,各種精美的libraries,更有多到泛濫的軟件能幫助我們很容易就做出一個炫酷到爆的高保真原型。

在為Design Sprint干活的那幾年里,我常常喜歡用各種不同的作死方法來進行我的工作。期間我發(fā)現(xiàn),回歸到用紙和筆來畫低保真的原型這種做法真是深得我心,畫草圖能讓你的腦筋騰出更多的空間來思索新的點子,挖掘出真正有意義的問題,讓我有更多的時間和產(chǎn)品或者視覺或者開發(fā)撕逼,而不是浪費在畫一個個炫到不發(fā)朋友圈天理難容原型上。

Image title


掏出筆來


項目剛剛開始的時候用筆畫草圖真是再好不過,因為團隊里面的每個人都能直接參與進來,不會用axure的人多得很,但是要找一個在紙上畫個畫都不會的人有點難。這事幾乎沒有任何工具使用成本,團隊里每個人都能給你畫上幾個表達自己的想法,拋開撕逼不講,有時候這樣子真的很有幫助。在為一個近期就要出街的產(chǎn)品做設(shè)計的時侯我就用上了這個小技巧。


草畫用戶流


用講故事或者直接制作用戶使用流程的方法來找出對于用戶來說最最關(guān)鍵的東西。大家都知道,我們經(jīng)常會習慣性的墮入摳細節(jié)陷阱里面去,看不到整體,忘了真正要解決的問題。那么我們就把需要的界面全畫出來,釘在黑板上,大家就沒細節(jié)可以摳了(因為勞資就是往丑的畫),而且把所有的界面呈現(xiàn)在大白板之上我們就不會忘記整個大流程了。

雖然還是草圖階段,但貼出來然后叫上產(chǎn)品和開發(fā)過來嘮一嘮也不算早了。這件事很重要,為什么?因為這樣這樣能讓大伙都能以最簡單最純粹的情況之下看到你整體的設(shè)計思路,大伙都能在真正的問題上給出自己角度的意見,就算撕起來了也還是在值得撕的點上撕。這就是草圖的利好之處。作為交互設(shè)計師,撕逼導向能力也是你的業(yè)務水平體現(xiàn)之一。

Image title



關(guān)注對的問題


上面已經(jīng)說過,你給出的原型對于一個小會議提供的討論點其實是起決定性作用的,大家基于這些個原型給出的不同的意見,不同的反饋會讓產(chǎn)品最后出來樣子不同。用簡單的原型來對討論的點進行導向,解決好真正在某個階段需要解決的問題之后,我們再來畫高保真原型真的還不遲。

一來就整個漂亮到不行的mockup好像在和別人說:“大局已定,不能再改”。不知道大家平時難道沒有這樣的趕腳

Image title



不僅畫原型簡單,其實修改也沒啥成本,別人在你的紙上加幾筆你一點都不心疼,愛咋整咋整,因此我們能得到更多的反饋,之后的修改也是簡單快捷,不經(jīng)意間省更多的時間,早打卡早下班。



Image title



轉(zhuǎn)化成高保真原型


我沒法告訴你讓項目保留在草圖的狀態(tài)要持續(xù)多久才顯得你專業(yè),其實我也是看情況呵呵。

Image title


在我的項目里面,通常的情況是幾屏幾屏的轉(zhuǎn)化為高保真原型,而不是一次性全部給出來的。我習慣把草圖一張張掃描出來,扔到google slides里面。不用說,這個過程肯定是要把我們討論得出的東西綜合起來一起制作我們的高保真原型。做出來之后我習慣把兩種不同保真程度的原型擺在一起看一看,打印出來,并且還是釘在小白板上來代替之前的低保真模型,接下來當然還是繼續(xù)把大家聚起來看一看啦。


Image title



自己來試試看


我們做設(shè)計,有一條很重要的就是,不要一來就事事追求完美。

下次,自己來試試看,在打開Sketch或Illustrator之前不如停下來看看是不是應該拿起筆來先畫。



以上文字以及圖片均來自 Ken Skistimas的博文 Holding Off on High Fidelity 原文地址https://medium.com/salesforce-ux/holding-off-on-high-fidelity-273d2232a99c#.tcm0uzqqz

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務

 


日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔