列表常用的互動: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的操作,符合本地操作檔案習慣)
專註,簡單而不簡陋的設計……
文章來源:簡單而不簡陋