設(shè)計(jì)挑戰(zhàn)是考驗(yàn)綜合能力的面試形式，主要以兩種形式進(jìn)行，一種是在給定的時(shí)間內(nèi)獨(dú)自完成設(shè)計(jì)練習(xí)，之后在面試中和面試官展示方案，這種比較常見；另一種是當(dāng)面或者視頻面試，面試官可能會(huì)在設(shè)計(jì)挑戰(zhàn)的過程中跟你互動(dòng)。
文章內(nèi)容如下：

• 設(shè)計(jì)挑戰(zhàn)的目的
• 我的Uber設(shè)計(jì)挑戰(zhàn)解題回顧
• 總結(jié)
• 附錄

預(yù)計(jì)閱讀時(shí)間：9分鐘*
—————————————————————————————————————*

設(shè)計(jì)挑戰(zhàn)的目的

關(guān)于設(shè)計(jì)挑戰(zhàn)的目的，Uber給出的解釋是：
我們希望通過設(shè)計(jì)挑戰(zhàn)了解你作為設(shè)計(jì)師的三個(gè)方面：

• 我們好奇你分析設(shè)計(jì)問題的過程
• 我們想了解你評(píng)估潛在方案的探索方式
• 我們想了解你是怎么處理交付物和方案展示的

對(duì)應(yīng)設(shè)計(jì)過程，就是調(diào)研、設(shè)計(jì)、評(píng)估、展示。這里以我的Uber設(shè)計(jì)挑戰(zhàn)案例做個(gè)方法論總結(jié)。

解題過程回顧

Uber的UX設(shè)計(jì)挑戰(zhàn)題目（原文見附錄）
提升Expedia（全球最大的在線旅游公司）移動(dòng)端網(wǎng)頁用戶體驗(yàn)，重新設(shè)計(jì)用戶是怎樣選擇旅行的日期的。假設(shè)人們可能在日期選擇上有一定的彈性，思考如何幫助他們選擇最佳的旅行日期。

• 考慮流程中的所有情況，以及需要支持的極端情況
• 保證和現(xiàn)有用戶體驗(yàn)的功能對(duì)等
• 不限制使用低保真原型
• 推薦使用Keynote/Invision/Flinto/PDF 進(jìn)行展示

1. 破題——主觀角度出發(fā)的調(diào)研

我是第一次使用Expedia，不過用其他旅行網(wǎng)站訂過機(jī)票，所以對(duì)流程比較熟悉；而習(xí)慣了流程的問題在于，痛點(diǎn)反而不明顯了。所以我決定畫出流程圖，一步一步解析整個(gè)過程。

User flow

制作流程圖的過程基本上就是一次自己的認(rèn)知演練(Cognitive Walkthrough)。認(rèn)知演練是用戶測試的一種方式，主要目標(biāo)是對(duì)不熟悉系統(tǒng)的用戶進(jìn)行測試，評(píng)估系統(tǒng)的可習(xí)得性（learnability）。所以自己做的時(shí)候，盡量從對(duì)系統(tǒng)不熟悉的角度出發(fā)，完成這個(gè)購買機(jī)票的流程。

給自己設(shè)定一個(gè)合適的目標(biāo)，比如購買下個(gè)禮拜任何一天從三番飛到亞特蘭大的機(jī)票。自己在過程中不斷提問自己，”在點(diǎn)擊這個(gè)按鈕后預(yù)期會(huì)發(fā)生什么“，”在這個(gè)輸入框里進(jìn)行輸入預(yù)期會(huì)發(fā)生什么“，”在這個(gè)界面預(yù)期會(huì)獲知那些信息“，等等，以及，”網(wǎng)頁的響應(yīng)是否符合預(yù)期“。以自己真實(shí)的心態(tài)去演練整個(gè)過程，把痛點(diǎn)記錄下來，整理之后選擇和題目關(guān)系最緊密的，標(biāo)注到流程圖上。

完成了認(rèn)知演練，按照流程從頭再使用一次。不過這一次，目的是根據(jù)10項(xiàng)啟發(fā)式評(píng)估原則（10 heuristics）對(duì)使用流程進(jìn)行評(píng)估；我發(fā)現(xiàn)使用體驗(yàn)有悖10 heuristics中的4條到了不能忽視的程度，并且對(duì)具體的體現(xiàn)做了記錄：

• 系統(tǒng)狀態(tài)可見性
  已輸入的旅行具體信息可見性不佳，需要的時(shí)候要滑動(dòng)到頂部才能看到

• 用戶控制及自由度

  • 日期選擇受限
  • 沒法在主頁選擇艙位等級(jí)
  • 沒有到達(dá)時(shí)間的選項(xiàng)

• 一致性
  選擇買來回機(jī)票的時(shí)候，我期望會(huì)在同一頁面看到來回航班的信息，但Expedia把信息分到了兩頁展示

• 使用的可變通性（flexibility）及效率
  系統(tǒng)推薦的航班可能會(huì)一直不符合用戶需求，

2. 驗(yàn)證——目的明確的快速采訪

為了驗(yàn)證我使用系統(tǒng)遇到的問題是否具有普遍性，我在微信上迅速地問了6個(gè)小伙伴，其中有設(shè)計(jì)師，有程序員，有學(xué)電子的，有學(xué)化學(xué)的；同時(shí)也有全職工作的，也有學(xué)生。采訪對(duì)象的選擇上，我希望在數(shù)量有限的樣本中依舊能體現(xiàn)出人群的多樣性。

Quick Interviews

采訪中有意想不到的收獲：

• 除非是商務(wù)旅行，所有受訪者的出發(fā)日期和回程日期都有一定的可變通性
• 學(xué)生和全職人士的可變通性有區(qū)別；學(xué)生的可變通性范圍有時(shí)可以是1-2個(gè)月，全職人士的可變通性則大多在1-2周
• 所有受訪者選擇旅行日期都是基于旅行目的（純旅游/探親友/參加活動(dòng)）、價(jià)格、飛行時(shí)間等因素的綜合考慮
• 其中4位受訪者認(rèn)為在具體某天的到達(dá)時(shí)間比起飛時(shí)間更重要（而大部分）
• 所有受訪者都認(rèn)為價(jià)格是top2的考慮因素，除非是緊急情況

這一步在設(shè)計(jì)挑戰(zhàn)用的不多，純粹屬于自己對(duì)覺得快速且有效的收集信息方式的一次嘗試，可以用“quick & dirty”來形容。因?yàn)閁ber的設(shè)計(jì)挑戰(zhàn)時(shí)間不是硬杠，我稍微多花了一點(diǎn)時(shí)間進(jìn)行這一步是希望能加強(qiáng)之后設(shè)計(jì)決策的效力（validity）。如果時(shí)間是嚴(yán)格限制在4小時(shí)左右，我依舊會(huì)進(jìn)行這一步，信息可能不那么全，不過采訪4-5個(gè)朋友還是沒問題，耗時(shí)會(huì)在30分鐘左右；明白自己想收集的信息，采訪甚至可以和其他步驟穿插進(jìn)行，不會(huì)耗費(fèi)很久。

3. 極端情況

考慮不同類型的用戶會(huì)怎樣進(jìn)行購買機(jī)票的流程，探索可能會(huì)出現(xiàn)的極端情況。做完之后我發(fā)現(xiàn)，這一步實(shí)際上對(duì)整體流程的影響不大，對(duì)產(chǎn)品后期細(xì)節(jié)的優(yōu)化比較有價(jià)值。

這里舉幾個(gè)例子：

• Expedia不提供以周/月為單位的機(jī)票的查看，可變通性體現(xiàn)在系統(tǒng)會(huì)根據(jù)你的搜索推薦機(jī)票。這就可能會(huì)引發(fā)“系統(tǒng)推薦一直不符合用戶需求”的極端情況，因?yàn)橥扑]的隨機(jī)性比較大，用戶不好控制自己想看到的信息
• 網(wǎng)站提供的可變通性不符合用戶自己的可變通性
• Expedia不提供到達(dá)時(shí)間的篩選條件
• 用戶不知道去哪旅行
• 用戶忘記輸入有些必填的信息
• 用戶輸入的回程日期先于出發(fā)日期

4. 競品分析

根據(jù)在過程中發(fā)現(xiàn)的問題，我選擇了主頁、價(jià)格日歷和篩選頁面進(jìn)行了競品分析，分別截了圖分析其他產(chǎn)品的使用流程。

主要發(fā)現(xiàn)：

• 大部分網(wǎng)站只提供前后三天也就是以周為單位的選項(xiàng)，而skyscanner提供了以月為單位的可變通性選項(xiàng)，對(duì)于有更多可變通性的用戶提供更有價(jià)值的信息，值得參考

Skyscanner price calendar analysis

• 到達(dá)時(shí)間通常被認(rèn)為沒有出發(fā)時(shí)間那么重要，經(jīng)常出現(xiàn)在篩選條件的隱藏選項(xiàng)中，Expedia甚至都不提供到達(dá)時(shí)間的選項(xiàng)（這與我的調(diào)研結(jié)果是相悖的；我決定尊重調(diào)研結(jié)果，基于調(diào)研改進(jìn)篩選條件）

Filters

5. 用戶流程再設(shè)計(jì)

基于調(diào)研，我希望在以下方面改進(jìn)用戶流程

• 區(qū)分并滿足有不同可變通性用戶人群的需求
  • 提供可變通性的選項(xiàng)
  • 提供以周/月為單位的可變通性選項(xiàng)
• 改善重要基本信息的可見性
• 提供更便捷的回到上一級(jí)的選項(xiàng)
• 在篩選條件的重要位置中添加到達(dá)時(shí)間的選項(xiàng)

User flow

6. 設(shè)計(jì)挑戰(zhàn)展示

之后做展示時(shí)，面試官可能會(huì)拋出他們自己作為用戶在使用產(chǎn)品中遇到的問題，不一定在這個(gè)設(shè)計(jì)挑戰(zhàn)命題的范圍之內(nèi)。比如我被問到，“我是維珍航空的忠實(shí)用戶，只想坐他們的飛機(jī)；但是我在Expedia上有積分，所以我想在Expedia上買他們的機(jī)票。你會(huì)怎么設(shè)計(jì)這個(gè)流程？”

這個(gè)時(shí)候就需要你對(duì)產(chǎn)品有更深的理解，不只是在命題的重點(diǎn)——“選擇日期”上。實(shí)際上，整個(gè)用戶流程是不能分隔開的；所以如果對(duì)流程進(jìn)行過分析，你會(huì)知道航空公司——“維珍航空”是可以在Expedia提供的篩選條件里勾選的。需不需要為了這個(gè)面試官（一個(gè)典型/非典型用戶）來把維珍航空的選項(xiàng)放到更高優(yōu)先級(jí)的地方，顯然不能因?yàn)樗粋€(gè)人就下決定。我的做法是，對(duì)接下來需要做什么樣的調(diào)研/測試，可能的結(jié)果有哪些，根據(jù)不同的結(jié)果可以做出什么樣的設(shè)計(jì)改進(jìn)，講出了自己的看法。想要做出一個(gè)有理有據(jù)的設(shè)計(jì)決策，顯然需要更多的用戶輸入。

應(yīng)對(duì)面試官的問題，也是一次對(duì)設(shè)計(jì)思路的考驗(yàn)。

總結(jié)

總的來說完成設(shè)計(jì)挑戰(zhàn)的形式不限，沒有所謂定式；完全可以根據(jù)自己的知識(shí)和技能體系選擇不同的調(diào)研、設(shè)計(jì)以及驗(yàn)證方式。四個(gè)關(guān)鍵點(diǎn)：

• 時(shí)間很緊的情況下，不要想著把一個(gè)步驟做到完美；清晰的大框架+逐漸明確的設(shè)計(jì)方向是完成高質(zhì)量
• 設(shè)計(jì)挑戰(zhàn)（甚至也是很多產(chǎn)品設(shè)計(jì)項(xiàng)目）的關(guān)鍵
• 靈活運(yùn)用調(diào)研/驗(yàn)證方式獲取想得到的信息，有用戶輸入更具效力
• 設(shè)計(jì)交付物盡量清晰、美觀（Axure/Balsamiq還是盡量避免使用吧，Sketch比較容易做好看）
• 回答問題時(shí)，重點(diǎn)不要放在結(jié)論；要注重的是探索解決方案的過程
  這里是我做的原題：Choose the best flight!
  祝挑戰(zhàn)愉快！

附錄

Uber設(shè)計(jì)挑戰(zhàn)原題
Expedia’s mobile website provides the starting point for many magical journeys around the world yet parts of the UX are far from magical. Redesign how someone chooses the dates for a trip. Assume people may have flexibility in their schedule, so think about how you could help someone choose the best dates.
● Consider all states that could exist in this flow and any edge cases that should be supported.
● Be sure to have feature parity with the existing UX.
● Feel free to work at a lower level of delity such as sketches or wireframes.
● We recommend you present your work in a format that allows for a walkthrough—Keynote,
Invision, Marvel, Flinto, or even clickable PDFs are all acceptable options.
文中出現(xiàn)的專業(yè)詞匯
認(rèn)知演練: Cognitive Walkthrough
可習(xí)得性: Learnability
可見性：Visibility
可變通性：Flexibility
效力：Validity
10項(xiàng)啟發(fā)式評(píng)估原則: 10 heuristics

如果你也喜歡這篇文章，請(qǐng)隨手點(diǎn)個(gè)贊，讓世界充滿愛。
—————————————————————————————————————————
對(duì)怎樣應(yīng)對(duì)ux面試有疑惑？
請(qǐng)移步【UX面試篇1】從拒信一籮筐到Uber實(shí)習(xí)offer，我學(xué)到了什么 - 知乎專欄

在這些地方可以找到我
知乎/Dribbble/Medium
同步更新的知乎專欄
設(shè)計(jì)醍醐