從4個(gè)方面談?wù)劊骸坝脩簟钡降资鞘裁矗?/h1>

從4個(gè)方面談?wù)劊骸坝脩簟钡降资鞘裁矗?/br>

們?cè)谡劦疆a(chǎn)品時(shí)，一定離不開要談?dòng)脩簟Ｕ勀繕?biāo)用戶、談?dòng)脩粜枨蟆⒄動(dòng)脩敉袋c(diǎn)，談一切以用戶的價(jià)值為依歸，那么用戶到底是什么？為什么會(huì)成為你產(chǎn)品的用戶？如何對(duì)用戶進(jìn)行分類？在探索學(xué)習(xí)和思考后做出了一些總結(jié)，拿出來分享一下~

一、定義用戶

用戶不是人，是需求的集合。——俞軍

用戶不是自然人，而是社會(huì)人。——蘇杰

自然人是指的生物意義上的人，社會(huì)人是指在某個(gè)場(chǎng)景中擁有社會(huì)角色的人。總結(jié)來說，用戶就是需求，用戶是社會(huì)人的某一類需求的集合。用戶（需求）隨著內(nèi)外部場(chǎng)景的變化而變化。

比如說：你可以即是爸爸又是兒子，那么我們說你是爸爸的時(shí)候，應(yīng)該涉及到一個(gè)有你兒女的場(chǎng)景，說你是兒子的時(shí)候，就涉及到一個(gè)有你父母的場(chǎng)景。我們說你是一個(gè)產(chǎn)品經(jīng)理的時(shí)候，就自帶工作場(chǎng)景，說你是班長，場(chǎng)景可能是你在和同學(xué)聚會(huì)。

711連鎖超市，每天不同時(shí)間點(diǎn)，你去看貨柜，貨品是不一樣的。上午是財(cái)經(jīng)報(bào)紙、早餐；中午是快餐和便當(dāng)；晚上是晚餐；夜里還有夜宵、應(yīng)急用品。他們根據(jù)社區(qū)不同角色的不同需求場(chǎng)景，一天一店四開。理貨的員工很忙，每天不停的在更換貨物擺放。

所以，把用戶按社會(huì)角色、需求場(chǎng)景去分裂開理解，更容易抓準(zhǔn)動(dòng)機(jī)。

二、用戶場(chǎng)景

用戶場(chǎng)景是什么？

從兩個(gè)方面說起。

（1）場(chǎng)景要有「喚起點(diǎn)」

產(chǎn)品必須要在某種情景下、某時(shí)某刻，用戶馬上能想到你，最好是第一個(gè)想到你。炎熱的夏日，上班的白領(lǐng)很多都不愿意下樓來，頂著烈日排隊(duì)吃中午飯，這時(shí)候就喚起了「餓了么」、「美團(tuán)外賣」、「滴滴外賣」等。

下午加了會(huì)班，下樓來發(fā)現(xiàn)共享單車都沒有了，只剩了幾輛壞的，這時(shí)候，喚起了「滴滴出行」、「神馬專車」等。

想要看新聞首先就想到了「」，想要看美女首先就想到了「抖音」，想要學(xué)習(xí)產(chǎn)品經(jīng)理首先想到了「人人都是產(chǎn)品經(jīng)理」……

（2）場(chǎng)景要有「臨場(chǎng)感」

所謂場(chǎng)景，就必須要到那時(shí)那刻去親身體會(huì)，或者假想的親身體會(huì)，才知道你的設(shè)計(jì)有沒有問題，是謂「臨場(chǎng)感」，是產(chǎn)品經(jīng)理的一種基本能力。

這一兩年短視頻直播非常火爆，像幾十萬人圍觀主播吃飯的現(xiàn)象屢見不鮮，還有一些看似傻到不行的表演卻能引來上百萬的點(diǎn)贊，按照現(xiàn)在年輕人的生活和心理，這種直播給了觀眾一種“臨場(chǎng)感”。

現(xiàn)在的年輕人渴望新奇的生活，渴望體驗(yàn)不同生活方式，但真正能去實(shí)現(xiàn)的卻非常少；而通過視頻直播觀看主播的體驗(yàn)，也會(huì)讓觀眾產(chǎn)生自己體驗(yàn)的感覺，這種假想的體會(huì)正是視頻直播所帶來的「臨場(chǎng)感」。

另一個(gè)具有「臨場(chǎng)感」代表性的例子就是VR，VR通過視覺技術(shù)，是感受著仿佛真切進(jìn)入到了設(shè)定環(huán)境。當(dāng)我們?cè)谟^察正在體驗(yàn)VR游戲著時(shí)，會(huì)感覺到自己和體驗(yàn)者完全不在同一個(gè)時(shí)空，體驗(yàn)者的驚聲尖叫、手舞足蹈、甚至摔倒等，在旁觀者看來搞笑的不行，但體驗(yàn)者卻有著非常真實(shí)的感受。

三、用戶分類

分類是我們簡(jiǎn)化認(rèn)識(shí)、理解世界最常用的方式之一。就像任何一種哲學(xué)、宗教或是文化對(duì)世界理解最基礎(chǔ)的方式之一就是先進(jìn)行分類，比如：我們的老祖宗將本元分為陰陽，將物質(zhì)分為五行，將生靈分為六道。

從開始探索世界有了哲學(xué)，后來衍生出數(shù)學(xué)、文學(xué)、物理學(xué)、化學(xué)、生物學(xué)、政治學(xué)、經(jīng)濟(jì)學(xué)、社會(huì)學(xué)、心理學(xué)……

一個(gè)產(chǎn)品在定位時(shí)就要思考他所要面對(duì)的目標(biāo)用戶是哪些，要清楚這個(gè)問題就要先對(duì)用戶進(jìn)行分類，在眾多用戶中尋找最關(guān)鍵的核心用戶、精細(xì)化設(shè)計(jì)、運(yùn)營的必備技能。

分類的角度有很多，從邏輯上理解是把全集分為子集后，不同子集的個(gè)體之間差異盡量大，每個(gè)子集內(nèi)的個(gè)體差異盡量小。

那么，我們對(duì)用戶進(jìn)行分類的原則就是——不同細(xì)分的用戶，“需求場(chǎng)景”差異要盡量大。

1. 如果產(chǎn)品的用戶是多邊的，先根據(jù)不同角色分類

多邊型的產(chǎn)品，要有至少兩種明顯差異的用戶群體，通常這種產(chǎn)品都具有平臺(tái)屬性，與之對(duì)應(yīng)的是單點(diǎn)（工具類）或者單邊（游戲類）的應(yīng)用。

舉例：對(duì)于電商平臺(tái)來說，常見的分法是買家、賣家、第三方服務(wù)商、平臺(tái)方；對(duì)于滴滴出行，就可能會(huì)分成司機(jī)、乘客、平臺(tái)運(yùn)營方；對(duì)于知乎，可以分為提問者、回答者、吃瓜群眾、平臺(tái)方……

這種就是按不同的角色來分類，一般我們會(huì)把不同角色作為第一維度來對(duì)目標(biāo)用戶進(jìn)行分類，不同用戶群體的需求場(chǎng)景差異顯然巨大。

2. 新人、中間用戶和專家

這是按照用戶對(duì)「產(chǎn)品所在領(lǐng)域的熟悉程度」來分類，也是一種非常常用的用戶分類方法。對(duì)于單邊的用戶角色，如果找不到更好的分法，通常用這個(gè)方法保底，畢竟新人和專家的需求場(chǎng)景差異巨大，前者希望「簡(jiǎn)單易用易上手」，后者期待「穩(wěn)定可靠性能高」。

比如P圖來說：如果普通用戶想處理一下自拍照，就需要很傻瓜式的自動(dòng)磨皮，加個(gè)濾鏡，放大一下眼睛什么的簡(jiǎn)單操作就行，如此便有以美圖為代表的P圖軟件，現(xiàn)在很多手機(jī)的自帶相機(jī)都已具備簡(jiǎn)單P圖功能。如果是對(duì)于高階用戶，如設(shè)計(jì)師、攝影師就需要用到功能更為強(qiáng)大的PS。

比如：網(wǎng)易云音樂，對(duì)于聽歌的用戶來說，如果是新人，他可能需要最熱的榜單、通過場(chǎng)景自動(dòng)選歌，對(duì)于專家用戶，他可能會(huì)去搜某一張專輯，或者搜某位歌手。

不同的公司或者產(chǎn)品對(duì)這種分類的叫法可能不同。

3. 根據(jù)人口統(tǒng)計(jì)信息

統(tǒng)計(jì)標(biāo)簽包括年齡、性別、職業(yè)、所在地、消費(fèi)水平、喜好……，隨著大型電商平臺(tái)獲得的數(shù)據(jù)越來越多，這類數(shù)據(jù)的分析產(chǎn)生一些具有特征性的結(jié)果。

馬云就曾爆出：買比基尼最多的地方是新疆，中國女生平均胸最小的地方是杭州。

比如：抖音的用戶更集中向一線二線大城市，而快手的用戶更集中向四五線的小城市，所面向不同地區(qū)的用戶有著不同的文化氛圍和娛樂體驗(yàn)，產(chǎn)品的調(diào)性也就有不同風(fēng)格。

銀行各種級(jí)別的信用卡，是按照資產(chǎn)、收入、消費(fèi)水平來分的；樂高的玩具，是按照年齡——不同年齡段兒童的常規(guī)智力水平區(qū)分的；一些服裝品牌款式的策略，按照地域——一線大城市與三四線城市劃分；奶粉，不同的年齡段……等等。

要避免人口統(tǒng)計(jì)信息和產(chǎn)品關(guān)系不大的情況（比如：按照不同職業(yè)來區(qū)分打車用戶，就沒什么邏輯），這樣劃分成的幾類用戶，需求場(chǎng)景差異往往不是很明顯。

4. 根據(jù)產(chǎn)品的業(yè)務(wù)場(chǎng)景

根據(jù)產(chǎn)品的業(yè)務(wù)場(chǎng)景來分，這一類不同的產(chǎn)品有不同的分法，沒有通用的規(guī)則。

比如：

• 做企業(yè)服務(wù)，可以按照用戶（公司）的階段分為種子輪、天使輪、A、B、C……PreIPO、已上市等；
• 做開發(fā)培訓(xùn)的，可以按照不同的崗位或語言，前端工程師、后端工程師、數(shù)據(jù)庫管理員、全棧工程師等不同崗位劃分，Java、PHP、JavaScript、Python、C#等不同語言劃分；
• 做社區(qū)的，經(jīng)常分為原創(chuàng)用戶、點(diǎn)贊、轉(zhuǎn)發(fā)、評(píng)論等積極分子、吃瓜群眾型用戶。

從運(yùn)營角度來說有一種比較通用的分法，分為新用戶、下載用戶、活躍用戶、興趣用戶、付費(fèi)用戶。

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

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

者 | Mateusz Iwaniuk

譯者 | 明明如月，責(zé)編 | 夕顏

出品 | CSDN（ID：CSDNnews）

文章配套代碼: https://github.com/iwaniukooo11/email-sender

現(xiàn)在，即使是創(chuàng)建最基本的網(wǎng)站，程序員也必須使用現(xiàn)代的功能和技術(shù)。甚至像為你的朋友創(chuàng)建簡(jiǎn)單的投資組合這樣的基本項(xiàng)目也可能涉及到一些問題，比如從聯(lián)系人表單接收數(shù)據(jù)。有很多方法可以讀取這些數(shù)據(jù)。你可以將表單與數(shù)據(jù)庫連接起來，然后從數(shù)據(jù)庫中讀取傳入的消息來實(shí)現(xiàn)功能，但這樣做會(huì)給不懂技術(shù)的客戶造成困難。

你為什么不通過發(fā)送電子郵件傳輸信息？

不使用數(shù)據(jù)庫就能接收到傳入的消息，絕對(duì)是最佳選擇，也是最方便用戶的選擇。但問題來了—如何實(shí)現(xiàn)呢？你可能認(rèn)為需要使用某種后端語言。

實(shí)際上，你不必使用任何如 php 或 python 這種后端語言，你甚至不需要用到 node.js！你需要的就是一個(gè)簡(jiǎn)單的EmailJS 庫。

本文將介紹下面兩個(gè)重要功能:

• 配置 emailjs 帳戶

• 使用 JS 發(fā)送電子郵件

請(qǐng)注意，在我的項(xiàng)目中，我使用了 gulp 和 webpack，我在 src 文件夾存放源碼，dist 存放最終發(fā)布版本的代碼。

我將分 5 個(gè)步驟向你展示如何從頭開始構(gòu)建電子郵件發(fā)送器。

步驟1-用 HTML 創(chuàng)建表單

首先需要?jiǎng)?chuàng)建一個(gè) HTML 表單。你不必放置像 required 或 max 這種驗(yàn)證屬性，因?yàn)樯院螅琾reventDefault 函數(shù)將在你的提交事件上運(yùn)行，它會(huì)讓這些屬性的處理失效。

表單中最重要的是為每個(gè)輸入放置 name 屬性，后面會(huì)用到。

我的非常簡(jiǎn)單的表單是這樣的:

src/html/index.html

 <form class="form"> <input name='name' type="text" placeholder="Your name..." class="form__input" /> <input name='topic' type="text" placeholder="Topic..." class="form__input" /> <textarea name='message' type="text" placeholder="Your Message..." class="form__input" ></textarea>

 <input type="submit" value="send" class="form__input form__input--button"> </form>

步驟2-注冊(cè)成為 email 用戶

要配置你的電子郵件，你必須注冊(cè)電子郵件服務(wù)。別擔(dān)心—使用這個(gè)網(wǎng)站非常方便和省時(shí)。

登入后，系統(tǒng)會(huì)詢問你的電子郵件服務(wù)，它位于個(gè)人電子郵件服務(wù)區(qū)（personal email service）。在我的例子中，我選擇了 gmail。

然后，你需要連接你的 gmail 帳戶。這將用來發(fā)送電子郵件給你客戶。例如，如果你關(guān)聯(lián)了 xyz@gmail.com 賬戶，你后續(xù)發(fā)送的郵件都將從這個(gè)郵箱發(fā)出。所以不要擔(dān)心“ Send email on your behalf” 這個(gè)授權(quán)信息—這正是你需要的！

連接完 gmail 賬戶后，點(diǎn)擊添加服務(wù)（add service）按鈕。

步驟3-創(chuàng)建郵件模板

如果你已經(jīng)成功連接了你的 gmail 賬戶，你現(xiàn)在應(yīng)該在信息中心中。現(xiàn)在需要?jiǎng)?chuàng)建電子郵件模板了。

切換到電子郵件模板卡，并單擊創(chuàng)建一個(gè)新的模板（create a new template）。界面非常友好，所以創(chuàng)建模板不會(huì)有任何問題。

你可以選擇模板的名稱和 ID。我稱之為“我的神奇模板（my_amazing_template）”。

接下來，你必須指定郵件的內(nèi)容。

模板的變量值來自 input 中的 `name` 屬性。你已將變量插入`{{{}}}`符號(hào)中。

不要忘記在“收件人”部分 (右側(cè)) 添加電子郵件地址。你的電子郵件將被發(fā)送到該電子郵件地址上。截圖中的收件人郵箱是我自己的公司郵箱。

這是我的簡(jiǎn)單模板，它使用來自 HTML 表單里的 3 個(gè)變量。我還指定了接收電子郵件的主題。

步驟4-保存 API 密鑰

這部分沒什么特別的。Emailjs 共享授權(quán) API 密鑰，將在發(fā)送電子郵件時(shí)使用。當(dāng)然，放這些鑰匙最好的地方是`.env` 配置。但是因?yàn)槲沂褂玫氖呛?jiǎn)單的靜態(tài)文件，我不想使用服務(wù)器配置，所以我將它們保存在 apikeys 文件中，然后再將它們導(dǎo)入。

你的 USER_ID 位于 Account > API Keys 菜單下。

TEMPLATE_ID 位于模板的標(biāo)題下面。

這是我基于不存在的 keyssrc / js / apikeys. js 的示例配置.

src/js/apikeys.js

export default { USER_ID :'user_DPUd-rest-of-my-id', TEMPLATE_ID:'my_amazing_template'}

如果需要將源碼發(fā)布到 GITHUB，不要忘記將 APIKEYS 文件添加到 .GITIGNORE文件中

步驟5-發(fā)送電子郵件

現(xiàn)在是該項(xiàng)目最后也是最重要的部分的了。現(xiàn)在我們必須使用 javascript 發(fā)送電子郵件。

首先，你必須下載 emailjs 包。

npm i emails-com

然后，轉(zhuǎn)到 js 文件，導(dǎo)入庫和 apikeys。

src/js/main.js

import emailjs from 'emailjs-com'import apiKeys from './apikeys'

現(xiàn)在是編寫發(fā)送電子郵件功能的時(shí)候了

src/js/main.js

const sendEmail=e=> { e.preventDefault

 emailjs .sendForm('gmail', apiKeys.TEMPLATE_ID, e.target, apiKeys.USER_ID) .then( result=> { console.log(result.text) }, error=> { console.log(error.text) } )}

sendForm 函數(shù)有4個(gè)參數(shù):

你的電子郵件的 ID，在這里:

TEMPLATE_ID 來自 apikey 文件,

事件對(duì)象來自你的表單提交

USER_ID 來自 apikey 文件,

最后，查找表單并添加提交事件監(jiān)聽器：

src/js/main.js

const form=document.querySelector('.form')form.addEventListener('submit',sendEmail)

正如我前面提到的，由于 `preventDefault` 函數(shù)，屬性驗(yàn)證將無法工作。你必須使用 JS 自己進(jìn)行驗(yàn)證和清除輸入。

以上就是全部?jī)?nèi)容，接下來讓我們測(cè)試一下。

填寫頁面上的表單并發(fā)送。

我收到電子郵件，內(nèi)容正是根據(jù)我們的模板和表單數(shù)據(jù)渲染出來的。

通過上圖可以看出，所有的變量的值都填充到了正確的位置上。

總結(jié)

通過本文的介紹你會(huì)發(fā)現(xiàn)用 JS 發(fā)送郵件并非難事。

使用 emailjs，你可以簡(jiǎn)單的方式發(fā)送電子郵件。

我相信你未來的用戶會(huì)很高興收到來自他們網(wǎng)頁上表單填寫數(shù)據(jù)的t郵件，相信本文對(duì)你有幫助。

這篇文章的配套代碼在這里: https://github.com/iwaniukooo11/email-sender

原文鏈接：

https://dev.to/iwaniukooo11/send-e-mails-directly-from-front-end-with-js-5d7d

本文為CSDN翻譯文章，轉(zhuǎn)載請(qǐng)注明出處。

?我們想研發(fā)一個(gè)機(jī)器學(xué)習(xí)框架，6 個(gè)月后失敗了
?生產(chǎn)型機(jī)器學(xué)習(xí)已經(jīng)沒那么困難了？
?視頻 | 你不知道的"開源"60年秘史
?GitHub標(biāo)星10,000+，Apache項(xiàng)目ShardingSphere的開源之路
?阿里技術(shù)專家告訴你，如何畫出優(yōu)秀的架構(gòu)圖？
?加拿大API平臺(tái)如何做到30%為中國明星項(xiàng)目？創(chuàng)業(yè)老兵這樣說……

TML本身并不能完全防止用戶復(fù)制內(nèi)容，因?yàn)镠TML是一種標(biāo)記語言，它只負(fù)責(zé)定義網(wǎng)頁的結(jié)構(gòu)和內(nèi)容，而不涉及用戶的行為。但是，您可以使用一些技術(shù)來防止用戶復(fù)制您的網(wǎng)頁內(nèi)容，例如：

1. 禁用右鍵菜單：您可以使用JavaScript代碼來禁用右鍵菜單，這樣用戶就無法使用右鍵菜單復(fù)制您的內(nèi)容。但是，這種方法并不可靠，因?yàn)橛脩羧匀豢梢允褂闷渌椒▉韽?fù)制內(nèi)容。

2. 使用CSS樣式：您可以使用CSS樣式來隱藏您的內(nèi)容，例如將文本顏色設(shè)置為與背景顏色相同，這樣用戶就無法看到您的內(nèi)容，也就無法復(fù)制。但是，這種方法可能會(huì)影響您網(wǎng)頁的可讀性和可訪問性。

3. 使用JavaScript代碼：您可以使用JavaScript代碼來防止用戶復(fù)制您的內(nèi)容，例如在用戶嘗試復(fù)制時(shí)彈出警告框或禁用復(fù)制功能。但是，這種方法可能會(huì)影響用戶體驗(yàn)，并且用戶仍然可以通過其他方法來復(fù)制內(nèi)容。

總之，HTML本身并不能完全防止用戶復(fù)制內(nèi)容，但是您可以使用一些技術(shù)來增加復(fù)制的難度。但是，這些技術(shù)可能會(huì)影響您網(wǎng)頁的可讀性和可訪問性，因此需要謹(jǐn)慎使用。

在線咨詢

上一篇：淺析網(wǎng)站為何頻頻被黑
下一篇：HTML5基礎(chǔ)知識(shí)（1）