? ? ? ?《用戶體驗(yàn)要素》一書對(duì)于每一個(gè)PM都有重要的意義，書中提出的五個(gè)要素可以幫助讀者快速的領(lǐng)悟一款產(chǎn)品。本文中，作者將帶領(lǐng)大家，通過(guò)五要素去感受一款有態(tài)度、有情懷的產(chǎn)品KEEP。

產(chǎn)品設(shè)計(jì)的五要素即：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。

可以按照why-how-what黃金圈法則由內(nèi)而外分為三個(gè)模塊：

1、why

? ? ? ? why即為什么做，戰(zhàn)略層充分體現(xiàn)了這一思想。戰(zhàn)略層分為商業(yè)目標(biāo)和用戶目標(biāo)，商業(yè)目標(biāo)很簡(jiǎn)單，對(duì)于一個(gè)企業(yè)來(lái)說(shuō)無(wú)非是做一個(gè)產(chǎn)品怎么才能夠賺錢呢？而用戶目標(biāo)就是這款產(chǎn)品是怎樣服務(wù)于用戶、能滿足用戶的什么要求、最后還是要回歸于怎么賺錢。

產(chǎn)品定位：keep是一款集內(nèi)容指導(dǎo)、社交、購(gòu)物商城于一身的運(yùn)動(dòng)解決方案移動(dòng)平臺(tái)。

用戶需求：無(wú)健身基礎(chǔ)的用戶，可以從keep中獲得健身方面的經(jīng)驗(yàn)、指導(dǎo)等來(lái)幫助其入門；有健身經(jīng)驗(yàn)的的用戶，可以得到高質(zhì)量的健身技巧、方法和飲食指導(dǎo)；對(duì)健身感興趣的人可以在keep中加好友、展示自己的健身成果及經(jīng)驗(yàn)、參與話題討論等；在短時(shí)間內(nèi)，獲得高質(zhì)量或者高性價(jià)比的健身裝備。

2、how

? ? ? ? how即怎么做，包含有范圍層、結(jié)構(gòu)層、框架層。

a)范圍層：范圍層需要解決的是產(chǎn)品需要有什么功能，那些功能需要先做，哪些是可以后做的。是一款產(chǎn)品的大的框架。keep的范圍層主要包括訓(xùn)練指導(dǎo)、健身及飲食的攻略、社交、商城四部分。

b)結(jié)構(gòu)層：結(jié)構(gòu)層包括兩部分，交互設(shè)計(jì)與信息架構(gòu)。所謂交互設(shè)計(jì)，就是為用戶設(shè)計(jì)結(jié)構(gòu)化體驗(yàn)；而信息架構(gòu)即為信息的組織方式（結(jié)構(gòu)層腦圖只提取了界面基本信息，沒(méi)有具體細(xì)分）。從結(jié)構(gòu)層可以看出主要功能是訓(xùn)練和社交。

c)框架層：框架層包含界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)三部分。界面設(shè)計(jì)就是設(shè)計(jì)合理的交互可以和用戶互動(dòng)；導(dǎo)航設(shè)計(jì)是讓用戶知道自己在什么位置，下一步要去哪，如何放回上一層等；信息設(shè)計(jì)就是要把所有信息結(jié)合在一起并呈現(xiàn)出來(lái)，讓用戶更好的理解與使用。

? ? ? ? ?keep中使用的導(dǎo)航形式為頁(yè)面頂部、底部?jī)蓚€(gè)tab導(dǎo)航，底部作為一級(jí)導(dǎo)航欄，頂部作為一級(jí)頁(yè)面下的二級(jí)導(dǎo)航欄，在產(chǎn)品內(nèi)容分類較多的情況下，幫助用戶快速定位信息所在位置，在不同信息入口之間快速跳轉(zhuǎn)，幫助用戶快速、準(zhǔn)確地獲取信息。

2、what

? ? ? ? what即做成什么樣子，這一部分就是要素的最后一層，表現(xiàn)層。這一層是與用戶的真正接觸，通過(guò)配色、排版、風(fēng)格變換讓用戶可以通過(guò)視覺、聽覺、觸覺、嗅覺和味覺五個(gè)方面真真切切的感受產(chǎn)品。

? ? ? ? keep使用的是灰白兩種顏色，走的是極簡(jiǎn)主義的風(fēng)格，在同類APP中凸顯個(gè)性，同時(shí)又不失高端品質(zhì)。排版方面標(biāo)簽空間布局合理，頁(yè)面內(nèi)每個(gè)模塊層次鮮明。

? ? ? ? 本文旨在幫助讀者領(lǐng)悟《用戶體驗(yàn)要素》一書中的五要素，并用keep這款A(yù)PP幫助理解，至于對(duì)keep五層的描述并不夠精細(xì)，希望讀者可以理解。