1
| 本文作者： 稀土 | 2016-04-14 19:14 |
按： 本文由 掘金翻譯計(jì)劃 翻譯自《Deconstructing the Poor Design of a Well-Intentioned Microinteraction》，原作者 Jared M. Spool，譯者 L9m，校對(duì)者：shenxn, Hugo Xie
美航的一位正乘客愣愣地盯著屏幕上突然出現(xiàn)的提示：你的會(huì)話已過期。她對(duì)此不知所措。
剛剛，在她意識(shí)到自己已經(jīng)買好機(jī)票之后，她又打開了另一個(gè)標(biāo)簽頁，預(yù)定這次旅行的酒店房間，還租了一輛車。隨后返回到美國航空的標(biāo)簽頁獲取她的確認(rèn)編號(hào)，同時(shí)記錄在她的日歷上。
取確認(rèn)編號(hào)代之的是過期提示。所有已確認(rèn)事務(wù)都已保存，但你需要重新開啟檢索或者未完成的訂單。她很確定自己買了票，票被確認(rèn)了嗎？她不知道接下來該做什么。
美國航空的設(shè)計(jì)者們有很多理由添加一個(gè)會(huì)話過期提示。如果用戶不確定航班（或是最終從其他渠道購買），就可能會(huì)留下一個(gè)未完成的預(yù)定。而美國航空的設(shè)計(jì)者希望將這些未完成的預(yù)定返回到庫存中，使其他用戶可以預(yù)訂這些座位。
同樣，如果某人在用戶訂票完成但沒關(guān)閉瀏覽器的情況下使用機(jī)器，他就有可能獲取用戶不愿意公開的詳細(xì)資料和使用賬號(hào)的功能。有會(huì)話過期就可以防止混亂。
不只有美國航空會(huì)使用會(huì)話過期。銀行網(wǎng)站、業(yè)務(wù)工具和其他應(yīng)用也是如此，如果某人花太長時(shí)間或長時(shí)間未活動(dòng)，將會(huì)被強(qiáng)制下線。
網(wǎng)站常常使用你的會(huì)話已過期的設(shè)計(jì)模式來處理會(huì)話過期。這個(gè)消息會(huì)在任意時(shí)間彈出。對(duì)大多數(shù)用戶來說，這通常意味著沒什么好事發(fā)生。要么就是某重要功能中斷，要么就是其他糟糕的狀況。
你的會(huì)話已過期設(shè)計(jì)模式是一個(gè)微交互，微交互指的是設(shè)計(jì)中一些微小的功能性交互。微交互構(gòu)成了所有的設(shè)計(jì)但卻遭到設(shè)計(jì)團(tuán)隊(duì)的輕視。這個(gè)設(shè)計(jì)模式也不例外。
美國航空的設(shè)計(jì)者們有一個(gè)很高尚的目標(biāo)：保護(hù)他們的客戶不被壞人和黃牛侵犯利益。
然而，他們似乎并沒有注意到突然過期的會(huì)話給用戶帶去了糟糕的用戶體驗(yàn)。當(dāng)用戶面對(duì)這個(gè)消息（錯(cuò)誤信息的一種形式），他們并不知道應(yīng)該如何繼續(xù)。
會(huì)話過期在真實(shí)世界不會(huì)常常發(fā)生。當(dāng)你在雜貨店購物時(shí)，你的購物車不會(huì)因?yàn)槟汩L時(shí)間未添加?xùn)|西而突然清空。當(dāng)你繞街區(qū)走了很長一段路后，不會(huì)自動(dòng)被鎖在你房子外面。你的電視不會(huì)每過 15 分鐘就檢查一次你是否還在房間里。
會(huì)話過期隨處可見，可見我們的真實(shí)世界和數(shù)字世界是多么不協(xié)調(diào)。如果你的筆記本能準(zhǔn)確知道是什么人坐在它面前，我們就能更好地從壞人手中保護(hù)用戶。
保護(hù)業(yè)務(wù)需求這個(gè)初衷是好的。
設(shè)計(jì)就是我們?cè)谡鎸?shí)世界中呈現(xiàn)我們想法的方式。美國航空的會(huì)話過期使它的用戶感到困擾，這些并不是美國航空網(wǎng)站設(shè)計(jì)者們的初衷。我們能如何改善呢？
近幾年，Dan Saffer致力于研究微交互的設(shè)計(jì)并寫了一本叫《微交互》的書。Dan把微交互分解成四個(gè)構(gòu)成因素：反饋、模式和循環(huán)、觸發(fā)器以及規(guī)則。我們能從這四個(gè)構(gòu)成因素著手改進(jìn)美國航空網(wǎng)站會(huì)話過期的微交互。
反饋 是用戶怎樣去了解這個(gè)微交互。在這里，一個(gè)對(duì)話框提示用戶會(huì)話已過期，但是沒有告訴用戶意味著什么。他確實(shí)解釋了“確認(rèn)的交易已保存”，但是沒有解釋確認(rèn)的交易是什么或保存的是什么。一個(gè)已經(jīng)預(yù)定的航班是一個(gè)確認(rèn)的交易嗎？
使用用戶熟悉的語言會(huì)更有幫助嗎？（一條像“你飛往皮奧里亞的航班已出票，確認(rèn)郵件已發(fā)至您的郵箱” 這樣的信息是不是好很多？）
按鈕上唯一標(biāo)簽標(biāo)示回到首頁。回到首頁后用戶要干嘛呢？下一步可能的操作是什么？對(duì)話框能否列出一些用戶下面該做的事（然后要他們重新認(rèn)證，確保是同一用戶）？
模式 是系統(tǒng)如何決定用戶可以訪問哪些內(nèi)容。在美國航空的網(wǎng)站上，他們看起來使用一種二元驗(yàn)證—?用戶有權(quán)使用或無權(quán)。當(dāng)會(huì)話過期，系統(tǒng)會(huì)從驗(yàn)證狀態(tài)變成未驗(yàn)證狀態(tài)。
根據(jù)下一步可能的操作，設(shè)計(jì)者是否應(yīng)該考慮不僅僅使用二元驗(yàn)證的模式？
觸發(fā)器 決定何時(shí)觸發(fā)微交互。 看起來美國航空的會(huì)話過期觸發(fā)器會(huì)在最后一個(gè)頁面加載出來15分鐘之后觸發(fā)。
使用頁面加載作為計(jì)時(shí)器的起點(diǎn)合適嗎？如果用戶用鍵盤或鼠標(biāo)改變焦點(diǎn)，應(yīng)重啟計(jì)時(shí)嗎？
為什么是15分鐘？為什么不是20或40分鐘？15分鐘的依據(jù)在哪里，什么研究表明它是最佳時(shí)間？
航班預(yù)訂成功后，與機(jī)票預(yù)定成功之前應(yīng)該使用相同的過期時(shí)間嗎？畢竟，一個(gè)未預(yù)定的航班可能供不應(yīng)求，但在被預(yù)定之后不再可訂。
觸發(fā)器應(yīng)該完全基于時(shí)間嗎？有沒有更好的方法能確定用戶已經(jīng)對(duì)網(wǎng)頁沒有興趣了或是已經(jīng)離開了（即產(chǎn)生了一個(gè)安全威脅）？
如果觸發(fā)器是基于下一個(gè)操作的呢？ 如果屏幕不動(dòng)，微交互不會(huì)觸發(fā)。但是如果用戶試圖在會(huì)話過期后做點(diǎn)什么，是否可以通過微交互告知用戶需要重新認(rèn)證或是重新確認(rèn)庫存？
規(guī)則 指導(dǎo)微交互的行為。會(huì)話過期的規(guī)則是為了防止進(jìn)一步訪問，從驗(yàn)證狀態(tài)變成未驗(yàn)證狀態(tài)，并給用戶反饋。
我們需要告訴用戶他們的會(huì)話已過期嗎？畢竟，根據(jù)這個(gè)消息他們也做不了什么。反之，如果沒有提示，用戶做任何試圖需要身份驗(yàn)證的訪問時(shí)，我們可以觸發(fā)登錄的微交互嗎？
像安全執(zhí)行、存量管理這樣的業(yè)務(wù)需求總是在犧牲用戶體驗(yàn)？會(huì)話過期的確解決了一些問題，但這種設(shè)計(jì)是最好的嗎？
許多微交互——錯(cuò)誤信息和警報(bào)，都是無意之中為之。通常，一個(gè)開發(fā)者急于求成，不會(huì)考慮在邊緣狀況時(shí)用戶的體驗(yàn)。
注重這些小細(xì)節(jié)并提出問題會(huì)創(chuàng)造一個(gè)更好的體驗(yàn)。Dan的微交互框架會(huì)幫助我們發(fā)現(xiàn)其中的問題，進(jìn)而指導(dǎo)我們拿出更好的設(shè)計(jì)。
微交互對(duì)構(gòu)建優(yōu)秀的用戶體驗(yàn)是至關(guān)重要的，我們邀請(qǐng)Dan Saffer組織了一次名為[使用微交互設(shè)計(jì)關(guān)鍵的細(xì)節(jié)]的研討會(huì)。它是4月18-20日在加利福尼亞的圣迭戈UX Immersion的一部分。Dan的研討會(huì)有充實(shí)的數(shù)據(jù)、精彩的觀點(diǎn)、設(shè)計(jì)出彩的做法以及有效的微交互。不要錯(cuò)過！你可以在他的網(wǎng)站了解更多信息！
本文由 掘金翻譯計(jì)劃 的譯者 L9m 翻譯，掘金是中國高質(zhì)量的技術(shù)分享社區(qū)，邀請(qǐng) Co-Editor 來分享優(yōu)質(zhì)的互聯(lián)網(wǎng)技術(shù)資源。從前端到后端開發(fā)，從設(shè)計(jì)到產(chǎn)品，讓每一個(gè)掘金用戶都能挖掘到有價(jià)值的干貨。掘金翻譯計(jì)劃主要翻譯掘金應(yīng)用上優(yōu)質(zhì)的互聯(lián)網(wǎng)技術(shù)文章。
雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。
