近些日子一直在梳理有關設計上關于“規范要求、測試方法與評分方式”的事項,在參考業界規范要求與持續的實踐中,積累了一些小心得,整理出來和大家分享下。

對于很多公司來說,體驗設計相關的內容基本是通過“設計走查”的方式觸發的。C 端在設計走查上比較重視,畢竟產品直接面向市場競爭,懈怠不得;但 B 端設計師在設計走查中總會出現“所需修改點提出了,但開發基本不改”的局面。因此,建立“規范要求”,促進設計走查良性循環就顯得尤為重要了。這不僅有利于提升體驗設計在產品中的價值,也提升了產品的競爭力,最終給客戶與用戶營造一個“啊哈時刻”。

本文將從以下 5 個方面對規范進行展開,下文中的提到的規范不單單指代設計規范,是廣義上的含義:

  1. 什么是規范要求
  2. 規范的作用
  3. 如何建立規范要求
  4. 如何制定測試方式
  5. 如何制定評分規則
  6. 文檔目錄結構

什么是規范要求

對于一份可執行的規范文檔來說,規范要求是由若干不同分類的條目組成,最終形成一份被檢測對象可參考的指南。規范要求中的條目因可實施性難易程度、用戶影響度大小、可讀性要求、普適性與擴展性等還會進行進一步的等級要求約束,已達到被檢測對象可按照實際情況漸進式達成的結果。

這里還需要界定規范要求和規范原則之間的區別,在一些文檔中會先闡述規范原則,再闡述規范要求。規范原則是規范要求的統領,規范要求是規范原則的具體細化。

例如「APP 適老化規范」的規范原則要求架構合理,例如:

  1. 根據產品的設計目標,實現產品信息層級扁平化;
  2. 通過良好的視覺呈現和清晰的導航等方式表現產品功能架構,來幫助用戶更加明確的獲取不同層級和結構的信息;
  3. 根據老年用戶的需求和場景,對信息進行明確、清晰的分類展示。

對應的規范要求則細化為頁面布局上的一些情況。例如要求頁面布局下的首頁入口應采用大宮格引導方式,宮格主要入口數量控制在 9 個以內。TAB 導航控制在 5 個以內,TAB 分頁組件一屏最多出現 7 個分頁,等等。

可見規范原則會給規范要求一定的指導性作用,它是啟發、是指南。

規范的作用

在不同的行業、不同的領域,規范無處不在,例如部門協作間的流程規范、軟件系統的數據規范、APP 適老化服務規范等。但對于很多還無規范約束的產品來說,一旦有規范約束就會感覺束手束腳(對產品來說,數據安全規范、個人信息規范等比較好約束,但設計方面的規范會比較難以落實),但規范確實有其一定的作用。

規范的意義和作用不用多說,但是很多人剛接觸總會產生抵觸。從規范本身來說,它是前人對某個領域最佳實踐經驗的總結,可以避免剛入門之人在該領域重復犯錯,在一定程度上可保證結果的可接受性,當然規范是可以完善和修正的,非一成不變。

我在網上看到這么個故事,感覺解釋規范的作用會更加讓大家容易理解。

有一位軍官對士兵打靶射擊的要求很高,但士兵們不理解,認為只要打到靶就可以,哪里來這么多規范和要求。軍官的解釋大概是:“現在要求你們必須做到的動作沒有一個是多余的,這里不僅有前輩們的經驗,甚至是他們在戰場上付出了很高的代價總結出來的。在這里不按照這些動作做問題不大,但到了戰場上不這么做,很可能出大事。嚴格按照規范的要求做,是成為一名優秀戰士的前提。”

是啊,對于各行各業的規范來說,不也是如上述的道理么。

對于設計規范,之前有設計師和我說過大致這兩種認識:一種是都有規范了,我還能做啥,很沒勁;另一種是在規范下工作,太沒有自由了,無法發揮。那真的是如此嗎?

我想剛入門的設計師都會有這種情況,也可以理解,但我的感覺是,有設計規范好于無設計規范,它不僅可以保證產品體驗的一致性、提升品牌專業度和影響力、保證成員間協作統一等,更是團隊成員保持一致價值觀的方法。很多人覺得厲害的設計在于天馬行空的創意和發揮,而真正厲害的設計在于如何在條條框框的限制下進行創造。

如何建立規范要求

我自己主導過規范的建立,也參與過規范的定制。主導規范建立需要從 0-1 自己思考、自己琢磨、參考行業標準等;參與規范更多的是學習、反饋,學習他們是如何思考規范的,協助一起優化規范。

之前在參與《證券期貨業移動互聯網應用程序適老化服務規范》時,有一家機構的規范參與制定者提出某條規范要求合理,但技術難度較大,建議將此標準納入增強規范。那這里就引申出兩點思考,原來我一直覺得設計規范就是必須都遵守的,怎么會有可選性呢?而事實上不是的,由于各種約束條件,例如用戶感知度低、技術難度大、開發成本高等原因,會致使有些規范無需強制遵守,可選擇性遵守。第二點思考是,設計規范的建立并不是單純從設計本身的角度出發的,還需要考慮其他情況,綜合起來看。

總的來說,規范要求的建立需要思考這些方面:

  • 規范想解決什么問題
  • 規范涉及到的范圍
  • 規范要求的指導原則
  • 規范具體的規范要求
  • 規范要求的等級

下面我拿今年關注度很高的「APP 適老化規范」進行逐一闡述。

1. 「APP 適老化規范」想解決什么問題

隨著我國互聯網的快速發展,深刻改變了人們的生產生活方式,提高了社會服務效能。但同時,我國老齡人口數量快速增長,不會使用手機、不會上網的老年人占多數,在出行、就醫、消費等日常生活中遇到不便。國家通過推進 APP 適老化,讓老年人也能感受信息時代的溫暖,獲得更貼心、更便利的社會服務。

2. 「APP 適老化規范」涉及到的范圍

企業在提供適老化服務時,可根據實際情況,將適老版界面內嵌在 APP 中或開發單獨的適老版 APP。

3. 「APP 適老化規范」要求的指導原則

包括了可感知性、可操作性、可理解性、兼容性、安全性等設計指導原則。各原則下還有詳述,我就不一一展開了。

4. 「APP 適老化規范」具體的規范要求

根據設計指導原則,規范對具體要求進行了展開,以可感知性舉例:

字型大小調整

在移動應用中,建議使用無襯線字體,應可對字型大小進行調整(隨系統設置調整,或移動應用內部具備字體大小設置選項),主要功能及主要界面的文字信息(不包含字幕、文本圖像以及與移動應用功能效果相關的文本)最大字體不小于 30 dp/pt,適老版界面及單獨的適老版 APP 中的主要文字信息不小于 18 dp/pt,同時兼顧移動應用適用場景和顯示效果。

行間距

段落內文字的行距至少為 1.3 倍,且段落間距至少比行距大 1.3 倍,同時兼顧移動應用適用場景和顯示效果。

對比度

文本/文本圖像呈現方式、圖標等元素間的對比度至少為 4.5:1(字號大于 18 dp/pt 時文本及文本圖像對比度至少為 3:1)。

顏色用途

文本顏色不是作為傳達信息、表明動作、提示響應等區分視覺元素的唯一手段。例如,在用戶輸入密碼錯誤的情景下,可使用文字或語音形式直接提示用戶輸入有誤,避免僅使用顏色作為提示手段。

驗證碼

如果移動應用中存在非文本驗證碼(如拼圖類、選圖類驗證方式)等老年人不易理解的驗證方式,則應提供可被不同類型感官(視覺、聽覺等)接受的替代表現形式,例如文字或語音形式,以適應老年人的使用需求。

5. 「APP 適老化規范」的規范要求等級

若企業參與測評,規范中所列條目需要逐一評分,會有報告輸出,得分 60 以上為合格通過。因此規范條目等級均平等,無漸進式要求。

如何制定測試方式

測試方式顧名思義就是指通過人工或者工具的手段來測試某個系統軟件的過程,其目的在于檢測它是否滿足特定的要求,最終實現將高質量的軟件交付給客戶的目的。

一般來說,測試方式有兩種,人工測試與工具測試。人工測試相對耗時長,且主觀性也會比較強;工具測試非黑即白,耗時短且客觀。在設計規范中,人工檢測和工具檢測交叉使用。

在「APP 適老化規范」中,規范建議企業根據實際情況通過自動化檢測工具、人工檢測等手段展開評測。

如何制定評分規則

光檢測還不行,還需要制定評分規則。這個評分規則在我自己主導建立規范的時候,把腦袋都想破了。這其中的難點在于,怎么樣的評分規則是大家都可以接受的,可接受就說明評分規則相對合理,這事情就玩得轉。比如,滿分 100 分,為什么是 60 分合格,而不是 70 分,是怎么得出來的。

不同行業的規范有不同評分機制,設計規范這邊有兩類評分規則比較常用:

  • 第一類是給規范要求進行劃分等級,例如一級要求必須全滿足,二級可以選擇性滿足。
  • 第二類是給每一條規范要求打分,最終獲得一個總分,該分數與評分規則制定的分數對比,再看結果。這里對每條的打分規則又各有不同。

阿里云《一致性自查表》的評分規則就采用的是第二類上的衍生規則,對單條計分后,再進行各維度加權計分。以下是公式,有興趣的小伙伴可以在知果日記微信公眾號回復“2”,領取模型文檔研究下。

文檔目錄結構

一份規范文檔的目錄結構大致包括:

  • 背景
  • 范圍
  • 規范性引用文件
  • 術語和定義
  • 正文
  • 附錄
  • 參考文獻

總結

這是以上我的一些小心得和大家分享。想說規范的制定是一項系統工程,不是文檔顯得專業就可以的,還需要考慮規范可被執行的實際情況,這就是規范需要業內相關專家多輪評審的原因。

若是自己主導規范制定,那么在大家的反饋和自我的修訂中,不僅可以幫助自己提升專業能力,也會讓規范更經得起時間推敲。

歡迎關注作者微信公眾號:「知果日記」

如何建立B端產品的規范要求?我總結了五個方面!

收藏 69
點贊 9

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。