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