重新定義「PoE icon」,UI 如何用「一道閃電」提升產品易用性?

Life at UI Taiwan
Life at UI Taiwan
Published in
5 min readNov 21, 2023

自 2009 年以來,PoE(Power over Ethernet)這項標準,開啟了讓裝置可以利用網路連線,由網路連接器將電力輸送給另一台裝置的技術。而依據 IEEE 標準、PSE 與 PD 最大功率瓦數的範圍值,PoE 標準又可以區分成支援 802.3 af(15.4W)的 PoE,支援 802.3 at(30W)的 PoE+,以及支援 802.3 bt(60W)的PoE++ ,透過提供不同功率的供電,滿足各種設備的需求。

正如同大家所熟悉的,一台供電裝置(PSE,Power Sourcing Equipment)例如 PoE Switch,可以透過同一條數據纜線,為 AP、攝影機或電話等受電裝置(PD,Powered Device)供電。

各家廠商多半會依據使用者的需求來決定各家 PoE Switch 的規格,規劃不同尺寸大小、速率,以及不同的輸出功率(power level)。以 UI 為例,我們會透過估算 IT 場域所需的總功率,來訂定整體 Power Budget,同步滿足使用者在成本以及需求上的考量。

PoE 能同步支援數據與電力傳輸,對廠商來說是提升空間與成本效益的設計。但當功率標準不一,那要如何讓使用者一看就明瞭,哪些裝置可以互相連接呢?UI 選擇加入我們的「獨特設計語言」 — — — 一道閃電!

透過設計,提升產品的易用性

攤開 UI 各系列的 PoE Switch,會看到在 PoE port 旁邊,會有一道閃電符號以及一或兩個「+」號,可以對應到有著相同閃電與「+」符號的 AP、Camera 等裝置,如果具備的「+」數相同,即代表兩者可以相連。

Ubiquiti(UI)的 PoE Switch 跟 AP、Access Hub 等裝置,可透過 PoE 進行相對應的佈建。
UI 的 PoE Switch 跟 AP、Access Hub 等裝置,可透過 PoE 進行相對應的佈建。

在我們的 PoE 標誌設計指標中,「一道閃電」等於 PoE 標準,「一道閃電+」等於 PoE+ 標準,而「一道閃電++」則是 PoE++ 標準。為什麼 UI 要導入這樣特殊 PoE 標誌設計呢?最主要的因素,是為了提升產品的易用性。

對使用者來說,在佈建初期,除了需要考量 PoE Switch 以及裝置的總電量供給與需求,後續在接線時也要留意連接相同規格的裝置,避免錯誤的對接導致裝置不相容。但透過 UI 的「閃電+」設計,當使用者看到 PoE OUT 孔旁的小標誌,就可以知道符合哪一種標準的裝置,是可以插上去為其供電的囉!

PoE 依據標準、最大功率與電壓範圍等規格,可分作 PoE、PoE+、PoE++ 不同規格,Ubiquiti(UI)也依此設計相對應的 icon。
PoE 依據標準、最大功率與電壓範圍等規格,可分作 PoE、PoE+、PoE++ 不同規格,UI 也依此設計相對應的 icon。

所見即所得,簡潔明瞭的「閃電」設計

再來談談,為什麼 UI 會如此設計 PoE port icon?首先,我們希望符號可以簡潔易讀並可以區分不同的電力傳輸規格,因此很直觀的以「閃電」為設計的意象,並且以「+」代表不同的電力輸出規格。而針對 PoE IN port,我們採用更為明顯的灰底反白字樣設計,目的是讓使用者能很快的在一排 RJ45 的孔中,知道哪一個是需要被優先接上電的孔。

相較於目前市面上常見的其他廠商的 Switch 產品設計,大多是直接將 PoE+、PoE++ 等文字印在前面板上,或者是將同一個規格的 port 都排列在左邊或右邊同一側,再透過 Label 來標示特定的區域。可能造成的問題是,消費者無法很直觀的分辨不同 port 的規格,需要將 port number 回頭對照面板上的說明,或甚至要到 spec 或是 datasheet 上,才能知道確切的電壓跟瓦數。

有些廠商會選擇直接在 PoE Switch 的前面板上直接用文字標示 port 功能。
有些廠商會選擇直接在 PoE Switch 的前面板上直接用文字標示 port 功能。

UI 自 Gen2 Switch 機種起即導入了這樣的新設計,除了延續 UI 一貫的簡潔美學,我們更希望提供更直覺的方式,讓使用者「所見即所得」。

而我們在設計時也相當考量邏輯性。我們認為對於那些已經與 IT 產品相當熟悉的 IT 人員,只要理解閃電代表的是「PoE」,就可以很快對應出「+」所代表的是「PoE+」的「+」號。這樣的設計對於 IT 專業的人來說,是很容易理解的邏輯。

另一方面,若是一般使用者,即使他沒有 IT 技術背景,也只需要對應到一模一樣的形狀,就可以將同樣的圖案很直覺的連接起來。因此,針對不同族群,我們依舊可以透過建立相同的設計語言後,並將其複製到系統設計上。

這也回應到 UI「Rethink IT」的初衷,我們希望讓 IT 人員,甚至是一般使用者,都能很簡易直覺地使用原先複雜難懂的 IT 系統,也把原先花花綠綠的 Switch 面板,變成一個很乾淨、很好閱讀的產品,就像是網通界的藝術品一樣。

延伸閱讀 Ubiquiti 產品解密文章:

  1. Ubiquiti 產品解密:一條小小網路線,背後也有大學問?
  2. Ubiquiti 產品解密:進入 UI 宇宙的第一台裝置 UDR 是怎麼做成的?
  3. Ubiquiti 產品解密:自己的門禁自己裝!簡化安裝與維護成本,UniFi Access 把門禁系統變簡單

--

--

Life at UI Taiwan
Life at UI Taiwan

Rethinking IT 是 UI 的核心精神,我們透過易於上手的產品與 IT 管理系統,顛覆產業既有規則,讓高深的科技不再遙不可及。而台灣研發中心,是一切的起點。在 UI,我們致力於創新產品研發,也打造信任、透明與彼此合作的工作環境。