google drive、dropbox、115等雲端儲存列表互動

來源:互聯網
上載者:User

  列表常用的互動:hover、click、double-click、right-click、multiselect、Gdrive、Dropbox、115等雲端儲存的思考,以及他們對列表的操作的對比。

  Gdrive沿用了Google Docs的風格,使用了簡潔的表徵圖代替了文字操作。Gdrive和Dropbox整體的介面風格屬於清新、簡潔類型,也是極簡主義設計趨勢。

  1、Gdrive的hover態:

  註:hover時高亮,協助使用者定位和聚焦當前行。

  click態:

  註:單擊為選擇一行,列頭操作會根據需求顯示對應的功能。

  double-click不支援

  right-click態:

  註:滑鼠右擊提供選擇當前行、列頭出現對應功能操作和右鍵操作菜單,展現給使用者過多和重複的資訊、阻礙使用者使用的流暢感和保持操作入口的唯一性。使用者只想進行右鍵對當前檔案操作,而此時提供過多資訊超出使用者預期。

  multiselect(多選)

  為進階使用者提供了便捷的多選操作,Ctrl進行非連續檔案多選,Shift進行連續檔案多選,符合使用者本地操作檔案的習慣。

  2、dropbox的hover:

  註:hover時高亮,且在行末尾預設"擷取串連"操作。

  click態:

  註:click時,選中行,列頭內容變換為功能操作和選擇資訊,此處的變換有些超出使用者的預期。

  double-click時為查看操作,對於檔案夾為開啟操作

  right-click態:

  註:右鍵操作功能和單擊時列頭出現功能保持一致,滑鼠右擊僅提供右鍵操作;而google drive滑鼠右擊則提供選擇當前行、列頭出現對應功能操作和右鍵操作菜單,展現給使用者過多和重複的資訊、阻礙使用者使用的流暢感和保持操作入口的唯一性。

  multiselect(多選)

  此處和Gdrive的操作相同

  3、115的hover:

  註:滑鼠hover時,出現"標星"、"雙擊預覽檔案"、背景高亮等資訊;"雙擊預覽檔案"的提示作為額外的資訊幹擾使用者操作,此提示資訊可以作為使用者教育、在初次使用提示即可。

  click態:

  註:click時,列頭出現"設定"表徵圖,點擊後展開操作菜單,此處表徵圖為灰色且表達不明確,操作隱藏太深。

  double-click為開啟檔案操作

  right-click態:

  註:right-click時,選中行、列頭出現設定表徵圖、以及右鍵操作菜單,此處和Gdrive操作相同。

  multiselect(多選)

  支援Ctrl進行非連續檔案多選,不支援Shift進行連續檔案多選。

  小結:

  怎樣的列表互動能愉悅使用者。。。

  Gdrive的hover(無需展示過多資訊,協助使用者快速定位聚焦)

  Gdrive的click(選中當前行,展現可執行操作)

  dropbox的right-click(僅僅是當前行的操作)

  dropbox的double-click(開啟檔案或檔案夾)

  Gdrive的multiselect(Ctrl和Shif的操作,符合本地操作檔案習慣)

  專註,簡單而不簡陋的設計……

  文章來源:簡單而不簡陋

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.