昨天和travis,钟秋开会确认了bing背单词的手机界面交互流程。我在这里简单描述一下,设计页面暂时不能贴出来,期待大家的宝贵意见 b( ̄▽ ̄)d。

  单词本浏览界面:单词本被分为两类,用户单词本和单词书。每个单词本条目有一个小图标,点击图标则进入单词总览,点击条目其它部分则展开单词本的统计信息和学习情况。

  单词本展开子页面:除了统计信息(如总词数,已学词数等)和学习情况外,还有两个按钮,开始学习和更改计划。若选择更改计划,则进入长期背单词计划设置,比如完成天数;若从未设定过计划,则点击开始背词后进入“随便背背”模式,即按默认设定词数(比如10个)作为一轮,若已经有计划,则按今日任务进行背词。

  背单词页面:

  上半部分为单词卡片,有单词和单词释义两种状态,可以点击more来查看详细释义。可以左右滑动卡片以查看上一个背的词。

  下半部分为交互部分,用户按住按钮则会有一个圆形进度条上涨,若用户中途放手,则卡片显示单词释义,给系统的反馈为”不认识“;若用户觉得这个词非常熟悉,不想再见到,则把按钮向上推,单词卡同时更换下一词,反馈为”认识“且把单词从单词本中移除并添加到熟词本;若直到进度条涨满都未松开按钮,则跳到下一单词,按钮恢复到未按下的状态,反馈为”认识“。

  底部是一个调节速度的slider,可以让用户实时的调整上文圆形进度条上涨一圈所用时间(如5秒)。当然,有策略让这个slide不总是显示,即在圆形 进度条上涨时不显示slider,其余时间显示。

  完成当前任务页面:

  当前任务的最后一个词完成时,即弹出对话框,用户选择退出或再来一组,一组词数即为默认设定词数(如10个)。

  设置页面(待design):针对背单词模块的个性化设置,比如默认词数(10)的更改等。

  总的交互就是这些,希望大家给出宝贵的建议!

Quick comment by Liyuan:

hi, all. 我很喜欢那个按住按钮的设计。同时我也想指出,这个设计的逻辑,以及效果还可以改进。

1.  对于用户,更直观的体验应该是: 按住按钮,出现下一个单词,开始想这单词什么意思,想出来了,松开手,看见释义,判断认的对不对。或者一直没想出来,没判断为不认识,看到释义,开始背记。

   对于这个过程, 我觉得设计应该是:按住按钮有个进度条往下落,然后松开越早,说明越熟悉。还可以有一个threshold,在threshold之前松开,不显示释义。

  或者说,应该是松开越早,越熟悉,而不是,松开越晚,越熟悉

2.  如果认同1.  的话,不得不说,这东西的反馈,天然就是连续值,不是离散值。而且是我们统计的,用户也不用选则,也不会有选择恐惧症。

That's all...申请狗回去继续写SoP了...泪目...

Comment by Wei:

感觉大家关注的焦点还是在那个按钮(圆圈进度条)上。说下我的个人感觉。

1、如果这样实现的话,那用户如果选择“认识”这个词,也就是按着不放,那就看不到这个词的意思了,这个对于一些“自认为认识了但又想确认一下自己的答案对不对”的情形是没法弄的。

2、比如我正在背单词,突然来了个电话打断了我当前愉快的按按钮,那我再回到这个App时,当前背的单词到底是算认识还是不认识呢?

3、我觉得这种设计新颖是新颖,但用户能不能上手还不好说,很多新东西都是开始试着感觉蛮好,过了一阵子就觉得用着不顺手还不如传统做法靠谱。所以最好能照这设计做个简易的版本真正体验一段时间再评价。

4、如果用户认识这个词必须按5s才能过的话,那比如我现在是处于“刷”词的时候,那这样的体验反倒不如按“我认识”按钮来得快啊,每个词还得按着等5s,略鸡肋。

bing背单词交互流程 - Chongyang Bai的更多相关文章

  1. 做中学(Learning by Doing)之背单词-扇贝网推荐

    做中学(Learning by Doing)之背单词-扇贝网推荐 看完杨贵福老师(博客,知乎专栏,豆瓣)的「继续背单词,8个月过去了」,我就有写这篇文章的冲动了,杨老师说: 有时候我会感觉非常后悔,如 ...

  2. 深入浅出 Redis client/server交互流程

    综述 最近笔者阅读并研究redis源码,在redis客户端与服务器端交互这个内容点上,需要参考网上一些文章,但是遗憾的是发现大部分文章都断断续续的非系统性的,不能给读者此交互流程的整体把握.所以这里我 ...

  3. “我爱背单词”beta版发布与使用说明

    我爱背单词BETA版本发布 第二轮迭代终于画上圆满句号,我们的“我爱背单词”beta版本已经发布. Beta版本说明 项目名称 我爱背单词 版本 Beta版 团队名称 北京航空航天大学计算机学院  拒 ...

  4. BZOJ4567[Scoi2016]背单词

    4567: [Scoi2016]背单词 Time Limit: 10 Sec Memory Limit: 256 MB Submit: 304 Solved: 114 [Submit][Status] ...

  5. 《我爱背单词》 Alpha版 发布说明

    ——发布地址(baidu网盘) http://pan.baidu.com/s/15omtB ——简介  <我爱背单词>是一款英语单词记忆和管理辅助软件,旨在帮助广大考生在短期内攻克GRE. ...

  6. 关于AJAX 的交互模型、交互流程及代码示范

    AJAX  = 异步JavaScript + XML. 它是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况 ...

  7. [No000057]一个人默默背单词,小心被传染哦

    不日凛冬将至,全国各地,已有多名少侠因季节变化,出现了不同程度的四肢不勤.bd不分的症状.具体表现为—— 包大人在此高能预警:不想背单词,有可能你已经被传染了. 好好的,怎么突然不想背单词了 哈佛医学 ...

  8. [No000014]听说不背单词,考英语会是这种下场-我们为什么必须背单词?

    由于英语对于一个程序员来说,重要性你懂得.因此我会开始逐渐在博客上加入英语的一些东西. 听说不背单词,考英语会是这种下场 在中国, 「学英语」大抵遵循着这样一条 罗蒙诺索夫质量守恒定律 因为英语学着学 ...

  9. Supermemo背单词7周年纪念

    从2007年2月1日开始,用Supermemo背单词7周年了,在2013年11月21日将单词表Reset,重新开始Review以前背过的单词,并慢慢加入听写VOA时遇到的生词.

随机推荐

  1. 1.Dubbo2.5.3源码编译

    转载请出自出处:http://www.cnblogs.com/hd3013779515/ 1.安装JAVA.Git.Maven 安装过程省略,请自行百度.       2.编译dubbo (1)从ht ...

  2. 前端aes解密实战小结

    很多人对于AES加密并不是很了解,导致互相之间进行加密解密困难. 本文用简单的方式来介绍AES在使用上需要的知识,而不涉及内部算法.最后给出例子来帮助理解AES加密解密的使用方法. AES的麻烦 相比 ...

  3. Nginx反向代理理解误区之proxy_cookie_domain

    基本内容 Nginx做反向代理的时候,我们一般习惯添加proxy_cookie_domain配置,来做cookie的域名转换,比如 ... location /api { proxy_pass htt ...

  4. SAP跟踪前台操作导致的后台查询语句

    SAP跟踪前台操作导致的后台查询语句,通过这个可以查看前台对应了后台的数据库表,然后可以通过se11查看表内容,也可以删除表内容. 在sap升级的时候,首先需要拷贝正式的sap系统,然后将拷贝的系统中 ...

  5. loli的搜索测试-5

    今天早上听说不放假感觉很sad,又听说要考试感觉更sad了,早读的时候Juan_feng表示即使考也不会考虫食算,结果上午并没有考试,就自己做了几道题.不得不说做题的决定实在是太明智了,做NOIP历年 ...

  6. Odoo Model内容详解

    转载请注明原文地址:https://www.cnblogs.com/cnodoo/p/9390688.html  一:Odoo模型属性   1:_name     模型的唯一标识:如果没有继承其他模型 ...

  7. PAT B1008 数组元素循环右移问题 (20 分)

    一个数组A中存有N(>)个整数,在不允许使用另外数组的前提下,将每个整数循环向右移M(≥)个位置,即将A中的数据由(A​0​​A​1​​⋯A​N−1​​)变换为(A​N−M​​⋯A​N−1​​A ...

  8. Android 将系统的back键模拟成为home键的功能

    @Override public void onBackPressed() { Intent intent = new Intent(Intent.ACTION_MAIN); intent.setFl ...

  9. 基于bootstrap的multiple-select下拉控件使用

    multiple-select是一款优秀的下拉菜单控件,能够支持单选和多选. 详细参考文档: JS组件系列——两种bootstrap multiselect组件大比拼 multiple-select ...

  10. 【H5】滚动事件(jq)

    $(function(){ console.log($('html,body').scrollTop());  //记录滚动高度(滚动前) }) $('html,body').scroll(funct ...