【人机交互 复习】第6章 交互式系统的设计
一、设计框架
1.在建立了一组需求之后,设计即将开始,建议采取自上面下的方式,首先把重点放在大的方面,生成低保真且不包含具体细节的方案,一般通过写剧本来确定交互设计模式与逻辑。
2.设计框架:
先站在一个高层次上关注用户界面和相关行为的整体结构。
3.步骤:
(1)定义产品外形、交互姿势和输入方法。
(2)定义功能和数据元素:
数据元素通常是交互产品中的基本主体,如相片、电子邮件、订单。
功能元素指对数据元素的操作及其在界面上的表达,包括操纵数据元素的工具。
(3)确定功能组和层级:
元素分组的目的是更好地在任务中和任务间来帮助促进任务角色的操作流程 。
(4)勾画大致的设计框架(这里这个图其实就可以认为是低保真了)
![]()
(5)构建关键线路场景剧本
关键路线就是:人物模型 + 场景 + 数据 + 功能元素
这一部分是通过文本的形式,其实就是编的小故事,描述了人物角色如何同产品交互,必须在细节上严谨地描述每个主要交互的精确行为,以任务为依托,使得最初设定的人物模型对交互架构产生反复、充分的使用,并最终通过磨合,发现不合理的设计。
(6)通过验证性的场景剧本来检查设计
4.不同阶段的场景剧本:
(1)情境场景剧本:设计开始之前,以某个用户角色的视角写的,专注于人类活动、感知和愿望。
(2)关键线路场景剧本:设计框架,专注于关键的用户交互,专注于某个用户角色是如何使用产品完成他们的目标。
(3)验证场景剧本:测试设计方案,对可能的解决方案使用大量的’如果…,会…“的问题。
二、简化设计的策略
1.删除
(1)最明显的简化设计方法
(2)好处:删除杂乱的特性,让设计师专注于把有限的重要问题解决好,有助于用户心无旁骛地完成自己的目标
(3)避免错删,删除不重要的功能,同时不能盲从用户增加功能。
2.组织
(1)按照有意义的标准对界面组件进行分组。
(2)相比较删除策略,组织不需要太大的投入
(3)是最快捷的简化设计方式。
(4)提到组织,首先想到的就是分块。唯一可以肯定的是,分块越少,选择越少,用户的负担就越轻。
3.隐藏
(1)最不重要的组件和信息以某种方式隐藏起来,避免分散用户的注意力。
(2)隐藏是一种低成本的简化方案
(3)用户不会因不常用的功能分散注意力,可作为删除不必要功能的开始。
(4)尽可能彻底隐藏所有需要隐藏的功能,只在合适的时机和位置上显示相应的功能。
(5)渐进展示,适时出现都是一种不错的隐藏策略。
(6)让功能易于发现


三、设计中的折中
1.个性化和配置
(1)人们喜欢改变周围的事物,使之适合自己
(2)必须简单易用
(3)必须容易撤销
2.本地化和国际化
(1)改变语言只是国际化中最简单的部分。
(2)改变版面和排列方式
3.审美学与实用性
(1)如为确保文本的可读性,文本的背景采用较低的对比度
(2)组件之间的空白非常重要
(3)组件的对齐会影响界面的可理解性和易用性
(4)组件大小是用来传递含义和在可视功能部件中建立联系或者区分的另一种视觉尺寸。
四、软件设计的细节
1.设计体贴的软件
(1)具有常识
(2)尽责
(3)自信
(4)不问过多问题
(5)知道什么时候调整规则
(6)承担责任
2.加快系统的响应时间
3.减轻用户的记忆负担
4.减少用户的等待感
(1)以某种形式的反馈让用户了解操作进行的进度和状态。
5.设计好的出错信息
(1)使用清晰的语言来表达,而不用难懂的代码
(2)使用的语言应当精炼准确
(3)对用户解决问题提供建设性的帮助
(4)出错信息应当友好,不要威胁或责备用户
相关文章:
【人机交互 复习】第6章 交互式系统的设计
一、设计框架 1.在建立了一组需求之后,设计即将开始,建议采取自上面下的方式,首先把重点放在大的方面,生成低保真且不包含具体细节的方案,一般通过写剧本来确定交互设计模式与逻辑。 2.设计框架: 先站在一个…...
1-函数极限与连续
1 2 平方项没有考虑到(其正负)...
【C++题解】1670 - 象棋大赛
问题:1670 - 象棋大赛 类型:分支问题 题目描述: 市里要组织象棋大赛,年龄在 8∼30 周岁之间的选手可以报名参赛。为了公平起见,大赛组委会将选手们分了青年组、少年组和儿童组,大赛组委会规定:…...
Samba:用于高效无限上下文语言建模的简单混合状态空间模型
Samba: Simple Hybrid State Space Models for Efficient Unlimited Context Language Modeling 📜 文献卡 Samba: Simple Hybrid State Space Models for Efficient Unlimited Context Language Modeling作者: Liliang Ren; Yang Liu; Yadong Lu; Yelong Shen; …...
通俗易懂的ChatGPT原理简介
一、引言 随着人工智能的发展,聊天机器人已经成为我们生活中的常见工具。而在众多聊天机器人中,ChatGPT 无疑是最受关注的一个。ChatGPT 是由 OpenAI 开发的一种基于生成式预训练模型(GPT)的大型语言模型。本文将通俗易懂地介绍 …...
你认为 AI 作图程序「MidJourney」有哪些比较好用的关键词?
玩了一段时间的MidJourney,打算把这个回答做成资源帖。也欢迎在评论区补充讨论。 MidJourney的极简指南 快速上手 装discord,或者直接打开网址 https://discord.gg/midjourney 注册用户。进入Midjourney的官方服务器后,在左侧栏找一个newb…...
9.2JavaEE——JDBCTemplate的常用方法(一)excute()方法
execute()方法用于执行SQL语句,其语法格式如下: jdTemplate.execute("SQL 语句");下面以创建数据表的SQL语句为例,来演示excute()方法的使用,具体步骤如下。 1、创建数据库 在MySQL中,创建一个名为spring的…...
正向代理和反向代理的区别
正向代理和反向代理的主要区别在于代理服务器所服务的对象不同。 正向代理(Forward Proxy):正向代理的客户端是内部网络的用户。当内部网络的用户想要访问外部网络(例如互联网)时,可以通过正向代理服务器来…...
express入门03增删改查
目录 1 搭建服务器2 静态文件托管3 引入bootstrap4 引入jquery5 编写后端接口5.1 添加列表查询方法5.2 添加路由5.3 添加数据表格 总结 我们前两篇介绍了如何利用express搭建服务器,如何实现静态资源托管。那利用这两篇的知识点,我们就可以实现一个小功能…...
【usb设备端口异常】——使用ls /dev/video*查看设备号时出现报错:ls:无法访问‘/dev/video*‘: 没有那个文件或目录
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、ls:无法访问/dev/video*: 没有那个文件或目录1. 问题描述2. 原因分析3. 解决方法 总结 前言 一、ls:无法访问’/dev/video*: 没有那个文件或目录 使用的这…...
Java实现异步开发的方式
1)、继承 Thread 2)、实现 Runnable 接口 3)、实现 Callable 接口 FutureTask (可以拿到返回结果,可以处理异常) 4)、使用线程池 区别:1、2)不能得到返回值 …...
小知识点快速总结:Batch Normalization Layer(BN层)的作用
本系列文章只做简要总结,不详细说明原理和公式。 目录 1. 参考文章2. 主要作用3. 具体分析3.1 正则化,降低过拟合3.2 提高模型收敛速度,加速训练3.3 减少梯度爆炸或者梯度消失的情况 4. 补充4.1 BN层做的是标准化不是归一化4.2 BN层的公式4.…...
【SpringCloud】负载均衡(Spring Cloud LoadBalancer)
负载均衡 当服务流量增大时,通常会采用增加机器的方式进行扩容。负载均衡就是用来在多个机器或者其他资源中,按照一定的规则合理分配负载。其中的实现可以分成客户端负载均衡和服务端负载均衡。 服务端负载均衡 在服务端进行负载均衡的算法分配。 比…...
三生随记——输入法之谜
在深夜的电脑前,李浩专心致志地敲打着键盘,为他的小说写下最后一章。然而,随着他不断输入文字,他渐渐察觉到一丝不对劲。每次他尝试输入特定的词汇,输入法都会自动跳转到一些与主题毫不相关的句子,甚至有些…...
【名词解释】Unity中的3D物理系统:刚体
Unity中的3D物理系统是用于模拟现实世界中物体的运动和相互作用的一套工具和组件。刚体(Rigidbody)是Unity 3D物理系统中的一个核心组件,它允许游戏对象(GameObject)受到重力和外力的影响,并参与碰撞检测。…...
icon转svg处理
一般情况下,图标我们可以找UI或者去iconfont.cn获得一个svg格式的文件。然后再IDE中以文本的方式打开,然后格式化,就可以看到代码。代码中一般是最外层一个svg标签,里面是一个或者多个path。这个时候,我们使用h方法来实…...
已成功见刊检索的国际学术会议论文海报展示(2)
【先投稿先送审】第四届计算机、物联网与控制工程国际学术会议(CITCE 2024) 大会官网:www.citce.org 时间地点:2024年11月1-3日,中国-武汉 收录检索:EI Compendex,Scopus 主办单位:四川师范…...
EasyCVR/EasyDSS无人机直播技术助力野生动物监测
近日有新闻报道,一名挖掘机师傅在清理河道时,意外挖出一只稀有的扬子鳄,挖机师傅小心翼翼地将其放在一边,扬子鳄也顺势游回一旁的河道中。 随着人类对自然环境的不断探索和开发,野生动物及其栖息地的保护显得愈发重要。…...
AI视频教程下载-ChatGPT 生产力 + 时间管理
ChatGPT Productivity Time Management. ChatGPT Productivity ChatGPT 显著提升生产力 不寻常的时间管理技巧。ChatGPT 工作,Chat GPT 自动化,ChatGPT 2023! 对关于ChatGPT的讨论感到好奇,想知道如何利用它为自己带来好处吗&a…...
Java 集合框架:LinkedList 的介绍、使用、原理与源码解析
大家好,我是栗筝i,这篇文章是我的 “栗筝i 的 Java 技术栈” 专栏的第 014 篇文章,在 “栗筝i 的 Java 技术栈” 这个专栏中我会持续为大家更新 Java 技术相关全套技术栈内容。专栏的主要目标是已经有一定 Java 开发经验,并希望进…...
量子金融强化学习:FinRL-Library实现AI量化交易的终极指南
量子金融强化学习:FinRL-Library实现AI量化交易的终极指南 【免费下载链接】FinRL FinRL: Financial Reinforcement Learning. 🔥 项目地址: https://gitcode.com/gh_mirrors/fi/FinRL-Library FinRL-Library作为金融强化学习领域的开源框架&…...
从“密码药丸”看生物识别与人体通信技术的工程伦理边界
1. 项目概述:当身份认证变成一颗“药丸”在消费电子领域,厂商们为了寻求产品差异化,常常会探索一些听起来像是科幻小说的技术路径。大约十年前,一个由DARPA背景的工程师团队提出的概念——“密码药丸”,就曾引发过一场…...
Browser-Use:基于LLM的智能浏览器自动化框架入门与实践
1. 项目概述:当AI学会“上网冲浪” 如果你和我一样,在过去的几年里尝试过各种RPA工具或者写爬虫脚本来处理网页上的重复性工作,那你一定对那种“脚本一跑就崩,网站一改版就废”的体验深有感触。我们总在幻想,要是能直…...
利用Taotoken模型广场为不同业务场景快速选型合适模型
🚀 告别海外账号与网络限制!稳定直连全球优质大模型,限时半价接入中。 👉 点击领取海量免费额度 利用Taotoken模型广场为不同业务场景快速选型合适模型 为聊天机器人、代码生成助手或内容创作工具挑选一个合适的大模型࿰…...
全球首款量产载人变形机甲,硬核科技颠覆出行想象
全球首款量产版载人变形机甲!2026 年 5 月 12 日,中国宇树科技正式发布 GD01,既能载人操控、又能双足 / 四足快速变形,定位民用交通工具,载人后总重约 500kg,直接拉满硬核科技期待感!一、GD01 核…...
工程师背包线缆管理实战:从Cord Hog到DIY收纳方案全解析
1. 项目概述:从“线缆地狱”到个人收纳方案的探索作为一名常年与各种开发板、调试器、电源适配器和数据线打交道的硬件工程师,我的背包简直就是个微缩版的电子实验室。每天通勤,包里除了笔记本电脑,必然塞满了USB线、串口线、JTAG…...
工资到账前,先把个税摸个底
工资到账前,先把个税摸个底 什么是个税 「个税」通常指个人所得税。对大多数上班族来说,最常见的是工资薪金所得:公司发你税前工资,按规定预扣预缴一部分税款交给税务;你到手的「实发」已经扣过税了。除此之外&#…...
深度解析Deep3D:专业级实时2D转3D视频转换技术实战指南
深度解析Deep3D:专业级实时2D转3D视频转换技术实战指南 【免费下载链接】Deep3D Real-Time end-to-end 2D-to-3D Video Conversion, based on deep learning. 项目地址: https://gitcode.com/gh_mirrors/dee/Deep3D Deep3D是一款基于深度学习的开源2D转3D视频…...
HBM高带宽内存:从立体堆叠到2.5D封装的性能革命
1. 从平面到立体:HBM如何重塑内存性能天花板在半导体行业里,我们常把“摩尔定律”挂在嘴边,仿佛性能提升的唯一路径就是晶体管越做越小。但大约十年前,当工艺微缩的红利开始放缓,功耗墙和信号完整性问题日益严峻时&…...
基于MCP协议与AI的智能收据处理服务器:从OCR到结构化提取实战
1. 项目概述:一个专为收据处理而生的MCP服务器如果你经常需要处理各种格式的收据、发票或账单,无论是个人记账、公司报销,还是财务审计,那么你肯定对“数据录入”这个繁琐环节深恶痛绝。一张张纸质或电子收据,上面的关…...
