用戶能讀懂你的設(shè)計嗎?

0 評論 3482 瀏覽 8 收藏 9 分鐘

編輯導讀:優(yōu)秀的設(shè)計應該將產(chǎn)品設(shè)計得盡可能信息順暢、容易理解和容易使用,讓人們能在短時內(nèi)就能快速理解,快速上手。本文作者分別從這三個方面切入,分別進行了梳理和討論,一起來看看~

設(shè)計不是憑空捏造出來,是從現(xiàn)實世界映射到網(wǎng)絡(luò)環(huán)境中的巧思。設(shè)計在映射過程,能夠一定程度降低觸達用戶時的信息損耗。

一家公司或者獨立開發(fā)者,以產(chǎn)品為紐帶,為用戶創(chuàng)造價值,輸出設(shè)計。用戶使用產(chǎn)品,讀取設(shè)計語言,去理解產(chǎn)品可以解決什么樣的問題。

?前者用設(shè)計語言編織產(chǎn)品,后者讀取、理解、使用產(chǎn)品,為產(chǎn)品注入活力,煥發(fā)產(chǎn)品價值。

輸出和輸入的兩方,通過產(chǎn)品互動。優(yōu)秀的設(shè)計語言,讓雙方互動順暢,降低交互過程的信息損耗,減少用戶的困惑,讓用戶覺得好用,發(fā)揮產(chǎn)品價值。

優(yōu)秀的界面設(shè)計在我看來,有三個特質(zhì):

  1. 信息順暢
  2. 容易理解
  3. 容易使用

當然產(chǎn)品能夠解決問題是必要前提。

一、信息順暢

一步步呈現(xiàn)信息,給用戶學習理解的緩沖時間,不建議用信息爆炸的方式,把用戶嚇走。檢測方法,從屏幕的遠處往近處看,依次注意到低層級的元素。

1. 層級清晰

字號從大到小、字重從高到低、裝飾元素從有到無,不同區(qū)分靈活使用。

以語雀的發(fā)現(xiàn)頁為例,通過降低字號,區(qū)分標題、內(nèi)容、賬號名、知識庫名、時間等;同時改變字重強調(diào)區(qū)別;稻谷數(shù)放在標題和內(nèi)容摘要旁邊,吸引視覺聚焦。

元素排布秩序整齊,對齊的位置接近、對齊方式、元素間距疏密規(guī)律。

以微信的賬號與安全頁為例,標題左對齊,內(nèi)容右對齊,用斑馬線分組信息,形成秩序感。屏幕安全間距左右相同。手機號到下一頁的距離,大于到鎖(圖標)的距離,形成呼吸感。

無關(guān)干擾少,圖形比文字更容易吸引注意力,不要為了過分追求好看,而去增加對產(chǎn)品沒有幫助的圖形。

二、容易理解

用潛在客戶理解的措辭,解讀產(chǎn)品。用詞簡潔,不追求時髦和花哨。

1. 用詞一致

雖然近義詞可以讓語言看起來豐富有變化,但是有具體意義的詞,安全的做法是減少使用近義詞,同一概念使用相同的詞。這么做可以減少用戶尋找目標時間。在語境內(nèi)沒有實際指向的詞,如可能、不一定、也許,用近義詞表達是合適的。

舉個購買引導的例子,定價、收費、支付、收銀、購買,這5個詞看著相似,但是承載不同功能,定價是價格和功能說明、收費理解上是區(qū)分免費、支付和購買是用戶的行為、收銀一般指第三方收銀臺(像支付寶支付)。在頁面中如果用5個詞表達同一個意思,那用戶大概率是讀不懂文案的。

2. 行話和白話

特定業(yè)務(wù)的行話,信息量大,行家能夠產(chǎn)生你懂我的共鳴;用戶熟悉的大白話,理解門檻低。后者滿足用戶讀取信息,前者引領(lǐng)用戶成長。

行話舉個例子:設(shè)計對前端說“交付移動端、pad 和 pc 3種頁面布局,實現(xiàn)頁面的響應式”,前端能通過 3 個相似的頁面,判斷各自的用途。

白話的例子也挺多的,逢年過節(jié)拜訪長輩,經(jīng)常被問到做什么工作的。為了讓他們理解,我們從長輩的心智模型出發(fā),選取幾個關(guān)鍵點,比如是坐辦公室里面,用電腦寫/講方案的技術(shù)人員?;ヂ?lián)網(wǎng)黑話,對于大部分長輩來說,只會讓他們產(chǎn)生跟不上年輕人的無力感。用大白話,才讓他們聽得懂,放心你在城市打拼。

3. 分組

由格式塔原則可知,人們自然會將復雜信息分為簡單的組,臨近的元素更容易認定為一組、結(jié)構(gòu)相似的信息更容易理解為承擔相同的業(yè)務(wù)。

根據(jù)前人的實驗得知,立即記憶和快速理解的范圍在7,所以一次呈現(xiàn)的信息數(shù)量建議限定在7左右。

三、容易使用

初次使用產(chǎn)品,不可避免經(jīng)歷學習過程。讀懂內(nèi)容,理解產(chǎn)品價值,最后才是使用產(chǎn)品。容易使用是用戶呼聲,但是產(chǎn)品存在一定程度的復雜性,不可降低。我們能做的是,提升產(chǎn)品的易用性。

1. 路徑清晰

  1. 記錄成就,用導航和面包屑,告知用戶經(jīng)歷過的階段,展示用戶的嘗試和努力。
  2. 來去自如,讓用戶不費力氣發(fā)現(xiàn),返回和下一步,掌控流程。完善主要流程之后,還需要考慮異常和支線流程,因為網(wǎng)絡(luò)、服務(wù)器不可能永遠正常不出錯。
  3. 預告未來。舉例來說,長表單步驟過多,用進度提示,告知總?cè)蝿?wù),減少焦慮和迷失感。提前告知活動,預熱項目。以及告知未來何時升級維護,降低對用戶正常使用的影響。

2. 重點突出

人們無法消化巨量信息,大量信息讓人無法辨別有用信息,等同于無用信息。突出重點,用戶在第一印象下,能夠無需思考,找到設(shè)計者引導用戶操作的流程。

  1. 重點突出能夠解決“別讓我思考”這一難題,憑借直覺實踐正確流程,大腦沒有思考出為什么要點它,但是鼠標就點了它。
  2. 營銷方面更需要重點突出,強調(diào)誘人結(jié)果,吸引用戶買單,比如最近各大航空公司推出的的隨心飛,使用不限次數(shù)飛行,用低價吸引羊毛黨,很快就售罄,同時廉價飛行形成話題,平時不乘飛機的用戶,也都在討論,話題破圈。

營銷易,售后易,能夠為航空公司帶來長久的用戶口碑;如果售后難,體驗打折,接下來隨心飛的幾十萬用戶,很有可能會在網(wǎng)絡(luò)上,持續(xù)反饋航空體驗的缺點,營銷結(jié)果會變成缺陷放大器。

比如朋友買的票,在疫情緊張的2020年,一直沒能兌現(xiàn)

結(jié)尾

信息在傳遞過程損耗不可避免,這是認知常識。設(shè)計要做得是,突出不同步驟下的重點,降低不確定,損耗次要信息,減少用戶的思考,幫助用戶決策,起到助力選擇正確流程,體驗產(chǎn)品價值核心的作用。

把信息平鋪出來,讓用戶自己辨別挑選,是偷懶的壞習慣。提倡設(shè)計清晰的信息層級,用邏輯打通流程,精心設(shè)計文案,把每一步操作,累計成為下一步的動力,鼓舞正在使用產(chǎn)品的人。共勉~

 

作者:清蒸;微信公眾號:設(shè)計的魅力

本文由 @清蒸 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)允許,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!