天貓?jiān)O(shè)計(jì)師為什么說(shuō)不真實(shí)的產(chǎn)品測(cè)試是無(wú)效的?
王鎮(zhèn)雷:之前我寫(xiě)過(guò)一篇文章《喂,你設(shè)計(jì)稿的文案和圖片都真實(shí)嗎?》,講述的是設(shè)計(jì)師在能力所及時(shí),應(yīng)該盡可能將設(shè)計(jì)稿中的所有內(nèi)容都換成真實(shí)的數(shù)據(jù)。
所謂真實(shí)的數(shù)據(jù),包含但不限于文案、圖片、價(jià)格、品牌等。對(duì)于更復(fù)雜的需求,數(shù)據(jù)可能還會(huì)包含不同時(shí)間段時(shí)的產(chǎn)品狀況,甚至還有多個(gè)產(chǎn)品需求疊加/互斥等復(fù)合邏輯。
所以,我們?cè)谧鲈O(shè)計(jì)方案時(shí),除了重要場(chǎng)景的界面設(shè)計(jì)(正常主流程),也有相稱(chēng)多時(shí)間花費(fèi)在特別場(chǎng)景的處理(非常和分支流)。
而隨著工作涉及的產(chǎn)品越來(lái)越復(fù)雜,我越來(lái)越覺(jué)得除了真實(shí)的設(shè)計(jì)稿之外,真實(shí)的產(chǎn)品測(cè)試也是同樣緊張。
以下幾個(gè)場(chǎng)景,是設(shè)計(jì)師在走查開(kāi)發(fā)還原度、測(cè)試產(chǎn)品流程時(shí)經(jīng)常碰到的:
一. 假的文案,假的圖片素材
一樣平常來(lái)說(shuō),文案會(huì)隨著產(chǎn)品需求一路寫(xiě)在 PRD 文檔里,告訴大家在什么時(shí)候出現(xiàn)什么內(nèi)容。然后設(shè)計(jì)師會(huì)從 PRD 文檔里原封不動(dòng)地把這些文案 Copy 到設(shè)計(jì)稿中(當(dāng)然不負(fù)責(zé)的設(shè)計(jì)師會(huì)本身隨便編,負(fù)責(zé)的設(shè)計(jì)師還會(huì)反過(guò)來(lái)和產(chǎn)品經(jīng)理一路優(yōu)化文案)。而這些文案,其實(shí)最終還會(huì)進(jìn)入到體系中,精確地展示到用戶面前。
在測(cè)試過(guò)程中,經(jīng)常由于時(shí)間關(guān)系來(lái)不及去校對(duì)所有的文案?;蛘呤怯捎谖陌笀?chǎng)景太多,或者是由于覺(jué)得文案后面還會(huì)改,所以總是不能看到精確的文案。而當(dāng)設(shè)計(jì)師提出題目時(shí),開(kāi)發(fā)也總會(huì)說(shuō)「這個(gè)隨時(shí)可以改的,先不要在意這個(gè)點(diǎn)」。
真實(shí)線上產(chǎn)品,文案也是經(jīng)常出題目的一點(diǎn)——表意不清、有歧義、時(shí)間錯(cuò)亂等等。圖片素材也是類(lèi)似,都必要我們?cè)谇捌跍y(cè)試中真正去跑一遍。
二. 復(fù)合產(chǎn)品分開(kāi)測(cè)試,未薈萃總測(cè)
一個(gè)網(wǎng)頁(yè)里有三個(gè)新功能必要上線,最常見(jiàn)的測(cè)試方法是把三個(gè)功能分開(kāi)自力測(cè)試。假如這三個(gè)功能不是完全隔離的,如許分開(kāi)測(cè)風(fēng)險(xiǎn)就特別很是高。由于我們單獨(dú)看一個(gè)功能彷佛沒(méi)題目,但是連動(dòng)查看其他功能時(shí),可能就不是正常的場(chǎng)景了。
此外,即便三個(gè)功能是隔離的,我也經(jīng)常在測(cè)試中看到不應(yīng)該一路出現(xiàn)的功能展示在統(tǒng)一個(gè)網(wǎng)頁(yè)里。而我們可能會(huì)給本身找托言:「先別管那個(gè)功能,正常情況下它不會(huì)出現(xiàn)」。但可能就由于你的一個(gè)疏忽,上線時(shí)用戶也會(huì)看到這些不該同時(shí)出現(xiàn)的內(nèi)容。
三. 全鏈路完備測(cè)試
和前一種情況很像,由于公司重大,所以在測(cè)試時(shí)經(jīng)常每個(gè)產(chǎn)品線單獨(dú)測(cè)試。比如首頁(yè)是一個(gè)團(tuán)隊(duì)、搜索是一個(gè)團(tuán)隊(duì)、用戶中間又是一個(gè)團(tuán)隊(duì),測(cè)試時(shí)大家常常只按著本身范圍內(nèi)的產(chǎn)品體現(xiàn)。
而許多產(chǎn)品功能都不會(huì)只作用于一個(gè)鏈路,每每都是由多個(gè)鏈路配合實(shí)現(xiàn)的。就拿用戶買(mǎi)東西來(lái)說(shuō),勢(shì)必都要經(jīng)過(guò)首頁(yè)、搜索、商品詳情、下單、購(gòu)物車(chē)等等界面。而在測(cè)試時(shí),我點(diǎn)擊下單之后沒(méi)有正常反饋,大家卻說(shuō)是由于購(gòu)物車(chē)那邊數(shù)據(jù)返回還沒(méi)做好。
所以很容易理解:產(chǎn)品的全鏈路、全場(chǎng)景聯(lián)合測(cè)試是多么緊張。
四. 極端非常場(chǎng)景未測(cè)試
正常主流程是所有人都會(huì)關(guān)注、測(cè)試的。通俗非常流也是大家會(huì)留意的。但對(duì)于一些特別很是極端、特別很是特別的場(chǎng)景,一來(lái)制造如許的情景比較難(技術(shù)上,特別場(chǎng)景的觸發(fā)條件也同樣苛刻),二來(lái)覺(jué)得這些場(chǎng)景出現(xiàn)概率不高,也就不是那么緊張。
舉個(gè)例子,我經(jīng)常碰到的一個(gè)非常情況是「技術(shù)接口返回非常」。常見(jiàn)的處理方法是做一個(gè)通用的非常彈窗,告訴用戶諸如「網(wǎng)絡(luò)被擠爆了,請(qǐng)稍后再試」。但現(xiàn)實(shí)上新功能測(cè)試時(shí),照舊要驗(yàn)證一下是否所有網(wǎng)絡(luò)相干的非常情況都配置了這個(gè)界面。我就見(jiàn)過(guò)按鈕點(diǎn)擊后毫無(wú)反應(yīng),或者點(diǎn)擊多次出現(xiàn)多次效果的情況發(fā)生。
再比如,許多產(chǎn)品狀況與數(shù)值相干:用戶的積分、等級(jí),產(chǎn)品自己稀有量限定等等。那積分不足、等級(jí)不夠,產(chǎn)品售罄的狀況該如何處理?都是必要設(shè)計(jì)且測(cè)試的。當(dāng)真實(shí)上線真正碰到題目時(shí),要靠這些場(chǎng)景來(lái)救命。
五. 與時(shí)間相干的產(chǎn)品場(chǎng)景錯(cuò)亂
以電商產(chǎn)品的大促為例,很多場(chǎng)景都是和時(shí)間強(qiáng)相干的,比如一個(gè)大促活動(dòng)會(huì)在5月5日到5月15日之間進(jìn)行,那么測(cè)試時(shí),界面上所有和時(shí)間相干的數(shù)據(jù)都應(yīng)該在這個(gè)時(shí)間內(nèi)。
舉個(gè)很典型的例子,倒計(jì)時(shí)類(lèi)的組件就經(jīng)常在測(cè)試時(shí)發(fā)現(xiàn)錯(cuò)誤,并沒(méi)有指向目標(biāo)時(shí)間點(diǎn),甚至展示了過(guò)期的時(shí)間「距開(kāi)始」,變成「距結(jié)束」。而多個(gè)產(chǎn)品各自有本身的生命周期時(shí),測(cè)試就會(huì)變得更加復(fù)雜,錯(cuò)誤情況也會(huì)更多。
六. 多設(shè)備測(cè)試
Android 設(shè)備在整個(gè)移動(dòng)端的占比高得超乎你的想象(70%+),而我們身邊絕大多數(shù)設(shè)計(jì)師和產(chǎn)品經(jīng)理都在使用 iOS 體系。我已經(jīng)見(jiàn)過(guò)太多次 iOS 上還原度極高的界面放在 Android 中無(wú)法直視的場(chǎng)景,還有許多基礎(chǔ)功能兩邊不同等等等。
因此,一次負(fù)責(zé)任的測(cè)試,都必須要把多個(gè)可能涉及的設(shè)備都拿出來(lái)檢查一次,盡可能使得多端體驗(yàn)同等。
小結(jié):
但越是難以檢查和測(cè)試的場(chǎng)景,越容易出現(xiàn)題目,也就越有需要在上線之前查看結(jié)果。當(dāng)復(fù)雜時(shí)間線互相穿梭,也常出現(xiàn)不該有的內(nèi)容出如今界面上、該生效的組件沒(méi)有生效的情況。
榮幸的是,基本我碰到的開(kāi)發(fā)和測(cè)試同窗都是極其負(fù)責(zé)的。假如時(shí)間充裕、大家精力足夠,測(cè)試同窗一樣平常都會(huì)根據(jù)真實(shí)情況造好測(cè)試場(chǎng)景,然后嚴(yán)酷對(duì)照用例一個(gè)一個(gè)去展示。
但當(dāng)項(xiàng)目時(shí)間緊、營(yíng)業(yè)復(fù)雜度高、組織內(nèi)部流程長(zhǎng)的時(shí)候,就難以做得十全十美了。這也側(cè)面證實(shí),需求管理和人力資源的分配,同樣極其緊張。
迎接關(guān)注作者的微信公眾號(hào):「王鎮(zhèn)雷」
本文地址:http://irelandcustomcontracting.com/tutorial/di3923.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏