使用者介面,真的需要有那麼多留白嗎?

2022-09-21 07:45:12 字數 3558 閱讀 2854

作為乙個產品,我並不是很認同當今視覺設計界一些潮流,比如不假思索地留白。

留白、減少視覺壓力幾乎是如今的視覺設計師張口必談的話題。

無論做的是什麼樣的介面,只要有足夠留白,介面裡面就被稱之為高大上;而如果介面做得擁擠,就會被認為器小,甚至被稱之為「美工」。

但是我想說的是,視覺設計師和美工的區別不在與此,而在於有沒有根據場景區別化設計的能力。

有一些看似簡單的視覺問題,會對產品造成非常大的影響。

我第一次深度意識到這個問題,是在上一家公司做網際網路招聘產品的產品經理。當時,b端產品剛剛進入風口。傳統b端產品使用者體驗差,介面難看,是乙個很重要的改進方向。公司也花了重金聘請高階視覺設計師。開始對一些介面做公升級。

剛開始的時候,我們也非常贊同專業的人員做專業程式設計客棧的事情,他們做出來的介面也非常賞心悅目,其中包括簡歷詳情頁。他們採用了大量的留白和圖形化標識,使得介面非常清爽簡潔,幫助hr看簡歷的時候減少視覺壓力,大幅度提公升舒適感。

但是,產品上線之後,情況非常糟糕——hr每日瀏覽的簡歷數量下降了近40%。

我們剛開始以為只是改版的磨合期,但是資料後來一直維持在低位,並且開始有hr陸陸續續向客戶經理反饋現在看簡歷的時候非常不方便。

以前,簡歷第一屏的資訊就足夠豐富了,hr掃一眼就能做出決策,然後繼續檢視「下乙份」。但是現在,總是需要上下滾動螢幕,操作麻煩,而且思路不連貫。

那麼是不是我們內容的順序不對呢?把最重要的放到第一屏不就可以了嗎?

後來事實證明,這種區分主次的c端產品的思路在b端產品這裡根本站不住腳。對於hr來說,除了專案經驗這項稍微不太重要外,其他的如教育背景、工作年限、工作公司等資訊,都非常重要。具體重要性的排名,不同的hr有所不同,且同乙個hr在不同時期也不同。經過思考和權衡發現,最好的解決辦法仍是讓這些專案都在一屏顯示,但是介面會非常擁擠。

做出綜合決策的時候,總是希望一眼能掃到所有的資訊。後來,我開始不斷的推動介面緊湊化改版,尤其是簡歷介面,資料效果和反饋越來越好。

但是視覺設計師總是牴觸的,因為與他們的認知不相符,他們的觀念裡仍然認為:沒有足夠留白的視覺設計拿不出手。

除此之外,我還開始注意到,b端留白較多的鬆散介面導致很多的問題。比如列表管理頁,如果列表上下間距大,會使得批量操作、按時間找內容、翻頁等操作非常麻煩;列表欄位的間距大,會使得列表中欄位太少,展示是資訊不充分,總是需要頻繁點詳情頁檢視。

視覺留白在視覺設計領域如此被深信不疑,有很重要的乙個原因是歐美發達國家網際網路產品介面都看起來簡潔,留白很多;於是引導的審美潮流就成了這樣的。至於為什麼歐美介面留白多,我之前的文章有分析(《為什麼歐美國家的產品介面更簡潔,你們可能想多了》)

有人說留白是因為視覺負荷;我個人是有認知心理學背景的,我可以很負責任的說,視覺負荷這個詞有被過度強調了。有人利用短時記憶理論「神奇的數字7」來說明介面上的區塊不應該超過 7 個,但是實際上,介面中的視覺資訊並不需要儲存在短時記憶中,所以根本沒有這樣的短時記憶限制。

我作為乙個產品,如果你視覺設計師做出來的介面的資料效果比我做的原型扔上去都要差,那麼你做這個介面的意義何在?我最近幾年的工作經歷都是做b端以及saas產品,碰到視覺設計師不合時宜的留白導致的問題實在是非常之多。

我並不是反對留白,只是認為要分場景。無法區分場景而肆意留白的視覺設計師不是設計師,只是更美的美工。

我們需要分清楚以下不同的維度:

資訊管理介面,就是需要使用者進行操作的介面,比如增刪查改。

資訊管理介面往往需要使用者對列表項進行對比、識別,然後做出操作。這種介面www.cppcns.com,一定要保持緊湊,減少使用者頻繁上下滾動介面,否則思路容易被打斷。

資訊展示介面,往往是純粹瀏覽的頁面,所以從上到下滾動檢視也沒有什麼問題,這種情況下可以適當多留白。

主動使用者,要做一件事情時,是目的明確的且對做這個任務的難度是有預期的,那麼你優先要考慮的是效率。

比如說電商後台發布乙個產品詳情或招聘**發布乙個職位,這些都是字段較多、比較複雜的表單。有的設計師擔心這麼複雜的乙個表單,會把使用者嚇跑,於是就加字段間的大留白,減少使用者的視覺壓力。

但是實際上使用者感受到的場景與設計師是不一樣的,使用者是乙個主動使用者,他本身就知道發布乙個產品資訊不是那麼簡單的事情,那麼你所能做的最好的事情,就是讓使用者能盡快的看到並填寫所有字段,而不是拉長頁面高度,增加使用者滾動螢幕的操作。而且頁面拉的太長,會導致有些表單上下文之間的聯絡中斷。

被動使用者,往往是被一些模糊的場景吸引,然後想了解更多。比如說使用者對你的活動感興趣,想要報名你的活動。那麼這種情況下,使用者往往是沒有預期的,如果你給使用者看到的介面或表單很密集的話,那麼確確實實會把使用者嚇跑。這種時候,需要注意降低介面資訊量,多留白。

所謂的視覺壓力,往往只會在初次時感受明顯,使用過幾次後,視覺壓力的***就會急劇下降,甚至被使用者忽略;但是操作的不方便確是實實在在的,而且***會隨著使用的熟練程度越來越明顯。

對於使用者可能會經常使用的介面,應該以效率優先,尤其需要珍重介面第一屏的畫素,不要隨意留白浪費空間;比如上文中提到的hr篩選簡歷的頁面。

對於使用者不太可能經常使用的介面,比如看過一兩次就不會再看的宣傳頁,應該以視覺舒適度優先;那麼適當的留白就是ok的。

b端的產品,往往是管理資訊介面,且是使用者主動使用的有預期的,也是使用者經常使用的,所以b端產品的介面,真的不需要你給他那麼多留白。

而c端的產品往往不太一樣,需要時情況而定。c端介面一般留白會相對較多。

比如亞馬遜,c端買家的介面留白就比較多。但是b端賣家的管理介面密集程度也是超過你想象的。

在所有的效率型產品中,我最喜歡的就是qq郵箱介面。

qq郵箱雖然起步晚,但是目前是國內最成功的郵箱。

qq郵箱堪稱是效率型產品的典範。

在很多視覺設計師看來qq郵箱介面很糟糕,幾乎完全沒有留白,密密麻麻全是字。

但是,如果作為郵箱的重度使用者,qq郵箱的體驗是無與倫比的。qq郵箱在 1080 高度的顯示器上,能在一頁顯示完整個列表。對於經常要按時間找郵件的人,非常方便。哪怕在小一點的螢幕上,也只要稍微滾動一下滑鼠滾輪,就能看全。

對於這種效率型的產品,留白幾乎沒有任何意義。

qq郵箱的設計,看起來好像也沒什麼,不就是做得密密麻麻了嗎?但是要在整個設計行業人云亦云的大潮流之下,大家都說介面要大面積留白的情況下,果斷地不隨波逐流,做出乙個真正使用者需要的介面,這才叫真正的設計!

比較遺憾的是,有的視覺設計師總是不太接受理性的東西。有的時候,產品和互動無論怎麼要求介面緊湊,講再多的道理,視覺設計師仍然無動於衷;畢竟有的時候,人云亦云的力量實在過於強大,他們體會不到使用者真實操作時候的感受,仍然把不假思索的留白當做真理。

下圖是我們現在做的乙個b端產品的列表管理頁(為了避免可能的問題,介面文字已經模糊處理)。乙個管理列表的介面,在 1080 高度的螢幕下,第一屏居然只能顯示 4 個列表項,而在主流的 768 高度的螢幕下,第一屏只能顯示 2 個列表項。這哪是乙個列表管理頁?我們的產品中的其他某些重要的介面,就有使用者直接提到過介面太鬆散,很不方便。這種過度留白,非常不符合場景。但是視覺比較強勢,而我沒有成功說服,我也有責任,後面只能慢慢改進了。

留白,作為很多視覺設計師不假思索的基本準則,很多時候是不對的,需要根據具體的場景區分。

很多時候減少留白反而能對整體使用者體驗有巨大的提公升;效率型產品的視覺設計的思路不應該是簡單的留白,而應該是幫助使用者識別資訊,提高操作效率。在這種思路下,視覺設計還有很多要做的。

本文標題: 使用者介面,真的需要有那麼多留白嗎?

本文位址: /news/plan/153604.html

TD真的需要諾基亞嗎?

隨著td市場的逐步展開,國際知名品牌如三星 摩托羅拉等都已經或即將推出td手機,由於諾基亞在2g市場的壟斷地位及部分國人對諾基亞的喜愛,包括中國移動董事長王建宙都不得不出面與諾基亞ceo討論諾基亞何時推出td手機的問題,td發展真的需要諾基亞嗎?諾基亞是symbian的實際擁有者,從目前智慧型手機幾...

客戶真的需要SOA嗎?

2005年才剛開始,面向服務架構soa就已經具有成為年度熱門話題。那時候,產業界的博學之士已思索各式各樣的問題,並提出種種 2005年會是 soa竄紅的年頭嗎?今年會是客戶採用soa的年頭嗎?soa會是這一年眾人最津津樂道的名詞嗎?會不會也變成最誇大不實的名詞呢?而我當時想 客戶真的需要soa嗎?所...

客戶真的需要SOA嗎?

所有關於soa的討論幾乎都集中在靈活性 把應用程式拆解成服務 模組化 再利用 增加可用性以及服務的管理上。soa可切割 執行任何你交辦的任務,而且做得更快 更有效率,成本也比以往用過的其它方法來得低廉。這一切究竟有何意義?這些討論通常都是空論,未觸及企業真正需要解決的實際商業問題或商機。這種情況可能...