身為設計師,我們努力讓所有的東西都變成藝術品。

身為 UX 設計師,我們設計的產品不僅具有美感,而且更有溝通表達能力。

我服務於物聯網行業,其中牽涉最先進的科技技術及許多非傳統的人類操作行為。 大多數時候,我必須幫助使用者提升物聯網的知識。

一張圖勝過千言萬語

由於人們對尖端科技總有一種疏離感,因此傳達物聯網專業知識的 icon 變得至關重要。

我依從 Google Material Design (flat 2.0 design) 的原則,確保以最少的像素展現平易近人且精緻的圖像。

易用性測試

為了瞭解 icon 設計的辨識度,我進行了正確識別率 (CRR)*的測試。 參加者23人,其中物聯網相關行業11人,其餘12人則在金融、教育等行業。

結果顯示帶有標籤的 icon 正確識別率超過 80%。 即使對物聯網知識所知甚少的參與者也可快速識別並留下印象。

表格 1. 正確識別率 (CRR)測試結果
CRR_zh

其中最難識別的兩個 icon 分別為「配置上線及恢復連網」、「跨無線技術」。 但是,在我解釋了設計理念之後,參與者皆能輕鬆理解icon的含義。

設計理念**

配置上線及恢復連網

配置上線及恢復連網 icon 包含兩種含義。 同時我使用圓弧方塊表示物聯網生態系統,尖角方塊表示智慧裝置。

對於配置上線,意味著智慧裝置透過 WiFi 整併至使用者的家庭物聯網生態系統中。 因此我畫了一個嵌入中的綠色小方塊。

對於恢復連網,意味著智慧裝置在意外斷線時會自動重新連網。 我用一個灰色的小方塊(離線狀態)代替綠色的方塊來表示恢復連網的意義。

配置上線及恢復連網icon

跨無線技術

跨無線技術 icon 意味著兼容目前所有的無線技術。 圓環表示聯合。 四種顏色分別代表WiFi(黑色)、ZigBee(紅色)、Sigfox(紫色)、LoRa 和藍牙(藍色)。

跨無線技術 icon

* 正確識別率(CRR)為正確分類圖像數量佔總測試圖像數量的比率。
** 我有一套 icon 的設計理念。 這裡只討論最難識別的兩個。

Posted by:yonflame

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s