跑步计时系统设计

【时间】: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月

类型:分析文章

针对直播进行的内容分析,从媒介角度发掘直播更多的可能性,展示了处理抽象问题的能力。

关键词:媒介分析


跨越鸿沟:Teambition帮助体系信息架构分析

时间:2017年 4月

类型:练习作品

针对Teambition的帮助体系进行的分析及改版,从建立用户转化模型入手,展示了建立模型和分析问题的能力。

关键词:信息架构改版,帮助体系

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,080评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,422评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,630评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,554评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,662评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,856评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,014评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,752评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,212评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,541评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,687评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,347评论 4 331
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,973评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,777评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,006评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,406评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,576评论 2 349

推荐阅读更多精彩内容