從「使用場景」出發(fā),讓一切用戶體驗(yàn)都「剛剛好」
所謂“考慮使用場景”的意義,就是在恰當(dāng)?shù)膱鼍爸校瑒倓偤玫臑橛脩籼峁皠倓偤谩钡姆?wù)。
先放兩張圖:
相信用iphone的同學(xué)都知道,iphone有這兩種接電話的交互方式,但是不知道產(chǎn)品同學(xué)們有沒有想過,為什么同樣一個(gè)“接電話”的動(dòng)作,要設(shè)置兩種交互樣式呢?什么時(shí)候是左圖,什么時(shí)候是右圖?很多同學(xué)撓腦袋說一句:沒發(fā)現(xiàn)什么規(guī)律啊,這。。。隨機(jī)出現(xiàn)的吧?
拜托,再想想?
“接電話”這一個(gè)動(dòng)作,卻有兩種不同的交互方式,這個(gè)問題的答案就隱藏在“使用場景”這四個(gè)字里。想尋求答案?你且往下看。
“用戶使用場景”這個(gè)詞,產(chǎn)品同學(xué)們應(yīng)該都接觸過,但是很多產(chǎn)品同學(xué)并不理解這個(gè)詞到底是什么意思,也不知道在產(chǎn)品設(shè)計(jì)的工作中應(yīng)該如何“考慮用戶使用場景”。今天我們就來聊一聊,“用戶使用場景”到底是個(gè)什么鬼,以及如何“考慮用戶使用場景”。
使用場景,通俗一點(diǎn)理解就是,用戶使用產(chǎn)品的時(shí)候“環(huán)境”。呃,是不是覺得。。。跟沒解釋一樣?沒關(guān)系,你們先把刀放下,咱們把這個(gè)“環(huán)境(場景)”拆解細(xì)化一下。
用戶使用場景分類:
- 使用的時(shí)間:季節(jié)、月份、節(jié)假日、白天or晚上、睡覺前or起床后
- 使用的網(wǎng)絡(luò)狀況:Wi-Fi、4G、3G、2G、弱網(wǎng)環(huán)境
- 使用的心理狀態(tài):興奮、期待、憤怒、緊張、悠閑
- 使用設(shè)備:PC or 手機(jī)
- 其他:
- 使用的地理位置:家里(如果有需要,可區(qū)分臥室、客廳、衛(wèi)生間、廚房)、公司里、地鐵里。
- 周邊環(huán)境:安靜or嘈雜、高大上or接地氣
1、使用時(shí)間
不同的使用時(shí)間,有針對(duì)性的設(shè)計(jì)不同的頁面風(fēng)格與功能,在市面上很多的產(chǎn)品中,已經(jīng)體現(xiàn)的很好。
比如ipad版本的騰訊視頻APP,整個(gè)首頁的背景風(fēng)格就是暗黑色調(diào)。這是用戶在使用ipad看視頻的使用場景決定的。試想一下,你一般什么時(shí)候用ipad看視頻?是不是一般都是晚上下班回家之后躺在床上追劇看電影的?暗黑色的背景風(fēng)格既避免了在晚上光線較暗的環(huán)境下刺激用戶眼睛,也更好的凸顯了首頁視頻內(nèi)容,為用戶提供了更加友好的視頻觀看體驗(yàn)。當(dāng)然,“晚上回家之后躺在床上”的這個(gè)場景不應(yīng)該是出于我們的想象,科學(xué)的方法應(yīng)該是通過分析ipad版本的APP的活躍時(shí)間段,這樣分析出來的使用場景,才有意義,才有依據(jù)。
比如節(jié)假日期間,很多電商平臺(tái)都會(huì)在首頁換上很有購物氛圍的“氛圍圖”作為首頁背景,就可以有效的刺激用戶的購物欲望。就好像過年期間所有的超市都在放《恭喜發(fā)財(cái)》這系列的歌,這是一個(gè)道理。
再舉幾個(gè)小栗子:
比如閱讀類APP,每到深夜的時(shí)候可以給用戶提供一個(gè)“關(guān)燈”功能,這個(gè)關(guān)燈不是關(guān)掉用戶家里的燈,而是把APP中明亮的閱讀背景切換為暗色系的閱讀背景,令讀者眼睛更加舒適。當(dāng)然,“關(guān)燈”這個(gè)功能在APP中彈出的時(shí)間節(jié)點(diǎn)也不應(yīng)該是我們臆想出來的,也需要結(jié)合APP的活躍時(shí)間等一些列因素來制定的。在用戶剛剛想“關(guān)燈”的時(shí)候,為用戶提供了剛剛好的“關(guān)燈”服務(wù)。再比如摩拜單車的掃碼頁面有“手電筒”功能,就是為了用戶在夜間掃碼這個(gè)使用場景做的設(shè)計(jì)。
2、使用時(shí)網(wǎng)絡(luò)環(huán)境
不同的網(wǎng)絡(luò)環(huán)境切換不同的產(chǎn)品使用模式,主要是針對(duì)流量消耗比大的APP,比如在線視頻類(加載&下載)、云盤網(wǎng)盤類(上傳&下載)、電商類(不要小看你刷一下午淘寶所消耗的流量)。
上栗子:
天貓APP,當(dāng)檢測到網(wǎng)絡(luò)環(huán)境由Wi-Fi切換到了移動(dòng)網(wǎng)絡(luò)的時(shí)候會(huì)用toast提示用戶:“在移動(dòng)網(wǎng)絡(luò)下,為您呈現(xiàn)普通質(zhì)量圖片”,這種設(shè)置方式就有效的節(jié)省了用戶的流量,并且提高了頁面加載速度,為用戶提供了足夠的“安全感”,不至于在4G環(huán)境下刷一天淘寶之后第二天發(fā)現(xiàn)房子是中國聯(lián)通的了。
網(wǎng)易新聞客戶端的直播功能,在檢測到非Wi-Fi的網(wǎng)絡(luò)環(huán)境時(shí),會(huì)直接在播放器頁面上給出提示文案:“正在使用非Wi-Fi網(wǎng)絡(luò)播放講(應(yīng)該是“將”,網(wǎng)易的錯(cuò)別字)產(chǎn)生流量費(fèi)用”
很多產(chǎn)品同學(xué)在考慮網(wǎng)絡(luò)狀況的時(shí)候通常只考慮“Wi-Fi網(wǎng)絡(luò)”“移動(dòng)網(wǎng)絡(luò)”“無網(wǎng)絡(luò)”三種情況,有一種“弱網(wǎng)環(huán)境”的情況是很多同學(xué)沒有考慮過的?!叭蹙W(wǎng)環(huán)境”可以理解為,通過數(shù)據(jù)能夠檢測到APP心跳,但是請(qǐng)求接口&返回?cái)?shù)據(jù)的時(shí)候出現(xiàn)數(shù)據(jù)返回異常、加載過慢等情況。這個(gè)時(shí)候給的提示,應(yīng)該是區(qū)別于“無網(wǎng)絡(luò)”環(huán)境的提示的。比如:“當(dāng)前網(wǎng)絡(luò)環(huán)境較差,請(qǐng)檢查您的網(wǎng)絡(luò)”當(dāng)然,是否要有“弱網(wǎng)環(huán)境”的特殊的網(wǎng)絡(luò)環(huán)境區(qū)分,還需要結(jié)合各自的業(yè)務(wù)情況。
3、用戶使用時(shí)的心理
用戶使用心理也是很多產(chǎn)品同學(xué)都容易忽略的一個(gè)點(diǎn)。思考一下,你負(fù)責(zé)的這個(gè)功能,在用戶使用的時(shí)候用心理狀態(tài)是什么。我們能不能根據(jù)用戶使用該模塊時(shí)候的不同情緒,進(jìn)行不用的風(fēng)格設(shè)計(jì)。
以我所在的電商領(lǐng)域?yàn)槔按_認(rèn)收貨”與“申請(qǐng)退換貨”這個(gè)功能大家應(yīng)該都用過,那么用戶在進(jìn)行“確認(rèn)收貨”操作與“申請(qǐng)退換貨”操作的心情肯定是不一樣的。“確認(rèn)收貨”的時(shí)候用戶的心情就類似于拆快遞時(shí)候的心情:
一個(gè)字:爽!
兩個(gè)字:很爽!
八個(gè)字:寶貝兒你咋才來?。?/p>
(對(duì)!你沒看錯(cuò)!就是沒有三四五六七個(gè)字的例子?。?/p>
結(jié)合著這種“拆快遞的心情”,就可以考慮在用戶在進(jìn)行操作的頁面文案上進(jìn)行一定的處理,比如彈窗再也不是干巴巴的“確定”“取消”。而是一種可以喚起用戶“同理心”的情緒引導(dǎo)性文案,用戶在使用的時(shí)候就像發(fā)現(xiàn)了一個(gè)小彩蛋一樣。不要小看這一個(gè)個(gè)很小的“點(diǎn)”的力量。用戶是感性的,在使用某款產(chǎn)品的時(shí)候,經(jīng)常恰恰是某一個(gè)很小很小的點(diǎn),恰到好處的觸到了用戶的G點(diǎn),邂逅,就這么發(fā)生了。
圖片僅為示例
4、使用設(shè)備:
同一款產(chǎn)品,尤其是內(nèi)容類產(chǎn)品,在PC與APP上顯示是有很大差別的。
這次,把我自己當(dāng)栗子。
其實(shí)在最初寫文章的時(shí)候,我就意識(shí)到一個(gè)事情:我寫這篇文章的過程,其實(shí)本身就是產(chǎn)品設(shè)計(jì)的過程。正在閱讀這篇文章的讀者,實(shí)質(zhì)上就是用戶。我寫下的這篇文章,就是呈現(xiàn)在用戶面前的產(chǎn)品。我寫下的每一個(gè)文字、插入的每一張圖片、進(jìn)行的每一次排版,都會(huì)影響讀者的閱讀體驗(yàn)。
有時(shí)候我在閱讀平臺(tái)上的一些文章的時(shí)候,我就在想:這篇文章的作者一定沒有很全面的考慮用戶使用情景。為什么呢?因?yàn)槲野l(fā)現(xiàn)很多作者在文章中穿插的圖片,閱讀起來體驗(yàn)很差:動(dòng)不動(dòng)就是一個(gè)巨大的流程圖或者思維導(dǎo)圖,這種圖片往往是使用“截圖”功能截下來的,“截圖”的過程中本身就會(huì)有一定的分辨率損耗,再上傳到網(wǎng)站上,也許還會(huì)有進(jìn)一步的壓縮,如果字多一點(diǎn)、字小一點(diǎn),用戶幾乎無法看清圖片上的文字(大家回想一下,是不是看到過好多這種圖?)。
文章上傳是在PC端,作者們預(yù)覽了一下,覺得視覺效果還不錯(cuò),就直接發(fā)了。但是沒有考慮到很多用戶閱讀到這篇文章的時(shí)候,往往是在手機(jī)上(文章有可能被發(fā)到公眾號(hào)、今日頭條、簡書等平臺(tái),都是移動(dòng)端),很多圖片上的文字小到我在PC上使用“點(diǎn)擊查看大圖”功能都看不清,更別說使用手機(jī)瀏覽文章的用戶了。這種圖片對(duì)于手機(jī)端的用戶來講,不僅沒有起到幫助閱讀與促進(jìn)理解的作用,反而會(huì)成為一種閱讀障礙,屬于典型傷害閱讀體驗(yàn)的內(nèi)容,很多手機(jī)端的讀者在看到這類圖片的時(shí)候,掃了一眼發(fā)現(xiàn)啥也看不清,就像“跨越障礙”一樣直接用拇指在手機(jī)屏幕快速往上一劃,繼續(xù)閱讀圖片下面的文字了。即使圖片上的內(nèi)容極其“干貨”,對(duì)用戶來講確實(shí)有很大價(jià)值,用戶先把圖片存到手機(jī)相冊(cè),再到手機(jī)相冊(cè)放大圖片逐字閱讀,也極大地增加了讀者的信息獲取成本,體驗(yàn)確實(shí)很差。
不可否認(rèn)的是,很多作者在制作這些圖片的時(shí)候,確實(shí)花了很大精力與時(shí)間,比如單單一個(gè)思維導(dǎo)圖,就需要作者花費(fèi)兩個(gè)小時(shí)甚至更多的時(shí)間去完成。但是讀者(用戶)是不關(guān)心工作量的,讀者只關(guān)心我能不能從文章中讀到我想讀的東西(干貨)。如果圖上的文字連看都看不清,那么即使這種張圖表的內(nèi)容用了一年的時(shí)間完成, 對(duì)讀者依然是沒有意義,并且讀者也不會(huì)關(guān)心。而這個(gè)問題,就是沒有考慮用戶的使用場景導(dǎo)致的。
所以在我之前的文章里,都盡可能的少用圖(我從來都相信文字表達(dá)的深度)。即使用圖,也會(huì)保證圖片的文字很少并且在移動(dòng)端可以看清。除此之外,還要考慮增加文章的可讀性,為了能讓你們看的下去,我都盡量把本來枯燥無味的邏輯性文字包裝成段子輸出給你們。樂著,就看懂了我想表達(dá)什么。
比如這幾篇文章:
《產(chǎn)品經(jīng)理,你會(huì)不會(huì)好好說話?》
《產(chǎn)品經(jīng)理,為什么你跟領(lǐng)導(dǎo)撕逼從來都贏不了?》
通篇寫理論,我也不是不能寫,但是你們不愛看啊!
操碎了心我真是。
容易么我。
5、其他
讀到這,不知道大家有沒有想出來,在文章開頭的兩張圖,iphone接電話的兩種交互方式是分別在什么使用場景下制定的。
公布答案:
左圖的交互方式,是在手機(jī)未鎖屏?xí)r的交互方式。
右圖的交互方式,是在手機(jī)鎖屏?xí)r的交互方式。
手機(jī)在未鎖屏?xí)r,手機(jī)有很大概率是在被用戶使用的狀態(tài),因此不會(huì)產(chǎn)生誤觸,不需要完成“點(diǎn)擊-滑動(dòng)-松開”這一系列較為復(fù)雜的操作,只需要點(diǎn)擊一下就可以完成接聽動(dòng)作,用戶接聽起來就很方便。
手機(jī)在鎖屏?xí)r,是未被用戶使用的狀態(tài),這個(gè)時(shí)候手機(jī)有可能不在用戶眼前,比如在口袋里,或者包里。采用“滑動(dòng)接聽”的交互方式,可以有效的防止誤觸。
是不是,真相大白了。
這篇文章不可能把所有的用戶使用場景都覆蓋到,但是跟大家交流的其實(shí)是一種思路,如何考慮使用場景,并且有針對(duì)性的優(yōu)化產(chǎn)品。魚,不重要。漁,才重要。
考慮用戶使用場景對(duì)產(chǎn)品設(shè)計(jì)的重要性,遠(yuǎn)遠(yuǎn)超過很多產(chǎn)品同學(xué)的想象。結(jié)合用戶的使用場景,讓一切提供給用戶的服務(wù),都是剛剛好。
用戶剛剛覺得口渴,我們就把一杯溫度剛剛好的白水送到用戶面前。
用戶剛剛覺得冷,我們就把一件厚薄剛剛好的外套送到用戶面前。
一切,都是剛剛好。
剛剛好,就很好了。
作者:譚小超,拿掉所有的標(biāo)簽,僅僅是一個(gè)想做好產(chǎn)品的小學(xué)生而已。
本文由@譚小超?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
雖然說考慮了用戶場景,但一致性就欠缺了,不明真相的用戶在突然看到另一種交互方式的時(shí)候可能會(huì)產(chǎn)生疑惑,咋突然變這樣了呢?
作者寫的很好。作者舉得蘋果的例子我倒是很早有過思考并且得出過跟作者所說的一樣的答案,但是我是在鎖屏狀態(tài)下無法直接掛斷電話,而激發(fā)出的思考,也就是說,這個(gè)設(shè)計(jì)曾經(jīng)帶給我很不好的體驗(yàn)。
鎖屏效果下不是連按2下鎖屏鍵就能拒聽了嘛
譚博犀利
學(xué)習(xí)了,應(yīng)該逐漸培養(yǎng)這種思想,謝謝超哥!
順便說一句,心疼一下超哥啊~寫成段子確實(shí)讀起來很好,繼續(xù)操心下去吧,哈哈
第4點(diǎn)關(guān)于使用設(shè)備的部分,說到寫文章上傳圖片,特別是一些導(dǎo)圖,我也經(jīng)常用;
從直接看的角度來講,確實(shí)很多導(dǎo)圖看不清楚;
但你發(fā)現(xiàn)沒,很多新人喜歡去收藏,有圖的文章,往往收藏率比較高;
是,確實(shí)很多新人喜歡收藏,這一點(diǎn)我原來想在文章里寫的:想問各位新人同學(xué)們,你們收藏的文章,可曾塵封。。。
哈哈,那倒是,很多時(shí)候收藏后也就沒打開過了;
我沒有太明顯的收藏意識(shí),我看這些前輩們的經(jīng)驗(yàn)是在文本文檔記下來的,把自己看到的覺得應(yīng)該學(xué)習(xí)的東西記下來,最前面把網(wǎng)址記下來,偶爾翻開看看(現(xiàn)在感覺應(yīng)該增加翻看的頻率了),幾乎不使用收藏功能,確實(shí)收藏了也不回去再看一遍。
對(duì)第二種我也經(jīng)常困惑,每次都不知道怎么掛電話,直到幾次嘗試按電源鍵才掛掉,不知道這個(gè)功能就這樣設(shè)計(jì)的還是無心插柳
精通iPhone的人知道,點(diǎn)擊電源鍵一次靜音,兩次掛斷,這個(gè)功能確實(shí)挺人性化的,但是這只是在這種“你已經(jīng)知道有這個(gè)功能”的情況下覺得人性化。我們想象這樣一種場景,一個(gè)剛剛食用iPhone的人,第一次打電話是用的第一個(gè)界面,很清晰明白,紅色掛斷,綠色接聽,之后第二個(gè)電話卻變成了第二種界面,這時(shí)我敢說這個(gè)用戶百分百會(huì)感到困惑,之前的使用經(jīng)驗(yàn)全沒用了,顏色與之前也不相同,交互也不相同。最重要的是掛斷沒有了,用戶第一反應(yīng)會(huì)覺得這是一個(gè)bug。
記得最開始 我使用就是這種感覺,完全不知道怎么掛斷 ?
首先,考慮場景,和該場景下用戶的心理,很正確。另外,我覺得iPhone的兩種接聽屬于脫褲子放屁,會(huì)讓用戶迷惑,比如第二種接聽,到底如何掛斷?
我有時(shí)候也碰到這樣的情況,幸虧 我知道如何靜音,但是大部分人是不知道的;