網(wǎng)站建設(shè)公司常說的視覺還原測試是什么?深圳
網(wǎng)站建設(shè)公司資深設(shè)計師在本欄目還原一個場景,這個場景作為一個網(wǎng)站設(shè)計師是不是很熟悉:最近幾周以來,你一直在做網(wǎng)站的聯(lián)系表,努力地微調(diào)表單的各種輸入框,直到它們看起來和 Photoshop 設(shè)計稿完全一樣。你已經(jīng)小心翼翼地對比了所有的內(nèi)邊距、外邊距、邊框和行高。而且產(chǎn)品負責人也認為,“以后用這個聯(lián)系表就可以了”。安全地提交了代碼之后,你開始下一項工作,并且不再做那些重復(fù)出現(xiàn)的、有關(guān)瀏覽器下拉列表渲染差異的噩夢。幾個星期后,你在任務(wù)列表中驚訝地發(fā)現(xiàn)一個熟悉的條目:聯(lián)系表。一些設(shè)計師、業(yè)務(wù)分析師或質(zhì)量保證工程師帶著尺子來到你的設(shè)計前,把它和最新的 Photoshop 設(shè)計稿相比較,發(fā)現(xiàn)了一系列差異。但是,為什么呢?難道有人破壞了你的代碼?或者有人修改了設(shè)計稿?追查罪魁禍首對你來說太奢侈,你沒有那個時間。因此,你坐下來開始了一系列的調(diào)整,并且希望這是你最后一次碰這個聯(lián)系表,但同時也已經(jīng)向現(xiàn)實屈服:在網(wǎng)站發(fā)布之前,你可能還要再碰到它幾次。

網(wǎng)站建設(shè)公司常說的視覺還原測試是什么之常見的質(zhì)疑
在這個世界上,我最喜歡的聲音就是決策者的尖叫:“功能 X 被完全破壞了!”翻譯為開發(fā)者的術(shù)語,這通常意味著一些字體樣式不正確,或者一些垂直對齊需要修復(fù)。這個功能本身有沒有被確認或達成一致并不重要,重要的是當前產(chǎn)品的樣子和過去一周決策者一直關(guān)注著的 Photoshop 設(shè)計稿有區(qū)別。由于這些在我身上也發(fā)生了一遍又一遍,下面就來探索一下導(dǎo)致這個問題的常見原因,以及究竟是什么讓你像旋轉(zhuǎn)木馬一樣陷入死循環(huán)。
網(wǎng)站建設(shè)公司常說的視覺還原測試是什么之不了解情況的開發(fā)者
即使你的代碼完美無缺,也會被其他開發(fā)者的短短幾行不正確的代碼破壞掉。其他開發(fā)者一直在做別的表單組件,并沒有意識到他們正在編寫的 CSS 類是和你的聯(lián)系表單共用的。他們可能在你提交代碼后的幾周內(nèi)編寫了這些代碼,也可能是和你同時寫出的。
無關(guān)的頁面上的小樣式的改動,往往會被 QA 團隊忽略。他們手上有幾十個甚至上百個頁面需要測試,因此沒辦法注意到標簽字體上只有兩個像素的改動。
網(wǎng)站建設(shè)公司常說的視覺還原測試是什么之不一致的設(shè)計
請允許我告訴你一個 Photoshop 的陰險的小秘密。當設(shè)計師改變了某個文件中的表單標簽字體時,其他 PSD 文件中的字體并不會奇跡般地同步更改??杀氖牵?PSD 文件中沒有哪一頁是用來級聯(lián)地說明所有元素的樣式規(guī)范。即便所有的設(shè)計師都知道字體更改并修改了 PSD 文件,但那些遺留在郵件列表、BaseCamp 會話和 Dropbox 目錄里的 PSD 文件依然是修改前的模樣。如果有設(shè)計師、業(yè)務(wù)分析師或質(zhì)量工程師,對照著不知哪個版本的 PSD 文件審核了你的聯(lián)系表,十有八九他們哪天會發(fā)現(xiàn)你的聯(lián)系表是有問題的(也就是他們認為的“功能被完全破壞了”)。然后他們給你創(chuàng)建一個新的用戶故事去解決這些問題,而你只能祈禱這些改變不會在下一次某個設(shè)計師看到聯(lián)系表時給你添更多的麻煩。
網(wǎng)站建設(shè)公司常說的視覺還原測試是什么之舉棋不定的決策者
根據(jù)無限可能性法則,如果有足夠多的決策者仔細研究足夠多的功能,那么百分之百會有人發(fā)現(xiàn)想要修改的地方。改動是不可避免的,如果使用恰當?shù)拈_發(fā)模式,那么改動也是完全可以接受的。然而,當改動偽裝成缺陷時(或者二者之間也不存在什么區(qū)別),開發(fā)者最終將花費大量的時間來開發(fā)還處于原型期的功能上。在公開發(fā)布前對功能進行原型開發(fā)是沒有問題的,事實上這是很好的實踐。但原型需要基于設(shè)計快速迭代之后的最終設(shè)計稿做出,最終結(jié)果是一個大家一致認可的產(chǎn)品。如果讓開發(fā)者在每個沖刺(sprint)周期里開發(fā)原型,又不停地在下一個沖刺周期里修改它,這不僅會降低開發(fā)者的效率,也是一種極為低效的原型開發(fā)方法。好了,
深圳網(wǎng)站建設(shè)公司本文關(guān)于“網(wǎng)站建設(shè)公司常說的視覺還原測試是什么?”就分享到這里。您如果需要深圳的網(wǎng)站建設(shè)公司為您定制設(shè)計開發(fā)高端網(wǎng)站,請聯(lián)系我們網(wǎng)站客服,免費您提供設(shè)計制作方案。謝謝關(guān)注,博納網(wǎng)絡(luò)編輯整理。