产品设计 - 尼尔森交互设计原则

news2024/12/22 23:34:07

文章目录

    • 前言
    • 1. 状态可见原则
      • 1.1 理论介绍
      • 1.2 实践应用
    • 2. 环境贴切原则
      • 2.1 理论介绍
      • 2.2 实践应用
    • 3. 用户可控原则
      • 3.1 理论介绍
      • 3.2 实践应用
    • 4. 一致性原则
      • 4.1 理论介绍
      • 4.2 实践应用
    • 5. 易用原则
      • 5.1 理论介绍
      • 5.2 实践应用
    • 6. 灵活高效原则
      • 6.1 理论介绍
      • 6.2 实际应用
    • 7. 优美简洁原则
      • 7.1 理论介绍
      • 7.2 实际应用
    • 8. 容错原则
      • 8.1 理论介绍
      • 8.2 实际应用
    • 9. 人性化帮助原则
      • 9.1 理论介绍
      • 9.2 实际应用

前言

最近学习了《尼尔森交互设计原则》发现经常使用的 APP 甚至是游戏,也都随处可见这套设计理论的影子。与 交互设计七大定律 相同,在产品设计的过程中,设计者有意识地去遵守这些经过科学和实践验证的原则,可以有效地改善产品的用户体验。

PS:本文为笔记记录。原书:产品经理方法论

1. 状态可见原则

1.1 理论介绍

状态可见原则要求产品应该让用户时刻清楚当前发生的事情,即让用户对产品过去、现在、未来的状态有所了解。一般的方法是在合适的时间给用户适当的反馈,防止用户在使用时出现迷茫和错误。

1.2 实践应用

比如 iPhone 端微信,在顶部如果显示 “微信” 表示连接正常,如果显示 “微信(未连接)” 表示连接异常。如果显示 “收取中” 表示正在建立连接。类似的设计还有下拉刷新提示信息等。

在这里插入图片描述

2. 环境贴切原则

2.1 理论介绍

环境贴切原则要求产品应该使用用户熟悉的语言、文字、语句或者用户熟悉的概念。产品中的信息应该尽量贴近真实环境,让信息更易懂,在逻辑上更容易被用户理解

2.2 实践应用

例如,电脑端的计算器功能 UI 的仿真设计,该界面与我们现实中使用的计算器的样式差不多,这样的设计模仿了现实世界真实计算器的样式,能让用户很快上手,给用户使用带来便捷,因为在现实生活中用户已经很熟悉计算器的使用方法了。

请添加图片描述

3. 用户可控原则

3.1 理论介绍

用户可控原则要求在产品设计的过程中,用户所有操作所造成的结果都是可控的。在使用产品的过程中,用户经常会出现一些误操作,例如,不小心删除了重要的数据,或者忘记密码等。在设计产品的时候要充分考虑这样的场景,并设计 “可控” 方案。

3.2 实践应用

微信 “拍一拍” 的功能大家都使用过吧,刚出来的使用,网上有很多人吐槽,一不小心 “拍” 到别人会很尴尬。只要长按拍的内容,可以撤回刚才的 “拍一拍” ,避免误拍尴尬。这就是用户可控原则的体现。
在这里插入图片描述

4. 一致性原则

4.1 理论介绍

一致性原则要求产品设计要具备一致性。对于用户来说,同样的文字、状态、按钮应该触发相同的事情,遵从统一的设计规范。产品的一致性包括 结构一致性、色彩一致性、操作一致性、反馈一致性、文字一致性。

4.2 实践应用

  1. 色彩一致性
    这里 “色彩一致性” 产品所使用的主要色调应该是统一的,而不是每一个页面的颜色都不同。在很多网站都有体现,就比如 CSDN 网站的按钮,都是红色。

    请添加图片描述

  2. 结构一致性
    在产品设计的过程中,要保持结构的一致性,尽可能地复用已经存在的结构。结构的复用会降低用户的学习和思考成本,而过多的新结构会增加用户的学习和思考成本。

  3. 操作一致性
    在产品设计的过程中,保持操作的一致性能让用户在新版产品中保持对原产品的认知,降低用户的学习成本。

  4. 反馈一致性
    用户在操作按钮或者选择条目的时候,反馈效果应该是一致的。

  5. 文字一致性
    文字一致性要求在产品设计过程中,呈现给用户阅读的文字的大小、样式、颜色、布局等都应该是一致的。

5. 易用原则

5.1 理论介绍

用原则要求在产品设计时考虑到用户的认知和学习成本,尽量做到简洁易用,即使在复杂度无法降低的情况下,也要在各个环节提示用户该如何操作,不要让用户进行过多的回忆和思考。

5.2 实践应用

比如,各游戏的新手教学,或者是刚注册的应用 APP 都会一步一步的提示你。

6. 灵活高效原则

6.1 理论介绍

灵活高效原则要求产品的设计同时满足有经验和无经验的用户的使用需求,有适合所有用户的普通模式,也可以让一些用户根据自己的习惯和偏好去自定义。

6.2 实际应用

比如,支付宝功能界面,应用默认是所有用户统一的,但允许用户根据自身喜好自定义,这种支持用户自定义常用功能的设计是灵活高效原则的体现。

7. 优美简洁原则

7.1 理论介绍

优美简约原则要求产品设计时,尽量剔除不相关的信息或几乎不需要的信息。任何不相关的信息都会让原本重要的信息更难被用户察觉

7.2 实际应用

简约美的风格符合大多数人的审美。

8. 容错原则

8.1 理论介绍

防错原则指的是在设计产品时,要考虑用户到可能发生的错误,通过产品的设计,尽可能地降低错误发生的概率。但是错误总是会发生的,而容错原则强调的是产品对错误的兼容性和承受能力。通常,要衡量一个产品设计是否遵守了容错原则,主要看这个产品是否存在一定程度的容错性。

容错性最初应用于计算机领域,指的是产品对错误操作的承受能力,它的存在能保证系统在故障发生的情况下不失效,仍然正常工作。产品容错性能使产品与人的交流或人与人借助产品的交流更加流畅和高效。

8.2 实际应用

用户在网易邮箱PC端注册邮箱时,如果输入出错,页面中不但会出现错误的提示,还会给出相应的建议,帮助用户进行正确的输入,这样就能避免用户出现更大的失误并且提高注册的效率。这是一种相当好的用户体验,也是容错原则的一种体现。
请添加图片描述

9. 人性化帮助原则

9.1 理论介绍

人性化帮助原则要求在产品设计时,应该给用户提供帮助入口,而且任何帮助信息在产品中都能方便地搜索到。

9.2 实际应用

比如一些大型游戏,注册游戏 ID 的时候,如果游戏名字已经重复了,会基于当前的游戏 ID 风格,进行智能分析,然后给出一个推荐的目前没人在用的游戏 ID。

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

opengl 学习(五)-----变换

变换 分类向量向量与标量运算向量取反向量加减向量相乘点乘叉乘 矩阵矩阵的加减矩阵的数乘矩阵相乘 矩阵与向量相乘单位矩阵缩放位移 旋转GLMdemo效果解析教程 分类 OpenGL C 向量 下面有一个解释的非常好的理解: 向量有一个方向(Direction)和大小(Magnitude,也叫…

网络编程(3/6)

使用C语言完成数据库的增删改 #include<myhead.h> int do_add(sqlite3 *ppDb) {int numb;char name[50];int salary;printf("请输入员工信息&#xff1a;工号、姓名、薪水\n");scanf("%d %s %d",&numb,name,&salary);char sql[128];char *e…

关于遗传力常见的误解

大家好&#xff0c;我是邓飞&#xff0c;今天看了一篇非常好的文章&#xff0c;介绍了遗传力相关概念和计算方法&#xff0c;里面提到了常见的误解&#xff0c;这里汇总一下。 文献链接&#xff1a;https://excellenceinbreeding.org/sites/default/files/manual/EiB-M2_Herit…

Ping工作原理

文章目录 目的ping网络协议 OSIICMP什么是ICMP作用功能报文类型查询报文类型差错报文类型ICMP 在 IPv4 和 IPv6 的封装ICMP 在 IPv4 协议中的封装ICMP 在 IPv6 协议中的封装ICMP 头部日常ping 排除步骤ping 查询报文使用code扩展目的 本文主要是梳理ping的工作原理- 揭开 ICMP…

FPGA AXI4总线操作教程

AXI&#xff08;Advanced Extensible Interface&#xff09;总线是一种高性能、低延迟的片上系统&#xff08;SoC&#xff09;接口标准&#xff0c;广泛应用于现代数字系统设计中。它允许不同的硬件组件以高效、可靠的方式进行数据传输和控制。本教程将介绍AXI总线的基本操作和…

C++面向对象..

1.面向对象的常见知识点 类、 对象、 成员变量(属性)、成员函数(方法)、 封装、继承、多态 2.类 在C中可以通过struct、class定义一个类 struct和class的区别&#xff1a; struct的默认权限是public(在C语言中struct内部是不可以定义函数的) 而class的默认权限是private(该权…

上位机图像处理和嵌入式模块部署(qmacvisual旋转和镜像)

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 旋转和镜像是图像处理中经常遇到的一个情况。很多时候&#xff0c;摄像头面对物体进行拍摄&#xff0c;未必是正对着进行拍摄的&#xff0c;这个时…

谷粒商城【成神路】-【10】——缓存

目录 &#x1f9c2;1.引入缓存的优势 &#x1f953;2.哪些数据适合放入缓存 &#x1f32d;3.使用redis作为缓存组件 &#x1f37f;4.redis存在的问题 &#x1f9c8;5.添加本地锁 &#x1f95e;6.添加分布式锁 &#x1f95a;7.整合redisson作为分布式锁 &#x1f697…

JavaScript实现通过键盘弹钢琴的效果

本片文章通过触发键盘事件来触发对应的音乐&#xff0c;而且给页面添加了渐变的active类名&#xff0c;通过触发不同的鼠标事件&#xff0c;然后active类移动来实现按下钢琴键的视觉效果。 关键代码&#xff1a; <!DOCTYPE html> <html lang"en"><h…

提示并输入一个字符串,统计该字符中大写、小写字母个数、数字个数、空格个数以及其他字符个数要求使用C++风格字符串完成

#include <iostream> #include <array> using namespace std;int main() {cout<<"请输入一个字符串"<<endl;//array<string,100> str;string str;getline(cin,str);int daxie0,xiaoxie0,num0,space0,other0;int lenstr.size();;for(in…

Java随手记

equals和的区别 使用基本数据类型&#xff08;char&#xff0c;int&#xff0c;long等&#xff09;的时候&#xff0c;比较的是它们的值 使用引用数据类型的时候&#xff0c;比较的是地址 equals如果不重写&#xff0c;那么和 是没差别的 下面来看String的比较&#xff0c;这…

Spring Security自定义认证授权过滤器

自定义认证授权过滤器 自定义认证授权过滤器1、SpringSecurity内置认证流程2、自定义Security认证过滤器2.1 自定义认证过滤器2.2 定义获取用户详情服务bean2.3 定义SecurityConfig类2.4 自定义认证流程测试 3、 基于JWT实现无状态认证3.1 认证成功响应JWT实现3.2 SpringSecuri…

Kafka MQ 生产者和消费者

Kafka MQ 生产者和消费者 Kafka 的客户端就是 Kafka 系统的用户&#xff0c;它们被分为两种基本类型:生产者和消费者。除 此之外&#xff0c;还有其他高级客户端 API——用于数据集成的 Kafka Connect API 和用于流式处理 的 Kafka Streams。这些高级客户端 API 使用生产者和消…

如何保证消息的可靠传输

数据的丢失问题&#xff0c;可能出现在生产者、MQ、消费者中 生产者丢失&#xff1a; 生产者将数据发送到 RabbitMQ 的时候&#xff0c;可能数据就在半路给搞丢了&#xff0c;因为网络问题啥的&#xff0c;都有可能。此时可以选择用 RabbitMQ 提供的事务功能&#xff0c;就是生…

脚手架cli快速创建Vue2/Vue3项目

前言&#xff1a; 本文的nodejs版本是14.21.3 第一步 进入cmd窗口 1、全局安装webpack npm install webpack-g&#xff0c; npm install webpack-g 第二步 2、全局安装vue脚手架 npm install -g vue/cli 第三步 3、初始化vue项目 &#xff08;vue脚手架使用webpack模…

资料下载-嵌入式 Linux 入门

学习的第一步是去下载资料。 1. 有哪些资料 所有资料分 4 类&#xff1a; ① 开发板配套资料(原理图、虚拟机的映像文件、烧写工具等)&#xff0c;放在百度网盘 ② 录制视频过程中编写的文档、源码、图片&#xff0c;放在 GIT 仓库 ③ u-boot、linux 内核、buildroot 等比较大…

STM32CubeMX学习笔记18——FSMC(TFT-LCD屏触摸)

1.触摸屏简介 目前最常用的触摸屏有两种&#xff1a;电阻式触摸屏和电容式触摸屏 1.1 电阻式触摸屏 电阻式的触摸屏结构如下图示&#xff0c;它主要由表面硬涂层、两个ITO层、间隔点以及玻璃底层构成&#xff0c;这些结构层都是透明的&#xff0c;整个触摸屏覆盖在液晶面板上…

45、C++/基础练习20240311

一、提示并输入一个字符串&#xff0c;统计该字符中大写、小写字母个数、数字个数、空格个数以及其他字符个数 要求 使用C风格字符串完成。 代码&#xff1a; #include <iostream>using namespace std;int main() {string buf;//定义字符串类型变量bufcout << &…

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Stack容器组件

鸿蒙&#xff08;HarmonyOS&#xff09;项目方舟框架&#xff08;ArkUI&#xff09;之Stack容器组件 一、操作环境 操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1 二、Stack容器组件 堆叠容器&#xff0c;子组件按照顺序依次入栈&#xff0c;后一…

软件测试需要学什么?学多久?软件测试技术进阶路线图

很多新手&#xff0c;不知道软件测试学习该如何开始&#xff0c;软件测试需要掌握哪些知识。下面是根据本人的理解&#xff0c;粗略整理的一个学习大纲&#xff0c;基本上涵盖了软件测试工程师需要掌握的全部技能&#xff0c;希望对刚入行或者准备学习测试的朋友提供一点指引。…