有兩個(gè)產(chǎn)品設(shè)計(jì)常見(jiàn)的誤區(qū):
1.認(rèn)為用戶一定知道這個(gè)功能
2.認(rèn)為用戶一定會(huì)按照設(shè)計(jì)者設(shè)定的那樣去用產(chǎn)品
我們常討論的交互設(shè)計(jì)里的那些層次和方法赌朋,其實(shí)用戶是看不到的它匕,用戶真正能夠看到的是最終產(chǎn)品呈現(xiàn)給他們的涕蚤。所以我們需要一種方法用來(lái)檢測(cè)我的設(shè)計(jì)是否最終能夠被用戶用起來(lái)捌省,并且是否能達(dá)到我的設(shè)計(jì)目標(biāo)史煎。
老D老師教了一種產(chǎn)品設(shè)計(jì)“五步法”础爬。此方法脫胎于他十幾年的設(shè)計(jì)工作經(jīng)驗(yàn)阐枣,版權(quán)屬于永遠(yuǎn)的老D马靠!
“五步法”:看的見(jiàn)-看的懂-有興趣-用的爽-有反饋
【題目】請(qǐng)大家對(duì)照“五步法”來(lái)試用一下web版豆瓣的“提醒”功能,說(shuō)出自己試用過(guò)程中五個(gè)環(huán)節(jié)的感受和體驗(yàn)蔼两。如果發(fā)現(xiàn)有改進(jìn)的地方并能給出改進(jìn)方案就更好了甩鳄。
【作業(yè)】
第1步:看得見(jiàn)(key words:視覺(jué)引導(dǎo))
web版豆瓣(以下簡(jiǎn)稱“豆瓣”)的【提醒】導(dǎo)航在頁(yè)面頂部tab的右側(cè)第2個(gè),在頂部導(dǎo)航中屬于視覺(jué)次級(jí)中心宪哩,在同級(jí)的tab導(dǎo)航中屬于首要中心娩贷。
有消息提醒時(shí),【提醒】處會(huì)有紅色+數(shù)字標(biāo)記锁孟,在深色背景上非常突出彬祖。
看得到的意義就是要讓用戶使用某個(gè)功能,必須先讓他注意到這個(gè)功能品抽,一般做法是用個(gè)醒目的亮色储笑、用個(gè)動(dòng)畫,或者用有吸引力的文案來(lái)引導(dǎo)圆恤。一般消息提醒在一個(gè)產(chǎn)品中都是附加功能突倍,必須有,但一定不是主要的。而豆瓣又是一個(gè)以內(nèi)容生產(chǎn)為主的平臺(tái)羽历,所以用戶關(guān)注的重點(diǎn)是內(nèi)容焊虏,【提醒】不必要做得太醒目,有則可秕磷。
第2步:看得懂
第1步的作用是吸引用戶注意力诵闭,產(chǎn)生物理刺激,第2步則是要把這種物理刺激轉(zhuǎn)化為理性判斷澎嚣。
點(diǎn)開【提醒】疏尿,彈出菜單,有最近5條消息提示易桃,還可以設(shè)置[不再提醒]褥琐,從此以后該條消息的相關(guān)信息不再提示。但顯示的這5條消息包括了已經(jīng)查看過(guò)的消息晤郑,建議只展示新的敌呈、未查看過(guò)的提醒。
進(jìn)入【提醒】頁(yè)后贩汉,tab分為:全部驱富、請(qǐng)求锚赤、(我)回應(yīng)過(guò)的匹舞。
基本能看懂每個(gè)標(biāo)簽要表達(dá)的意思,但是這種分類方法有點(diǎn)凌亂线脚,后面討論赐稽。
第3步:有興趣
這一步的關(guān)鍵任務(wù)是:盡量吸引目標(biāo)用戶,用簡(jiǎn)練的方式傳遞出價(jià)值浑侥,命中用戶的核心需求姊舵。
豆瓣【提醒】將【請(qǐng)求】單獨(dú)羅列出來(lái),并在列表中展示得最詳細(xì)寓落,我個(gè)人猜想是由于豆瓣除了內(nèi)容產(chǎn)出括丁,還有一個(gè)重點(diǎn)是社區(qū),于是各種線上線下的活動(dòng)信息是豆瓣的推廣重點(diǎn)伶选,也是吸引用戶的關(guān)鍵史飞。
第4步:用的爽
通過(guò)考慮用戶場(chǎng)景,優(yōu)化使用流程仰税、用戶體驗(yàn)构资、設(shè)計(jì)原則等實(shí)現(xiàn)。
講道理陨簇,要回到討論豆瓣這個(gè)標(biāo)簽分類的問(wèn)題上了吐绵。
問(wèn)題1:在【提醒】里,視覺(jué)層級(jí)最高的應(yīng)該是“1條新回復(fù)”“4個(gè)人關(guān)注你”之類的更新動(dòng)態(tài),豆瓣在此處沒(méi)有做一個(gè)熱點(diǎn)操作的層級(jí)劃分己单。
問(wèn)題2:豆瓣將未點(diǎn)擊的提醒標(biāo)題為藍(lán)色唉窃,點(diǎn)擊后顯示為紫色,顏色差別不大較難區(qū)分纹笼。同時(shí)標(biāo)題為藍(lán)色鏈接句携,點(diǎn)擊即可跳轉(zhuǎn),但在這時(shí)候允乐,用戶的目標(biāo)信息應(yīng)該是“新回復(fù)”矮嫉,而不是帖子的標(biāo)題,所以點(diǎn)擊的對(duì)象設(shè)置錯(cuò)了牍疏。
問(wèn)題3:信息提醒時(shí)并沒(méi)有分類哪個(gè)是我發(fā)布消息的提醒蠢笋,哪個(gè)是他人發(fā)布消息、我回應(yīng)之后的提醒鳞陨,這其中又有一個(gè)問(wèn)題昨寞,當(dāng)我在別人帖子下留言時(shí),如果另一個(gè)人回復(fù)時(shí)沒(méi)有@關(guān)鍵人厦滤,則其他回復(fù)過(guò)的用戶都會(huì)收到提醒援岩,點(diǎn)進(jìn)去看后發(fā)現(xiàn)其實(shí)并不是有人回復(fù)了我,而是回復(fù)了樓主掏导。如果不選【不再提醒】的話享怀,只要有人跟帖,我這邊就會(huì)收到一堆的消息提醒趟咆。而當(dāng)我選擇了【不再提醒】以后添瓷,如果有人在該條帖子下@我并回復(fù),我不知道是否系統(tǒng)還會(huì)有提示值纱,暫時(shí)未測(cè)試過(guò)鳞贷。
第5步:有反饋(老D說(shuō)這是重點(diǎn)!敲黑板E斑搿)
老D說(shuō):有很多產(chǎn)品死就死在了這個(gè)環(huán)節(jié)上搀愧,比如來(lái)到一個(gè)頁(yè)面,點(diǎn)擊一個(gè)按鈕疆偿,彈出一個(gè)表單咱筛,填寫,然后發(fā)送翁脆,看到個(gè)成功提示眷蚓,然后,然后就沒(méi)有然后了...
以淘寶的訂單流程為正面例子反番,下單付款后沙热,賣家的操作和物流公司的操作叉钥,都會(huì)顯示在用戶這一段的系統(tǒng)上,有一個(gè)商品狀態(tài)提示篙贸。我們的系統(tǒng)通常是由若干個(gè)角色共同使用的投队,角色之間需要互相同步動(dòng)態(tài),要互相能知道對(duì)方現(xiàn)在正在干什么爵川,這樣可以給用戶一種安全感敷鸦。