尤其是一些體驗(yàn)細(xì)節(jié)，比我平時(shí)用的騰訊收集表做得更到位些。

感覺 Google 的設(shè)計(jì)師，確實(shí)是沒少下功夫的。

什么是Google Form

國內(nèi)通常網(wǎng)盤和在線文檔是分開的兩款產(chǎn)品，例如騰訊的微云和騰訊文檔，就是不同的兩個(gè)產(chǎn)品。

Google Drive 這個(gè)東西，相當(dāng)于把在線文檔和網(wǎng)盤整合到一起了，這就和國內(nèi)的產(chǎn)品很不一樣了。

而 Google Form 就是 Google Drive 里面的問卷功能。

這次我拿騰訊收集表和 Google Form 這兩款產(chǎn)品對比，就是因?yàn)樗鼈兌ㄎ槐容^相似：

• 都不是專業(yè)的問卷工具，而是在線文檔工具中的問卷功能

相比之下，我覺得 Google Form 的體驗(yàn)細(xì)節(jié)做得更加到位，很多地方值得學(xué)習(xí)，尤其是這五點(diǎn)：

選項(xiàng)粘貼

一般做問卷，我們都會先弄一個(gè)文檔，把內(nèi)容確定了再往問卷工具里填。

所以填寫問卷內(nèi)容時(shí)，通常不是通過輸入，而是通過粘貼。

往騰訊收集表里粘貼選擇題內(nèi)容，必須一條一條來，有多少個(gè)選項(xiàng)就貼多少次，選項(xiàng)多了會感覺自己在工廠做流水線工作。

而 Google Form 可以把所有選項(xiàng)都一起粘貼，識別到換行就會自動(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)前編輯的問題下，會出現(xiàn)一個(gè)「插入問題」的按鈕。

但是點(diǎn)擊之后需要在菜單選擇一下，這就沒那么方便了誒。

問題順序拖動(dòng)

Google Form 和騰訊收集表在創(chuàng)建了問題之后，都能拖動(dòng)順序，但是可拖區(qū)域不同。

Google Form 的可拖區(qū)域在頂部一條，而騰訊收集表的可拖區(qū)域在側(cè)邊一條。

按下拖動(dòng)時(shí)，為了避免太長不方便，都會收縮變短，于是問題就來了！

騰訊收集表因?yàn)榭赏蠀^(qū)域在左側(cè)，所以我點(diǎn)擊左側(cè)偏下的位置也能拖，但這次問題收縮，我點(diǎn)的地方就跑出問題區(qū)域了，于是拖動(dòng)就出問題了。

Google Form 因?yàn)榭赏蠀^(qū)域在頂部，所以不會出現(xiàn)這個(gè) bug。

但是，Google Form 往問題里插入圖片后，問題長度就收縮不起來了，上下拖動(dòng)可不就不方便了？

好在，這個(gè)問題并沒有影響拖動(dòng)。

Tab 鍵

對于很多 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)格，騰訊文檔可能更加符合國內(nèi)審美。

如果要比功能，Google Form……也還是比騰訊收集表強(qiáng)大，可以：生成圖表、給問題和選項(xiàng)插入配圖、插入視頻、區(qū)分問題模塊……

但是騰訊文檔也有自己的特色，例如：驗(yàn)證手機(jī)號、填寫后接收微信提示、更多模板選擇……

然而在用戶體驗(yàn)上，不得不承認(rèn)國外大廠有獨(dú)到之處，值得我們學(xué)習(xí)。

之前對 Youtube 和 iPhone 的體驗(yàn)細(xì)節(jié)分析，也印證了這一點(diǎn)：

《油管這些體驗(yàn)細(xì)節(jié)，甩出競品好幾條街》

《iPhone 這些體驗(yàn)細(xì)節(jié)太感人，換安卓后不習(xí)慣了》

希望國內(nèi)大廠多多努力，讓我們用戶使用產(chǎn)品更加方便吧～

原文地址：體驗(yàn)進(jìn)階（公眾號）

作者：設(shè)計(jì)師ZoeYZ

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》什么叫細(xì)節(jié)控？看看Google問卷的設(shè)計(jì)吧

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.li-bodun.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)