起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識用戶體驗要素應用案例：番茄工作法
文章以番茄工作法的工具產(chǎn)品為案例，來聊聊用戶體驗要素應用。
應用用戶體驗要素五大層次，自下而上的做一次產(chǎn)品設計，以番茄工作法的工具產(chǎn)品為案例，體驗理論與實踐的結(jié)合，設計輔助用戶更便捷的使用番茄工作法的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個番茄時段多休息一會兒?！?/p>
? ? ?————以上來自百度百科
產(chǎn)品定位為工具產(chǎn)品，用來輔助用戶使用番茄工作法來進行日常工作、學習。
產(chǎn)品目標：
- 商業(yè)目標，通過產(chǎn)品增加收入達到盈利；
- 建立“讓用戶高效工作學習的工具”品牌印象；
- 活躍用戶能夠達到人均XX使用頻率等等，可追蹤的指標；
用戶需求：
首先確定我們針對的用戶群體，有拖延癥或者易受干擾、無法在一段時間集中注意力高效學習工作的人群，因此用戶需要一個工具輔助用戶進行時間管理，制定明確的目標任務，并經(jīng)過一次或多次集中注意力精力完成任務。
范圍層-功能規(guī)格和內(nèi)容需求
根據(jù)戰(zhàn)略層信息，產(chǎn)品核心功能為制定任務設置任務屬性，啟動任務及任務結(jié)束的整個生命周期流程；
在此基礎上，為了刺激鼓勵用戶使用，引導用戶維護任務列表，每日結(jié)束之前引導用戶做次日任務計劃（可從任務列表中選擇或者直接新增），以此培養(yǎng)用戶習慣并激勵用戶持續(xù)使用；
同時為了滿足用戶成就感，需要有用戶對應任務完成的統(tǒng)計功能；
核心功能以外，提供用戶的期望功能或驚喜功能作為增值服務，用來達到產(chǎn)品收入目標，例如更加個性化的任務屬性設置功能，產(chǎn)品初期不作為重點目標。
番茄xx范圍層：
結(jié)構層-交互設計與信息架構
功能型產(chǎn)品在結(jié)構層的工作是范圍層功能的交互設計，關注于描述“可能的用戶行為”，同時定義“系統(tǒng)如何配合和響應”這些用戶行為。
交互設計與信息架構的方法與關注點
以此設計番茄xx核心任務生命周期流程
框架層-界面設計/導航設計與信息設計
涉及提供給用戶做某些事的能力，屬于界面設計；
涉及給用戶去哪個地方的能力，則屬于導航設計；
傳達想法給用戶，就是信息設計；
關于概念模型
- 習慣和反射是我們與這個世界交互時的各種基礎，違背用戶習慣，并不僅僅是浪費時間那么簡單，而是會給用戶帶來挫折感，使得一件下意識就能完成的事情變的難以忍受的緩慢；
- 界面要與自身保持一致，保持內(nèi)部的一致性，例如兩個特征使用同一概念模型，或兩個概念模型的統(tǒng)一模塊，應保持一致；
- 有效的使用比喻，就是要減少用戶在“理解和使用你的產(chǎn)品功能”時對猜測的要求。提供一定上下文，幫助用戶更好的猜測你所采用的比喻試圖代表什么特征。
界面設計
結(jié)構層決定了哪個功能在哪個界面上完成，界面設計則是要決定這些功能在界面上如何被用戶認知到。
- 讓用戶一眼看到“最重要的東西”，不重要的東西不應該被注意到；
- 一個設計良好的界面，要組織好用戶最常用的行為，同時讓這些界面元素用最容易方式獲取和使用；
- 合理運用一些標準的界面元素，復選框、單選框、下拉列表等；
導航設計
導航設計的三個目標：
- 必須提供給用戶一種在網(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é)議
??
111，回看
非常清楚