作為開發(fā)者肯定無法做到與設(shè)計師一樣的對圖像的敏感，所以在開發(fā)過程可能會出現(xiàn)一定的偏差，設(shè)計走查能夠快速的幫助開發(fā)者找到差異，還能給到解決方案最終完成高質(zhì)量的交付，今天小千就來給大家介紹一下設(shè)計走查應(yīng)該注意哪些地方。
視覺：首先根據(jù)任務(wù)流程測試大的功能、交互、狀態(tài)、空頁面是否缺失，保證設(shè)計的完整性；走查頁面還原：位置、間距、大小、顏色、文字易讀（大小、自重、行高、段落等）；組件化頁面，檢查組件使用；檢查圖標(biāo)、按鈕可操作區(qū)域操作可行性；點擊區(qū)域的反饋是否有正確的 Toast 提示和正確的跳轉(zhuǎn)；圖標(biāo)、圖形、插畫的清晰度和陰影的還原度；動效的使用；顏色差異等。
交互：組件控件的各種交互操作的各種狀態(tài)；各個業(yè)務(wù)狀態(tài)；走查分兩個階段——第一階段：自我內(nèi)部自查（開發(fā)、其他人員會在開發(fā)過程中會再發(fā)現(xiàn)問題）；第二階段：上述的測試驗收走查，這個階段就是要去平衡開發(fā)時間和上線效果時間；提示文字、輸入框引導(dǎo)文案、鍵盤調(diào)用效果、操作類內(nèi)容展示、用戶感知度、流程結(jié)束后操作、點擊返回引發(fā)的操作提醒、同類操作入口的統(tǒng)一性；特殊情況走查等。
注意點：覆蓋不同狀態(tài)下的頁面走查；根據(jù)業(yè)務(wù)流程走查，避免遺漏。
發(fā)現(xiàn)問題：要想達到最高質(zhì)量的設(shè)計還原，就需要得出精確的各類差異參數(shù)，相對傳統(tǒng)一點的方法，就是把設(shè)計稿中的頁面與對應(yīng) App 全部截屏，然后通過 Ps 或者 Sketch 等設(shè)計工具與設(shè)計稿疊加對比；走查間距、位置、大小時，設(shè)計稿放在下層，截屏頁放在上層，截屏層的透明度調(diào)成 50% 左右，查看重合度；走查顏色主要靠像素眼，一般感覺色差不對，對截屏頁進行吸色對比。
走查報告：首先列好走查的頁面，每個頁面下面記錄好存在的問題，比如：寫明頁面與設(shè)計稿不符的具體位置，按自己的判斷與理解應(yīng)該如何調(diào)整才能達到設(shè)計還原，并放上對應(yīng)的設(shè)計稿進行標(biāo)注；標(biāo)明出問題優(yōu)先級、測試機型。
產(chǎn)品正式上線以后，第一時間下載安裝，對該版本所有需求頁面進行體驗與使用，觀察頁面上是否有新的視覺問題或調(diào)整不到位的問題；發(fā)現(xiàn)問題后及時進行記錄，反饋給開發(fā)，一起探討出現(xiàn)問題的原因與確認調(diào)整時間與方案。
以上就是UI設(shè)計師走查的介紹了，最后如果你對UI設(shè)計感興趣的話不妨來千鋒UI設(shè)計培訓(xùn)班了解一下我們的UI設(shè)計培訓(xùn)課程，現(xiàn)在咨詢還有免費UI設(shè)計學(xué)習(xí)教程視頻領(lǐng)取，先到先得。
京公網(wǎng)安備 11010802030320號