当前位置 博文首页 > HansBug:沉舟侧畔千帆过,病树前头万木春——对【题士】产品的
本文写于 2021 年 5 月22 日,仅代表笔者本人此时此刻对 2021 年北航敏捷软工课程项目“题士”的评测(首页地址:https://buaatishi.com,版本以 Alpha 阶段正式发布的版本为准)。主要内容为:对这一产品进行体验测评,并对产品的设计思路进行思考,希冀能从多个角度探寻它是不是能Build to Win。
该部分主要针对本产品的主页、登录入口等外围部分进行评测。以下是一些评测感受:
此外,考虑到可能有手机浏览器用户访问你们的界面,所以还是应该支持一下常规的链接下载,毕竟手机上截屏再扫码终归还是太麻烦了。
2. 点击进入管理页面,看上去做得挺精致,不过无法查询任何信息,而且点击后会弹出一个略粗糙的 confirm——“查询失败”。经过笔者查network,是因为没有权限导致的,而且错误信息还挺有意思。从这样的角度来看倒也还算合理,毕竟不可能任意用户都能使用管理功能。不过**更合适的处理方式****或许****是,让非管理员用户从一开始就无法接触到这些管理页面和管理功能**。
该部分主要对【题士】产品的具体功能(包括 APP 端和小程序端)进行测评。以下是一些测评感受:
有一次有个人打我电话,用很不客气且催促的语气说:「赶紧给我开门!」
我问她:「你是谁?」
她没有回答我问题,只是问「你不是 504 的吗?」
假如这时候我回答「是」,那么她就会接着说「在家就赶紧给我开门」,如果我脑抽说「我不在家」,这时这个人就可以确认:504 没人在家。那假如这个人心存歹意,那么我接下来说的话也都没有意义了。
所以就让她瞎猜,我在不在家,我到底住几号房,她不会知道。作者:wszhan
链接:https://www.zhihu.com/question/19640169/answer/542401156
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
而现在的登录入口,却在很明确的告诉用户密码不对,这实际上是方便了暴力破解党盗账号搞事情。
在测评题士软件的过程中,笔者也邀请了几位典型用户进行体验,我们预备了下列的撰写模板并提供给了典型用户们:
以下是几位典型用户的评测与看法。
姓名 | 张四 |
---|---|
年龄 | 20 岁 |
院校 | 北航计算机学院 |
年级 | 大二 |
是否有刷题经历 | 有 |
刷题科目 | 航空航天概论、基础物理实验 |
使用过的刷题产品 | 航概小程序、离线式航概安卓 APP、驾考宝典 |
其他信息 | 正在开发一款类似的产品 |
一般来说,为了保证安全性,产品会强制用户使用具有一定复杂度的密码。
如图所示。当我使用忘记密码时,填入了我的邮箱、收到的验证码以及新的密码,此时点击确认,我的密码实际上并没有修改成功。而且我的邮箱又重复收到了一封新的验证码邮件。重复数次操作验证,发现结果依旧,所以猜测是代码逻辑上出现了问题。
此处逻辑或许有重大 BUG,需要修正。
可以考虑向上挪一下,或者加入手势滑动操作。
第一幅图是网站上的,整体的图标更加统一和谐;而后面两幅图的图标形状不是很规则,同时配色上略显呆板。
我会推荐这个产品,理由如下:
然而,以上的建议基于一个前提:即软件中有使用者需要的题库,且有一个比较活跃的社区。而对于其他目前已经有竞品的刷题 APP,如“驾考科目一”等,我会推荐使用已有的 APP。
目前市面上已经有许多相似的题库 APP,我认为本产品的优势有两个:
基于这两点,我提出了以下几个方面的建议:
姓名 | 斯摩亚蒂 |
---|---|
年龄 | 20 岁 |
院校 | 北航,士谔书院,计算机学院 |
年级 | 大二 |
是否有刷题经历 | 有 |
刷题科目 | 航空航天概论,军事理论,驾考科一科四 |
使用过的刷题产品 | 航概小程序,东方时尚客户端 |
其他信息 | 无 |
如下图,明显有超长评论虽然我自己没搞出来
如下图,刷题刷久了意识不到下面还有东西,顺手就点了下一题
下划后的界面如下图
这个似乎也不用配图了...
存在两套题目 ID,分别是全局 ID,如下图题号所示
和组内 ID,如下图所示
感觉挺好的,主要原因包括
愿意向其它刷题者(仅刷的题目包含于这款软件的题库的刷题者)推荐这款软件,原因如下
姓名 | 春日野草 |
---|---|
年龄 | 20 岁 |
院校 | 北航,高等理工学院,计算机学院 |
年级 | 大二 |
是否有刷题经历 | 有 |
刷题科目 | 航空航天概论、军事理论 |
使用过的刷题产品 | 航概小程序、车轮考驾照、百词斩、有道背单词 |
其他信息 | 无 |
首先从登录的时候就能体会到这组同学为了保证用户的流畅体验下了功夫,一键微信登录后直接可以开始刷题,免去了繁琐的注册登录步骤,且确确实实地保证了安全性。之后对程序的数据包解析中也发现本组同学注重安全性,全程 HTTPS 加密,对每一个操作都会进行鉴权,让我用起来十分的放心。
主界面和主刷题界面看起来挺美观的,UI 交互设计比较合理,可以以较少的点击量完成每道题的回答,查看正确与否。选项用左边蓝色的圆代表用户的选择,右边用红色或绿色为背景来指示用户的回答是否正确,我认为这样的设计也是合理的,程序的主要功能完善,那么我肯定是会继续使用的。
除了主要的刷题功能之外,外围功能的实现显得略微急促缺乏打磨。
比如说收藏和错题这里的显示存在一定的问题。这个大大的收藏数占了屏幕大部分位置但是实际上它并不重要点了它也没有什么反应,如果你把这个数字移动到“收藏”按钮同一个框以一个小数字来显示,并在原来显示数字的地方放上顺序刷和随机刷两个按钮,或者其他什么功能性按钮会更好。
这里是点进一个收藏界面的样子,只有一些题目,并且比较关键的开始刷题放在了一个不定长列表的下方,那么假如有人收藏了 500 道题,他还能不能方便的去刷他收藏的题呢?这是一个比较严重的问题。另外还想吹毛求疵一下,如果在刷收藏列表的时候点击了取消收藏,那么在返回收藏列表的时候可不可以把被取消收藏的题目立即删除呢?
建议增加一个巩固模式,把所有做错的题以时间为顺序放进一个队列,在巩固模式中每次从队首拿题,如果做错了就再次放入队尾,直到所有题都做对过一次为止,显示完成并自动退出。
想要这个功能是因为我本人在背航概题的时候就是采用类似的做法, 先刷完一单元所有题,然后把做错的题目题号记在纸上,一遍遍轮回只刷仍在纸上的题,做对了就把纸上的序号划去,直到纸上所有题号都被划掉。然后再开始做一遍所有题,开始新的大轮回。我自己觉得这个方法让我很轻松愉快的背完了航概题库,如果有软件来辅助我维护队列我会更加愉快。
能在这么短时间内实现一个评论系统挺不简单的,它可以用于对题目的提问和解析,甚至可以用于展示 dalao 对答案的纠错,非常有意义。不过在用户量上来之后可以想办法去清理一下与题目无关的评论(如 xxxnb),并增加举报功能,这样才不会让它变成鸡肋。
如果题士组可以尽快导入军理题库,让我们大二学生能够尽快享受到便利的话,我想这款软件的活跃量一定不会差,我也会很愿意去分享的。(我甚至觉得导入军理题库的优先级应该高于你们 beta 阶段预计开发的所有功能)非常期待~~
如果我是 PM 的话,我一定会优先解决用户痛点,完善核心功能。比如我开发的“北航博雅通知群”就是正戳了同学们不想天天刷博雅网站的痛点,我使用 QQ 的一个群就解决了核心问题。除了在朋友圈发过一次广告之外其余全靠同学们互相介绍,现在群内已经有 384 人。所以我也希望题士组同学可以优先考虑我们劳苦背题学生的痛处,将核心功能(题库)放在第一位。
姓名 | Taki |
---|---|
年龄 | 20 岁 |
院校 | 北航,士谔书院,计算机学院 |
年级 | 大二 |
是否有刷题经历 | 有 |
刷题科目 | 航空航天概论、数据结构、驾考科目一 |
使用过的刷题产品 | Questionor、安卓端航概 APP、驾考宝典 |
其他信息 | 测试同时,在与同学合作开发 iOS 端的航概刷题应用。 |
iPhone SE (2nd Generation), iOS 14.4.1, WeChat 8.0.5.
由于是 iOS 端用户,虽然有使用安卓模拟器进行 APP 试用,但因考虑到使用的测试平台与本项目面向的用户平台存在差异,下文主要围绕小程序端的测试体验展开。
使用本产品过程中,发现的哪些小毛病?请附图说明,并写上对应的建议。
在前述测试环境下,打开评论页会有文本框闪出并自动进入编辑模式,考虑前端视图逻辑存在载入 Bug。
在评论页发送较长评论时,内容没有自适应地折叠或换行处理,使内容超出页宽,显示有误,考虑响应式设计存在问题。
当次登录做完的题,点开题库页有时不会正确加载做题记录,考虑该页面是否存在并非每次进入更新,而是读取了缓存的状况。
在手势操作深度融入移动端交互的当下,本平台的交互几乎完全基于点触,引入更多自然的、贴近用户预期的交互模式,是团队可以进一步优化的关键点。
以做题、进入下一题的操作为例,目前团队的解决方案是,用户首先点触选择选项后,点击提交按钮,再点击下一题的交互逻辑。三段式的点触逻辑,在大量、快速刷题时带来了大量无趣的简单重复劳动,“刷题”丧失了“刷”的灵魂——过题的爽快感。
可不可以引入滑动等各类手势丰富交互模式呢?——此处着重指出我本人和身边同学都觉得特别别扭的一点:答题页可以左右滑动,却并没有如所想的那般切换题目。如果将“点击下一题的按钮”,替换为“左滑进入下一题”,是不是会更加自然呢?
此处,以题目章节导航的缺失为例。
“题库”页,事实上起到了分章节的题目索引的作用。然而,用户在什么时候需要这个feature呢?
在请身边同学试用的过程中,很多同学,尤其是那些使用过“驾考宝典”的同学,提出了“要是(像驾考宝典那样)顺序做题时题目页有个分章节的导航,可以看到自己在做哪章的题,这章还差多少没做就好了”的期望。
事实上,这一特性并不是开发团队没有完成,仅仅只是把它错误地放在了并非用户最为需求的地方。这一龃龉,体现出了团队对用户行为逻辑、时序的误判。相信收集到更多反馈后,能够很容易地进行相关优化。
此处,以收藏/错题页为例。
点进该页后,展示的是章节列表和收藏题数/总题数的展示,随便点进一栏,用户会看到大大的开始按钮。带着疑问点下去,页面顶端显示出“没有啦”的红色提示,稍经思考才理解,应该是“我之后收藏的题会显示在这里”,“现在没有题所以没有办法开始答题”的意思。
——用户试错的路径太长了。这种被动的、结论式的导引,宛如一场没有惊喜、只有挫败的冒险,将显著地消耗用户的耐心。
在接下来的开发中,团队可以对类似方面进行更为人性化的改造,提升用户友好度。
平台的 UI 设计功能性强,但也因此带来了布局缺乏层次感、主次不清晰、模块不分明等问题,以下以题目页为例,从“假如我来进行设计”的角度,简述几个可能的改进点:
将题目、选项离得更近一些;将这一个整体离上方刷题、背题的 Tab 切换栏更远一些。这样做,基于接近性原则,近的 components 更容易被用户视为整体,能够体现出视图内部的逻辑关系。
视图组件对空间的利用存在不足。例如,提交、查看评论两个按钮,进行横向布局显然能够更节省屏幕空间;选项卡占的空间较大,字却占了高度的不到 50%。高效地利用有限的视图空间,才能使得平台更加适用于移动端场景。
进行视觉设计时,体现结构的主次关系,是对用户视觉焦点进行有效引导的关键。例如,字体大小可以进行调整,使各层次存在明显的大小差异,举几个例子:题目较大,选项较小;工具栏、按钮上的字一种大小,题面上的字是另一种大小。除了字体大小,还可以调整颜色表现区分:根据相似性原则,人们会倾向于将相类似的项目在知觉中关联起来——在这一前提下,“单选/多选”和选项都是类似的灰底白字,就显得有些不自然了——它们的功用、在视图中的重要性,难道属于同一层次吗?
小程序端开发较少引入过渡动效,视图变化也就缺少视觉引导。此方面,团队如有余力,也可以进行改进。
在之后的版本迭代中,团队或许可以围绕格式塔原理重新考量 UI 设计,相关内容可参见以下链接:
https://www.uisdc.com/gestalt-principle-2
近万字干货!带你全面了解格式塔原则- UISDC
“刷题”是学习的重要过程,脱离十二年的基础教育之后,将面向考试、讲求效率的“刷题”作为快速掌握、快速温习领域知识的方式,是个性化学习的必然。
作为本项目的目标用户,体验下来,可以认为本项目已经部分解决了需求分析中所提及的用户痛点问题。多种多样的刷题形式,顾及到了用户的各类刷题需求;平台也在用户群体信息的利用上做了较为合理的考虑,例如评论、错误率等。
然而,正如前文所指出,产品仍存在许多细节上的龃龉,也因而导致了用户体验的下降。
总的来说,我愿称之为一块略欠打磨的玉璧,磨却表面的瑕疵,定能展现它真正的光彩。
我会愿意推荐,产品具有如下亮点:
在航概 APP 开发这件事上,我还真就是现在进行时的 PM(笑)。本部分将列举我对此类产品的几方面思考。
我认为,将题库置于线上,是一个错误的决定。
类似于航概这种科目的刷题,往往有“拿起手机就能刷”的需要。吃中饭的时候、赶路的时候、坐在教室上课之前的数分钟——这样的使用场景可以说是贴近大部分用户的生活实际。网络连接性不应该是刷题这一需求的必要条件