《人体工程学》课件08人体工程学与交互设计.pptx

1、第 八 章人 体 工 程 学 与 交 互 设 计交互设计就是通过设计交互载体使信息更好地为人服务。从用户角度来说，交互设计是一种让产品易用、有效而让人愉悦的技术，它致力于了解目标用户的期望，了解用户在同产品交互时的行为，了解人本身的心理和行为特点，还包括了解各种有效的交互方式，并对它们进行增强和扩充。例如，人机关系涉及用户观看、操作，其中操作涉及手的触点位置、触感、幅度、尺寸等问题等。基于对交互设计的解读，通过对界面和操作行为的设计可充分提高产品的可用性。（图 8-1）在使用网站、软件、消费产品、各种服务时，使用过程中的感觉就是一种交互体验。随着网络和新技术的发展，交互方式越来越多，人们也越来

2、越重视交互体验。图 8-1交互设计第 一 节交互界面设计在互联网时代，交互界面是产品与用户行为进行交互的桥梁，它使产品和它的使用者之间建立一种有机关系，从而可以有效达到使用者的目标，也就是交互设计的目的。在进行交互界面设计时，要以用户为中心，关注用户的使用流畅度和方便性，提供符合用户使用习惯的问题解决方案。交互界面不一定要很华丽，但使用过程要很人性化，减少用户思考返回的次数。如三星 F8000 系列 Smart TV 的语音操作能够支持更多的语音命令，用户可以运用日常用语向电视发出指令，或者直接说出演员名称、片名或者题材，电视将会根据关键词自动搜索并给出推荐内容，用户可以在搜索结果中选择自己所

3、需的内容。三星 F8000 系列 Smart TV 的智能互动功能也得到了进一步的提升，无论是语音还是手势控制都更加灵敏，操作更加简单，对环境的要求也大大降低。三星 F8000 系列 Smart TV 的手势控制功能可以识别更自然的动作，双手操作可以对图片进行放大、缩小，或者调整图片角度。（图 8-2）图 8-2三星 F8000 系列 Smart TV 交互界面图 8-3手机软件交互界面国外 Watering TrackerApp 生活类手机软件交互界面设计，流程便捷，体现了交互界面设计的精髓。（图 8-3）不 符 合 的 案 例鼠标的接口鼠标的插头刚好对着鼠标操作的区域，这样突出的一块很影响

4、使用者的操作公园小区的石板路公园的石板路，本是为了让步行的人，行走更方便，但这种石板路，走一格很别扭，走两格又感觉步子迈得很大。自动售票机由微机控制，功能强大，设置灵活，稳定性高，具有二维码打印/激活、感应卡识别、票据打印等相应设备。触摸屏液晶界面可设多级菜单，并显示窗口名称及公告等内容，打印内容可灵活编辑修改，可实时生成各种统计报表，还有密码键盘识别功能。（图 8-4、图 8-5）图 8-4四联自动售票机第 二 节人体工程学在自动售票机设计中的运用图 8-5单体自动售票机一、自动售票机的组成自动售票机一般包括以下装置：（1）人机界面。采用 19 寸 LCD 正屏、表面声波式触摸屏。（2）LE

5、D 广告灯箱。采用 LED 3.75 模块单行显示条屏。（3）现金处理装置。现金处理装置可以接收各种面值人民币纸币（1 元、5 元、10 元、20 元、50 元、100 元），提供零钞箱，每个零钞箱可存 2 000 张钞票。（4）凭条打印装置。支持 80 mm 热敏式打印机。（5）银联卡阅读装置。采用通过银联认证的三卡合一式读卡器，同时支持读取磁卡、接触式 IC 卡和非接触式 IC 卡。（6）密码键盘。采用 44 数字键盘，符合 EPP 标准并通过银联认证，且支持 SAM 卡加密。（7）射频卡读写装置。能够读写 ISO 14443 TYPE A 和 TYPE B 协议的射频卡，读写支持距离为

6、0 10 cm。（8）出票装置。支持出普通连续纸质票。（9）电源。220 V（15%）、50 Hz（4%）直流电源，具有漏电保护器和在线式 UPS，确保设备正常运行，确保每笔交易顺利完成。二、地铁自动售票机购票流程1.中国地铁自动售票机购票流程我国地铁自动售票机购票流程如下：（1）单击操作主界面上的线路图或右侧线路按钮，放大后点选目的地站。（2）点选购票数量(默认值为一张)。（3）根据显示屏所示应付金额，投入硬币或纸币。若投入的钱币机器不能识别，硬币从取票口退回，纸币从投币口退回，用户可取出钱币重试或更换。（4）在取票口取出车票及找零。2.日本地铁自动售票机购票流程与我国不同，日本地铁自动售票

7、机排成一列嵌入墙内，自动售票机上方标有铁路运行图，每个站点下方都会标明从当前车站到达该站所应支付的票面金额（包含成人票价和儿童票价），用户需自行查看到达目的车站的票面价格，购票时输入该金额即可，而无须输入目的地。（图 8-6）具体购票流程如下:（1）单击“购票”按钮。（2）选择购票人数。只可以通过位于操作屏幕左侧的实体按键选择购票人数。（图 8-7）图 8-6日本地铁自动售票机图 8-7选择购票人数（3）选择票价。用户需点击屏幕上显示的单张票面金额。（图 8-8）（4）投币购票。根据屏幕上显示的总计金额投币购票。（图 8-9）图 8-8选择票价图 8-9投币购票（5）找零、取票。根据闪灯提示，

8、从找零口和出票口取走零钱和车票。（图 8-10）日本地铁自动售票机与中国地铁自动售票机最大的不同在于购票时用户行为的目标导向。其优势如下：（1）票价统一划分。日本票价共分为 32 种，常用的票价在 5 种左右，根据票价购票操作简便，即使不知道到目的地所需的票价，也可以先买一张最低票价的车票进站，然后到站后补票即可。（2）充分利用排队时间。人们从排队时就开始进行购票的准备工作（查询票价等），待排到自己时即可直接买票，大大降低了用户在自动售票机上的单次操作时间，提高了效率，同时也可以缓解用户在等待过程中或因不熟悉操作流程而产生的焦躁情绪。图 8-10找零、取票三、自动售票机人性化设计思路1.触屏更

9、大，操作优化自动售票机采取更大的触屏操作界面，乘客可点击放大屏幕，将站点图标直接拖动到目的地站点，操作更方便。（图 8-11）2.投币口优化设计将投币口设计为漏斗形，取代原本需要一枚一枚投币的扁小投币口设计方案，使乘客操作更便捷，设备的收币速度也更迅速，切实提升乘客购票效率。（图 8-12）图 8-11触屏更大，操作优化图 8-12投币口优化设计3.扫卡方便添加银行卡读取设备，可直接扫描扣款买票，无须带钱。（图 8-13）4.安装召援按钮在自动售票机上安装召援按钮，当操作遇到困难时，可以及时召唤工作人员寻求帮助。（图 8-14）图 8-13扫卡方便图 8-14召援按钮不 符 合 的 案 例碍人

10、的领标有许多衣服上的标签，材质很硬导致人们穿着起来会刮着人的皮肤，感觉极为不适。易断的电线经常弯曲的各种电线，容易导致电器损坏甚至危害安全。图 8-15纯机械式仪表盘第 三 节人体工程学在仪表盘设计中的运用仪表盘是为了实现某些特定目标而对重要信息进行视觉传达的设备，它将必要内容合理组织呈列，使人一瞥便能迅速、精确地掌握其所传达的信息。以汽车仪表盘为例对人体工程学在仪表盘设计中的运用加以说明。一、汽车仪表盘演变史汽车仪表盘作为驾驶员了解行车信息的重要桥梁，基于驾驶安全、用户体验和技术发展趋势历经数次重大变革。从 1908 年 T 型车(Ford Model T)到 2012 年划时代的特斯拉 M

11、odel S，汽车仪表盘演变可划分为四代。1.纯机械式仪表盘在机械时代，汽车仪表盘交互十分简陋，功能单一，只能满足基本的驾驶需求。在机械时代后期，受到飞机驾驶仪表的影响，在对其进行初级模仿下汽车仪表盘上堆砌了各种仪表。在漫长的几十年里，驾驶员犹如处在原始丛林一般，汽车交互设计野蛮而不友好。（图 8-15）图 8-16电气式仪表盘2.电气式仪表盘随着时间的推移，电气式仪表盘终于诞生，它增加了不少功能，对汽车信息的反馈也更全面和及时，但是其发展速度明显与汽车行业的发展不相匹配，仍无法满足更深层次的驾驶需求。（图 8-16）图 8-17全数字化仪表盘3.全数字化仪表盘随着新能源汽车和智能汽车的不断发

12、展，需要显示的内容越来越多，全数字化仪表盘终于顺应时代而生。相较之前的两代，全数字化汽车仪表盘有了长足的进步。它是一种网络化、智能化的仪表盘，功能更加强大，显示内容更加丰富，线束连接更加简单、全面，且能更人性化地满足驾驶需求，用户可以根据自己的喜好、需求随意更换不同的显示模式。（图 8-17）图 8-18一体式 HUD4.抬头显示从 20 世纪 80 年代，抬头显示技术已经被尝试应用于汽车领域，但直至今日才崭露头角。HUD（head updisplay，抬头显示）作为一种新技术，其优势显而易见。当驾驶员查看仪表盘或中控台上的信息时，视线至少需要转移 0.3 s，而 HUD 投影的信息就在驾驶员

13、平视的正前方，驾驶员可以将更多的注意力放在路面上。HUD将驾驶体验及驾驶员对于路况信息的认知模式进行革新式升级。（图 8-18、图 8-19）图 8-19分体式 HUD二、仪表盘造型现代轿车中，绝大多数的操纵开关是供驾驶员专用的，因此仪表盘造型应优先考虑驾驶员对仪表的可视性和对各种操作件的操作方便性。在视觉效果上，仪表盘位于车内视觉集中部位，其形体对乘员有很强的视觉吸引力，因此也应强调其造型的表现效果。具体要求如下：（1）主次分明，功能醒目。仪表盘的设计应使驾驶员对所有的仪表显示、控制功能一目了然，控制件操作主次分明，条理清晰，不应发生混淆或导致误操作。仪表盘的造型要以表现功能件的功能为目标，

14、突出鲜明的主题，简洁醒目，尽量避免或减少装饰，致力于为驾驶者营造一个直观方便的驾驶环境。（2）仪表盘造型具有整体感。仪表盘包括各种仪表、开关等，要把这些形状各异的部件组成一个统一的整体，造型时首先要形成整体构思。先要有整体上的认识和把握，在视觉上强调整体性，待确定整体效果后再进行局部深化设计。在仪表盘设计中，可以把几个不同功能的控制部件从形体上进行风格统一，不多进行具体的区域分割，如可以把空调控制区和音响控制区规划为一体，确定型面后再进行按钮、旋钮的精细设计。（3）布局标准化。仪表、显示器、控制件等器件必须严格遵照相关的法规、标准进行布置，注意符合视野、反光规律和人机工程学原理，不得出现反光妨

15、碍视线的问题。仪表多采用弯曲玻璃就是为了有效地避免出现反光而导致车主在一定情况下看不清楚。另外，设计仪表盘造型时还要考虑仪表盘本体在前风窗玻璃内表面的反射情况。三、汽车仪表盘赏析别克 Enspire 中控区由全液晶仪表盘与大尺寸液晶触摸屏组成，科技感出色，流行的 LED 氛围灯已经被绚丽的星空氛围灯所取代。（图 8-20）特斯拉发布的 Model 3 在内饰设计上打破常规，取消了仪表盘。（图 8-21）荣威全新电动车 MARVEL X 装备 19.4 英寸的一体化中控玻璃面板，非常显眼，双辐平底式方向盘显得极其稳重，嵌入的镀铬装饰、流线型的贯穿式出风口造型，使整个内饰看起来简单且舒服。而全液晶

16、仪表盘配备的AR 技术又让它极具科技感。（图 8-22）图 8-21特斯拉 Model 3 仪表造型图 8-22荣威全新电动车 MARVEL X 仪表盘图 8-20别克 Enspire 全液晶仪表盘图 8-23奥迪 Q8 仪表盘奥迪 Q8 中控区三块屏的使用瞬间提升了座舱内的科技感，并且多屏幕的加入使布局十分简洁，没有多余的按键，整体风格简洁且精致。12.3 英寸全液晶仪表盘的 UI 经过全新的设计，同时配合 1 920720 的高分辨率，也保证了整个仪表盘在数据显示上可以更加清晰。（图 8-23）乐视超级汽车内部使用了一块超大尺寸的液晶显示屏，其集成了仪表盘、影音娱乐等功能。显示屏贯通驾驶员

17、与副驾驶员，车内成员可以通过移动设备与其互动，同时它也可以通过 4G 上网而达到互联的目的，并且可以通过语音、触控和手势操作。（图 8-24）图 8-24乐视超级汽车仪表盘一、超市自助服务机设计笔者指导的学生杜金铃的作品超市自助服务机，可满足人们多方面的服务需求，方便人们的生活。（图 8-25、图 8-26）案 例 与 实 践图 8-25超市自助服务机外形图 8-26超市自助服务机交互界面设计二、多媒体托盘设计在信息时代下，可以通过创新产品设计创造某种新的生活方式。如针对早餐时间人们喜欢一边看报纸一边吃饭的习惯，任成元从中寻找创新点，设计了一款多媒体托盘。该托盘由外壳和内部构件组成，外壳采用有

18、机玻璃，内部构件主要为液晶显示屏，接收通过蓝牙传输的信息并显示出来。按键采用全触摸形式，方便人们的使用。该设计融入了用户体验及科技时尚等设计观念，将信息传媒与托盘结合在一起，不但为托盘创造了新的产品价值，同时也满足了人们对信息及时获取的需求，并提供了远比报纸更丰富多彩的信息媒介，使人们的用餐过程别有一番新鲜的体验。（图 8-27）图 8-27多媒体托盘设计三、“静观其变”油烟机设计任成元设计的“静观其变”油烟机，用交互的模式优化人与油烟机之间的关系。（图 8-28）图 8-28“静观其变”油烟机设计不 符 合 的 案 例USB插口分不清反正面，USB是日常生活中很常用的工具，但每次只有50%的可能一次性正确的插进电脑里，它的两面实在太像了，除了插口上的两个小洞一面是实心的一面是空心的之外找不出其他不同点这点不同也不足以一眼就分辨的开。宿舍的梯子是圆柱的，而且很细，上下的时候脚非常疼，因为不舒服所以在外面包了软布和泡沫，这种梯子应该做成平面的，宽度不小于5公分，最好是塑胶表面的，冬天不会因为是金属的而太凉，而且起到防滑的作用。