【时间】:2017年 9月
【类型】:商业作品、完整作品
【简介】:为中小学设计的长跑计时系统,主要使用方案探索、概念设计等方法,展示了相对完整的从0到1设计过程。
【关键词】:设计目标,故事版,概念设计,交互稿
【作品思路】:整体方案 → 概念设计 → 详细设计
一、项目背景
1.1.产品概述
本产品是面向中小学开发的长跑计时系统,使用电子射频卡及接收器实现对运动员跑步耗时的自动记录。并利用积累的数据提供体能分析等功能。后续可能会添加更多的体育相关功能。
产品使用方式及设备1.2.使用场景
本产品第一阶段包含两个使用场景:全校性的运动会和班级的期末跑步考核(在体育课中进行):
运动会业务流程 班级体育考核业务流程 场景的一些特性*因为两个场景的设计流程相似,后文只叙述对1.运动会的设计,略过2.班级体育考核。
二、设计目标及解决方案
本部分对设计目标进行分析,探索解决方案并选择,最后以故事版形式输出一个整体性的解决方案。
2.1.设计目标:速度
设计目标可以想象,操作速度是产品的重点。新的方案需要和使用秒表和纸笔的人力计时方案进行竞争,若操作速度低,用户很可能不愿意使用。
注意这里所说的操作速度是考虑环境干扰、辨识速度、误操作率后的实际使用速度,并不是单纯以界面跳转少来衡量。
2.2.主要难点:绑卡
绑卡问题当运动员带着手环跑步的时候,设备只能识别出卡号,不能直接知道运动员是谁。以学校的人数之多,每人发一个射频卡又不现实。所以,需要在使用前“告诉”系统谁拿了哪张卡,即“绑卡”。
可以想象绑卡环节是提高操作速度的难点所在,解决了这个问题其他的问题就迎刃而解了。
2.3.方案探索
下面是4种绑卡方案的流程图,上面方框代表不同的阶段:
绑卡方案考虑到运动会中会有多个小组比赛的情况,而且频次低人员固定。因此,这里选用表格绑卡方案。
2.4.运动会解决方案
决定了绑卡环节的方案后,再综合其他阶段就可得出整个运动会的解决方案,这里以故事版形式展示:
运动会故事版(to-be,不涉及具体界面操作)三、概念设计
3.1.方法论
本部分主要使用《交互系统新概念设计》中的概念设计方法完成从需求到详细界面的过渡。
主要思路是通过多个角度的分析找出软件需要包含的功能后,转化为概念、并理出核心的概念,然后围绕这些核心概念安排功能,以期搭建出容易建立心智模型的架构。
3.2.分析1:任务分解(HTA)
系统任务分解(两个平台分别进行)*下面只陈述现场设备端中的运动会子任务(标黄的地方),略过其他部分。
3.3.分析2:对象-操作分析
现场设备端-运动会场景中包含的对象,及可对它们进行的操作3.4.分析3:流程分析
现场设备端-运动会场景的流程图(to-be,具体界面操作流程)3.5.产出:概念模型
简单地说,方块和连线就是界面里“有什么地方”和“要怎么去”。可以看到,它其实既有信息架构的意思、又有流程设计的意思。
四、详细设计
本部分在上一章概念模型的基础上完成详细页面的设计。先找出概念模型中较为复杂的部分,进行方案探索和选择,然后给出具体的页面级的方案,最后在此基础上设计其他页面。
4.1.主要难点:组间导航方法
概念模型中,小组列表与单个小组之间的转跳是较为复杂的地方,处理好这里,其他地方也就迎刃而解了。
概念模型-组间导航部分4.2.方案探索
下面给出三个界面方案:
3种实现组间导航方案考虑到:1.用户跨组别转跳通常只是跳到下一组/上一组;2.需要对组进行排序操作;3.需要展示部分(或全部)组内人员姓名来帮助识别。这里以方案3为基础,加入方案2中的前后转跳按钮,使用方案1中的独立按钮。
4.3.组间导航方案
组间导航方案原型图最终方案以独立页面导航为基础,添加了前后组别切换的快捷键来支持“本小组起跑后,预先核对下一组手环”这一行为。
将小组列表收到另外一个页面也可以减少原页面的复杂度,考虑到操作环境的嘈杂这是有必要的。还可以有更多的空间来支持“按照组员姓名来找到小组”和“修改小组的上场顺序”这两个行为。
4.4.完整流程
难点都解决后,剩下的部分只要保持一致往框架中添加就可以了:
运动会页面流程图(part 1) 运动会页面流程图(part 2)附:部分页面交互稿
全部作品链接
时间:2017年 9月
类型:商业作品、完整作品
为中小学设计的长跑计时系统,主要使用方案探索、概念设计等方法,展示了相对完整的从0到1设计过程。
关键词:设计目标,故事版,概念设计,交互稿
时间:2016年 4月~6月
类型:练习作品,完整作品
为DND(一种较复杂的桌游)设计的在线游玩平台,展示了针对交互难点进行研究并提出解决方案的过程。
关键词:用户&业务研究,难点分析,竞品分析,界面设计
时间:2017年 8月
类型:分析文章
针对直播进行的内容分析,从媒介角度发掘直播更多的可能性,展示了处理抽象问题的能力。
关键词:媒介分析
时间:2017年 4月
类型:练习作品
针对Teambition的帮助体系进行的分析及改版,从建立用户转化模型入手,展示了建立模型和分析问题的能力。
关键词:信息架构改版,帮助体系
网友评论