什么叫細節(jié)控?看看Google問卷的設計

2021-12-9    資深UI設計者

什么叫細節(jié)控?看看Google問卷的設計吧

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

什么叫細節(jié)控?看看Google問卷的設計吧

什么是 Google Form

國內通常網盤和在線文檔是分開的兩款產品,例如騰訊的微云和騰訊文檔,就是不同的兩個產品。

Google Drive 這個東西,相當于把在線文檔和網盤整合到一起了,這就和國內的產品很不一樣了。

什么叫細節(jié)控?看看Google問卷的設計吧

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

這次我拿騰訊收集表和 Google Form 這兩款產品對比,就是因為它們定位比較相似:

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

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

選項粘貼

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

什么叫細節(jié)控?看看Google問卷的設計吧

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

什么叫細節(jié)控?看看Google問卷的設計吧

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

切換問題類型

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

什么叫細節(jié)控?看看Google問卷的設計吧

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

快速創(chuàng)建問題

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

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

什么叫細節(jié)控?看看Google問卷的設計吧

而騰訊收集表因為不能切換問題類型,所以創(chuàng)建起來就比較麻煩了,還分了兩個入口。

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

什么叫細節(jié)控?看看Google問卷的設計吧

問題順序拖動

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

什么叫細節(jié)控?看看Google問卷的設計吧

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

騰訊收集表因為可拖區(qū)域在左側,所以我點擊左側偏下的位置也能拖,但這次問題收縮,我點的地方就跑出問題區(qū)域了,于是拖動就出問題了。

什么叫細節(jié)控?看看Google問卷的設計吧

Google Form 因為可拖區(qū)域在頂部,所以不會出現(xiàn)這個 bug。

什么叫細節(jié)控?看看Google問卷的設計吧

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

什么叫細節(jié)控?看看Google問卷的設計吧

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

Tab 鍵

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

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

什么叫細節(jié)控?看看Google問卷的設計吧

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

什么叫細節(jié)控?看看Google問卷的設計吧

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

什么叫細節(jié)控?看看Google問卷的設計吧

總結

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

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


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

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯(lián)系,我們立即更正或刪除。

藍藍設計m.sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔