如何利用原型走查圖優化設計工作上榜經歷2020年9月14日 178期站酷文章總榜第15名

如何利用原型走查圖優化設計工作上榜經歷2020年9月14日 178期站酷文章總榜第15名

如何利用原型走查圖優化設計工作,教程,廣式設計,原創文章站酷網,中國設計師互動平台。

原型走查,是什麼呢?

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

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

undefined

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

那麼,有沒有可以走查原型的一套方法呢?

其實原型走查,有它的一套標準,我們可以通過走查表的內容,對工作中產出的原型進行走查,優化工作中的困境和流程痛點,提高工作效率。

01、信息模塊突顯

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

02、信息層級統一留白

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

03、文字層級

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

01、屏幕分割感

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

02、模塊佈局次序

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

03、屏幕利用率

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

01、需求收集

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

02、競品分析

在進行產品原型功能走查環節,結合行業中的多個競品分析,從而體現出競爭力。

03、功能分析、排序

在進行產品原型功能走查環節,結合行業中的多個競品分析,對用戶的需求、進行功能上的分析、排序。

01、視覺層級

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

02、內環功能

內環功能,要在重點區域突出,展示出產品的核心功能。

03、外環功能

利用標籤信息等建立認知、增強信任、產生粘性。

01、特殊狀態

我們可以把一些非正常狀態稱為特殊狀態。比如頁面被刪除、無網絡、加載失敗、空白頁、系統錯誤、頁面刷新狀態等等,稱為特殊狀態。在頁面上,適當的提示,提醒用戶當前頁面出現錯誤狀態,可以有效減少用戶的焦慮感。

斷網狀態: 1、用toast彈框提醒用戶當前沒有網絡;2、用小插畫的形式告訴用戶當前沒有網絡、通過狀態條告訴用戶沒有網絡。

 

方式1:

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

2、頂部狀態條提醒:既能告訴用戶當前網絡狀態,也不影響用戶瀏覽當前頁面信息,還可以進行一些操作。

方式2:用小插畫提醒告訴用戶當前處於一個沒有網絡的狀態,並且設計友好的插畫也能相應緩解用戶的焦慮感。

弱網狀態:由於移動應用使用場景的特殊性,遇到數據加載慢情況會很多,而漫長的數據加載等待會令用戶抓狂。此時,恰當的處理好界面交互中的加載,確保用戶沒有漫長的等待感,並且對加載後的內容有明確的預期,就能提供給用戶較好的使用感,來提升界面的響應速度。

02、交互減步長

在操作的時候,減少用戶操作步驟的長短,減少用戶的焦慮、以達到優化用戶體驗的效果。

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

接下來,我們通過一個頁面案例展示原型走查的結果。

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

以上就是關於原型走查的講解,希望這篇文章能夠對正在閱讀的你有所幫助!

<!--

- 位站酷推荐设计师推荐 -

-->

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。