撇開設計師的視角,普通用戶是如何看待設計細節的?

信息與交互設計

投稿郵箱:iidc@iidc.org.cn

設計師對於自己的網站以及APP產品的視角,和用戶往往非常的不一樣。設計師看到的常常是設計趨勢,排版,細節,但是普通用戶的關注點則完全不同。

我們應該迎合用戶,如果連對的東西都不能堅持,產出物的最終目標就會發生偏離,甚至完全無效。 ——@馮鐵

用戶更在意的是他們能否快速理解他們的交互對象。至於APP或者網站是如何運作運作的,它們是否讓人愉悅,往往被用戶所忽略。這是一個相當殘酷的現實。

排版與字體

對於字體和排版,設計師通常非常著迷。漂亮的字母,柔美的輪廓,充滿魅力的襯線,等等等等。

可悲的地方在於,用戶根本不知道Helvetica 和 Arial,很少能分辨出兩者的區別,談及字體,他們更在意的是,這些內容能識別,能讀么?

但是,用戶的這種訴求並不意味著設計師在字體和排版設計上可以鬆懈,相反你需要更加在意它們。你需要通過設計勾起用戶的興趣,確保每個段落和標題都具備良好的可讀性,而不需要用戶費神去識別。

你的工作是確保內容的清晰,為用戶提供良好的閱讀體驗,從字體的選取到行間距、字間距的調整,讓用戶在不知不覺間享受閱讀的愉悅感。雖然用戶很難說清楚排版有何突出之處,但是一旦出現任何設計缺陷,他們往往能夠感知到。

色彩

絕大多數的用戶並不會如你期望的那樣那麼在意色彩。設計師可能會在拾色器當中仔細對比三種藍色的差別,但是對於用戶而言,他們根本不會在意這些差別。

但是當色彩從藍色驟變為黃色的時候,用戶會注意到。所以,跟用戶談及色彩的時候,色調的大幅轉變更容易引起他們的注意。

其實色彩感知本身就不是一個簡單的事情。所以當你需要藉助色彩傳遞情緒和情感的時候,只有一個模糊的、大概的方向,並且你還要照顧到色弱和色盲的用戶群體,採用安全的色彩。

按鈕

幽靈按鈕是這幾年一直都非常流行的按鈕設計,但是幽靈按鈕對於普通用戶而言有一個致命的缺陷:用戶在交互時常常會忽略它們。它和背景的對比度不夠,可見性較低。

雖然隨著時間的變化,幽靈按鈕的接受度有所提高,但是它所存在的問題依然沒有本質上的改善。這些時尚的設計元素和用戶的預期有差異,這樣的差異可能會導致轉化率的損失。

而表單、按鈕、鏈接這些涉及行為召喚的UI元素應該顯而易見,遵循常見的用戶模式,這樣才更有效。用戶的注意力大多時候是分散的,很少能夠堅持不懈地「學習」一個非常規的設計。讓你的設計對普通用戶更友好一點吧。

極簡主義

極簡風是目前設計師最喜歡的風格之一,這個你得承認。

雖然許多用戶確實很欣賞極簡主義的設計風格,但是同樣也從中感受到了強烈的單調與荒蕪感。「那麼網站的內容都在哪裡呢?」這是用戶常常會問到的事情。

尤其是在你設計的早期階段,你常常會看到這樣的反饋,這是一個不容易克服的困難。用戶總會希望你在設計中加入更多的內容——圖片、色彩以及更多的文本。

所以,最好在開放的設計空間和線條之間尋求一個平衡點,也許最後結果不是那麼極簡,但是可能對於客戶和用戶而言,會更容易接受。

高清大圖

一個覆蓋屏幕、有趣的高清大圖,確實能夠吸引用戶的注意力,用戶有時候並不承認這一點。

但是根據用報紙、雜誌等平媒多年的經驗,高清大圖,視頻和插畫確實更能引人注意,而小的元素通常難以給予用戶以持久的印象。所以,當你採取這樣的設計之時,應當將你的想法灌輸給你的客戶。

你應當弄明白你的設計應該給予用戶什麼樣的第一印象,幫助他們解決什麼問題,他們想要什麼東西,答案都在這些問題裡面。

關於品牌

實際上,用戶日常接觸的品牌非常多,用戶對於品牌的了解遠超他們自己的想像。也許某個品牌重新設計了自己的VI,字體和LOGO色彩的變化之後,用戶說不明白,但是會感知到。

所以,建立了品牌標識之後,任何改變對於用戶而言都會帶來混亂和迷惑,這就是為什麼要遵循既定的規則來構建品牌視覺。如果你的品牌沒有品牌風格指南,那麼現在是時候開放一套了。

關於可用性

你的產品是否可用,用戶很少會去關注其中的原理,如果它是可用的,那麼他們會繼續使用;如果可用性不強,那麼他們會放棄使用,轉向其他的同類產品。

所以,你應該領先於你的客戶,盡量避免不可用的狀況。一個好的用戶測試計劃能夠很好的幫助你的產品。更重要的是,你的產品設計應當遵循那些最基本的設計規範,符合色彩理論,跟隨用戶模式,參考排版規則,甚至同類網站的訪問和交互的規律。

結語

需要考慮的問題其實很多。也許你的初衷只是設計一些看起來還不錯的東西,但是這不夠。好的一面在於,絕大多數的用戶都符合典型用戶的特徵,許多問題都有現成的解決方案。

原文地址:https://designshack.net/articles/layouts/how-does-a-user-see-design/

原文地址:https://designshack.net/articles/layouts/how-does-a-user-see-design/原文作者:CARRIE COUSINS優設譯文:@陳子木
推薦閱讀:

EMI/EMC設計秘籍
建築結構丨貝聿銘與他設計的香港中國銀行大廈
最適合男生的長臉髮型設計(組圖)
超實用的扁平圖標繪製終極指南!
這麼漂亮的鞋櫃設計,值得收藏了!

TAG:設計 | 設計師 | 用戶 | 細節 | 視角 | 設計細節 | 通用 | 看待 |