64.网页设计规则#8_用户体验设计(UX)

news/2024/11/29 19:52:37/

什么是用户体验(UX)?

“Design is not just what it looks like and feels like. Design is how it works” ——Steve Jobs
“设计不仅仅是外观和体验。设计更重要的是其工作原理。”——史蒂夫·乔布斯

UI 和 UX设计

● UI 是图形界面:UI 设计使界面更加美观。
● UX 是与界面交互的体验:UX 设计使界面更加实用和功能性。
注意:UI设计和UX设计密不可分,UX设计建立在UI设计的基础之上

UI设计的指导原则:目标

● 一个网站或应用程序存在的目的:用户访问它有一个目标,创建它的企业也有一个目标。
简单的来说,用户的目标就是快速的找到自己想要的东西(例如信息,产品等),而企业的目标就是如何最大化收入
在这里插入图片描述

例如:
在这里插入图片描述

在产品定价表中高亮某个选项 :

  1. 帮助用户更快决定最佳选择。
  2. 帮助企业最大化收益。

UX可用性规则

  1. 不要设计复杂的布局。不要重新发明轮子。使用用户熟知的模式。
    在这里插入图片描述

  2. 使您的呼吁采取行动成为最突出的要素,并使文本描述性强。
    在这里插入图片描述

  3. 仅仅用于链接的时候才有蓝色+下划线文本!
    在这里插入图片描述

  4. 动画应具有目的并且速度要快:在200到500毫秒之间。

  5. 在表单中,将标签和字段排在一条垂直线上,以使表单更易于扫描。
    在这里插入图片描述

  6. 除此之外,你应该为所有操作提供一个良好的反馈,例如表单错误、成功、等等
    在这里插入图片描述

  7. 将操作按钮放在将产生效果的位置(局部性定律)[web应用]
    在这里插入图片描述

网站内容的UX规则

  1. 在您的主页上使用描述性的,以关键词为重点的标题。不要模棱两可或者花哨!
  2. 只包括相关信息,高效地!剔除冗长的描述,使内容100%清晰。
  3. 使用简单的词汇!避免技术术语和"听起来很聪明"的词汇。
    11.用子标题、图片、块报价、项目符号等分割长文本。

http://www.ppmy.cn/news/62734.html

相关文章

git的学习

文章目录 一、Git 的简介二、Git 工作流程三、Git 工作区、暂存区和版本库总结 一、Git 的简介 Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。 Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软…

动态页面配置

动态页面配置 1.思路2.实现步骤2.1 获取所有数据库2.2 获取指定数据库所有表数据2.3 获取指定数据库表数据2.4 保存勾选的字段信息2.4.1 建表2.4.2 保存2.4.3 根据页面标识获取表头数据2.4.4 根据页面标识获取分页数据 3.完整仓储层和服务层代码 1.思路 通过获取到数据库表的所…

DJ5-3/4 中断处理程序和设备驱动程序

目录 5.3 中断机构和中断处理程序 5.3.1 中断简介 5.3.2 中断处理程序 5.4 设备驱动程序 5.4.1 设备驱动程序概述 5.4.2 设备驱动程序的处理过程 5.4.3 对 I/O 设备的控制方式 5.3 中断机构和中断处理程序 5.3.1 中断简介 1、中断和陷入 -- CPU 外部事件和内…

Flink创建Hudi的Sink动态表

工厂类 HoodieTableFactory 提供的创建动态表接口 createDynamicTableSource 和 createDynamicTableSink,对应的源码文件为:https://github.com/apache/hudi/blob/master/hudi-flink-datasource/hudi-flink/src/main/java/org/apache/hudi/table/HoodieT…

家里网速越来越慢?路由器附近千万别放这几样东西

我们在日常生活中常常会使用到WiFi,当遇到网络卡顿、网速缓慢时往往感到疑惑,是不是自己的WiFi速度不够?其实除了无线路由器、终端等自身产品质量问题,还有许多外在因素。 在网络本身没有问题的情况下WiFi卡顿或不稳定&#xff0…

Spring Security 6.x 系列【35】认证篇之基于JWT的集成方案

有道无术,术尚可求,有术无道,止于术。 本系列Spring Boot 版本 3.0.4 本系列Spring Security 版本 6.0.2 源码地址:https://gitee.com/pearl-organization/study-spring-security-demo 文章目录 1. 前言2. 方案2.1 Cookie Session2.2 Token2.3 JWT3. 案例演示3.1 登录成功…

rk3568 修改开机动画

rk3568 修改开机动画 bootanimation.zip是一个Android设备启动时播放的动画文件,它包含了一系列的图片和描述文件,用于描述动画的播放顺序和持续时间。 文章目录 rk3568 修改开机动画1. 开机动画(bootanimation.zip)构成1.1 资源文件夹1.2 描述文件--de…

Haoop集群的搭建(小白教学)

搭建hadoop集群我们必须拥有自己的虚拟机,下列我会给大家奉上超详细的集群搭建以及我在搭建的时候碰到的问题以及对应解决办法,正所谓自己走过的错路是曲折的,也是防止大家做弯路,不仅浪费时间还心态爆炸,下面带走入ha…