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

人机交互技术设计练习题,成都信息工程大学软件工程学院,设计题目,仅供参考方法和思路。,设计需求,自动“停车场车位预约管理面板”信息需求。车场的信息主要有车场名称，车位总数，空车位数，停泊位数，预约位数。车辆列表（车牌号，车位，累积小时）。车场中每个车位区的车位图，每个车位区的空车位的状态。显示需求。车辆出场时，面板显示车辆车牌号码，入场日期和时间，以及累计时间，并显示计时收费金额，系统支持打印发票。车辆入场或预约入场时，要记录车牌号码，入场日期，入场时间，预约时长等，并指定车位。操作员可以根据区位，来选择查看车位图（A区J区），有车和空车位用不同的符号表示。并在车位区状态栏上显示数量。面板能显示全部车辆列表，并可查询检索车辆。,3,任务1：界面设计,根据以上需求完成交互设计。采用线框图，选择适当界面控件，可适当完善界面输出，画出以下操作“停车场车位预约管理面板”时的界面。安方停车场有200个车位，当前空车位192，停泊位数7，预约位数1。值班员张小刚正在处理出场2016年6月12日入场的车辆“川A0909X”，该车入场时间是10:32,累计时间1.2小时，计时收费6.0元使用A05车位，A车位区状态栏自动显示该车位置信息，以及所在车位区4个位有车，20个位是空车位。可通过下拉列表选择不同的车位区。,4,任务2：人机交互设计,使用带泳道的活动图，表述车场值班人员通过“停车场车位预约管理面板”对车主泊车进行管理，完成车辆入场、出场以及预约和现场管理的交互操作。,5,参考答案,注意审题，掌握题目中每一个细节。仔细研究需求，开拓思路设计。,界面设计,7,设计思路：1.对需求信息进行组块。2.对应场景，统计数据和实时数据要与场景逻辑相符合。3.控件对齐排版原则。4.相近相似原则。5.用户主动操作动作与按键有关。6.应用图标的直观性。7.注意看不见的逻辑。8.整体信息放左侧，部分信息放右侧。9.全局信息放上部，细节信息放下部。10.重要信息放大、突出显示。11.界面元素分组数据小于7。,采用BalsamiqMockups绘制,人机交互设计,8,设计思路：1.正确应用带泳道的活动图，每个符号要正确。2.系统管理人员的活动设计，要注重其操作动作，将意图转换成“点击”、“查看”、“请求”等。3.面板的活动设计，要注重“显示”、“后台数据处理”、“数据加工”、“数据采集”、“数据输出”等。4.业务对象的活动设计，要侧重业务动作，业务响应。5.要重视各泳道同步现象。6.要重视业务逻辑分支判断。7.要重视业务对象与管理人员之间的业务请求与应答。8.重视活动发生的时间先后。,用StarUML绘制。,用户体验设计,需求开发与体验设计,从“用户为中心”的理念出发，开发一款“我爱听讲座”APP软件。提出5个有价值的应用场景，并针对性每个需求提出良好用户体验的设计建议。,10,设计思路提示,采用用户角色分析技术，先分析学生的心理和行为，以及应用价值需求趋向等。提出五条有可见价值的需求。根据这些需求，结合使用体验，命名功能，描述所提供的应用功能交互，以实现相应的体验。,11,角色分析：在校大学生张三，男，20岁，工科，大三，对人文讲座感兴趣，希望能就近听兄弟大学、社会公益讲座，,需求1：讲座朋友圈,需求2：发现讲座,需求3：我讲你听,需求4：我在现场,需