您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

網(wǎng)頁設(shè)計用戶體驗概述:從用戶體驗印證設(shè)計

設(shè)計者們通常會遇到一些固執(zhí)己見的客戶,以致在讓客戶滿意和讓用戶滿意之間難以抉擇,國外用戶體驗設(shè)計師Amir Khella日前就撰文概述了網(wǎng)頁設(shè)計用戶體驗,提出了第三個選擇,即從用戶體驗的(UX)角度來印證自己的設(shè)計,Amir Khella是Keynotopia的創(chuàng)始人,在過去3年中,他設(shè)計了超過12款初創(chuàng)產(chǎn)品,部分已被收購。以下便是其全文的內(nèi)容。

網(wǎng)頁設(shè)計用戶體驗概述:從用戶體驗印證設(shè)計

站長之家3月23日編譯:設(shè)計者們難免會遇到這樣問題,如你花了2周時間搞定了展示給客戶看的頁面,結(jié)果客戶雖然喜歡,但卻希望你花幾小時再做些小修改。很多設(shè)計者并不知道其中原因,有時甚至連客戶自己都搞不清楚原因。其實客戶可能就是覺得在頁面右側(cè)嵌入地圖會更好,他堅持自己的意見,希望你能配合改一下。

通常在這種情況下,你只能二選一:要么讓客戶滿意,要么讓用戶滿意。不過幸好現(xiàn)在還有第三個選擇,即從用戶體驗的(UX)角度來印證自己的設(shè)計。在我的設(shè)計生涯中,還沒有遇到過客戶覺得設(shè)計不合理而提出修改的情況,也沒有遇到過項目的用戶體驗需要修改的。

在用戶體驗的幫助下,客戶不會再固執(zhí)地堅持己見,而設(shè)計的重心也重回到了用戶身上。因此,主觀(有時是自負)要求設(shè)計改變需要以理服人,這樣對用戶也有利。

用戶體驗不僅讓設(shè)計者和客戶達成共識,亦可根據(jù)產(chǎn)品本來的前景規(guī)劃對其進行修改和更新,因此要長期保持設(shè)計結(jié)構(gòu)的完整性。

什么是用戶體驗?

它是一個框架,框架所使用的精美設(shè)計能找出其中存在的問題,并為這些問題找到最佳解決方案。

與傳統(tǒng)觀念相反,用戶體驗不是一個純粹的創(chuàng)作過程,而是一個合理連續(xù)重復(fù)的過程,用于解決設(shè)計中的難點。它關(guān)注的是用戶使用終端產(chǎn)品時的感受。

讓用戶體驗貫穿整個設(shè)計過程

因此,在使用Photoshop或是創(chuàng)建草圖和框架圖之前,按照下面的步驟,能很好為你解決設(shè)計中所遇到的問題。

網(wǎng)頁設(shè)計用戶體驗概述:從用戶體驗印證設(shè)計

用戶研究

通過用戶研究來確定受眾群體。不管你設(shè)計的是網(wǎng)站還是移動應(yīng)用,為目標(biāo)用戶寫下簡易說明,包括目標(biāo)用戶的統(tǒng)計信息,他們對技術(shù)掌握程度以及最終所要達到的效果。

用戶故事和用戶身份

寫一些簡短的故事來告訴用戶如何用產(chǎn)品完成這些目標(biāo)。在這個階段,不要太注重細節(jié),相反,要嘗試去確定高級的用戶案例。這個活動叫做創(chuàng)建用戶身份。

繪制系統(tǒng)開發(fā)流程圖

根據(jù)這些故事,為系統(tǒng)繪制框圖,包含的內(nèi)容有:主要實體的快照,以及彼此之間的關(guān)聯(lián)和相互作用。

比如說,我在開發(fā)一款能夠在早期實驗中找到合適用戶的網(wǎng)絡(luò)應(yīng)用,因此,我會為用戶、公司和研究分別創(chuàng)建實體。

用箭頭標(biāo)明這些實體之間的關(guān)系,比如,“公司能夠創(chuàng)建/編輯/刪除一項研究”,而“用戶可以瀏覽/評論/應(yīng)用一項研究”。

如果你了解數(shù)據(jù)庫設(shè)計,就會覺得很簡單,這跟創(chuàng)建一個實體關(guān)系圖(ERD)差不多。

我們目前研究的都是問題空間(problem space):由于處于系統(tǒng)級設(shè)計階段,所以不用關(guān)注太多的細節(jié)。這一階段到開始下一階段之前,開發(fā)者的動力比起讓每一步都無遺漏顯得更重要。因為該過程是可重復(fù)的,你可以不斷回到上一步進行添加或修改。

明確了問題及其屬性,接下來就該去尋找解決方法。

繪制線框圖

先從所有需要繪制輪廓的屏幕(譯者注:不太懂這個屏幕到底是指什么)開始,想想用戶如何在各個屏幕之間轉(zhuǎn)換。從每一個屏幕中選定1至2件要完成的任務(wù),以及接下來要做的步驟。

為每個屏幕中的系統(tǒng)級區(qū)設(shè)計勾畫草圖,每隔一段時間,你可根據(jù)第二步中所記錄的故事,快速回顧整個設(shè)計。

一旦系統(tǒng)級設(shè)計(high-level design)與之前的內(nèi)容吻合,即可為每一個屏幕增加更多細節(jié),繼續(xù)進行設(shè)計走查工作,無論如何都要確保用戶直觀地看到屏幕。

我經(jīng)常用紙筆或白板把所有的步驟過一遍。這有助于我集中精力做自己想做的,而不會受限于一款應(yīng)用能實現(xiàn)什么或不能實現(xiàn)什么。

原型設(shè)計

最后一步是為一些屏幕進行原型設(shè)計,并在它可用時,點擊它們獲得設(shè)計體驗的反饋信息。通常,我使用蘋果的Keynote和Keynotopia,這樣花很少時間就可把要展示給客戶和潛在用戶的設(shè)計歸納到一起,并且很快會收到相關(guān)的反饋信息。

總結(jié)

既然你與客戶達成一致(甚至讓客戶參與了整個用戶體驗設(shè)計的過程),這就為你推出最佳設(shè)計方案和創(chuàng)建逼真的屏幕打下了堅實基礎(chǔ)。這樣你就有了很好的參考,無論何時遇到固執(zhí)己見的客戶都有回旋余地。

最后用系統(tǒng)理論家巴克敏斯特·富勒(Buckminster Fuller)的名句來結(jié)束這篇文章:

“我在解決一個問題時,從來不會去想它是否美觀。我只會去考慮如何解決這個問題。但是問題解決之后,如果這個解決方案不夠漂亮,我明白這是不對的。”(VIA:sixrevisions.com 原作者:Amir Khella 編譯:jaysming)

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di1121.html
提升網(wǎng)頁設(shè)計品質(zhì)的8種布局方案
新年給設(shè)計師的10個新年決議
圖趣網(wǎng)微信
建議反饋
×