交互设计学习

小璃菲菲

已于 2024-06-04 21:05:40 修改

阅读量877

点赞数 17

文章标签：学习交互设计模式

于 2024-06-04 21:01:52 首次发布

本文链接：https://blog.csdn.net/m0_74874919/article/details/139453210

版权

交互设计

基本概念

UI、ID、UE、GUI和HCI

注意

设计工具

选择合适的软件架构模式

设计的三个层次

用户体验设计的原则

需要文档么？

设计目标

可用性

设计原则

可视化

屏幕元素的选择、布局、呈现及装饰

一致性

直接映射

有效反馈

良好的ＧＵＩ设计原则

设计过程

Design（设计）

Prototype（原型）

Evaluation（评价）

基本概念

软件设计＝编码设计＋交互设计 ID （ UI 设计）
交互设计＝美工或平面设计GD
交互设计基于人机交互 HCI的界面设计

UI、ID、UE、GUI和HCI

①UI（User Interface）用户界面设计，是指对应用软件的操作逻辑、人机交互、界面的整体设计。

②UE（User Experience）。用户体验设计，它要求设计师能够全面地分析和体察用户在使用某个系统时的感受。

③ID（Interaction Design）。交互设计，又称互动设计，它考虑的是人、环境与设备的关系和行为，以及传达这种行为的元素的设计。

④GUI（Graphical User Interface）。图形用户界面设计，是指针对采用图形方式显示的操作环境用户接口进行设计。其实就是界面美工，只关心界面的美观和有关视觉方面的设计工作。

⑤HCI （ Human Computer Interaction ）。人机交互是一个学术领域，是一个跨学科的计算机科学和心理学，也可以看作是计算机科学的一个分支。人和机器的理论、技术和设备，包括研究（包括算法、硬件等），以及心理研究之间的信息传递的研究。

注意

①GUI 工程师的工作并不是从设计阶段才开始的，早在需求分析阶段，GUI工程师就已经参与到用户访谈中，了解用户的使用习惯，喜好等，为设计用户界面做准备……

②对于用户来说，一个友好的界面是至关重要的。

③用户界面（User Interface）的设计质量直接影响用户对软件产品的评价，从而影响软件产品的竞争力和使用寿命，因此，对人机界面的设计必须给予足够的重视。

设计工具

Pencil
Microsoft Visio(易用)
Balsamiq mockup(草图设计工具)
GUI Design Studio
Axure RP
Photoshop/CorelDRAW/Illustrator

选择合适的软件架构模式

①在进行GUI设计之前，需要根据用户需求确定要开发的软件模式。不同模式的软件，GUI设计的方式不同。

②管理软件技术的主流技术与管理思想一样，也经历了三个发展时期。

③首先，界面技术从上世纪DOS字符界面到Windows图形界面（或图形用户界面GUI），直至Browser浏览器界面三个不同的发展时期。

④其次，今天所有电脑的浏览器界面，不仅直观和易于使用，更主要的是基于浏览器平台的任何应用软件其风格都是一样的，使用人对操作培训的要求不高，而且软件可操作性强，易于识别。

⑤再者，平台体系结构也从过去单用户发展到今天的文件／服务器（F／S）体系、客户机／服务器（C／S）体系和浏览器／服务器（B／S）体系。

设计的三个层次

设计的三个层次，以及对应的产品特性：
本能（Visceral）层次的设计—外形
行为（Behavior）层次的设计—使用的乐趣和效率
反思（Reflective）层次的设计—自我形象、个人满足感、回忆

用户体验设计的原则

1．尽快提供可感触的反馈
2．系统界面符合用户的现实惯例
3. 用户有自由控制权

4. 一致性和标准化
5. 适合各种类型的用户
6．帮助用户识别、诊断并修复错误

需要文档么？

①有必要的提示和帮助文档。

②无需文档就能流畅应用当然更好，如果必要的话，可提供一个在线帮助。如果软件和用户的工作相关（而不是简单的游戏），那么基本的提示和帮助文档还是很有必要的，而且也要提供便利的检索功能。文档要从用户的角度出发描述具体步骤，并且不要太冗长。

设计目标

可用性

人机工程：适合身体
交互感知：感知世界
交互认知：关注世界

• 身体：视觉、声音、触觉
• 化学物质：气味、味道、疼痛
• 注意力、学习、记忆和遗忘

ISO 9241 (可用性标准) 定义用户完成任务时的：

有效性
你能实现你想要的吗？

效率
你能在不浪费精力的情况下做到吗？

满意度 
你喜欢这个过程吗？

设计原则

GUI允许用户直接操作屏幕上的对象，例如，指向、拖动、删除、旋转、放大等。视觉反馈将实时显示：所见即所得（What You See Is What You Get, WYSIWYG）。

启发

用户为中心：
- 始终将用户置于设计的核心位置，从用户的角度出发思考问题和设计解决方案。
- 通过用户研究、用户测试等方法，深入了解用户的需求、痛点和期望，确保设计能够满足用户的实际需求

2.简洁明了：

用户研究：
- 用户研究是交互设计的基石，它涵盖了用户需求、习惯、心理和行为的分析。
- 常用的用户研究方法包括问卷调查、用户访谈、焦点小组等，这些方法有助于设计师深入了解用户，为产品设计提供重要的指导和思路。
需求分析：
- 需求分析是将用户研究结果转化为具体设计需求的过程。
- 设计师需要对用户研究数据进行整理、分类、分析和总结，提炼出关键需求和用户痛点。
- 需求分析有助于明确产品的核心目标和设计方向，为后续的交互设计奠定基础。
信息架构：
- 信息架构关注如何将产品内容和功能进行组织和分类，以便用户能够快速找到所需信息。
- 一个好的信息架构应该简单易懂、清晰明了，同时考虑用户的需求和心理，提升可用性和用户体验。
交互设计原则：
- 交互设计原则是指在设计过程中需要遵循的基本规则和准则。
- 这些原则包括可用性、可理解性、可预测性、可快速性、一致性、反馈性、可控性等。
- 遵循这些原则有助于确保设计质量和用户体验。
界面设计：
- 界面设计是交互设计的核心内容之一，涉及界面的布局、颜色、字体、图标、按钮等元素的设计和排布。
- 界面设计需要充分考虑用户需求和心理，减少用户的操作和思考成本，提高用户满意度。
- 同时，界面设计还需要考虑品牌色彩、风格和美感，以呈现对品牌价值的呼应和界面的高端感。
交互细节：
- 交互细节是指在交互设计中的各种细节和小技巧，如鼠标移上去的动画效果、点击后的反馈效果、操作提示的设计等。
- 这些细节虽然看似微小，但对于提升用户体验和增强产品吸引力具有重要作用。
设计方法论：
- 交互设计还涉及一系列设计方法论，如需求挖掘理论、需求分级理论（如通用四象限法、KANO模型、马斯洛需求层次理论）、产品框架设计理论（如用户体验五要素）等。
- 这些方法论为设计师提供了系统化的思考和解决问题的方法，有助于他们更加高效和准确地完成设计工作。