1. <th id="fdehc"></th>
      1. <rp id="fdehc"><ruby id="fdehc"><input id="fdehc"></input></ruby></rp> <th id="fdehc"></th>

        <dd id="fdehc"></dd>
        <dd id="fdehc"><pre id="fdehc"></pre></dd>

        1. Alice

          互聯網產品發展至今,不論視覺風格、產品功能、交互體驗,任何一個賽道的比拼都已經相當成熟,越成熟的產品,也越會在細節上下足功夫,畢竟產品每個環節的體驗都可能變為留住用戶的一個機會。而在用戶體驗的細節上,不得不承認國外大廠有獨到之處,值得我們學習。

           

          最近做的一些企業咨詢項目涉及海外用戶,就用了幾次 Google 的問卷工具,沒想到還挺好用的。

          圖片

          尤其是一些體驗細節,比我平時用的騰訊收集表做得更到位些。

          感覺 Google 的設計師,確實是沒少下功夫的。

          圖片

           

          什么是Google Form

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

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

          圖片

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

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

          • 都不是專業的問卷工具,而是在線文檔工具中的問卷功能

           

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

           

          選項粘貼

          一般做問卷,我們都會先弄一個文檔,把內容確定了再往問卷工具里填。

          所以填寫問卷內容時,通常不是通過輸入,而是通過粘貼。

          往騰訊收集表里粘貼選擇題內容,必須一條一條來,有多少個選項就貼多少次,選項多了會感覺自己在工廠做流水線工作。

          圖片

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

          圖片

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

           

          切換問題類型

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

          圖片

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

           

          快速創建問題

          就是因為 Google Form 的問題類型可以快速切換,所以創建問題就很快速了。

          只有一個插入按鈕,點擊后立即插入一個跟上次所選類型相同的問題。如果想要換個問題類型,再點下拉框切換就行,交互很流暢。

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

          圖片

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

          第一個是左側的工具欄,剛開始用還真不知道是用來創建問題的,可能因為標題上的「添加問題」太不起眼了吧。

          第二個入口時,當前編輯的問題下,會出現一個「插入問題」的按鈕。

          但是點擊之后需要在菜單選擇一下,這就沒那么方便了誒。

          圖片

           

          問題順序拖動

          Google Form 和騰訊收集表在創建了問題之后,都能拖動順序,但是可拖區域不同。

          Google Form 的可拖區域在頂部一條,而騰訊收集表的可拖區域在側邊一條。

          圖片

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

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

          圖片

          Google Form 因為可拖區域在頂部,所以不會出現這個 bug。

          圖片

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

          圖片

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

           

          Tab 鍵

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

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

          圖片

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

          圖片

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

          圖片

           

          總結

          其實要比視覺風格,騰訊文檔可能更加符合國內審美。

          如果要比功能,Google Form……也還是比騰訊收集表強大,可以:生成圖表、給問題和選項插入配圖、插入視頻、區分問題模塊……

          但是騰訊文檔也有自己的特色,例如:驗證手機號、填寫后接收微信提示、更多模板選擇……

          然而在用戶體驗上,不得不承認國外大廠有獨到之處,值得我們學習。

          之前對?Youtube?和?iPhone?的體驗細節分析,也印證了這一點:

          油管這些體驗細節,甩出競品好幾條街

          iPhone 這些體驗細節太感人,換安卓后不習慣了

          希望國內大廠多多努力,讓我們用戶使用產品更加方便吧~

           

          原文地址:體驗進階(公眾號)

          作者:設計師ZoeYZ

          轉載請注明:學UI網 » 什么叫細節控?看看Google問卷的設計吧

          登錄收藏
           
          你可能喜歡的:
          你今年的目標完成了嗎?你今年的目標完成了嗎?
          作為設計師,這幾個APP你居然不知道作為設計師,這幾個APP你居然不知道
          3個好用到尖叫的設計細節,再不知道就晚了!3個好用到尖叫的設計細節,再不知道就晚了!
          聊一聊所謂的B端C化聊一聊所謂的B端C化
          情緒版還能這樣做?難怪大廠的設計師那么強情緒版還能這樣做?難怪大廠的設計師那么強
          設計師要掌握的UI設計技巧(一):標題篇設計師要掌握的UI設計技巧(一):標題篇
          工作經驗|設計資產庫中的組件,應該如何命名?工作經驗|設計資產庫中的組件,應該如何命名?
          藍湖產品經理:產品設計協作的前世今生藍湖產品經理:產品設計協作的前世今生
          設計入門必備萬金油-場景篇設計入門必備萬金油-場景篇
          對話設計圓桌會-B站(年輕化設計)對話設計圓桌會-B站(年輕化設計)
          ?
          性xxxx18学生和老师
          1. <th id="fdehc"></th>
            1. <rp id="fdehc"><ruby id="fdehc"><input id="fdehc"></input></ruby></rp> <th id="fdehc"></th>

              <dd id="fdehc"></dd>
              <dd id="fdehc"><pre id="fdehc"></pre></dd>