Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

用戶體驗設計(UX)基礎

by
Length:MediumLanguages:
This post is part of a series called UX Foundations.
First Steps in Your User Experience Workflow: Nascent UX

Chinese (Traditional) (中文(繁體)) translation by Stypstive (you can also view the original English article)

隨著軟件和應用程序的快速發展,用戶體驗設計(UX)已經成為軟件開發生命週期中越來越重要的一環。 雖然UX只是與設計較為有關,但其重要性卻不容忽視。 從名稱上看,UX決定了用戶的使用體驗的好壞。 這種體驗感也決定了用戶是否還會重複使用應用,還是直接被嚇跑到無影無踪。

UX並不是件複雜的事,可以說是個人都能做。 但卻不是每個人都能做得好。 我也可以設計網站,但設計出來的東西肯定非常難看和業餘。

如果你從來沒有學過UX,我有下面兩個建議:

  1. 了解你的用戶
  2. 你自己並不是用戶(大多數情況下)

如果你並不清楚你的目標用戶是什麼樣的,他們的習慣和取向,他們為什麼做或者不做某個操作,那麼就別指望他們用你的設計會用得很爽。 就算你本身非常接近你的目標客戶,請記住你只是一個人,不可能掌握你所有目標客戶這個群體的特點。 去了解你的用戶,和你們一起來設計產品體驗。 用戶體驗工作者要掌握這些信息,並且不斷進行拓展,然後以用戶為中心進行設計。

以下是用戶體驗人員在定義產品。 用戶體驗工作中要經歷的所有步驟。 正是這些步驟共同打造出了完美的用戶體驗過程。在實際工作中,這些步驟未必總會一一執行,但我們需要完全掌握,如果我們需要放棄其中某個步驟時,也需要知道放棄的原因。 有時並不是省略掉某個步驟,而是把它和其他步驟融合到了一起,或者藉助經驗、知識或者是直覺的幫助完成了相關工作。

需求:

需求蒐集是交互體驗設計的啟動工作之一。 在這個階段,你要問非常多的問題。 有些問題可能無法立刻得到答案時,記下問題,你慢慢會得到答案的。 有幾種需求類型:

  1. 商業需求:來自公司其他部門的目標和需求,比如產品怎樣才能賺錢? 遺憾的是,這種需求通常會影響你想做的事。 如果你的產品只是為了自娛自得,那就非常糟糕了。
  2. 設計需求:有時會遇到一些需要特別設計的情況或者需求。
  3. 技術需求:階段時你需要考慮用什麼樣的技術實現(平台、語言等等)。 局限是什麼?
  4. 用戶需求:產品是給什麼人用的? 目標用戶是誰? 哪些人是邊緣用戶? 需求是覆蓋了你所有的目標用戶,還是其中的一部分?
Requirements are your building blocks
搭積木

上述需求構成了你的交互設計基礎。 離開這些需求,你的設計將失去目標。

用户分析

為用戶設計產品前,我們得了解產品的目標客戶。 有時,對目標客戶你已經有了很多預設的知識。 有時,對他們你僅僅只有一些假設。 如果你沒有對目標客戶的了解,你的設計最多只不過是一種推測。 如果要去了解目標客戶的需要和傾向,用戶分析是必要不可少的。

Know who your users are
兒童用戶

你至少要提出以下這些問題,以便掌握你目標用戶的一些基礎信息。

  1. 產品是設計給誰用的? 他們的特徵是什麼? 喜歡什麼/不喜歡什麼? 有什麼愛好? 通常是什麼職業?
  2. 他們代表了哪一類特別的需求? 你的產品是否解決了他們的某一類需求/問題? 他們是否符合一種特定的商業需求?
  3. 心智模型是什麼樣的? 是否特別顯著?
  4. 他們會在何時用你的產品,為什麼要用你的產品,會怎樣使用你的產品?
  5. 設計時要考慮哪些訪問的問題? (**)

任務分析:

用戶分析之後,我們需要做的是任務分析。 用戶要完成的主要動作是什麼? 用戶會在你的網站或者應用上進行很多操作,但一般會有一個是主要任務。 把這個主要任務找出來,並且針對這個功能的目標客戶優化它的用戶體驗。 現在我們還沒有開始進入到設計階段,但我們現在已經知道了,我們將設計什麼,我們在為誰進行設計。

What do your users wantneed to do Post-it notes are great way to brainstorm tasks
便箋圖

同樣,我們也需要明確次要的功能。 用戶訪問一個網站,使用一個應用,不會只使用一個功能,通常會有會執行多個相關的操作。 確定這些操作動作,明確將要設計的內容包括哪些。

功能分析中其他注意事項:

  • 你需要的是哪一種幫助/FAQ?
  • 需要提供怎樣的錯誤描述?
  • 用戶會表現出怎樣的邊緣情況?
  • 你的用戶是否會試圖用多個辦法來完成一項功能的操作?

功能配置

功能配置指的是找出用控制所有你希望提供功能的控制方法。 它發生在幾種層次上。

  • 你有多個系統/多個服務器嗎? 哪個操作功能會最為合適?
  • 後端和前端會發生什麼?
  • 哪些頁面會最適配某個特別的功能? (此時用分類卡片工作法最為合適)
  • 什麼要自動操作(電腦控制),什麼需要手工操作(用戶自己控制)
Define what will carry out each function
叉子、湯勺和刀具

整理上述問題的答案對產品的效率和可用性產生極其重要的影響。

繪圖

繪圖。 方法很多。這個很快。 不花什麼錢。 而且很有效。

繪圖可以把你腦袋裡想的主意快速的放到紙上。 讓好的創意變得具體,同時消除那些不適合的點子。 你可以用繪圖快速迭代。 相對於回報來說,這種投資簡直不足為提。

Put pencil to paper
繪製房屋

在這個階段,創造力最為關鍵。 試著做一些瘋狂的、跨界的嘗試。 他們可能沒啥大用,但會激發出其他的創意。 試著把你的繪圖盡可能地誇張,看看到底會畫出什麼樣的創意。

當你開始把你的設計具體化時,鉛筆/鋼筆+紙就可以搞定。

中紙線框圖

到目前為止,關於到底想要什麼樣的設計,你至少該有個基本的構思了。 第一套線框圖迭代來源於你的構圖,然後會開始帶出更多的定義。 同時信息架構也會開始形成。 一些鬆散連接的概念和信息片段開始相互關聯,組成一些關於產品看起來如何,有哪些功能的描述文檔。

原型

許多不同的原型工具可以選擇。 包括最為簡單的可點擊PDF,到差不多什麼功能都有的HTML/CSS網站。 這取決於你的需要,還有你對產品了解的程度。 你可以用下面這些工具來快速製作你的原型。 可以用來製作小樣例的:

可以找一款適合你工作流和知識框架的工具,快速有效地繪製你的原型圖。 畫原型不能用太長時間,但他們必須有效反映出你的設計和交互過程。

原型有助於顯示交互過程中不合理的地方,也可以反映出當產品真正動作時的使用感知。 可以直觀顯示出靜態線框圖無法表示出的部分。

高保真線框圖

這時你會回過頭來,開始製作高保真的線框圖。 加上你所有需要的元素。 盡可能地表現出佈局和交互部分。 如果這時你不能把有些問題明確化,容易導致造成你不想要的後果。 不要再假設任何事。

好的視覺質量不一定是必要的。 這個絕大多數時間應該用在視覺設計階段。 我已經發現更好去最終的顏色和視覺設計方面。 然而,我確認會用顏色來表示功能(比如,紅色代表錯誤信息)

可用性測試

在整個設計階段,只要你需要,就可以開始這項工作。 有時會在最後,有時會有項目開始階段。 然而,通過他,你會得到實際用戶反饋。 也許他們會幫助確認你的假設。 也可能徹底顛覆你的想法。 不管怎樣,這是決定性的階段,來了解他們的想法,確認他們的問題空間是什麼?

Let users tell you what
使用電腦的老人

你在為目標客戶做設計。 這些反饋會驅動你的設計,或者重新設計,以便解決在測試時發生的那些問題。 不管不顧這些反饋,都是不夠明智的或絕對是UX大忌。

視覺設計

我見過許多UX從業者把這一過程看作UX的結束,他們可以把UX文檔傳給別人,期望別人能夠做到極致。 這個完全不對。 在正確完成UX之後,我也會和視覺設計師緊密協作。

同樣,你的視覺設計師們也必須考慮UX。 如果他們沒有,那我認為他們的活沒干好。 我們應該想辦法讓線框看起來更棒些,但是如果視覺設計師有點子可以讓UX更優秀的話,是值得聽取和結合的。 而通常,設計師都會有不同的想法,可以激發出很棒的創意,從而提升UX。

開發

同樣,你也需要和開發者配合。 這和合作不完全相同,但在這個階段,經常會出現一些狀況,而為了解決這些問題,你就得調整UX。 這對你來說,可以提升對技術限制的理解,對以後處理項目大有幫助。 而如果你能站在開發者的角度來理解他們,而不僅是設計些異想天開的解決方案時,技術人員會更加配合。

Work with your developers
HTML 代碼

再次,這時需要測試你的UX,別等到產品成型了再來測試。 這時別忘了再去看下線框圖,確保你的用戶看到的就是你設計的。 在開發階段出現貨不對版的情況並不少見,你得拋開心理負擔,向開發人員清楚地指出你發現的問題。 根本上,你要對用戶的使用體驗負責,所以你得確保他們最終使用的產品就是你設計出來的樣子。

結論

上述只不過是創建優秀UX的一些基礎知識。 可能你還沒辦法完成上述步驟,但就算你用不著某些步驟,你也需要完整地掌握他們。

我個人認為UX工作並不是千篇一律的。 項目各有不同,而在項目完成過程中需要使用執行哪些工作就要取決於知識 經驗 調研,甚至是直覺。 在後面的文章裡,我們會進一步來了解這些不同領域,但首先我們得知道UX從業者每天都得乾哪些活。 以上重點列出的步驟會幫助你掌握如何為一個產品打造出優秀的UX,讓你的用戶喜歡上。

关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.