google drive、dropbox、115等云存儲(chǔ)列表交互的對(duì)比

2024-07-11 08:48:29

字體：大中小

供稿：網(wǎng)友

　　Gdrive沿用了Google Docs的風(fēng)格，使用了簡(jiǎn)潔的圖標(biāo)代替了文字操作。Gdrive和Dropbox整體的界面風(fēng)格屬于清新、簡(jiǎn)潔類型，也是極簡(jiǎn)主義設(shè)計(jì)趨勢(shì)。
　　1、Gdrive的hover態(tài)：
google drive、dropbox、115等云存儲(chǔ)列表交互武林網(wǎng)

google drive、dropbox、115等云存儲(chǔ)列表交互武林網(wǎng)

　　注：hover時(shí)高亮，幫助用戶定位和聚焦當(dāng)前行。
　　click態(tài)：

　　注：?jiǎn)螕魹檫x擇一行，列頭操作會(huì)根據(jù)需求顯示對(duì)應(yīng)的功能。
　　double-click不支持
　　right-click態(tài)：

　　注：鼠標(biāo)右擊提供選擇當(dāng)前行、列頭出現(xiàn)對(duì)應(yīng)功能操作和右鍵操作菜單，展現(xiàn)給用戶過多和重復(fù)的信息、阻礙用戶使用的流暢感和保持操作入口的唯一性。用戶只想進(jìn)行右鍵對(duì)當(dāng)前文件操作，而此時(shí)提供過多信息超出用戶預(yù)期。
　　multiselect(多選)
　　為高級(jí)用戶提供了便捷的多選操作，Ctrl進(jìn)行非連續(xù)文件多選，Shift進(jìn)行連續(xù)文件多選，符合用戶本地操作文件的習(xí)慣。
　　2、dropbox的hover：

　　注：hover時(shí)高亮，且在行末尾預(yù)設(shè)"獲取連接"操作。
　　click態(tài)：

　　注：click時(shí)，選中行，列頭內(nèi)容變換為功能操作和選擇信息，此處的變換有些超出用戶的預(yù)期。
　　double-click時(shí)為查看操作，對(duì)于文件夾為打開操作
　　right-click態(tài)：

　　注：右鍵操作功能和單擊時(shí)列頭出現(xiàn)功能保持一致，鼠標(biāo)右擊僅提供右鍵操作;而google drive鼠標(biāo)右擊則提供選擇當(dāng)前行、列頭出現(xiàn)對(duì)應(yīng)功能操作和右鍵操作菜單，展現(xiàn)給用戶過多和重復(fù)的信息、阻礙用戶使用的流暢感和保持操作入口的唯一性。
　　multiselect(多選)
　　此處和Gdrive的操作相同
　　3、115的hover：

　　注：鼠標(biāo)hover時(shí)，出現(xiàn)"標(biāo)星"、"雙擊預(yù)覽文件"、背景高亮等信息;"雙擊預(yù)覽文件"的提示作為額外的信息干擾用戶操作，此提示信息可以作為用戶教育、在初次使用提示即可。
　　click態(tài)：

　　注：click時(shí)，列頭出現(xiàn)"設(shè)置"圖標(biāo)，點(diǎn)擊后展開操作菜單，此處圖標(biāo)為灰色且表達(dá)不明確，操作隱藏太深。
　　double-click為打開文件操作
　　right-click態(tài)：

　　注：right-click時(shí)，選中行、列頭出現(xiàn)設(shè)置圖標(biāo)、以及右鍵操作菜單，此處和Gdrive操作相同。
　　multiselect(多選)
　　支持Ctrl進(jìn)行非連續(xù)文件多選，不支持Shift進(jìn)行連續(xù)文件多選。
　　小結(jié)：
　　怎樣的列表交互能愉悅用戶。。。
　　Gdrive的hover(無需展示過多信息，幫助用戶快速定位聚焦)
　　Gdrive的click(選中當(dāng)前行，展現(xiàn)可執(zhí)行操作)
　　dropbox的right-click(僅僅是當(dāng)前行的操作)
　　dropbox的double-click(打開文件或文件夾)
　　Gdrive的multiselect(Ctrl和Shif的操作，符合本地操作文件習(xí)慣)
　　專注，簡(jiǎn)單而不簡(jiǎn)陋的設(shè)計(jì)……
　　文章來源：簡(jiǎn)單而不簡(jiǎn)陋

上一篇：為博客添加“正在加載中”的過度特效的方法

下一篇：柵格規(guī)范制作的方法介紹(圖文教程)