尤其是一些體驗(yàn)細(xì)節(jié)，比我平時(shí)用的騰訊收集表做得更到位些。
感覺 Google 的設(shè)計(jì)師，確實(shí)是沒少下功夫的。
什么是Google Form
國(guó)內(nèi)通常網(wǎng)盤和在線文檔是分開的兩款產(chǎn)品，例如騰訊的微云和騰訊文檔，就是不同的兩個(gè)產(chǎn)品。
Google Drive 這個(gè)東西，相當(dāng)于把在線文檔和網(wǎng)盤整合到一起了，這就和國(guó)內(nèi)的產(chǎn)品很不一樣了。
而 Google Form 就是 Google Drive 里面的問卷功能。
這次我拿騰訊收集表和 Google Form 這兩款產(chǎn)品對(duì)比，就是因?yàn)樗鼈兌ㄎ槐容^相似：
- 都不是專業(yè)的問卷工具，而是在線文檔工具中的問卷功能
相比之下，我覺得 Google Form 的體驗(yàn)細(xì)節(jié)做得更加到位，很多地方值得學(xué)習(xí)，尤其是這五點(diǎn)：
選項(xiàng)粘貼
一般做問卷，我們都會(huì)先弄一個(gè)文檔，把內(nèi)容確定了再往問卷工具里填。
所以填寫問卷內(nèi)容時(shí)，通常不是通過輸入，而是通過粘貼。
往騰訊收集表里粘貼選擇題內(nèi)容，必須一條一條來，有多少個(gè)選項(xiàng)就貼多少次，選項(xiàng)多了會(huì)感覺自己在工廠做流水線工作。
而 Google Form 可以把所有選項(xiàng)都一起粘貼，識(shí)別到換行就會(huì)自動(dòng)貼到下一個(gè)選項(xiàng)中，方便多了。
我覺得還可以優(yōu)化一下的點(diǎn)是，希望能夠讓我把問題和選項(xiàng)都一起貼，這個(gè)目前 Google Form 還做不到。
切換問題類型
Google Form 創(chuàng)建一個(gè)問題之后，可以很方便地切換問題類型。
這樣樣式挺好的，有時(shí)可以減少一些操作步驟。
快速創(chuàng)建問題
就是因?yàn)?Google Form 的問題類型可以快速切換，所以創(chuàng)建問題就很快速了。
只有一個(gè)插入按鈕，點(diǎn)擊后立即插入一個(gè)跟上次所選類型相同的問題。如果想要換個(gè)問題類型，再點(diǎn)下拉框切換就行，交互很流暢。
一般創(chuàng)建問卷就是要盡量使用連續(xù)的同類問題，所以這種方式挺好的。
而騰訊收集表因?yàn)椴荒芮袚Q問題類型，所以創(chuàng)建起來就比較麻煩了，還分了兩個(gè)入口。
第一個(gè)是左側(cè)的工具欄，剛開始用還真不知道是用來創(chuàng)建問題的，可能因?yàn)闃?biāo)題上的「添加問題」太不起眼了吧。
第二個(gè)入口時(shí)，當(dāng)前編輯的問題下，會(huì)出現(xiàn)一個(gè)「插入問題」的按鈕。
但是點(diǎn)擊之后需要在菜單選擇一下，這就沒那么方便了誒。
問題順序拖動(dòng)
Google Form 和騰訊收集表在創(chuàng)建了問題之后，都能拖動(dòng)順序，但是可拖區(qū)域不同。
Google Form 的可拖區(qū)域在頂部一條，而騰訊收集表的可拖區(qū)域在側(cè)邊一條。
按下拖動(dòng)時(shí)，為了避免太長(zhǎng)不方便，都會(huì)收縮變短，于是問題就來了！
騰訊收集表因?yàn)榭赏蠀^(qū)域在左側(cè)，所以我點(diǎn)擊左側(cè)偏下的位置也能拖，但這次問題收縮，我點(diǎn)的地方就跑出問題區(qū)域了，于是拖動(dòng)就出問題了。
Google Form 因?yàn)榭赏蠀^(qū)域在頂部，所以不會(huì)出現(xiàn)這個(gè) bug。
但是，Google Form 往問題里插入圖片后，問題長(zhǎng)度就收縮不起來了，上下拖動(dòng)可不就不方便了？
好在，這個(gè)問題并沒有影響拖動(dòng)。
Tab 鍵
對(duì)于很多 PC 老手來說，Tab 鍵是個(gè)很方便的工具。
有了它，填寫再多表單都不需要拿鼠標(biāo)了，點(diǎn)一下就能自動(dòng)把焦點(diǎn)從一個(gè)輸入框移動(dòng)到下一個(gè)。
而 Google Form 把 Tab 鍵運(yùn)用到位，基本上界面上的交互功能都能切換到。
騰訊收集表里也能用 Tab 鍵，不過覆蓋范圍就少了一些，不能刪除、添加選項(xiàng)或者添加“其它”。
總結(jié)
其實(shí)要比視覺風(fēng)格，騰訊文檔可能更加符合國(guó)內(nèi)審美。
如果要比功能，Google Form……也還是比騰訊收集表強(qiáng)大，可以：生成圖表、給問題和選項(xiàng)插入配圖、插入視頻、區(qū)分問題模塊……
但是騰訊文檔也有自己的特色，例如：驗(yàn)證手機(jī)號(hào)、填寫后接收微信提示、更多模板選擇……
然而在用戶體驗(yàn)上，不得不承認(rèn)國(guó)外大廠有獨(dú)到之處，值得我們學(xué)習(xí)。
之前對(duì) Youtube 和 iPhone 的體驗(yàn)細(xì)節(jié)分析，也印證了這一點(diǎn)：
《油管這些體驗(yàn)細(xì)節(jié)，甩出競(jìng)品好幾條街》
《iPhone 這些體驗(yàn)細(xì)節(jié)太感人，換安卓后不習(xí)慣了》
希望國(guó)內(nèi)大廠多多努力，讓我們用戶使用產(chǎn)品更加方便吧～
原文地址：體驗(yàn)進(jìn)階（公眾號(hào)）
作者：設(shè)計(jì)師ZoeYZ
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》什么叫細(xì)節(jié)控？看看Google問卷的設(shè)計(jì)吧
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)