完成出色用戶體驗(yàn)設(shè)計(jì)的六個(gè)簡單步驟

1、完成出色用戶體驗(yàn)設(shè)計(jì)的六個(gè)簡單步驟原文作者： Henry Rahr ，Product Manager & UX Guy atCoreLogic 翻譯： Sharon Fu作為一名產(chǎn)品經(jīng)理，在我的工作中會遇到很多較為緊迫而棘手的事情，項(xiàng)目的截止時(shí)間，對行業(yè)動態(tài)的了解，對項(xiàng)目預(yù)算的爭取上面這些只是其中的一部分，在這樣的工作中讓我意識到在一個(gè)領(lǐng)域中構(gòu)建越簡單越好的成功法則是如此重要。對于那些軟件網(wǎng)頁移動應(yīng)用來說，用戶體驗(yàn)正在獲得更多的關(guān)注，這種關(guān)注很多時(shí)候可以給我們的產(chǎn)品帶來更多好處。最近幾年，一些軟件開發(fā)公司開始將一些 2C（面向用戶）的設(shè)計(jì)應(yīng)用在 2B（面向商業(yè)） 的領(lǐng)域， 這已經(jīng)帶來了一場用戶

2、體驗(yàn)的革命。然而，用戶體驗(yàn)設(shè)計(jì)師作為一個(gè)非比尋常的群體，往往需要 support 不同的項(xiàng)目和產(chǎn)品，他們很難獲得專門的資源和路徑，這正是你正在閱讀這篇文章的原因。在意識到上面的問題后，我花費(fèi)了很多個(gè)晚上來思考，一些自由職業(yè)的UI/UX設(shè)計(jì)師也在尋找類似于行業(yè)認(rèn)證的組織或者認(rèn)證的流程，比如Nielson Norman Group 。而接下來的步驟定義了一種用戶體驗(yàn)設(shè)計(jì)的簡單流程，保證產(chǎn)品用戶體驗(yàn)的關(guān)鍵在于在軟件開發(fā)的全流程時(shí)刻關(guān)注于用戶體驗(yàn)，讓我們一起來看一下最近完成的一個(gè)app 設(shè)計(jì)項(xiàng)目。1 發(fā)現(xiàn)看到這個(gè)標(biāo)題，有些人可能會感到緊張。但事實(shí)是站在你自己的角度去考慮用戶體驗(yàn)是很容易出現(xiàn)失誤的。沒有

3、充分的用戶反饋卻著急構(gòu)建用戶體驗(yàn)對大家來說是在浪費(fèi)時(shí)間，而且你的開發(fā) team 可能很快就會有理由拒絕支持你。這是因?yàn)槟愕挠^點(diǎn)盡管有趣但是無關(guān)緊要。在這一步中，通過電話聯(lián)系你的用戶跟他們坦誠地聊聊他們在產(chǎn)品使用過程中所遇到的問題，在聊天的過程中，以一種好奇的心態(tài)，不要限制聊天內(nèi)容的范圍，不要局限在你的產(chǎn)品，了解一些他們正在使用的可以用來完成某些任務(wù)的產(chǎn)品對你來說也是有幫助的，就像 Henry Ford 說的：如果我問人們想要什么樣的馬，他們可能會說“跑的更快”的馬。所以仔細(xì)得去傾聽用戶的痛點(diǎn)并且記錄下來，因?yàn)樗麄兙褪悄阕罱K需要解決的問題。在這一步中不要試圖設(shè)計(jì)任何東西，你必須專注于這些用戶痛點(diǎn)

4、而不是跳到痛點(diǎn)的解決方案中去。在你跟 5-8 個(gè)用戶聊過之后，可以去做第二步了。2 充分利用你的筆和紙可以這么說，這一步就是筆和紙，你可能有很多出色的工具用來完成你的線框圖，你的 workflow ，但是在我看來，沒有任何工具比筆和紙更好用。在這一步中你起碼需要畫出三種可能的設(shè)計(jì)方案去解決用戶的需求。在整個(gè)設(shè)計(jì)過程中，參考一下其他同類目標(biāo)的競品應(yīng)用也是不錯的辦法，你可以把這些應(yīng)用作為跳板并且?guī)椭愀玫陌盐兆∵@個(gè)行業(yè)的動態(tài)和發(fā)展趨勢， 有時(shí)候 “相似” 的 workflow 更容易帶來優(yōu)秀的用戶體驗(yàn)，因?yàn)橛脩粼谑褂眠^程中可以以最小的學(xué)習(xí)成本了解如何使用這個(gè)產(chǎn)品。3 設(shè)計(jì)草圖的數(shù)字化這一步可以讓

5、你的設(shè)計(jì)更接近于用戶在反饋中告訴你的他們所想要的東西，我個(gè)人喜歡在photoshop 里完成，但也有很多更輕量化的應(yīng)用可以用來完成這一步，像Balsamiq 、Sketch。有時(shí)候我也會在設(shè)計(jì)過程的第一步就這樣做，但這完全取決于你是否習(xí)慣于這樣的方式。定義操作按鈕的樣式，梳理信息層級，以及確定其他交互樣式等等對于最終構(gòu)建好的用戶體驗(yàn)都是很重要的。4 使用原型工具將頁面鏈接起來在這一步中，你可以讓你的靜態(tài)設(shè)計(jì)動起來，通過創(chuàng)建鏈接頁面的熱區(qū)你可以模擬完整的用戶體驗(yàn)流程，讓你不必在可用性測試中使用傻瓜的靜態(tài)頁面來完成測試。添加足夠的交互允許用戶去完成整個(gè)使用流程，并且添加一些必要的外部解釋和入口，這

6、些解釋和入口發(fā)揮著和workflow 一樣重要的作用，不同的用戶對于產(chǎn)品的認(rèn)知和學(xué)習(xí)是完全不同的，而你需要去了解他們的學(xué)習(xí)過程。我最愛的是Invisions prototyping工具。5 把你的原型呈現(xiàn)到用戶面前在這一步中，你需要將原型呈現(xiàn)到用戶面前，要求他們完成一些簡單的操作任務(wù)。在這個(gè)過程中請注意不要去干擾或者引導(dǎo)他們， 這只會幫倒忙， 應(yīng)該讓他們來獨(dú)立完成這些任務(wù)。如果一個(gè)設(shè)計(jì)需要你來解釋如何操作如何點(diǎn)擊，那么這樣的設(shè)計(jì)能帶來好的用戶體驗(yàn)么？這一步也可以通過遠(yuǎn)程來操作，或者在那種鏡面玻璃后悄悄觀察用戶的操作過程。并不是所有設(shè)計(jì)師都有時(shí)間去進(jìn)行那種傳統(tǒng)的可用性測試，所以可以利用一些屏幕分享軟件，然后仔細(xì)觀察和傾聽用戶的行為和反饋， 30 分鐘的時(shí)間差不多可以讓你從一個(gè)用戶那得到想要的反饋。如果你對于各種各樣的可用性測試有興趣，有很多書會介紹到這些可用性測試的方法和概念，我個(gè)人最喜歡的是 Steve Krug 寫的 Rocket Surgery Made Easy。 6 不斷地優(yōu)化，不斷地迭代不斷優(yōu)化你的設(shè)計(jì)直到?jīng)]有任何bug 是唯一比給用戶呈現(xiàn)你的設(shè)計(jì)更重要的事，而這一步只能通過不斷地針對用戶反饋來進(jìn)行測試來實(shí)現(xiàn)。上面這些就是完成出色用戶體驗(yàn)設(shè)計(jì)的六個(gè)步驟，顯然這是一種簡化的步驟，合適的方法和步驟應(yīng)該是根據(jù)你的個(gè)人經(jīng)歷、團(tuán)隊(duì)構(gòu)架以及