程序员之家 服务器常用软件
快捷导航
您的位置：主页 > 网页制作 > CSS > Web标准教程 >

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

  发布时间：2012-08-06 15:31:45   作者：佚名   我要评论
列表常用的交互：hover、click、double-click、right-click、multiselect、Gdrive、Dropbox、115等云存储的思考，以及他们对列表的操作的对比
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）

（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）

　　Gdrive沿用了Google Docs的风格，使用了简洁的图标代替了文字操作。Gdrive和Dropbox整体的界面风格属于清新、简洁类型，也是极简主义设计趋势。
　　1、Gdrive的hover态：
google drive、dropbox、115等云存储列表交互 程序员之家
　　注：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的操作，符合本地操作文件习惯)
　　专注，简单而不简陋的设计……
　　文章来源：简单而不简陋

相关文章

最新评论

关注微信公众号

扫一扫
?


http://www.vxiaotou.com