實(shí)例講解:用戶預(yù)期那些事兒

1 評(píng)論 6328 瀏覽 26 收藏 9 分鐘

提高用戶體驗(yàn),從判斷用戶預(yù)期做起。

預(yù)期簡(jiǎn)析

一、什么是預(yù)期?

預(yù)期是對(duì)未來(lái)情況的估計(jì)。

二、什么時(shí)候,在哪兒,誰(shuí)會(huì)用到預(yù)期?

  1. 產(chǎn)品設(shè)計(jì)時(shí),對(duì)原型頁(yè)面的設(shè)計(jì),產(chǎn)品。
  2. 產(chǎn)品運(yùn)營(yíng)時(shí),對(duì)活動(dòng)內(nèi)容的創(chuàng)作,運(yùn)營(yíng)。
  3. 產(chǎn)品瀏覽時(shí),對(duì)元件與頁(yè)面判斷,用戶。
  4. 產(chǎn)品使用時(shí),對(duì)使用結(jié)果的預(yù)判,用戶。

三、頁(yè)面設(shè)計(jì)為什么要在意用戶預(yù)期?

產(chǎn)品設(shè)計(jì)三要素之別讓我想。

四、怎么做?

  • 宏觀層面,尋找物理學(xué)、基因/進(jìn)化學(xué)、心理學(xué)、經(jīng)濟(jì)學(xué)等原理性學(xué)科的理論支持。
  • 微觀層面,運(yùn)用同理心,從新手角度去審視所有元件及頁(yè)面,消除歧義與費(fèi)解元素。

實(shí)例說(shuō)明

一、預(yù)期與效率

預(yù)期和效率狹路相逢時(shí),選預(yù)期!

上圖,微信發(fā)動(dòng)態(tài)的前兩步。

上圖,Keep發(fā)動(dòng)態(tài),點(diǎn)擊 [相機(jī)icon],卻跳到文字編輯頁(yè)面,滿臉的措不及防。

可以揣測(cè),Keep的產(chǎn)品認(rèn)為,微信發(fā)動(dòng)態(tài)的第二步的彈層是多余的,精簡(jiǎn)掉之后沒(méi)有任何不適,而且效率還提高了。這就是基于自己的心智模型做產(chǎn)品設(shè)計(jì),沒(méi)有考慮到新用戶的使用感受。

上圖,剛?cè)バ掳鍷eep看了一下,之前反饋過(guò)的問(wèn)題已經(jīng)不存在了。

但是,新增的中間頁(yè),問(wèn)題更大。中間大面積高亮色的相冊(cè)&相機(jī)icon,和底部的心情/狀態(tài)&地點(diǎn)簽到。前者更吸引視覺(jué),后者更方便操作,凸顯了的不讓用戶輕易點(diǎn)擊到,能輕易點(diǎn)擊到的卻不凸顯。整體布局有嚴(yán)重的割裂感,也不知道想引導(dǎo)用戶做什么。

還有相冊(cè)和相機(jī) icon,本來(lái)是能識(shí)別的。后來(lái)看到 icon 下方的文字后,卻懵逼了…發(fā)了一條運(yùn)動(dòng)時(shí)刻,卻找不著發(fā)哪去了,唯一得出的結(jié)論就是:“運(yùn)動(dòng)時(shí)刻里可以發(fā)布照片和視頻,而發(fā)布動(dòng)態(tài)里也可以發(fā)布照片和視頻,但發(fā)布動(dòng)態(tài)和運(yùn)動(dòng)時(shí)刻不是一回事”,大概就是這樣。

這個(gè)例子想說(shuō)的就是:“預(yù)期和效率狹路相逢時(shí),選預(yù)期”!

二、預(yù)期與糾正錯(cuò)誤

經(jīng)常有這樣的情況,給他人轉(zhuǎn)賬時(shí),順手在消息輸入框內(nèi)輸入金額數(shù)字,然后發(fā)送……這種情況微信和支付寶都有遇到過(guò),當(dāng)然支付寶偏多一些。

老版本的支付寶,轉(zhuǎn)賬金額就是直接在消息輸入框中填入的,種種原因,改為了現(xiàn)在的轉(zhuǎn)賬方式。也有沒(méi)用過(guò)老版支付寶的用戶,但出現(xiàn)“發(fā)數(shù)字”的情況,這可能就與支付寶本身的形象有關(guān)了。

不管是老版本習(xí)慣還是產(chǎn)品形象的問(wèn)題,用戶預(yù)期總出錯(cuò),就要去優(yōu)化。上圖是支付寶的解決辦法是及時(shí)糾正,當(dāng)用戶只輸入數(shù)字時(shí),延遲1秒,會(huì)出現(xiàn)轉(zhuǎn)賬的快捷入口,點(diǎn)擊后會(huì)跳轉(zhuǎn)到轉(zhuǎn)賬頁(yè)面。

三、預(yù)期與現(xiàn)實(shí)映射


華為 EMUI 上出自 Qeexo 的指關(guān)節(jié)截圖說(shuō)明(上圖),不能用邏輯思維理解。敲兩下截屏,無(wú)法從邏輯層面連貫起來(lái)。只能死記硬背,這是最下乘的功能設(shè)計(jì)。

相比較,MIUI的截屏(上圖),無(wú)需多言,一看就懂。理解起來(lái)也有邏輯相關(guān)性,現(xiàn)實(shí)生活中,我們需要一件東西時(shí),是用“抓”的,抓到就保留下了。截屏的目的也是保留,在屏幕上三指下拉就是模擬“抓”的動(dòng)作,把當(dāng)前顯示的頁(yè)面“抓”下來(lái)。

這種虛擬對(duì)現(xiàn)實(shí)的映射設(shè)計(jì),是基于進(jìn)化理論的一種更本質(zhì)的用戶預(yù)期,是寫(xiě)到基因里的本能,生來(lái)就會(huì)。

上面兩個(gè)例子,華為的截圖功能是被“發(fā)明”出來(lái)的,沒(méi)有任何現(xiàn)實(shí)依據(jù)。憑空捏造的東西,當(dāng)然也不會(huì)有明確的預(yù)期。

而小米的截圖功能,則是被“發(fā)現(xiàn)”出來(lái)的,挖掘了人類(lèi)的本能行為并融入到虛擬世界中。當(dāng)用戶使用截屏功能時(shí),不經(jīng)意間契合了身體的本能,用一次就能記住并學(xué)會(huì)。

在設(shè)計(jì)手勢(shì)交互時(shí),一定要找進(jìn)化論方面的理論依據(jù)。比如指關(guān)節(jié)敲擊,可能用于喚醒智能語(yǔ)音助手更合適,就像敲門(mén)。這樣才能做出符合本能的預(yù)期體驗(yàn)。

四、預(yù)期與 icon

上圖,同一條消息的兩種狀態(tài),圖一是預(yù)覽,圖二是詳情。圖一中的評(píng)論是 icon 形式,圖二中的評(píng)論是輸入框樣式。點(diǎn)擊后,二者跳轉(zhuǎn)頁(yè)面相同(圖三),都符合預(yù)期。

上圖,評(píng)論使用了輸入框樣式(圖一),點(diǎn)擊后卻跳到了新頁(yè)面(圖二),與預(yù)期不符。

總之,評(píng)論 icon 的靈活度較高,點(diǎn)擊之后浮層輸入最好,跳轉(zhuǎn)新頁(yè)面輸入也能接受。而評(píng)論輸入框,只能輸入框上滑并彈出鍵盤(pán),起碼視覺(jué)效果必須這樣。

在平時(shí),我會(huì)把App的語(yǔ)言改為中英以外的語(yǔ)言,然后去使用。不認(rèn)識(shí)文字,只能靠icon和動(dòng)效摸索使用,凡是能正常使用完主流程的App,我都會(huì)仔細(xì)研究。

五、預(yù)期與狼來(lái)了

假如有兩條推送信息,分別來(lái)自餓了么和美團(tuán)外賣(mài),都寫(xiě)著午餐5折,你會(huì)打開(kāi)哪條?

假如有兩封面試郵件,分別來(lái)自拉鉤和大街網(wǎng),都寫(xiě)著CEO邀請(qǐng)你面試,你會(huì)打開(kāi)那封?

……

我曾雙數(shù)次打開(kāi)餓了么,把優(yōu)惠午餐加入購(gòu)物車(chē),結(jié)算時(shí)又變?yōu)榱嗽瓋r(jià)。關(guān)閉餓了么推送,后來(lái)一年多再?zèng)]點(diǎn)過(guò)5折午餐。直到上周,不小心點(diǎn)到推薦位,才發(fā)現(xiàn)現(xiàn)在的5折居然是真的??赡苤暗?折優(yōu)惠配送費(fèi)額外高,也可能是我沒(méi)理解5折午餐的用法。但我是用戶,我沒(méi)錯(cuò)。

至于大街網(wǎng)的郵件,很勵(lì)志,幾乎每天被大廠看好,每天都有CEO約我面試,每月都被大廠加入人才庫(kù)。這樣的郵件每周收到三五封,點(diǎn)擊郵件內(nèi)的鏈接去到大街網(wǎng),才知道都是營(yíng)銷(xiāo)郵件。于是果斷拉黑,并棄用大街網(wǎng),哪怕真的錯(cuò)過(guò)面試機(jī)會(huì),也不想成天上當(dāng)受騙。

……

上面兩個(gè)例子,都是嚴(yán)重與預(yù)期不符,導(dǎo)致用戶對(duì)產(chǎn)品失去信任的情況。

 

本文由 @?微臣有bug要揍 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自u(píng)nsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!