google drive、dropbox、115等云存储列表交互的对比

站长资源 2025/2/28 佚名

74 1538 74

DDR爱好者之家 Design By 杰米

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

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“google drive、dropbox、115等云存储列表交互的对比”

暂无评论...

google drive、dropbox、115等云存储列表交互的对比

栅格规范制作的方法介绍(图文教程)

为博客添加“正在加载中”的过度特效的方法

评论“google drive、dropbox、115等云存储列表交互的对比”

更新日志

友情链接