软件工程与计算总结(十一)人机交互设计

目录

​编辑

一.引例

二.目标

三.人类因素

1.精神模型

2.差异性

四.计算机因素

1.可视化设计

2.常见界面类型

五.人机交互设计的交互性

1.导航

2.反馈

3.设计原则

六.设计过程

1.基本过程

2.界面原型化


一.引例

无论软件功能多么出色,亦或内部的构造有多么高的质量,没有好的用户界面,用户就无法充分体会软件产品的价值~

  • 好的用户界面不仅要求美观,更要重视使用软件的动态多次,即让用户使用软件产品的感觉更愉快,过程也更顺利~
  • 好的人机交互应该是透明的,它符合用户的习惯特点,尤其是要适应用户的技能和经验——即用户只感受到完成任务的过程,不需要特意为了使用软件而花费精力~
  • 好的人机交互因为透明度高而常常被人忽视,而坏的人机交互反而令人印象深刻

二.目标

透明是人机交互设计追求的目标,但是透明的含义过于抽象,人们需要定义更加具体、可衡量和可操作的目标,这就是易用性——(不仅关注人使用系统的过程,还关注系统对使用它的人所产生的作用~)

不同维度的定义:

  • 易学性:新手用户容易学习,能够很快使用系统。
  • 易记性:以前使用过系统的用户,能够有效记忆或者快速地重新学会使用系统
  • 效率:熟练用户使用系统完成任务的速度。
  • 出错率:使用系统时,会犯多少错,错误有多严重,以及是否能从错误中很容易地恢复~
  • 主观满意度:用户自身有良好的体验

三.人类因素

人是人机交互设计中最大的决定性因素~

1.精神模型

用户进行人机交互时头脑中的人物模型,需要分局精神模型进行隐喻设计(隐喻即为视觉隐喻,是视觉上的图像,但会被用户映射为业务事务)不同群体之间的任务模型是有差别的

进行人机交互设计时,要调查用户的目标和任务,分析用户的任务模型,并据此设计界面隐喻。

2.差异性

本质上是在说,不同群体之间的任务模型是有差别的:

  • 新手:当用户以新手居多时,整个系统的人机交互设计都要侧重于易学性~
  • 专家:当用户一专家居多时,设计要侧重于效率

四.计算机因素

诸多因素之中,显示屏设计是重点~

1.可视化设计

主要工作是可视化构件的布局,包括窗口、菜单、标签页、表单、按钮等常见组件

按照人模模型设计界面隐喻,同时不要把软件内部的构造机制暴露给用户~

2.常见界面类型

软件系统通常同时使用多种界面类型,以适应差异性的用户和任务~

五.人机交互设计的交互性

交互是双向的:

一方面,用户主动向软件提出请求,软件系统给予用户响应;另一方面,软件系统也应该主动告知用户相应的信息,并等待用户的响应——即,良好的人机交互应该有一定的智能型

1.导航

好的人机交互设计就像一个服务周到的服务员,能够主动将自己的产品和服务简明扼要地告诉用户,这个就是导航~

  • 全局按照任务模型将软件产品的功能组织起来,并区分不同重要性和主题性提供给不同的用户。
  • 局部结构通过安排界面布局细节,制造视觉上的线索来给用户提供导航。

2.反馈

  • 好的人机交换设计需要对用户行为进行反馈,让用户能够意识到行为的结果,形式是多样的,声音和视觉上的反应都可以~
  • 反馈的目的是提示用户交互行为的结果,但不能打断用户工作适的意识流~
  • 对时间的控制也是反馈设计的一个要点,它既要考虑计算时间,又要考虑用户的思考和反应时间~

3.设计原则

  • 简洁设计:菜单不要太大、不要在一个窗口中表现过多的信息类别,不要在一个表单中用过多的颜色
  • 一致性设计:相似任务不能具有完全不一致的交互机制~

  • 低出错率设计:帮助人们避免犯错,尽可能设计不让用户犯严重错误的系统~
  • 易记性设计:减少用户的记忆负担

六.设计过程

1.基本过程

2.界面原型化

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/144895.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

图论06-【无权无向】-图的遍历并查集Union Find-力扣695为例

文章目录 1. 代码仓库2. 思路2.1 UF变量设计2.2 UF合并两个集合2.3 查找当前顶点的父节点 find(element) 3. 完整代码 1. 代码仓库 https://github.com/Chufeng-Jiang/Graph-Theory 2. 思路 2.1 UF变量设计 parent数组保存着每个节点所指向的父节点的索引,初始值为…

uniapp实现登录组件之外区域置灰并引导登录

实现需求 每个页面需要根据用户是否登录决定是否显示登陆组件,登录组件半屏底部显示,登录组件之外区域置灰,功能按钮点击之后引导提示登录.页面效果如下: 实现思路说明 设置登录组件背景颜色为灰色,将页面分成登录区域(底部)和非登陆区域(上面灰色显示部分), 置灰区域添加…

flink中使用GenericWriteAheadSink的优缺点

背景 GenericWriteAheadSink是flink中提供的实现几乎精确一次输出的数据汇抽象类,本文就来看一下使用GenericWriteAheadSink的优缺点 GenericWriteAheadSink的优缺点 先看一下GenericWriteAheadSink的原理图 优点: 几乎可以精确一次的输出&#xf…

【LeetCode】94. 二叉树的中序遍历 [ 左子树 根结点 右子树 ]

题目链接 文章目录 Python3方法一: 递归 ⟮ O ( n ) ⟯ \lgroup O(n) \rgroup ⟮O(n)⟯方法二: 迭代 ⟮ O ( n ) ⟯ \lgroup O(n) \rgroup ⟮O(n)⟯方法三: Morris ⟮ O ( n ) 、 O ( 1 ) ⟯ \lgroup O(n)、O(1) \rgroup ⟮O(n)、O(1)⟯ C…

【Java】<泛型>,在编译阶段约束操作的数据结构,并进行检查。

个人简介:Java领域新星创作者;阿里云技术博主、星级博主、专家博主;正在Java学习的路上摸爬滚打,记录学习的过程~ 个人主页:.29.的博客 学习社区:进去逛一逛~ JAVA泛型 泛型介绍: ①泛型&#…

一、软件工程概述+练习题

文章目录 软件工程复习一、 概述1.常见考点1.1 什么是软件?软件的特点 1.2 什么是软件危机?它的具体表现是什么?软件危机的概念软件危机的内容具体表现软件危机的原因消除软件危机的途径 2.软件工程的三要素软件工程的定义 3. 软件生存周期4.…

高校教务系统登录页面JS分析——西安交通大学

高校教务系统密码加密逻辑及JS逆向 本文将介绍高校教务系统的密码加密逻辑以及使用JavaScript进行逆向分析的过程。通过本文,你将了解到密码加密的基本概念、常用加密算法以及如何通过逆向分析来破解密码。 本文仅供交流学习,勿用于非法用途。 一、密码加…

小插曲 -- 使用Visual Studio Code远程连接香橙派

在之前的学习中,代码的修改和保存都依赖于“vi”指令,而不得不承认vi指令的编辑界面非常原始,所以,如果可以将代码编辑放到更友好的环境里进行无疑是一件大快人心的事情。 本节介绍如何通过Visual Studio Code来进行远程连接: Vi…

Mybatis的SqlRunner执行流程

Mybatis的SqlRunner执行流程 SqlRunner exec new SqlRunner(connection); Map<String, Object> row exec.selectOne("SELECT * FROM PRODUCT WHERE PRODUCTID ?", "FI-SW-01");connection.close();assertEquals("FI-SW-01", row.ge…

strcpy函数

文章目录 strcpy函数描述函数使用总结目标空间为什么必须可变&#xff1f;模拟实现 strcpy函数描述 重点&#xff1a;including the terminating null character (and stopping at that point).意为拷贝的值包括停止字符 传参时第一个参数为要拷贝参数&#xff0c;第二个参数为…

springMVC中统一异常处理@ControllerAdvice

1.在DispatcherServlet中初始化HandlerExceptionResolver 2.controller执行完成后执行processDispatchResult(processedRequest,response,mappedHandler,mv,dispatchException),有异常则处理异常 3.ExcepitonHandlerExceptionResolver中执行方法doResolveHandlerMethodExceptio…

【vSphere 8 自签名 VMCA 证书】企业 CA 签名证书替换 vSphere VMCA CA 证书Ⅰ—— 生成 CSR

目录 替换拓扑图证书关系示意图说明 & 关联博文1. 默认证书截图2. 使用 certificate-manager 生成CSR2.1 创建存放CSR的目录2.2 记录PNID和IP2.3 生成CSR2.4 验证CSR 参考资料 替换拓扑图 证书关系示意图 本系列博文要实现的拓扑是 说明 & 关联博文 因为使用企业 …