根據(jù) 密蘇里科技大學經常引用的一項研究結果, 訪問者只需不到十分之二秒的時間就可以對您的商業(yè)網站形成意見。視覺環(huán)境可以幫助他們了解正在發(fā)生的事情,形成堅實的印象并停留更長時間。視覺效果對用戶產生了引人注目的影響,因為它們可以比文本內容更有效地傳遞快速信息。
就書面文字而言,缺乏上下文使讀者難以理解作者想要傳達的內容。這也發(fā)生在網頁設計中。一個網站需要創(chuàng)建一個視覺環(huán)境來傳達其所屬組織的背景知識和故事。
什么是視覺上下文?視覺上下文是指改進網站信息傳遞的內容呈現(xiàn)。
例如,建筑師的網站可能包含一系列成功的項目。用戶可以自行決定是否探索此專業(yè)知識部分。但從一開始的視覺環(huán)境(圖像、顏色、空間的使用)將確保用戶了解建筑師的設計知識、建筑和施工經驗以及管理專業(yè)知識。
再舉這家航空工程公司的例子。飛機和工程的大膽展示一目了然地闡明了它們在航空航天工業(yè)中的地位。用戶甚至沒有義務閱讀橫幅文本。
想象一下,如果我們要刪除飛機的圖像,同樣的著陸頁會如何出現(xiàn)?無疑更加模糊和復雜。Merc Aerospace 為不同行業(yè)提供廣泛的工程解決方案,但主要涉及航空航天業(yè),所有這些都通過視覺適當?shù)乇憩F(xiàn)出來。
視覺上下文是如何創(chuàng)建的?創(chuàng)建視覺上下文取決于了解您的用戶。用戶的視角隨著年齡、性別和種族而變化。例如,添加白色圖像可能會鼓勵一個社區(qū)的幸福概念,但會傳達給其他社區(qū)悲傷的跡象。因此,為了將視覺效果完美地融入業(yè)務環(huán)境中,您需要評估對您需要接觸的人的理解,用戶角色可以幫助您解決這些問題。
以下是創(chuàng)建視覺上下文的一些有價值的成分:
與業(yè)務性質有關的圖像
信息圖表以可掃描的方式總結正文
箭頭、線條和花飾以突出顯示數(shù)字或顯示方向
單詞和短語的選擇豐富了視覺上下文
通過創(chuàng)意編織的圖形講故事
吸引人的導航圖標
視覺環(huán)境有多重要?讓我們看看視覺上下文的重要性背后的一些原因:
第一印象計數(shù)如前所述,用戶需要幾分之一秒的時間來形成對您網站的看法。在那之后的幾秒鐘內,一個更集中的意見得到了加強。品牌、形象和圖標必須在短時間內創(chuàng)造出寬宏大量的第一印象。為了鼓勵用戶停留更長時間,確保視覺環(huán)境能讓他們了解網站的內容和含義。
它有助于信息傳遞與文本上下文相比,網站的視覺效果具有“感官”吸引力。用戶可能會注意到證實整體上下文的互補圖像,而不是短語和段落。不管你的故事講得多么好,用戶最初的情緒反應在很大程度上取決于視覺效果,有助于最終傳達信息。
更好的用戶理解視覺背景使故事變得生動。它使用戶(網站不知道)了解企業(yè)及其運營。他或她將從上下文中獲得核心業(yè)務理念,然后搜索可用的選項、產品和服務。
如果您正在追求創(chuàng)新的用戶界面,它違反了慣例,視覺上下文將有助于彌合用戶和您的產品之間的差距。
情感紐帶很重要視覺上下文有助于觸發(fā)目標受眾的情緒。以小額信貸組織 Lend With Care 為例。計算主頁上的人臉數(shù)量,立即提供上下文并與用戶建立聯(lián)系。溫暖、柔和的色彩使網站更具吸引力,微笑傳達了積極性和社區(qū)感。
很快,訪問者就與網站建立了情感紐帶。
這同樣適用于產品——客戶同樣可以與各種產品建立聯(lián)系。作為一名設計師,你的工作是創(chuàng)造能夠觸動目標受眾內在感官的視覺效果。
結論視覺上下文幫助用戶,尤其是首次訪問者,解釋網站的特征和價值。作為設計師,您可以使用我們討論過的內容——圖像、顏色、視覺數(shù)據(jù)、信息圖表、視頻、動畫、圖標、方向和所有其他可視化工具的重要組合——來創(chuàng)建最重要的上下文.