如何合理的使用插圖來擴充套件使用者介面?
插圖具有強大的力量,可以為他們觸控的一切新增美感、情感甚至講故事,這使得它們值得考慮作為放大使用者介面的有效方式。
合理的功能是良好的使用者體驗基礎。但我們都只關注函式嗎?使用者是人,他們不僅有解決問題的邏輯,也有情緒支配他們的決定。支援這兩種方法的訣竅是將插圖應用於web和移動介面。讓我們看看它們是如何增強UI設計的。
一、什麼是插圖?
插圖使一個故事的一個片斷視覺化。它展示了一個過程、動作、環境等的視覺解釋。它與純粹藝術的不同之處在於交流的目的:插圖提供資訊,傳遞資訊。它們通常是為某種目的而建立的,並整合到各種出版媒體中,包括印刷媒體和互動式媒體。插圖也成功地作為一種裝飾,新增風格的環境或媒體應用。
二、插圖對使用者體驗的好處
在這個資訊消費迅速而龐大的時代,視覺效果的作用越來越大。根據S.Thorpe,D.Fize和C. Marlot 對人類視覺系統處理速度的探索,人們平均需要150毫秒來處理圖片,並且需要100毫秒才能理解其意義。圖片更容易記憶和回憶,不同語言的人,無論他們的閱讀能力如何,他們傳達的資訊都是清晰的。這就是為什麼資訊圖、圖示、插圖和其他圖形設計師的資產被廣泛使用的原因。
簡單的說,在UI中使用自定義插圖有五大好處 :
它們比文字更快被感知,因此使用者可以快速覆蓋關鍵資訊
它們支援頁面或螢幕的可視層次結構
它們增強了介面的美感和情感吸引力
它們激活了色彩、形狀和視覺隱喻的心理
這些都很吸引人,並吸引使用者注意必要的細節
應用於網站和移動應用,首先,插圖是另一個功能元素,只有在那之後裝飾。要發現上面提到的所有好處,分析目標受眾並找到有助於使用者導航和實現目標的想法和隱喻是至關重要的。另一件事是UI插圖應該是簡潔的,並且適當地使用:過高的圖形強度會增加介面超載的風險。
三、UI插圖的型別
在現代介面中,我們可以找到各種風格和方向表達在插圖中,從向量影象和圖示到精心製作的數字藝術品。作為功能佈局元素,它們可以滿足不同的需求和功能。
新員工培訓
“入職”是從就業和人力資源領域引入UX設計的概念。它處理一些步驟和技術,幫助新手理解介面如何工作。此外,當新特性和更新被引入或使用者與非典型功能互動時,它也被應用。
許多數字產品,包括像Dropbox和Slack這樣的大公司,有效地為這個目標應用了插圖。支援有意義的藝術作品的入職支援,允許更快的解釋功能,並使UI生動。
主題
另一種型別的插畫是那些能立即設定網站或應用的總體主題和情緒的插畫。它們呈現出強烈的視覺隱喻和聯想,從互動的第一秒起就建立起一種情感訴求。它節省了使用者的時間和精力,支援積極的使用者體驗和創造必要的氛圍。
教程
教程和工具提示插圖展示了視覺化提示。這種型別激活了解釋的潛力,其主要目的是澄清或鼓勵具體的行動。對於不喜歡或無法閱讀副本的人來說,這種型別的影象使UI更加友好。它尤其適用於螢幕空間有限的移動介面。另一方面,這意味著即使是最細微的細節都應該考慮清楚,不要引起誤解。顯然,教程插圖是針對青少年和兒童的應用程式的一個好主意。
獎勵
獎勵是另一種流行的介面插圖。例如:徽章、貼紙、獎章、星星、杯子以及其他類似的東西都為使用者體驗增加了遊戲化,標誌著使用者的進步。有什麼比感覺自己是贏家更甜蜜的呢?
吉祥物
吉祥物是人格化的角色,可以輕鬆地為介面新增擬人化。它們成為介面和使用者之間的一種溝通者。吉祥物對網站或應用程式的聲音和語氣做出了很大貢獻,甚至可以成為產品的隱喻面孔。這些影象的象徵性使它們令人難忘:它們將生命注入到互動之中。
娛樂
有時候,UI插圖的主要目的是娛樂使用者。你可能會說它與功能無關,這可能是對的。但它直接關係到情感和審美滿足感。誰說美麗、時尚或者只是樂趣不能成為留住使用者的可靠因素?
寫在最後
Aarron Walter 在他的“ 為情感設計”一書中說:“我們一直在設計可使用的介面,就像廚師烹飪可食用食物一樣。當然,我們都想吃有營養價值的可食用食品,但我們也渴望味道。當我們能夠使介面既可用又令人愉快時,為什麼我們滿足於使用它呢?插畫有一種強大的力量,它能給每一件接觸到的東西新增美感、情感甚至故事情節。這使得它們值得作為一種增強使用者介面的強大方式來考慮。
本文由 @Tzw_n 翻譯整理髮佈於:UI中國,未經許可,禁止轉載。