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的操作，符合本地操作文件习惯)　　专注，简单而不简陋的设计……　　文章来源：简单而不简陋

　　推荐阅读

　　超棒的跨浏览器纯CSS动画实现 Animate.css使用方法

通常情况下如果需要生成web动画效果的话，我们肯定会考虑使用一些类库或者jQuery的animate方法，那么有什么方便的方法来快速实现动画效果呢？ 在今天的这篇文章中，我们将介绍一个超棒的CSS动画实现方式 - Anima>>>详细阅读

本文标题：google drive、dropbox、115等云存储列表交互的对比

地址：http://www.17bianji.com/kaifa2/CSS/16403.html

 1/2    1