從微信支付和支付寶支付,看細微間交互差異!

作為一個交互設計師,當你在設計一個交互路徑的時候,你可能會遇到有些時候,你感覺你設計的路徑都是正常合理的,但是一到用戶體驗中,就顯得麻煩,盡管只多了一個簡簡單單的”確認“鍵選中,多花費了0.1秒,用戶也會說“這操作,太復雜了”。

那么,該如何簡化流程呢?

一、減少冗余步驟和干擾項

人們在處理信息、學習規程和記憶細節方面的能力是有限的,選項越多,步驟越長,用戶需要耗費的注意力和理解力就越多。一個人面臨的選擇越多,所需要做出決策的時間就越長。復雜的操作流程,也往往來源于冗余的步驟和干擾項。

下圖分別是微信付款和支付寶付款的界面。兩個界面都是讓用戶輸入六位數密碼,唯一的區別就在于支付寶在輸入密碼后,要點擊一下確定才能支付,而微信輸入密碼后直接支付。雖然只是一個操作上小小差異,但在感受上,還是會覺得微信的體驗更流暢。

多一次操作,意味著多一次注意力的轉移,減少一個不必要的步驟,會讓用戶操作起來覺得輕松很多。

還有這么一個例子:一位哥倫比亞大學教授在一個超級市場設立了一個免費品嘗的展位。在第一個星期六,提供了24種口味的果醬供人們品嘗,而另一個周六則僅提供6種口味。出人意料的是,在有24種口味的展示上,有60%的顧客停在了展位并參與了免費品嘗活動,在他們中有3%的人購買了商品;在只有6種口味的展示中,有40%的顧客參與了免費品嘗活動,但在這些人中卻有30%的人購買了產品。后者的轉換率是前者的10倍!

提供很多選項看似可以給用戶更多選擇,讓他們可以掌控局面,但如果超過了一定的界限,特別是在很多選擇都很類似的情況下,反而會給用戶帶來負擔。

下圖為兩款鬧鐘應用,一款提供了非常強大的功能,在設置鬧鐘時可以有多種重復方式:每天、每周的某些日子、每周的某些日子和第N組節假日、僅第N組節假日、每隔N日、每月的某一日、每月第N周的某日……另一款只是簡單的讓用戶選擇每周幾重復。如果是你,會喜歡哪款呢?

設置第一款鬧鐘時幾乎要瘋掉,如此多的選項讓人無所適從,操作效率大大降低了。根本搞不清楚“每周的某些日子和第N組節假日”是什么意思,也不覺得把鬧鐘設置為“起床鬧鐘”、“午睡鬧鐘”、“下班鬧鐘”有什么意義,只要它在設定的時間能夠響就可以了。而在使用第二款時會覺得簡單明了,很容易操作。

二、將復雜操作轉移給系統

每一個過程都有其固有的復雜性,無論在產品開發環節還是在用戶與產品的交互環節,這一固有的復雜度都無法依照我們的意愿消失,只能設法調整、平衡。復雜性存在一個臨界點,超過了這個點,過程就無法再簡化了,你只能將固有的復雜性從一個地方轉移到另一個地方。比如想要做菜就一定要洗菜切菜,這個復雜過程是無法跳過的,但我們也可以購買洗好切好的蔬菜,將復雜轉移給商家。

在交互設計中,如果已經到了這個臨界點怎么辦?我們可以將復雜操作從用戶轉移給系統,讓機器代替用戶進行操作

在Google Map中,如果用戶想查詢線路,就一定要輸入起點和終點,這是無法省略的過程。但是在查詢路線時,Google Map會利用定位功能自動將起點定位為“我的位置”,減少用戶的操作。

其實將復雜操作轉移給系統,就是讓機器變得更智能,這是科技發展以來人們一直在做的一件事。無論是記錄用戶名和密碼、自動識別用戶IP所在的城市、自動補全等常見的交互設計細節,還是Google Glass智能眼鏡、可以自動駕駛的智能汽車等高科技產品,都是增加了工程師的工作量,將復雜轉移給系統,來讓軟件變得更加簡單好用,讓數以萬計的用戶減少額外的付出。

三、簡化操作方式

回憶一下,幾年前我們是怎樣使用手機的?想要選擇一個功能,需要用“方向鍵”上下左右來回移動,當焦點移動到要選擇的功能時,再按下“確認鍵”。而現在,我們使用智能手機時,想要選擇哪個應用,只需直接用手指點擊就可以了,操作流程大大簡化了。

以前我們在瀏覽網頁時,看到一個想去了解更多的詞會怎樣呢?比如你在一篇文章中看到一本書,叫做《超級整理術》,你并不清楚這本書講了什么內容,想去了解一下。于是你選中這幾個字,點擊鼠標右鍵復制,在瀏覽器中新建一個標簽頁,打開Google,在搜索欄中右鍵粘貼,點擊搜索按鈕。經過這一系列的操作之后,你終于在搜索結果頁中看到關于這本書的簡介、評價、購買信息等等。其實這整個過程也只是會耗費幾十秒的時間,操作起來并不會覺得太難。直到有一天,你在使用Chrome瀏覽器的時候發現,在復制操作的下方,有一個“用Google搜索‘xxx’”的選項,只需點擊這一選項,瀏覽器就會自動彈出一個標簽頁,把你要的結果搜索出來。“選中—右鍵復制—新建窗口—打開網站—粘貼—搜索”這一復雜的過程就變成了“選中—右鍵點擊Google搜索”,只需兩步輕松完成任務。

四、優化操作過程

我們可能都有這樣的體驗,就是在填寫一個常常的表單的時候,比如注冊。當我們把信息填好,核實,點擊提交后,突然系統提示驗證碼填寫錯誤,之前填寫的項被全部清空了。這個時候我們有兩種選擇,第一種就是老老實實小心翼翼再填寫一遍,第二種就是走人。選擇第一種,等你填寫完后,你可能會被告知密碼不一致,然后又是一次清空……

操作中得不到反饋,發生錯誤后重新填寫,比操作流程的冗余更加可怕。這些細節的不足,也增加了操作的復雜性。用戶本來只需填寫一次表單,在填寫錯誤時只需修改一個選項,可是由于設計的不足,用戶需要反復填寫兩次甚至三次表單,這也大大增加了操作的復雜性。界面中各種小細節的不足,就像公路上的減速帶,會降低用戶的效率。

提供合適的首選項、適時幫助、及時反饋、提供合理的默認值,等等這些細節的優化,可以幫助用戶防止出錯,使他們能夠更快更順暢地完成任務。

OS在更新系統時,會提前檢測用戶的電量,如果電量不足以支撐完成更新,會提示用戶將iPad插上電源再來更新。試想一下,如果沒有這個提醒會怎樣呢?用戶花費了大量的時間下載更新,在安裝到一半時因為沒電而關機,用戶需要連接電源再次重新更新。更新的過程雖然沒有冗余步驟,但因為缺少預先提示而導致的重復操作也會使操作流程變復雜。

因為簡化復雜操作流程而獲益的產品比比皆是:快捷支付使得很多支付類應用的支付成功率大大提高;手機快速注冊、使用其他社交網站賬號登錄也使很多網站的注冊轉化率提升很多。如果一款產品以簡化為初衷進行交互設計,給用戶一個簡便直接的操作流程,用戶必然會喜歡你的產品。

原文地址:艾藝信息

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,622評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,716評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,746評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,991評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,706評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,036評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,029評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,203評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,725評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,451評論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,677評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,161評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,857評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,266評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,606評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,407評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,643評論 2 380

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,775評論 25 708
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,836評論 18 139
  • 當時自以為寫的不錯, 直到我看見了真正的蛻變。 那是一次機緣巧合, 我帶孩子去花鳥市場, 之前一直想給孩子買一份禮...
    咕咕咕朵白閱讀 468評論 0 2
  • 我那么想愛你,可是我們之間隔了太遙遠的距離 像太陽和月亮 像天空和大地 像遠古時期無知的人類看到了飛機 可望而不可...
    夜慕微風閱讀 336評論 0 2
  • 從窗戶看去 玻璃的陽光耀得眼花 一如所有的香味 都從你的身上 飄落心里生根發芽 透過窗子看 車水馬龍、世界花花 就...
    東門聖手閱讀 169評論 1 1