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

时间：2016-02-09 00:00:10 阅读：280 评论：0 收藏：0 [点我收藏+]

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

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

原文：http://www.jb51.net/css/58950.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)