原型走查，是什么呢？

原型走查，是基于原型的方向，在視覺設計之前作出條理有序的走查，從原型上排查缺點，了解用戶的需求、找準問題，從而提高原型評審。

簡單來說，原型走查圖，是針對實際工作中的困境，優(yōu)化工作流程痛點，提高原型的評審效率。

作為一名UI設計師，我們在工作中，往往會遇到各種各樣的問題，在進行頁面設計前，原型便是我們遇到的一個重要的難題：有時候是產(chǎn)品經(jīng)理在設計原型圖的時候，把原型圖當做視覺稿來規(guī)劃，交付的原型花里胡哨，影響設計師發(fā)揮；有的時候連原型都沒有，便直接讓設計對著競品一頓抄，產(chǎn)出的視覺稿沒有本產(chǎn)品的風格和優(yōu)勢，從而加大設計師的工作，也讓產(chǎn)品經(jīng)理和設計師之間形成一種緊張的關系，更影響了設計最后的產(chǎn)出。

那么，有沒有可以走查原型的一套方法呢？

其實原型走查，有它的一套標準，我們可以通過走查表的內(nèi)容，對工作中產(chǎn)出的原型進行走查，優(yōu)化工作中的困境和流程痛點，提高工作效率。

01、信息模塊突顯

在界面設計里，通過字體大小對比、顏色凸顯、層級對比、留白間距等原則，讓最重要的信息模塊突顯出來。對用戶而言，有利于提升獲取信息的效率；基于業(yè)務目標，可提升信息模塊的點擊率。

02、信息層級統(tǒng)一留白

合理、統(tǒng)一的留白間距能讓整個界面整潔清晰，利用五分原則、等分原則對元素進行留白間距統(tǒng)一，有效的讓用戶對功能進行分類和使用。

03、文字層級

運用十字交叉分析法，對文字內(nèi)容進行提練分級，以尼爾森F型視覺體系輔助進行合理排版，引導用戶閱讀；對文字層級進行合理的設計，有助于增強版面設計的對比和豐富版面細節(jié)。

01、屏幕分割感

頁面內(nèi)容可使用灰色塊或者線進行版塊區(qū)分，盡量不超三個；重要內(nèi)容可使用投影體現(xiàn)層次感。功能模塊分割，能加強頁面的閱讀體驗，而分割不合理則讓頁面顯得凌亂、分割感重。

02、模塊布局次序

按照產(chǎn)品重點展示的內(nèi)容、用戶最關注的點，根據(jù)十字交叉分析法進行主次排序，讓產(chǎn)品能較好的傳遞信息，方便用戶快速做出選擇。

03、屏幕利用率

屏幕利用率是指在一個手機屏幕里，信息布局占整個手機屏幕的比例。提升屏幕的利用率可以讓頁面展示更多的內(nèi)容，用戶可以更快的閱讀到自己感興趣的內(nèi)容。對于產(chǎn)品業(yè)務，提升屏幕的利用率，可以更多提升用戶的點擊率、轉(zhuǎn)化率，以達到一定的盈利目的。x軸橫向布局，能在有限的屏幕內(nèi)，單頁多維度將信息內(nèi)容聚合，在固定的空間中可展示更多的信息內(nèi)容，讓整個界面布局更加合理。

01、需求收集

在進行功能走查之前，要做出需求收集，找出原型上的“病灶”，進行分析。

02、競品分析

在進行產(chǎn)品原型功能走查環(huán)節(jié)，結(jié)合行業(yè)中的多個競品分析，從而體現(xiàn)出競爭力。

03、功能分析、排序

在進行產(chǎn)品原型功能走查環(huán)節(jié)，結(jié)合行業(yè)中的多個競品分析，對用戶的需求、進行功能上的分析、排序。

01、視覺層級

視覺層次上，主次分明，有利于用戶第一時間獲取想要的信息、吸引用戶的注意力。

02、內(nèi)環(huán)功能

內(nèi)環(huán)功能，要在重點區(qū)域突出，展示出產(chǎn)品的核心功能。

03、外環(huán)功能

利用標簽信息等建立認知、增強信任、產(chǎn)生粘性。

01、特殊狀態(tài)

我們可以把一些非正常狀態(tài)稱為特殊狀態(tài)。比如頁面被刪除、無網(wǎng)絡、加載失敗、空白頁、系統(tǒng)錯誤、頁面刷新狀態(tài)等等，稱為特殊狀態(tài)。在頁面上，適當?shù)奶崾?，提醒用戶當前頁面出現(xiàn)錯誤狀態(tài)，可以有效減少用戶的焦慮感。

斷網(wǎng)狀態(tài)：1、用 toast彈框提醒用戶當前沒有網(wǎng)絡；2、用小插畫的形式告訴用戶當前沒有網(wǎng)絡、通過狀態(tài)條告訴用戶沒有網(wǎng)絡。

 

方式1：

1、toast彈框提醒：輕量級，文案簡單，自動消失，用戶可瀏覽緩存類容；

2、頂部狀態(tài)條提醒：既能告訴用戶當前網(wǎng)絡狀態(tài)，也不影響用戶瀏覽當前頁面信息，還可以進行一些操作。

方式2：用小插畫提醒告訴用戶當前處于一個沒有網(wǎng)絡的狀態(tài)，并且設計友好的插畫也能相應緩解用戶的焦慮感。

弱網(wǎng)狀態(tài)：由于移動應用使用場景的特殊性，遇到數(shù)據(jù)加載慢情況會很多，而漫長的數(shù)據(jù)加載等待會令用戶抓狂。此時，恰當?shù)奶幚砗媒缑娼换ブ械募虞d，確保用戶沒有漫長的等待感，并且對加載后的內(nèi)容有明確的預期，就能提供給用戶較好的使用感，來提升界面的響應速度。

02、交互減步長

在操作的時候，減少用戶操作步驟的長短，減少用戶的焦慮、以達到優(yōu)化用戶體驗的效果。

通過上述五大走查模塊的闡述，你掌握到多少呢？是否能把五大走查運用在頁面中呢？

接下來，我們通過一個頁面案例展示原型走查的結(jié)果。

在文章的最后，給大家整理出一個原型走查圖，希望能幫助到大家在原型走查上找到思路。

以上就是關于原型走查的講解，希望這篇文章能夠?qū)φ陂喿x的你有所幫助！