天天看點

《偉大的小細節:網際網路産品設計中的微創新思維》——2.2 必經流程簡化

如果依據使用者的一些行為可以判斷出使用者必将進行的一些操作,此時就需要将流程簡化。這種簡化包含兩個層次:剔除不必要的流程和争取将流程合并。最常見且最行之有效的辦法就是操作流程記錄法,即記錄下使用者達成某一目标的所有流程,并在流程的各個節點中尋找可以判斷使用者意圖的節點,直接将快捷的操作方式呈現給使用者,或者将必要流程合并。

注冊/登入是網站、手機App必備的基本功能。随着移動網際網路的普及,為防止惡意注冊賬戶,許多網站、手機App在注冊時都會使用手機号作為賬戶,并需要通過短信驗證才可生效。為了省掉使用者手動輸入短信驗證碼的麻煩,一些App提供了擷取驗證短信并自動填寫短信驗證碼的功能,如在日本、南韓、泰國非常流行的聊天軟體LINE。目前國内的一些App也支援這樣的功能,如“愛鮮蜂”。下面就主要以愛鮮蜂為例進行講解。如下右圖所示的截圖比較特殊,其主體是愛鮮蜂的注冊界面,當輸入手機号點選擷取驗證碼後,愛鮮蜂會讀取短信中的驗證碼自動填寫到驗證碼輸入框中;而界面的頂部則是MIUI系統的短信提示框,它也根據短信内容判斷出這是一條短信驗證碼,點選右邊的“複制”按鈕複制驗證碼,再粘貼至驗證碼輸入框内 即可。

《偉大的小細節:網際網路産品設計中的微創新思維》——2.2 必經流程簡化

單純站在愛鮮蜂注冊功能的設計者的角度,一個完整的注冊流程隻需要包含如下環節:

《偉大的小細節:網際網路産品設計中的微創新思維》——2.2 必經流程簡化

乍一看并沒有可以優化的空間,這裡先闡明“功能實作”設計思維與“需 求解決”設計思維的差別:前者隻要求功能運轉正常合理即可,而後者除了要求完成前者需要實作的功能外,還需有代入感,把自己當成使用者,設計時就不能隻局限于自己所提供的服務了。基于“需求解決”的設計思維,一個完整、順利的注冊流程應該是:在輸入手機号與填寫驗證碼之間,使用者還要切換到短信功能、記住或者複制驗證碼、傳回到愛鮮蜂中,然後才是輸入或粘貼驗證碼。

《偉大的小細節:網際網路産品設計中的微創新思維》——2.2 必經流程簡化

該流程中,切換到短信功能、記住或者複制驗證碼、傳回到愛鮮蜂中、輸入或粘貼驗證碼是使用者必須要做的事情,此時為了優化使用者體驗,技術人員可以用技術手段,幫使用者完成這部分操作(讀取手機短信内容、識别短信中的驗證碼、複制驗證碼并粘貼到驗證碼輸入框中)。那我們再往前思考,既然自動幫使用者填寫好驗證碼,為什麼不直接幫助使用者完成驗證并登入呢?(可以先思考幾分鐘再看後面的内容)

《偉大的小細節:網際網路産品設計中的微創新思維》——2.2 必經流程簡化

除了為使用者帶來友善的細節設計能力外,嚴謹是比此類細節創新更重要的品質,之是以不能設計成填寫手機号便可自動登入,主要原因有以下兩點:

 不是在所有裝置上都能成功擷取到讀取短信權限(比如使用者設定了不允許App擷取自己的短信),一旦短信擷取失敗,而使用者又無法手動填寫,那麼整個注冊流程便卡住了,無法繼續下去,這将是嚴重的設計錯誤;

 使用者注冊時并不一定使用目前手機,即用其他手機接收驗證短信,或者正在使用iTouch、iPad等根本就無法接收短信的裝置進行注冊,同樣會導緻整個注冊流程無法繼續。

當然,如果能夠妥善處理好這些問題,一鍵注冊登入也未嘗不是一個優秀的細節設計。

前面愛鮮蜂注冊界面頂部的短信提示框同樣是基于使用者行為預判的優秀細節設計,MIUI系統能夠識别收到的短信是不是驗證短信,如果是驗證短信,則短信提示框右側提供一個複制驗證碼的按鈕,使用者點選該按鈕,MIUI會提取短信中的驗證碼複制到手機的剪貼闆中,并提示:MIUI已經幫您複制好短信驗證碼,直接粘貼即可。這樣使用者就不必切換至短信功能中,在目前操作界面中即可完成驗證碼的複制、粘貼。

《偉大的小細節:網際網路産品設計中的微創新思維》——2.2 必經流程簡化

再舉一個案例。正常情況下,各類括号(如大括号、中括号、小括号)、書名号、引号等标點符号都是成對出現的,既然必然成對出現,那麼輸入正括号後,自動輸入反括号,并将光标跳回到括号間,這樣輸入既友善,也能防止忘記輸入反括号。搜狗輸入法就這麼機智地幹了!

《偉大的小細節:網際網路産品設計中的微創新思維》——2.2 必經流程簡化

必經流程簡化的另外一種情況是必要流程合并。當一位設計者需要按照黃金比例設計一個作品時,正常的流程是:打開搜尋引擎>搜尋黃金比例>找到有黃金比例具體數值的網頁>點選去複制黃金比例的數值>切換到電腦計算所需要的對應數值(雅虎、必應、NAVER及國内各大搜尋引擎皆可體驗)。 Google對此作了體驗優化,當使用者使用Google搜尋“Golden Ratio(黃金比例)”時,搜尋結果會彈出一個電腦,且其界面中已填寫好黃金比例的數值,如果需要計算,就直接繼續操作吧!分析起來,Google先是直接将使用者需要的黃金比例數值提取出來,省去了使用者一個個網頁查找的煩惱;而後是考慮到使用者可能會使用該數值進行計算,又提供了一個電腦,友善使用者直接計算;更進一步,Google将兩者合并到一個界面中,使用者可能隻需要一個黃金比例數值,并不受影響啊,不是麼!

《偉大的小細節:網際網路産品設計中的微創新思維》——2.2 必經流程簡化

同樣也是必要流程合并的細節創新,下面這個細節創新多少有點無奈。出于商業利益和安全性的考慮,微信屏蔽了手機淘寶App的分享連結,從手機淘寶并不能直接分享連結給微信好友。于是手機淘寶創造性地發明了 “淘密碼”。可很多使用者還是習慣使用截圖給好友分享商品,收到截圖的微信好友想要通路這個商品,要麼要求對方重新發淘密碼,要麼根據截圖内容去淘寶搜尋,不論怎樣,都是一件挺麻煩的事情。當手機淘寶發現使用者對商品詳情頁進行了截圖時,會彈出一個對話框告訴使用者“已經為您生成淘密碼”,使用者可以選擇将截屏和淘密碼一并發給好友,這樣就避免了許多麻煩。

《偉大的小細節:網際網路産品設計中的微創新思維》——2.2 必經流程簡化

Waymate.de是德國一家專門做旅行路線規劃的網站。當使用Waymate.de 搜尋一個行程時,加載過程中會顯示計劃時間目的地的天氣狀況,供使用者參考,幫使用者省去了自己查詢天氣的操作,即便使用者并不需要這一資訊,對使用者的操作也無任何影響。

《偉大的小細節:網際網路産品設計中的微創新思維》——2.2 必經流程簡化

由以上案例可以總結出使用流程操作記錄法設計産品的基本心法:第一,畫出完整流程圖,不僅有助于察覺可以優化的地方,嚴謹的流程分析也是發現設計漏洞的重要手段;第二,不要局限于自身産品的流程去進行設計,使用者完成一項任務可能需要在不同的網站和App中切換操作,要将這些操作也納入設計範圍。