|
本文作者：Angela
通常大家都會認(rèn)為設(shè)計師是一群關(guān)注細(xì)節(jié)的人，但事實上，設(shè)計師不僅要關(guān)注細(xì)節(jié)，還需要考慮整體，就象畫畫時一樣，你需要時不時地從細(xì)節(jié)中抽身出來，退后幾步瞇起眼睛看看整個畫面的樣子。
那么對于從事產(chǎn)品的設(shè)計師來說，在進入具體內(nèi)容之前（不管是視覺、交互還是功能），最好能對整個產(chǎn)品的概況有所把握。那么，我們用什么方式來得到產(chǎn)品的整體印象呢？
在以往的項目中，我有時會根據(jù)用戶操作的路徑給自己畫一張流程圖，其中包括用戶從哪兒進入，從哪兒離開，中間如何走到各個功能上去⋯⋯看上去與程序員畫的流程圖很相似，但我的關(guān)注點不是底層的邏輯，而是用戶與界面的交互過程。
如果把產(chǎn)品比喻成一座城市的話，這幅圖對我而言就像是城市的導(dǎo)游圖。它首先能幫助我理解這個城市里有什么建筑，也就是這個產(chǎn)品的主要功能是什么；其次，它能模擬人們在城市里行走的主要路徑，即理想狀態(tài)下用戶會如何使用這個產(chǎn)品；最后，它還能告訴我銀行大廈和保險大廈的關(guān)系，即產(chǎn)品功能之間的關(guān)系。
為什么要畫？
從這幅圖能產(chǎn)生的三種作用（理解產(chǎn)品目的、模擬使用路徑、了解功能關(guān)系）來講，團隊里的每一個人都需要它。從工作范圍來講，我們更需要的是第二種。作為界面設(shè)計師（我知道，大多數(shù)公司分工都不是很明確，所以只好模糊地稱為UI），我們應(yīng)該掌握用戶在城市里通常是怎么行動的，他們有可能在什么地方迷路，有沒有繞遠(yuǎn)路，有沒有不通車的路⋯⋯以及如何標(biāo)識兩條不同的路，十字路口要怎么標(biāo)識方向，不同的建筑物要如何區(qū)別⋯⋯等等，因為在屏幕上，用戶所有的方向全部來自你的指引——不象在現(xiàn)實生活中，沒有指南針還可以看星星什么的——所以設(shè)計師的一點點疏漏，就會讓用戶搞不清楚身在何處。
由于關(guān)注點不一樣，所以我們不能依賴程序員或產(chǎn)品經(jīng)理的地圖。如果你需要從銀行開具財產(chǎn)證明去國外留學(xué)，那么程序員關(guān)心的是你的錢夠不夠申請留學(xué)，產(chǎn)品經(jīng)理則關(guān)心的是銀行要用什么方法來評估你的財產(chǎn)，而我們則要關(guān)心你有沒有帶齊所有的資料，免得你跑冤枉路。
怎么畫？
前面已經(jīng)提到了一點。首先我會確定用戶從哪兒進入，從哪兒離開，這通常就是這個產(chǎn)品本身，比如某個系統(tǒng)的登錄界面和退出界面。然后遵循從整體到局部的基本原則，在兩者之間把最大的功能模塊都放進去，就像把城市劃成CBD和金融街一樣。接著集中精力攻克其中一個功能（比如銀行大廈），如果它的子功能與其它街區(qū)有聯(lián)系的話，先連接過去，但暫不考慮它們之間的關(guān)系（比如銀行開具財產(chǎn)證明，然后你才可以去辦出國手續(xù)，那就先劃一條線到海關(guān)去）。功能模塊內(nèi)部的交互過程都完成以后，再來考慮模塊之間的交互關(guān)系。經(jīng)過這樣一點點地增加模塊和線條，最后這幅圖就會從剛開始的兩個點，變成一幅規(guī)模宏大的地圖。這，就是我們想要的全局。
用什么畫？
最好的工具？當(dāng)然是紙和筆。相信我，不管你用多么簡單的軟件，都不可避免地會涉及到操作的問題。這個方塊怎樣才能往右移一點點？怎樣才能畫一個箭頭？在考慮這些的時候，你就已經(jīng)被這些手工的問題分掉了一些注意力。哪怕你是使用這個軟件的高手，你肯定也有鼠標(biāo)選不中某條細(xì)線的時候，更何況你的電腦時不時的還要休息一會兒。如果你曾經(jīng)做過視覺設(shè)計，你更是下意識地想把某條線和某個方塊對齊，或擺成一條線什么的（親身經(jīng)歷�。。��？傊�，只要你面對屏幕，總會有這樣那樣的干擾來讓你無法集中注意力去考慮眼下這件事，所以最好的辦法就是：遠(yuǎn)離電腦。
紙和筆可以用來畫一些簡單的流程，如果你的城市很大，那么我建議你準(zhǔn)備以下幾樣?xùn)|西：整面墻的大白板、即時貼、白板筆、相機。
你知道要怎么做了？白板就是整個產(chǎn)品，黃色的即時貼是每一個最小單位的功能。首先在白板上畫幾個框，也就是最重要的功能模塊，比如注冊或管理，有幾個主要功能模塊就畫幾個。接著在左右兩端確定入口和出口。在即時貼上寫子功能模塊的名字，貼到相應(yīng)的主模塊中。然后開始工作，比如注冊成功進入管理模塊，就用白板筆把它們連起來，在線上標(biāo)明它們之間的關(guān)系。盡量把所有相關(guān)的即時貼都連接起來，檢查是否有重復(fù)的、不通暢的（有進沒出的）、多余的線，如果即時貼的位置不合適的可以扯下來重新貼。如果可能的話，不同的功能區(qū)使用不同顏色的白板筆，這樣能看得更清楚。
最后用相機把整個白板拍下來。那張照片，就是我們的全局圖。如果你需要向領(lǐng)導(dǎo)匯報或與同事分享，這個時候可以回到電腦旁邊，根據(jù)照片來做一幅圖，你想要多規(guī)整多漂亮都可以。這樣的話，我們才能做到思考的時候不被分心，創(chuàng)作的時候也可以全神貫注。
一些建議：
- 不要因為時間來不及就偷懶，事前準(zhǔn)備充分以免事后補救，其實后一種情況會讓你花掉更多的時間和浪費更多的工作。
- 不要因為畫不好而放棄，如果你不試，你永遠(yuǎn)不知道自己能做到多好。
- 不要考慮太多細(xì)節(jié)和邏輯關(guān)系，在畫地圖期間，我們關(guān)注的是線路而不是功能或需求。
出處：UCDChina.com
責(zé)任編輯：moby
上一頁 可以模擬未來的設(shè)計師 下一頁 概念設(shè)計123
|
第 1 頁 
第 2 頁 幫助你了解全局的城市地圖
