什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)

2021-12-9    資深UI設(shè)計(jì)者

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

尤其是一些體驗(yàn)細(xì)節(jié),比我平時用的騰訊收集表做得更到位些。感覺 Google 的設(shè)計(jì)師,確實(shí)是沒少下功夫的。

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

什么是 Google Form

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

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

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

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

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

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

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

選項(xiàng)粘貼

一般做問卷,我們都會先弄一個文檔,把內(nèi)容確定了再往問卷工具里填。所以填寫問卷內(nèi)容時,通常不是通過輸入,而是通過粘貼。往騰訊收集表里粘貼選擇題內(nèi)容,必須一條一條來,有多少個選項(xiàng)就貼多少次,選項(xiàng)多了會感覺自己在工廠做流水線工作。

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

而 Google Form 可以把所有選項(xiàng)都一起粘貼,識別到換行就會自動貼到下一個選項(xiàng)中,方便多了。

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

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

切換問題類型

Google Form 創(chuàng)建一個問題之后,可以很方便地切換問題類型。

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

這樣樣式挺好的,有時可以減少一些操作步驟。

快速創(chuàng)建問題

就是因?yàn)?Google Form 的問題類型可以快速切換,所以創(chuàng)建問題就很快速了。只有一個插入按鈕,點(diǎn)擊后立即插入一個跟上次所選類型相同的問題。如果想要換個問題類型,再點(diǎn)下拉框切換就行,交互很流暢。

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

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

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

第一個是左側(cè)的工具欄,剛開始用還真不知道是用來創(chuàng)建問題的,可能因?yàn)闃?biāo)題上的「添加問題」太不起眼了吧。第二個入口是,當(dāng)前編輯的問題下,會出現(xiàn)一個「插入問題」的按鈕。但是點(diǎn)擊之后需要在菜單選擇一下,這就沒那么方便了誒。

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

問題順序拖動

Google Form 和騰訊收集表在創(chuàng)建了問題之后,都能拖動順序,但是可拖區(qū)域不同。Google Form 的可拖區(qū)域在頂部一條,而騰訊收集表的可拖區(qū)域在側(cè)邊一條。

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

按下拖動時,為了避免太長不方便,都會收縮變短,于是問題就來了!

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

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

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

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

但是,Google Form 往問題里插入圖片后,問題長度就收縮不起來了,上下拖動可不就不方便了?

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

好在,這個問題并沒有影響拖動。

Tab 鍵

對于很多 PC 老手來說,Tab 鍵是個很方便的工具。

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

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

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

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

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

什么叫細(xì)節(jié)控?看看Google問卷的設(shè)計(jì)吧

總結(jié)

其實(shí)要比視覺風(fēng)格,騰訊文檔可能更加符合國內(nèi)審美。如果要比功能,Google Form……也還是比騰訊收集表強(qiáng)大,可以:生成圖表、給問題和選項(xiàng)插入配圖、插入視頻、區(qū)分問題模塊……

文章來源:優(yōu)設(shè)   作者:ZoeYZ


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)bouu.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ù)


分享本文至:

日歷

鏈接

個人資料

存檔