阻力設(shè)計(jì)的正確使用方法

6 評論 4526 瀏覽 29 收藏 10 分鐘

信息阻力是指用戶實(shí)現(xiàn)最終目標(biāo)或完成某件事情時(shí)受到的阻力,如何正確的使用阻力設(shè)計(jì)呢?

一、何為阻力設(shè)計(jì)

何為信息阻力呢?我們可以把信息阻力簡單的理解為產(chǎn)品的摩擦力,先看下百度百科是怎么定義的摩擦力的:

為阻礙物體相對運(yùn)動(dòng)(或相對運(yùn)動(dòng)趨勢)的力俗稱摩擦力。

那體現(xiàn)在我們產(chǎn)品上面來說就是用戶實(shí)現(xiàn)最終目標(biāo)或完成某件事情時(shí)受到的阻力我們稱之為信息阻力!

二、不要讓我思考

相信很多交互設(shè)計(jì)師都讀過Steve Krug 的《點(diǎn)石成金:訪客至上的Web和移動(dòng)可用性設(shè)計(jì)秘笈》這本書,這本書中講了很多的可用性原則其中第一條定律就是「不要讓我思考」。

那何為「不要讓我思考」呢?

在Steve Krug 認(rèn)為用戶看到一個(gè)頁面時(shí),它應(yīng)該是不言而喻、一目了然、自我解釋的,用戶知道怎么使用它而不會(huì)有太大的認(rèn)知負(fù)擔(dān)。

我們每天都會(huì)行走,騎車,擺臂等,再這個(gè)過程中難道你真的會(huì)以為我們的大腦都會(huì)精心的調(diào)配每一個(gè)肌肉嗎?

不會(huì)的,因?yàn)檫@些都是我們通過大腦皮層的潛意識行為,我們認(rèn)為他就應(yīng)該這么做,這是下意識的行為,只有當(dāng)我們通過潛意識的行為沒有達(dá)到目的時(shí)才會(huì)激發(fā)我們的上層組織做思考,所以我們要做的是把這種思考的過程去掉,用戶不需要查看說明以及復(fù)雜的決策就可以做出判斷,以至于用戶不會(huì)有太大的認(rèn)知壓力。

三、怎么避免產(chǎn)品中的阻力

案例1:

我們就拿圖標(biāo)來說上面三個(gè)圖標(biāo)想必大家都認(rèn)識,分別為拍照、WIFI、藍(lán)牙。

針對這種國際上通用的圖標(biāo),不論任何國家還是名族對于大家來說認(rèn)知壓力都很小,因?yàn)檫@些都是國際上面通用的,所以我們在設(shè)計(jì)圖標(biāo)時(shí)為了減少用戶的認(rèn)知壓力都要遵循一些通用的原則,以達(dá)到最小的認(rèn)知成本。

案例2:

由于一些行業(yè)非常特殊,比如銀行、支付寶等的注冊流程相對其它網(wǎng)站來說注冊的成本會(huì)很大,因?yàn)樯婕暗絺€(gè)人信息的填寫。

如果沒有頂部的流程圖,用戶無法一目了然的清楚注冊的每一個(gè)步驟,想必會(huì)直接影響到一些注冊的轉(zhuǎn)換率,因?yàn)樗恢篮竺婺氵€需要要我的什么個(gè)人信息,可能填寫一半就不想再填寫了,這種無形的阻力一直扼殺了我們的轉(zhuǎn)換率。

但是如果加入了頂部的步驟條來說就會(huì)更加的一目了然,用戶知道我如果注冊需要完成幾步操作,分別都是什么,這樣用戶填寫起來會(huì)更加順暢,使整個(gè)注冊流程更加容易讓用戶掌控。

案例3:

想必大家使用應(yīng)用的時(shí)候都會(huì)出現(xiàn)loading的情況,加入loading的也就是因?yàn)楫?dāng)前阻力過大,如果不提供解決方案使用者在等待的過程中會(huì)變的很煩躁消極,造成很不好的用戶體驗(yàn),loading也就是為了解決這個(gè)問題,減少阻力對用戶的影響。

在產(chǎn)品中加入情感化的設(shè)計(jì),用ip吉祥物做一個(gè)小章魚的loading動(dòng)效,大大降低了用戶在等待時(shí)的煩躁情緒.

案例4:

這是自如的從進(jìn)入首頁到查看房源再到確認(rèn)訂單去支付的流程頁面,大家可以看到頁面上面的視覺噪聲越來越少影響用戶的視覺操作等多余的東西也越來越少,出于視覺降噪減少阻力的目的,在最終的操作界面一定要做到極簡設(shè)計(jì),去除一些多余不必要的元素。

四、我們需要阻力設(shè)計(jì)

雖然說很多時(shí)候我們希望用戶使用產(chǎn)品過程中可以行云流水,功能方面一目了然,但是在我們的產(chǎn)品中真的不需要一點(diǎn)點(diǎn)的阻力嗎?事物都有兩面性,或許換個(gè)思路想下阻力的存在不一定是一個(gè)壞事情。

那什么情況下我們需要阻力設(shè)計(jì)呢?

1. 出于安全的考慮

案例1:

在最近針對本公司產(chǎn)品手勢密碼優(yōu)化時(shí)我發(fā)現(xiàn)目前線上版本修改手勢密碼過程中直接跳過了輸入原手勢密碼,而是直接設(shè)置新的密碼兩次直接完成修改了。

這讓我很詫異,雖然我登錄了賬戶,但是這種涉及到我個(gè)人信息安全的時(shí)候,竟然沒有讓我再次輸入原始密碼,而是直接重設(shè)新密碼,這種讓我很沒有安全感。

這種就是一個(gè)很好的反例,而反觀我們看下「京東金融」的產(chǎn)品,他的邏輯很清晰,如果要修改密碼首先要1.輸入原手勢密碼2.輸入新手勢密碼3.再次輸入新手勢密碼4.反饋設(shè)置成功。而對于輸入原手勢密碼這步操作來說就是阻力設(shè)計(jì)。

案例2:

下面左邊是微信的發(fā)紅包輸入密碼界面,右邊是支付寶驗(yàn)證指紋密碼的頁面。兩個(gè)頁面同時(shí)需要用戶輸入密碼來確認(rèn)當(dāng)前紅包是否發(fā)送。

這里是為了在保證資金安全的前提下,增加了阻力設(shè)計(jì),故意讓用戶慢下來,讓用戶來思考是否要發(fā)送。

2. 出于產(chǎn)品目的

案例1:

想必大家都發(fā)過微信朋友圈吧,朋友圈基于他們業(yè)務(wù)的考慮希望更多的用戶去發(fā)基于圖片的動(dòng)態(tài),那樣更多的用戶會(huì)去瀏覽,沒有愿意看枯燥的文字內(nèi)容。

基于這種業(yè)務(wù)的考慮微信朋友圈故意把發(fā)文字的交互方式做的特別繁瑣,得需要長按右上角的相機(jī)圖標(biāo)才能發(fā)送純文字,如果純點(diǎn)擊的話是先讓用戶去選擇圖片,其次再去書寫內(nèi)容的。這種也是我們說的阻力設(shè)計(jì)。

案例2:

下方為玖富金融的的升級界面,我們可以看到下方按鈕部分重點(diǎn)突出了「立即升級」按鈕,「以后再說」按鈕弱化了甚至直接置灰了讓你以為不可點(diǎn)擊,但是其實(shí)是可以操作的(這波騷操作是不是讓你想起了ofo,壞笑中~)。

設(shè)計(jì)這樣做增加了不升級的操作阻力,設(shè)計(jì)很清楚我要達(dá)成一個(gè)什么樣的目標(biāo),這樣的阻力設(shè)計(jì)正是為了迎合商業(yè)目的而設(shè)計(jì)的。

結(jié)論:信息的阻力存在與否需要根據(jù)產(chǎn)品不同場景來來判斷。交互設(shè)計(jì)師一般情況下應(yīng)該減少用戶的認(rèn)知負(fù)擔(dān)不要讓用戶思考也就是減少阻力的設(shè)計(jì)。并根據(jù)使用場景和商業(yè)目的不同適當(dāng)?shù)脑黾幼枇υO(shè)計(jì)。

 

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 補(bǔ)充:增加粘性,增加產(chǎn)品易用性,引導(dǎo)用戶投入也是增加摩擦的動(dòng)機(jī),eg.游戲會(huì)具有一定挑戰(zhàn)性、社交產(chǎn)品會(huì)讓你完善個(gè)人信息

    回復(fù)
    1. Nice

      回復(fù)
  2. 很棒的一篇文章~

    來自上海 回復(fù)
    1. 謝謝,比心?

      回復(fù)
  3. 寫得好 :mrgreen:

    來自新疆 回復(fù)
    1. 謝謝夸獎(jiǎng)!只要你有收獲就好!

      來自北京 回復(fù)