bing背单词交互流程--Chongyang Bai

  昨天和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了...泪目...

时间: 2024-12-28 20:09:29

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

和我一起开发Android应用(三)——“悦词-i背单词”词典功能实现

接上一讲.本节我们把词典功能基本实现,首先上一个效果图,我发现大家比较关心界面方面的东西,我之前写的一个关于QQ界面的项目就很受欢迎,当然我现在能写出远比那个好看的界面.但是我想一个应用最核心的东西不完全在界面,一个好的创意,一个好的后台服务才是成功的关键,这也是我不断学习的方向. 另外我发现在百度搜“悦词背单词91”搜索结果全是我在博客园的博文了...所以我把这个项目在91应用市场的下载地址粘上来吧,十分欢迎大家试用一下,有什么改进的意见请写在下面的评论里!地址:http://apk.91.c

LibreOJ #2012. 「SCOI2016」背单词

二次联通门 : LibreOJ #2012. 「SCOI2016」背单词 /* LibreOJ #2012. 「SCOI2016」背单词 Trie + 贪心 大家都吐槽题目反人类 可我觉得还好,毕竟见的多了 不会做啊.. 正解好巧妙 考虑一下,发现一操作完全不必要,可以省去 因为所有的字符串的后缀关系会形成一个树 那么把字符串倒序插入Trie中 建树,每次向子树小的一个点转移即可 */ #include <cstdio> #include <algorithm> #include

和我一起开发Android应用(二)——“悦词-i背单词”项目功能分析

好几天没有更新了,给关心这个系列的朋友们说声抱歉.今天我们开始第二节,项目功能分析.因为这个背单词软件虽说功能比较简单,但要真正实现起来也挺麻烦的.所以今天我们首先分析一下这个应用的功能,然后逐条慢慢实现. PS:这款应用已经上线91助手,百度移动应用和应用宝,有兴趣下来研究的可以百度搜索“悦词i背单词91”就可找到,我想真正用一下这个应用再看这个教程会有比较直观的理解.好废话不多讲,进入正题. 功能分析: 功能1.查单词. 实现方法:金山词霸开放平台提供了一个开放API,通过Http访问金山词

和我一起开发Android应用(一)——开发一款安卓多功能背单词软件

大家好,很久没有在博客园写过东西.前一段时间尝试学过一段时间cocos2d,但是由于学习资料有限,文档较少,一直难有进展,因此在刚刚过去的三周里,我又回到了我的老本行:java ,Android.在假期里我算是正式开发了我的第一个安卓应用: i背单词.经过三个星期的磕磕绊绊,终于写出一个较稳定的版本,现在这款应用已经成功上架GooglePlay,并且很快会在百度移动应用和安智网上架.当然由于这款软件只是由我个人维护,我也不奢求会有多大的下载量了呵呵,但我想有必要把这短时间开发应用的体会做一个总结

背单词软件

1 //JerryZheng版权所有 2 #include<iostream> 3 #include<fstream> 4 #include<ctime> 5 #include<cstdlib> 6 #include<string> 7 #include<conio.h> 8 #include<windows.h> 9 using namespace std; 10 11 string s[128],stemp; 12 i

bzoj4567【SCOI2016】背单词

4567: [Scoi2016]背单词 Time Limit: 10 Sec  Memory Limit: 256 MB Submit: 271  Solved: 103 [Submit][Status][Discuss] Description Lweb 面对如山的英语单词,陷入了深深的沉思,"我怎么样才能快点学完,然后去玩三国杀呢?".这时候睿智 的凤老师从远处飘来,他送给了 Lweb 一本计划册和一大缸泡椒,他的计划册是长这样的: ----- 序号  单词 ----- 1 2 -

AC日记——「SCOI2016」背单词 LiBreOJ 2012

#2012. 「SCOI2016」背单词 思路: Orz: 代码: #include <bits/stdc++.h> using namespace std; #define maxn 100005 #define maxm 510005 int n,ch[maxm][26],tot=1,len,head[maxm],E[maxm],V[maxm],cnt=1; int val[maxm],cnt2,size[maxm],sta[maxm],top; long long ans,sum; ch

谈谈英语学习(3):我爱背单词

万事开头难. 英语的学习,可以概括为听说读写 ,词汇量是基本功.许久没学英语,我决定先花一个月的时间来背单词.翻出当年考研时买的书,就它吧. 背单词有什么技巧?本文只说三个字"好好背",谈谈我对这三个字的理解.我认为,任何技巧都不如这三个字重要. 定计划,早上六点多起床,拿起红宝书,来到屋顶,复习旧单词,背诵新单词,环顾四周,旭日东升,高楼林立,上班打卡.这就是当时的一个剪影.年纪大了,背久了头会痛,小憩片刻再继续,总得完成每日任务吧.最烦的就是那种挥之不去的焦虑和懊恼感,总觉得还有一

最近背单词蛋疼,想写个桌面note的小程序方便一下,嘛嘛,那就记录一下好了,毫无优化,自娱自乐。

首先用的还是winform,因为WPF那一套忘得有点多. 第一个问题出在窗口位置挪动上,因为想用None风格的窗体,但是在onMouseMove事件中取MousePosition-e.X之后发现这个值是一定的,就是本来打算用鼠标坐标减去鼠标相对窗体坐标得到窗体相对屏幕坐标,但是在计算的时候如果把e.X取在onMouseMove事件中,那么这个e.X也是会随着鼠标移动而变化的,最终导致差不变,那就不能实现窗体移动了. 蛋疼了,最后在form类中设了两个私有变量Left,Top,在onMouseDo