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

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

什么是Google Form

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

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

而 Google Form 就是 Google Drive 里面的問(wèn)卷功能。

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

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

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

選項(xiàng)粘貼

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

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

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

而 Google Form 可以把所有選項(xiàng)都一起粘貼，識(shí)別到換行就會(huì)自動(dòng)貼到下一個(gè)選項(xiàng)中，方便多了。

我覺(jué)得還可以?xún)?yōu)化一下的點(diǎn)是，希望能夠讓我把問(wèn)題和選項(xiàng)都一起貼，這個(gè)目前 Google Form 還做不到。

切換問(wèn)題類(lèi)型

Google Form 創(chuàng)建一個(gè)問(wèn)題之后，可以很方便地切換問(wèn)題類(lèi)型。

這樣樣式挺好的，有時(shí)可以減少一些操作步驟。

快速創(chuàng)建問(wèn)題

就是因?yàn)?Google Form 的問(wèn)題類(lèi)型可以快速切換，所以創(chuàng)建問(wèn)題就很快速了。

只有一個(gè)插入按鈕，點(diǎn)擊后立即插入一個(gè)跟上次所選類(lèi)型相同的問(wèn)題。如果想要換個(gè)問(wèn)題類(lèi)型，再點(diǎn)下拉框切換就行，交互很流暢。

一般創(chuàng)建問(wèn)卷就是要盡量使用連續(xù)的同類(lèi)問(wèn)題，所以這種方式挺好的。

而騰訊收集表因?yàn)椴荒芮袚Q問(wèn)題類(lèi)型，所以創(chuàng)建起來(lái)就比較麻煩了，還分了兩個(gè)入口。

第一個(gè)是左側(cè)的工具欄，剛開(kāi)始用還真不知道是用來(lái)創(chuàng)建問(wèn)題的，可能因?yàn)闃?biāo)題上的「添加問(wèn)題」太不起眼了吧。

第二個(gè)入口時(shí)，當(dāng)前編輯的問(wèn)題下，會(huì)出現(xiàn)一個(gè)「插入問(wèn)題」的按鈕。

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

問(wèn)題順序拖動(dòng)

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

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

按下拖動(dòng)時(shí)，為了避免太長(zhǎng)不方便，都會(huì)收縮變短，于是問(wèn)題就來(lái)了！

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

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

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

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

Tab 鍵

對(duì)于很多 PC 老手來(lái)說(shuō)，Tab 鍵是個(gè)很方便的工具。

有了它，填寫(xiě)再多表單都不需要拿鼠標(biāo)了，點(diǎn)一下就能自動(dòng)把焦點(diǎn)從一個(gè)輸入框移動(dòng)到下一個(gè)。

而 Google Form 把 Tab 鍵運(yùn)用到位，基本上界面上的交互功能都能切換到。

騰訊收集表里也能用 Tab 鍵，不過(guò)覆蓋范圍就少了一些，不能刪除、添加選項(xiàng)或者添加“其它”。

總結(jié)

其實(shí)要比視覺(jué)風(fēng)格，騰訊文檔可能更加符合國(guó)內(nèi)審美。

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

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

然而在用戶(hù)體驗(yàn)上，不得不承認(rèn)國(guó)外大廠(chǎng)有獨(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ǎng)多多努力，讓我們用戶(hù)使用產(chǎn)品更加方便吧～

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

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

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

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

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

藍(lán)藍(lán)設(shè)計(jì)( www.dzxscac.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)