文章以番茄工作法的工具產(chǎn)品為案例，來聊聊用戶體驗要素應用。

應用用戶體驗要素五大層次，自下而上的做一次產(chǎn)品設計，以番茄工作法的工具產(chǎn)品為案例，體驗理論與實踐的結合，設計輔助用戶更便捷的使用番茄工作法的APP，以下簡稱番茄xx。

首先，放一張用戶體驗要素五大層級圖：

接下來，自下而上，按照層級逐步設計產(chǎn)品。

戰(zhàn)略層-產(chǎn)品目標與用戶需求

戰(zhàn)略層內(nèi)容如下：

番茄XX的戰(zhàn)略層內(nèi)容

番茄工作法介紹 ：

“番茄工作法是簡單易行的時間管理方法，是由弗朗西斯科·西里洛于1992年創(chuàng)立的一種相對于GTD更微觀的時間管理方法。

使用番茄工作法，選擇一個待完成的任務，將番茄時間設為25分鐘，專注工作，中途不允許做任何與該任務無關的事，直到番茄時鐘響起，然后在紙上畫一個X短暫休息一下（5分鐘就行），每4個番茄時段多休息一會兒。”

? ? ?————以上來自百度百科

產(chǎn)品定位為工具產(chǎn)品，用來輔助用戶使用番茄工作法來進行日常工作、學習。

產(chǎn)品目標：

1. 商業(yè)目標，通過產(chǎn)品增加收入達到盈利；
2. 建立“讓用戶高效工作學習的工具”品牌印象；
3. 活躍用戶能夠達到人均XX使用頻率等等，可追蹤的指標；

用戶需求：

首先確定我們針對的用戶群體，有拖延癥或者易受干擾、無法在一段時間集中注意力高效學習工作的人群，因此用戶需要一個工具輔助用戶進行時間管理，制定明確的目標任務，并經(jīng)過一次或多次集中注意力精力完成任務。

范圍層-功能規(guī)格和內(nèi)容需求

根據(jù)戰(zhàn)略層信息，產(chǎn)品核心功能為制定任務設置任務屬性，啟動任務及任務結束的整個生命周期流程；

在此基礎上，為了刺激鼓勵用戶使用，引導用戶維護任務列表，每日結束之前引導用戶做次日任務計劃（可從任務列表中選擇或者直接新增），以此培養(yǎng)用戶習慣并激勵用戶持續(xù)使用；

同時為了滿足用戶成就感，需要有用戶對應任務完成的統(tǒng)計功能；

核心功能以外，提供用戶的期望功能或驚喜功能作為增值服務，用來達到產(chǎn)品收入目標，例如更加個性化的任務屬性設置功能，產(chǎn)品初期不作為重點目標。

番茄xx范圍層：

結構層-交互設計與信息架構

功能型產(chǎn)品在結構層的工作是范圍層功能的交互設計，關注于描述“可能的用戶行為”，同時定義“系統(tǒng)如何配合和響應”這些用戶行為。

交互設計與信息架構的方法與關注點

以此設計番茄xx核心任務生命周期流程

框架層-界面設計/導航設計與信息設計

涉及提供給用戶做某些事的能力，屬于界面設計；

涉及給用戶去哪個地方的能力，則屬于導航設計；

傳達想法給用戶，就是信息設計；

關于概念模型

• 習慣和反射是我們與這個世界交互時的各種基礎，違背用戶習慣，并不僅僅是浪費時間那么簡單，而是會給用戶帶來挫折感，使得一件下意識就能完成的事情變的難以忍受的緩慢；
• 界面要與自身保持一致，保持內(nèi)部的一致性，例如兩個特征使用同一概念模型，或兩個概念模型的統(tǒng)一模塊，應保持一致；
• 有效的使用比喻，就是要減少用戶在“理解和使用你的產(chǎn)品功能”時對猜測的要求。提供一定上下文，幫助用戶更好的猜測你所采用的比喻試圖代表什么特征。

界面設計

結構層決定了哪個功能在哪個界面上完成，界面設計則是要決定這些功能在界面上如何被用戶認知到。

• 讓用戶一眼看到“最重要的東西”，不重要的東西不應該被注意到；
• 一個設計良好的界面，要組織好用戶最常用的行為，同時讓這些界面元素用最容易方式獲取和使用；
• 合理運用一些標準的界面元素，復選框、單選框、下拉列表等；

導航設計

導航設計的三個目標：

• 必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法；
• 必須傳達出這些元素和它們所包含內(nèi)容間的關系；
• 必須傳達出它的內(nèi)容和用戶當前瀏覽頁面之間的關系；

最常見的導航系統(tǒng)例如全局導航、局部導航、輔助導航、上下文導航、友好導航、網(wǎng)站地圖、索引表等，不同導航的特點不同，應用的合適的場景下。

信息設計

不管何時，系統(tǒng)都應給用戶提供正確使用網(wǎng)站的信息；

指示標識：幫用戶理解“他們在哪兒”以及“他們能去哪兒”。

線框圖是整合框架層全部三種要素的方法。

基于以上內(nèi)容產(chǎn)出線框圖：

表現(xiàn)層-感知設計

感知設計，包含產(chǎn)品內(nèi)部同類流程的一致性、與外部同類概念的模型的一致性、配色的方案與排版、產(chǎn)品的風格建立等等。

本文由 @hugh.zhao 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自PEXELS，基于CC0協(xié)議