讓用戶體驗(yàn)設(shè)計(jì)的前期交付物更加可視化
來源:網(wǎng)站推廣 2012-11-10
【編者按】本文作者Barnabas Nagy ,譯者@C7210。Barnabas是一名擁有六年從業(yè)經(jīng)驗(yàn)的UX設(shè)計(jì)師、信息架構(gòu)師,其對用戶體驗(yàn)設(shè)計(jì)的交付提出一點(diǎn):“你的合作伙伴未必會看懂你的交付”。
為了讓自己的設(shè)計(jì)能夠讓人更容易理解,交付一個(gè)優(yōu)秀可視化的成果是一個(gè)不錯(cuò)的選擇。
在實(shí)際的用戶體驗(yàn)設(shè)計(jì)工作當(dāng)中,作為設(shè)計(jì)師,我們的一些產(chǎn)出在信息呈現(xiàn)方式及溝通效果等方面做的其實(shí)不算理想,尤其是那些涉及到用戶角色定義、信息架構(gòu)分析、功能流程規(guī)劃的文檔。怎樣將這些交付物打造的直觀易懂,使它們具有更強(qiáng)的溝通能力,這同樣是我們必須思考的問題。
文字和簡單的形狀都是不夠的
人們對于文字的形象化思維方式是不同的。對于“有個(gè)蘋果從樹上掉下來了”這句話,有些人會想象出一個(gè)紅蘋果,有些人則會想到綠蘋果。只有直接在信息當(dāng)中傳遞“綠蘋果”的概念,我們才能確保大家不會在頭腦中產(chǎn)生紅蘋果的形象。很簡單的道理。
人們對于形狀的理解方式也是不同的。如果我們向一群人展示一個(gè)矩形,其中有些人會單純的將其理解為矩形,而有些人會認(rèn)為這是一張紙或一塊磚。如果我們直接展示一塊磚,那么大家都知道這是什么。所以,即使是最簡單的視覺形象,不同的展示方式也會造成不同的理解方式。
因此,在工作當(dāng)中,我們確實(shí)不能期盼著合作部門的同事能準(zhǔn)確理解那些文檔或是由各種框框和箭頭所組成的流程圖、線框原型等等。更何況在很多時(shí)候,大家根本無心去認(rèn)真閱讀這些東西。
可視化的重要性
我們對于現(xiàn)實(shí)世界的觀察和理解主要是基于視覺的,可視化的溝通方式可以讓人更有效的接收信息。作為設(shè)計(jì)師,我們每天都要與產(chǎn)品上下游的相關(guān)人員交流概念和想法,而承載這些信息的媒介同樣需要良好的設(shè)計(jì)。優(yōu)秀的可視化信息媒介不僅可以幫助人們更好的理解概念與想法,同時(shí)還有助于引發(fā)他們對于信息本身的共鳴,使設(shè)計(jì)產(chǎn)出更具影響力和說服力。
用戶體驗(yàn)設(shè)計(jì)當(dāng)中的一些可視化信息案例
我(英文原文作者)個(gè)人有一段創(chuàng)意設(shè)計(jì)方面的工作背景,因此,在后來的用戶體驗(yàn)設(shè)計(jì)相關(guān)工作當(dāng)中,每當(dāng)看到普普通通的沒有經(jīng)過良好雕琢的文檔,心里總會覺得不舒坦,這就是我開始思考并嘗試可視化呈現(xiàn)方式的原因。其間,我也見識了很多來自其他設(shè)計(jì)師的案例,包括UserInsight還有Jason Travis同學(xué)創(chuàng)建的用戶角色,以及Hochschule Luzern設(shè)計(jì)的用戶流程等。
來自UserInsight的用戶角色設(shè)定
來自Jason Travis的用戶角色設(shè)定
來自Hochschule Luzern的用戶流程設(shè)定
我在著迷于這些漂亮的“設(shè)計(jì)文檔”的同時(shí),也發(fā)現(xiàn)它們當(dāng)中有些過于凌亂,輔助性的圖形元素反而會喧賓奪主;而有些又缺乏必要的文字描述。我希望找到一種更好、更有用的方式,于是在實(shí)際工作當(dāng)中嘗試了一些不同的想法,特別是在創(chuàng)建用戶角色、規(guī)劃信息結(jié)構(gòu)和流程、制作線框原型的環(huán)節(jié)當(dāng)中。我的目標(biāo)很簡單,就是讓需求方和相關(guān)合作人員能更快更準(zhǔn)確的理解設(shè)計(jì)師想要表達(dá)的內(nèi)容。
以對話氣泡的方式創(chuàng)建用戶角色
相比于普通的內(nèi)容陳述,對話的形式可以給閱讀者帶來更強(qiáng)的互動(dòng)感,產(chǎn)生更深的印象�；谶@個(gè)理念,我試著在用戶角色設(shè)定中使用對話氣泡來展現(xiàn)內(nèi)容,看上去就好像這個(gè)角色(Jamie)正在講述自己的故事一樣。Jamie“講述”了自己的一些重要信息,包括自己的世界觀、自己需要什么不需要什么、自己的一些經(jīng)歷、哪些東西可以給自己帶來動(dòng)力,等等。
我不僅讓Jamie自言自語,同時(shí)還增加了一個(gè)”采訪者”,通過他們之間的交流來進(jìn)一步增強(qiáng)信息的互動(dòng)感。受到Jason Travis的案例啟發(fā)(見前文第二張圖片),我覺得用戶角色所擁有的物品確實(shí)可以傳遞出他的更多信息,所以我也在設(shè)定中添加了Jamie所擁有的或是希望得到的一些東西,例如唱片、房子、狗狗、夢幻假期等。此外,我還加上了一些Jamie有可能提出的問題。完整的用戶角色設(shè)定在這邊。
相關(guān)閱讀:用戶體驗(yàn)的差異化策略
帶注釋的站點(diǎn)地圖
我在創(chuàng)建站點(diǎn)地圖時(shí)想到不少主意,關(guān)于這個(gè)文檔看上去應(yīng)該是怎樣的,信息應(yīng)該怎樣呈現(xiàn),需要用到那些視覺元素。我把這些想法都寫了下來,一方面用于實(shí)際操作時(shí)給自己做個(gè)提示,一方面也希望自己將來不至于忘記設(shè)計(jì)方案背后的思路。
我同樣使用了對話氣泡的形式對信息結(jié)構(gòu)進(jìn)行了注釋說明,其他人在閱讀這份文檔時(shí)不僅可以了解到結(jié)構(gòu)方面的信息,同時(shí)可以通過注釋了解更多詳情。完整的站點(diǎn)地圖在這邊。
對話形式的用戶流程設(shè)定
最后,我將之前的用戶角色設(shè)定和站點(diǎn)地圖結(jié)合起來,創(chuàng)建了一份比較有人情味的、能夠讓閱讀者感受到上下文環(huán)境的用戶流程設(shè)定。在這份文檔中,Jamie會在整個(gè)流程里進(jìn)行“發(fā)聲思維”,講述自己的目標(biāo)以及在每一步操作中的想法。這種方式的代入感很強(qiáng),閱讀者可以更容易的理解產(chǎn)品的設(shè)計(jì)方案及其背后的想法。完整的站點(diǎn)地圖在這邊。
老大哥模型
我在創(chuàng)建線框原型的階段,總會不由自主的忽略掉之前創(chuàng)建的用戶角色,為了解決這個(gè)問題,我做了一些真人大小的紙板模型放在旁邊,用他們代表用戶角色,像老大哥一樣時(shí)刻在邊上提醒我記得考慮之前的設(shè)定。
這種做法倒是有一定的效果,不過我始終覺得老大哥模型與屏幕當(dāng)中的世界不在一個(gè)緯度上,心理上距離仍然很遠(yuǎn)。所以我干脆試把用戶角色的形象直接扔到了原型當(dāng)中。
相關(guān)閱讀:十個(gè)方法,讓你的線框原型更具溝通能力
總結(jié)
衷心希望這些小方法可以在實(shí)際工作中幫助各位更好的呈現(xiàn)自己的想法,讓相關(guān)人員能夠更加高效和精準(zhǔn)的獲取信息。
譯者博客:BeForWeb
文章編輯: 365webcall客服系統(tǒng)(www.365webcall.com)
我的評論
| 登錄賬號： | 密碼： | 快速注冊 | 找回密碼 |  |
