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