当前位置: 首页 > article >正文

用户界面禁忌——基础原则

文章目录

      • 基本原则1:关注用户及其任务,而不是技术
      • 基本原则2:首先考虑功能,然后才是表示
      • 基本原则3:与用户对任务的看法保持一致
      • 基本原则4:设计要符合常见情况
      • 基本原则5:不要分散用户对他们目标的注意力
      • 基本原则6:促进学习
      • 基本原则7:传递信息,而不仅仅是数据
      • 基本原则8:设计应满足响应需求
      • 基本原则9:通过用户试用发现错误,然后修复它

基本原则1:关注用户及其任务,而不是技术

  • 核心要点:设计应始终以用户为中心,关注用户的需求、目标和任务,而不是单纯追求技术的实现。
  • 具体做法
    • 明确目标用户群体,了解他们的特点、技能、动机和工作方式。
    • 通过业务决策、经验调查和与用户协作,深入了解用户的需求和任务。
    • 创建用户配置文件和人物角色,帮助设计团队更好地理解用户。

基本原则2:首先考虑功能,然后才是表示

  • 核心要点:在设计过程中,应先明确软件的功能和概念模型,再考虑用户界面的具体表示。
  • 具体做法
    • 在设计用户界面之前,完整定义软件的概念、功能和对象/操作分析。
    • 开发概念模型,将抽象的概念转化为具体的用户界面设计。
    • 避免一开始就陷入用户界面的外观设计,确保功能满足用户需求。

基本原则3:与用户对任务的看法保持一致

  • 核心要点:用户界面应从用户的角度设计,符合用户对任务的自然理解和操作习惯。
  • 具体做法
    • 通过任务分析,了解用户在执行任务时的自然行为和操作方式。
    • 使用用户的词汇和术语,避免计算机行话。
    • 隐藏软件内部的实现细节,让用户专注于任务本身。
    • 找到功能与复杂度之间的平衡,避免给用户带来不必要的负担。

基本原则4:设计要符合常见情况

  • 核心要点:设计应优化常用任务的用户体验,同时兼顾不常见任务的需求。
  • 具体做法
    • 识别用户最常执行的任务,并优化其操作流程。
    • 使用恰当的默认值、模板、向导和可定制性等技术,简化常见任务的操作。
    • 根据功能的使用频率和用户数量,设计不同的用户界面特点。

基本原则5:不要分散用户对他们目标的注意力

  • 核心要点:软件应让用户专注于自己的目标,避免引入额外的问题或需要用户通过排除法来推理。
  • 具体做法
    • 避免让用户解决与目标无关的计算机技术问题。
    • 确保用户界面的控件、命令和设置功能清晰明确,避免用户猜测软件的工作方式。

基本原则6:促进学习

  • 核心要点:用户界面应设计得易于学习,帮助用户快速掌握软件的使用方法。
  • 具体做法
    • 从用户的角度思考,确保用户界面对于不了解设计人员意图的用户也有意义。
    • 保持用户界面的一致性,帮助用户快速形成使用习惯。
    • 提供一个低风险的环境,允许用户犯错并容易纠正错误,从而促进学习。

基本原则7:传递信息,而不仅仅是数据

  • 核心要点:软件应帮助用户从大量数据中提取有用的信息,而不是简单地展示数据。
  • 具体做法
    • 认真设计屏幕显示,突出重要信息,便于用户浏览和理解。
    • 匹配显示介质的特性,避免超出其局限性。
    • 关注细节,确保用户界面设计的专业性和易用性。

基本原则8:设计应满足响应需求

  • 核心要点:交互式软件应具备良好的响应性,及时对用户操作做出反馈,满足用户的时间需求。
  • 具体做法
    • 提供即时反馈,让用户知道系统何时忙碌、何时空闲。
    • 允许用户在等待期间执行其他操作,放弃冗长操作,并判断操作所需时间。
    • 优化设计以提高响应性,避免响应性差的问题影响用户满意度和效率。

基本原则9:通过用户试用发现错误,然后修复它

  • 核心要点:通过易用性测试,发现并修复用户界面中的问题,确保设计对用户真正有用。
  • 具体做法
    • 在开发的不同阶段进行易用性测试,包括非正式、准正式和正式的测试方法。
    • 让开发人员观看测试过程,增强他们对易用性问题的认识和改进意愿。
    • 为纠正测试中发现的问题安排时间,确保测试结果能够真正用于改进产品。

相关文章:

用户界面禁忌——基础原则

文章目录 基本原则1:关注用户及其任务,而不是技术基本原则2:首先考虑功能,然后才是表示基本原则3:与用户对任务的看法保持一致基本原则4:设计要符合常见情况基本原则5:不要分散用户对他们目标的…...

电脑开机后出现bootmgr is conmpressed原因及解决方法

最近有网友问我为什么我电脑开机后出现BOOTMGR is compressed,这个提示意思是:意思是启动管理器被压缩了,即使重启也无法正常进入系统。原因有很多,大部分是引导出现问题,或选错了启动硬盘所导致的,下面我们来详细分析…...

vite配置一个css插件

vite.config.js的plugins执行函数 该例子只是替换一些css,具体内容不重要,主要看形参的运用 // vite-plugin-css.js export default function cssPlugin() {return {name: vite-plugin-css-post, // 插件的名字,Vite 插件必须有名字enforce: post, // 设定插件执…...

React+Taro 微信小程序做一个页面,背景图需贴手机屏幕最上边覆盖展示

话不多说 直接上图 第一步 import { getSystemInfoSync } from tarojs/taro;第二步 render() {const cardBanner getImageUrlByGlobal(member-merge-bg.png);const { safeArea, statusBarHeight } getSystemInfoSync();const NAV_BAR_HEIGHT 44;const navBarHeight NAV…...

Spring框架学习day4--Spring集成Mybatis(IOC)

Spring集成Mybatis1.添加jar包(pom.xml)2.配置sqlSessionFactiory(spring.xml)3.再service类中注入Dao代理接口4.测试类5文件结构 Spring集成Mybatis Spring集成Mybatis其核心是将SqlSessionFactory交由Spring管理,并由 Spring管理…...

太阳系运行模拟程序-html动画

太阳系运行模拟程序-html动画 by AI: <!DOCTYPE html> <html lang"zh"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>交互式太阳系…...

【C++ Qt】容器类(GroupBox、TabWidget)内附思维导图 通俗易懂

每日激励&#xff1a;“不设限和自我肯定的心态&#xff1a;I can do all things。 — Stephen Curry” ✍️绪论​&#xff1a; 本章主要介绍了 Qt 中 QGroupBox 与 QTabWidget 控件。QGroupBox 是带标题的分组框&#xff0c;能容纳其他控件&#xff0c;有标题、对齐方式、是否…...

SOC-ESP32S3部分:18-串口

飞书文档https://x509p6c8to.feishu.cn/wiki/NqrMw6X8Si6sSqkyPbxcFRxGnid UART全称是通用异步接收器/发送器&#xff0c;ESP32-S3 芯片有 3 个 UART 控制器。每个 UART 控制器可以独立配置波特率、数据位长度、位顺序、停止位位数、奇偶校验位等参数。 串口文档参考&#xf…...

CSS 样式表的四种应用方式及css注释的应用小结

CSS样式表的四种应用方式及注释应用小结 一、样式表应用方式 内联样式&#xff08;行内样式&#xff09; <div style"color: #ff0000; font-size: 16px;">示例文本</div>特点&#xff1a;直接写在HTML标签的style属性中优先级&#xff1a;最高&#xff…...

五、web安全--XSS漏洞(2)--XSS相关payload

XSS 主要是针对网页客户端的一种攻击&#xff0c;那么就要执行 JavaScript 代码&#xff0c;那么无疑需要用到 JavaScript 语言以及在 HTML 中可以解析 JavaScript 代码的标签。 1、标签类 &#xff08;1&#xff09;script <script></script>标签是最直接的 xS…...

AI架构师的新工具箱:ChatGPT、Copilot、AutoML、模型服务平台

AI架构师不仅要懂架构、懂AI服务,还需要具备使用AI工具提升工作效率的能力。新一代AI工具已经成为架构师不可或缺的“工具箱”,帮助他们更高效地进行设计、部署、编码与优化。 以下介绍几类代表性工具,并说明它们在实际架构工作中的应用场景。 一、ChatGPT:生成架构设计文…...

关于智能体接入后端,在Apifox能够传参数给智能体的测试

from flask import Flask, request, jsonify, render_template import requests import json # 用于解析嵌套的 JSON 字符串app Flask(__name__)COZE_BOT_ID 7508736911423963162 COZE_API_KEY pat_cHXqrFzcvtktfmmlp4pjF3O2qmjioQW46uU8UNbUugyvSlFZclklpunc53DbR8ws COZE…...

有铜半孔工艺的制造难点与工艺优化

技术难点剖析 有铜半孔工艺在制造过程中面临多重挑战&#xff0c;主要集中在材料加工精度、孔壁完整性及良率控制三个方面&#xff1a; 铜层翘起与毛刺残留 半孔成型时&#xff0c;铣刀高速切割可能导致孔壁铜层被拉扯&#xff0c;产生翘起或残留铜屑&#xff0c;影响导电性能…...

python分步合并处理excel数据

文章目录 概要整体架构流程技术名词解释技术细节小结概要 客户需求 1. 背景与目标 用户需要将三个包含农业实验数据的Excel表格(AK、AN、AP)合并为一个结构化数据集,用于后续分析。每个表格包含相同类型的字段(如对照组与PSB处理组的样本数、均值、标准差),但需通过字…...

MC0309魔法项链

思路&#xff1a; 以数位贡献的思路来写这题&#xff0c; 统计每一位上为 1 的个数&#xff1a; 对于第 k 位&#xff0c;统计有多少个数在这一位上为 1&#xff0c;记作 cnts[k] 枚举每个数&#xff0c;逐位分析它对整体的贡献&#xff08;即与其它数交互时的和&#xff09;…...

为 Ubuntu 安装的软件创建桌面图标

如何为 Ubuntu 安装的软件创建桌面图标&#xff08;.desktop 启动器&#xff09; 在 Ubuntu 或其他 Linux 发行版中&#xff0c;我们常常通过压缩包&#xff08;如 .tar.gz&#xff09;或官方二进制方式安装软件。这种安装方式虽然灵活方便&#xff0c;但默认并不会将软件添加…...

uni-app 中开发问题汇总

uni-app 中 echarts 中的点击事件失效&#xff1f; 在 main.js 中 设置 window.wx{}&#xff0c;这个方式&#xff0c;如果需要调 wx 中的方法会失效&#xff08;如果默认后续不会调 wx 中的方法推荐使用&#xff09; 降低版本&#xff0c;安装一个低版本的&#xff0c;比如&a…...

https下git拉取gitlab仓库源码

git init 创建仓库 参考下面创建公私秘钥对 注意不要以root用户身份创建公私钥&#xff0c;确保保存在/home/username GitLab配置ssh key - 阿豪聊干货 - 博客园 Your identification has been saved in /home/xxx/.ssh/id_ed25519 Your public key has been saved in /ho…...

距离计算范围查找距离排序

一 使用场景 目前基于某个位置查附近的人&#xff0c;附近的商家等等&#xff0c;查出来的结果添加距离&#xff0c;或者查附近多大范围内的人或者商家&#xff0c;然后按距离排序已经是IT界一个很通用的功能了。 二 距离计算搜索(百万点集以下) 2.1 球的定义 2.2 两点之…...

PS linux 基础篇1-AXI_DMA

系列文章目录 文章目录 系列文章目录前言一、AXI DMA ip核二、BD工程三、PS linux工程1.使用开源的xilinx_axidma-master工程验证驱动2.按照其他的开源进行就行&#xff0c;没什么写的了 前言 PL与PS之间快速的接口&#xff0c;本文为LOOP回环测试 一、AXI DMA ip核 MM2S mem…...

AI大模型学习三十、ubuntu安装comfyui,安装插件,修改返回405 bug,值得一看喔

一、说明 ComfyUI是一个开源的、基于节点的Web应用。它允许用户根据一系列文本提示&#xff08;Prompt&#xff09;生成图像。 ComfyUI使用扩散模型作为基础模型&#xff0c;并结合 ControlNet、Lora和LCM低阶自适应等模型&#xff0c;每个工具都由程序中的一个节点表示 二、开…...

11高可用与容错

一、Broker 高可用架构设计 1.1 RabbitMQ 镜像集群方案 集群搭建步骤 # 节点1初始化 rabbitmq-server -detached rabbitmq-plugins enable rabbitmq_management# 节点2加入集群 rabbitmqctl stop_app rabbitmqctl join_cluster rabbitnode1 rabbitmqctl start_app# 创建镜像…...

百度之星2024 初赛第一场 补给

百度之星2024 初赛第一场 补给 题干描述问题分析&#xff1a;C代码Java代码&#xff1a;Python代码补充说明&#xff1a; 题干描述 参考自马蹄集OJ&#xff0c;原文链接1 可怕的战争发生了&#xff0c;小度作为后勤保障工作人员&#xff0c;也要为了保卫国家而努力。 现在有 …...

Collection集合遍历的三种方法

1.foreach循环遍历 格式&#xff1a;for&#xff08;元素的数据类型 变量名&#xff1a;数组或集合&#xff09;{ } 2.使用迭代器遍历 方法名称&#xff1a;Iterator<E> iterator&#xff08;&#xff09; 说明&#xff1a;返回集合中的迭代器对象&#xff0c;该迭代…...

Taro on Harmony C-API 版本正式开源

Taro 是由京东发起并维护的开放式跨端跨框架解决方案&#xff0c;支持以 Web 的开发范式来实现小程序、H5、原生 APP 的跨端统一开发&#xff0c;从 18 年开源至今&#xff0c;在 GitHub 已累计获得 36,000 Stars。 Taro x 纯血鸿蒙 在过去的一年中&#xff0c;Taro 经历了显…...

知识隔离的视觉-语言-动作模型:训练更快、运行更快、泛化更好

25年5月来自PI的论文“Knowledge Insulating Vision-Language-Action Models: Train Fast, Run Fast, Generalize Better”。 视觉-语言-动作 (VLA) 模型通过将端到端学习与来自网络规模视觉-语言模型 (VLM) 训练的语义知识迁移相结合&#xff0c;为机器人等物理系统训练控制策…...

[ARM][架构] 02.AArch32 程序状态

目录 参考资料 1.程序状态 - PSTATE 2.用户模式的 PSTATE 信息 2.1.状态标志 2.2.溢出/饱和标志 2.3.大于等于标志 2.4.指令集状态 2.5.IT 块状态 2.6.端序控制 2.7.指令执行时间控制 3.用户模式访问 PSTATE - APSR 寄存器 4.系统模式的 PSTATE 信息 4.1.状态标志…...

Dockerfile正确写法之现代容器化构建的最佳实践

前言 在容器化的世界里,Dockerfile是构建镜像的核心,但你真的确定自己写的Dockerfile是最佳实践吗?根据我多年的容器化经验,大多数开发者编写的Dockerfile存在效率低下、安全隐患和维护困难等问题。本文将分享现代容器化环境中Dockerfile的正确编写方式,帮助你构建更高效…...

React---day4

3、React脚手架 生成的脚手架的目录结构 什么是PWA PWA全称Progressive Web App&#xff0c;即渐进式WEB应用&#xff1b;一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用&#xff1b;随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线…...

ArkUI(方舟UI框架)介绍

ArkUI&#xff08;方舟UI框架&#xff09;介绍 构建快速入门 使用ArkWeb构建页面...