從六個(gè)角度,淺析產(chǎn)品設(shè)計(jì)中的關(guān)鍵點(diǎn)
本文從默認(rèn)值、極值、字符類型、控件狀態(tài)、時(shí)間有效性和反饋6個(gè)角度詳細(xì)介紹了產(chǎn)品設(shè)計(jì)過程中需要注意的關(guān)鍵點(diǎn)。
默認(rèn)值
在產(chǎn)品設(shè)計(jì)過程中,默認(rèn)值設(shè)計(jì)的好,不僅可以引導(dǎo)用戶更好地完成任務(wù);也可以節(jié)省時(shí)間、提高效率,用戶獲得更好地體驗(yàn)。
舉例:關(guān)于“同意XX協(xié)議”選項(xiàng)是否應(yīng)該默認(rèn)選中。
前一陣,支付寶的年賬單刷爆了朋友圈。同時(shí),默認(rèn)選中“芝麻服務(wù)協(xié)議”一事也不斷發(fā)酵,引起了用戶的不滿。今天我們主要不是指責(zé)它,而是反思,為什么這樣的事件不能夠避免?
再來看另外一個(gè)關(guān)于默認(rèn)選中“同意XX協(xié)議”的例子,在我們注冊(cè)的某網(wǎng)站或APP時(shí),通常下方都會(huì)有“同意XX協(xié)議”的選項(xiàng),而且默認(rèn)選中,用戶從來不會(huì)感到不滿。為什么呢?
如果用戶沒有選中這個(gè)選項(xiàng),就不能完成注冊(cè)的任務(wù)。既然用戶下載APP并注冊(cè),就代表同意該協(xié)議,那我為什么不幫用戶選中呢,減少了操作,用戶獲得更好地體驗(yàn)。此外,注冊(cè)時(shí)默認(rèn)選中“同意XX協(xié)議”已成為一種行業(yè)慣例,用戶并沒有覺得不安全。
通過這兩個(gè)例子,可以看到,相同的默認(rèn)值在不同的情況下,會(huì)產(chǎn)生不同效果。因此,在設(shè)計(jì)默認(rèn)值時(shí),一定要站在用戶的角度去反復(fù)思考。
極值
極值涉及字符的長(zhǎng)度和數(shù)值的大小。像輸入框之類的文本需要關(guān)注字符的長(zhǎng)度;像年齡等之類的數(shù)值需要關(guān)注數(shù)值的大小。
除了極值的內(nèi)容,還需要關(guān)注極值的類型。極值可以分為極大值和極小值,還有空值的情況。
注冊(cè)時(shí),密碼都會(huì)有極小值和極大值的限制。極小值是為了避免密碼過于簡(jiǎn)單,極大值是為了避免過于復(fù)雜,而且密碼也更好管理。
登錄時(shí),如果輸入了賬號(hào),沒輸入密碼,便出現(xiàn)了空值。需要的關(guān)注的是出現(xiàn)空值后的反饋,好的解決方案是當(dāng)賬號(hào)和密碼沒有輸入時(shí),“登錄”按鈕不可點(diǎn)擊。
字符類型
一般來說,字符類型一般有大/小寫字母、數(shù)字、漢字、特殊字符(@)等,需要關(guān)注兩點(diǎn):一是什么情況下輸入什么樣的字符;二是輸入相應(yīng)的字符應(yīng)該有相應(yīng)的鍵盤。
- 大/小寫字母:是否區(qū)分大小寫;鍵盤應(yīng)該為方便輸入字母的鍵盤。
- 數(shù)字:多用于用戶輸入密碼、電話號(hào)碼等,鍵盤應(yīng)該為數(shù)字鍵盤。
- 漢字:鍵盤應(yīng)該為九宮格或全拼等方便用戶輸入,以及是否需要過濾名人的名字、粗俗的文字等。
- 特殊字符:以“@”舉例,當(dāng)輸入賬號(hào)時(shí),如果輸入@后,用戶很可能輸入的是個(gè)郵箱,需要把常用的郵箱后綴顯示以供用戶選擇。
輸入字符對(duì)用戶來說,不是一項(xiàng)友好的方式。盡量減少用戶手動(dòng)輸入,可以通過拍照的方式獲取銀行賬號(hào),可以通過系統(tǒng)自動(dòng)獲取手機(jī)號(hào),可以提供快速回復(fù)減少用戶的輸入,等等。
控件狀態(tài)
控件主要包括按鈕、文字、圖片和鏈接等,狀態(tài)主要分為可點(diǎn)擊和不可點(diǎn)擊??牲c(diǎn)擊的狀態(tài)又分為點(diǎn)擊前、點(diǎn)擊時(shí)和點(diǎn)擊后3種狀態(tài)。
通過控件狀態(tài),用戶可以獲得控件的優(yōu)先級(jí)以及控件類型。而不是像這樣:這是一個(gè)鏈接嗎?這個(gè)可以點(diǎn)擊嗎?這幾個(gè)按鈕到底應(yīng)該點(diǎn)哪個(gè)?
通過控件的顏色、控件的大小、控件的字體、控件的位置等方式給予用戶相應(yīng)的隱喻,而且盡量符合常規(guī)的使用習(xí)慣。比如,藍(lán)色一般用來表示鏈接,如果不是為了突出品牌標(biāo)識(shí),或者有一套自己的UI體系,盡量使用藍(lán)色吧。
在控件切換不同的狀態(tài)時(shí),給予相應(yīng)的變化。鏈接在為點(diǎn)擊狀態(tài)下是藍(lán)色,點(diǎn)擊之后可能變成了紅色。此外,對(duì)于一些需要反映時(shí)間的控件,比如支付寶付款按鈕支付時(shí),會(huì)有一個(gè)等待過程,可以添加相應(yīng)的動(dòng)畫,會(huì)收到不錯(cuò)的效果。
時(shí)間有效性
時(shí)間在產(chǎn)品設(shè)計(jì)過程是一個(gè)很重要的因素。
當(dāng)注冊(cè)賬號(hào)獲取驗(yàn)證碼時(shí),需要考慮發(fā)送驗(yàn)證碼的時(shí)間有效性和驗(yàn)證碼本身的有效性。
當(dāng)發(fā)放優(yōu)惠券時(shí),應(yīng)該明確告知用戶優(yōu)惠券的有效期限,并且應(yīng)跟隨網(wǎng)絡(luò)時(shí)間而不是手機(jī)時(shí)間;過了有效期,優(yōu)惠券應(yīng)該如何處理等。
我曾經(jīng)測(cè)試過,當(dāng)修改手機(jī)系統(tǒng)上的時(shí)間,支付寶支付和微信支付是如何運(yùn)作的。支付寶無(wú)法使用支付功能,微信支付可以正常使用??赡苤Ц秾氄J(rèn)為涉及金錢相關(guān)的功能,至關(guān)重要,所以只好暫停該功能。對(duì)于支付寶這樣的做法,可以理解,但不可以接受。微信支付的容錯(cuò)機(jī)制做的更好,當(dāng)我修改了手機(jī)時(shí)間,服務(wù)器端可能記錄的是實(shí)際的時(shí)間,支付賬單顯示的是手機(jī)的時(shí)間;當(dāng)我把手機(jī)上的時(shí)間改過來之后,支付賬單顯示手機(jī)(實(shí)際)時(shí)間。
反饋
反饋有3種類型,分別是模態(tài)反饋、對(duì)話框反饋和小氣泡。它們的使用需要根據(jù)實(shí)際的情況。
- 模態(tài)反饋:這種方式禁止用戶的操作,不是一種友好的方式,多用于不希望用戶打斷當(dāng)前的任務(wù)流或者不進(jìn)行這項(xiàng)操作無(wú)法進(jìn)行以下的操作。比如,當(dāng)網(wǎng)絡(luò)狀況不佳,斷線重連時(shí),一般會(huì)采用這種方式。
- 對(duì)話框反饋:這也不是一種友好的方式,一般用于進(jìn)行破壞性操作時(shí)的提示。比如刪除某個(gè)文件或者好友等。
- 小氣泡:這種方式更多的起到提示的作用,告知用戶的操作結(jié)果。比如,輸入的密碼不正確的文字提示等。
好的反饋不等于頻繁反饋,不要讓用戶感到厭煩,好的反饋應(yīng)該是“潤(rùn)物細(xì)無(wú)聲”。比如,登錄時(shí),當(dāng)沒有輸入賬號(hào)和密碼時(shí),“登錄”按鈕為不可點(diǎn)擊狀態(tài),比起“當(dāng)前賬號(hào)或密碼為空”的文字提示強(qiáng)很多。
產(chǎn)品必然是反復(fù)斟酌,窮盡所有。目前只想到了這六個(gè)方面,只當(dāng)拋磚引玉,期待有更加全面的分析。歡迎大家批評(píng)指正,讓我們共同進(jìn)步。
作者:Alan,走在試煉路上的產(chǎn)品小白,小白本身不可怕,可怕的是小白的心態(tài)。
本文由 @Alan 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自u(píng)nsplash,基于CC0協(xié)議
- 目前還沒評(píng)論,等你發(fā)揮!