人机交互技术设计练习题 PPT课件.pptx

人机交互技术设计练习题
成都信息工程大学软件工程学院
设计题目
仅供参考方法和思路。
设计需求
自动“停车场车位预约管理面板”
信息需求。车场的信息主要有车场名称,车位总数,空车位数,停泊位数,预约位数。车辆列表(车牌号,车位,累积小时)。车场中每个车位区的车位图,每个车位区的空车位的状态。
显示需求。车辆出场时,面板显示车辆车牌号码,入场日期和时间,以及累计时间,并显示计时收费金额,系统支持打印发票。车辆入场或预约入场时,要记录车牌号码,入场日期,入场时间,预约时长等,并指定车位。操作员可以根据区位,来选择查看车位图(A区~J区),有车和空车位用不同的符号表示。并在车位区状态栏上显示数量。面板能显示全部车辆列表,并可查询检索车辆。
3
任务1:界面设计
根据以上需求完成交互设计。采用线框图,选择适当界面控件,可适当完善界面输出,画出以下操作“停车场车位预约管理面板”时的界面。
安方停车场有200个车位,当前空车位192,停泊位数7,预约位数1。
值班员张小刚正在处理出场2016年6月12日入场的车辆“川A0909X”,该车入场时间是10:32,,,A车位区状态栏自动显示该车位置信息,以及所在车位区4个位有车,20个位是空车位。
可通过下拉列表选择不同的车位区。
4
任务2:人机交互设计
使用带泳道的活动图,表述车场值班人员通过“停车场车位预约管理面板”对车主泊车进行管理,完成车辆入场、出场以及预约和现场管理的交互操作。
5
参考答案
注意审题,掌握题目中每一个细节。仔细研究需求,开拓思路设计。
界面设计
7
评分点
分值
车场信息
1分()
车辆出场信息
1分()
搜索车牌号;车辆列表。
2分(1分/项)
车位图;车位区状态;车位状态
3分(1分/项)
“打印发票”,“指定车位”,车辆列表,值班员信息
2分()
界面布局合理、符合设计规范,适当完善输出
6分(2分/项)
设计思路:
。
,统计数据和实时数据要与场景逻辑相符合。
。
。
5. 用户主动操作动作与按键有关。
。
。
,部分信息放右侧。
,细节信息放下部。
、突出显示。
。
采用Balsamiq Mockups 绘制
用户体验设计
需求开发与体验设计
从“用户为中心”的理念出发,开发一款“我爱听讲座”APP软件。提出5个有价值的应用场景,并针对性每个需求提出良好用户体验的设计建议。
10