浅谈Web用户体验(二)

2023-10-29

在所有网页或浏览器的GUI中我最喜欢的是google的用户体验效果,平时我们只把它作为搜索工具,从没仔细欣赏过它的设计细节。有篇博客对google的用户体验总结的非常好——google的设计一向以简单著称,让页面清爽优雅地呈现,一方面减少页面加载的时间,减少用户等待,另外减少用户浏览页面时的分心。其实,设计师并不是投机取巧,而是最求灵敏、细致、轻便的用户体验效果风格。Google一直在挑战如何更轻,更快,更人性化的防盲突破。下面举例google体现这方面的几个突出细节:

图形化的导航效果

  社交网络信息复杂,因此导航的引导显得尤为重要。Google导航设计的非常简单,只有鼠标点   上去才会显示tab的注释。虽然这对新手有一定难度,但是我们深深感受到简洁的力量,图形化导       航让整栏显得干净整洁,功能集中方便。纵观国内各大主流社交网的导航,导航大多采用的是文       字,虽然从功能上看一目了然,但是不够简洁,排版比较困难,此时只好按功能的优先级来考虑       页面排版。

使用灰色按钮

 经常做网站页面设计的人都知道按钮灰色事道标按钮被禁用,是不可点击的。然而google却大胆丢  弃这种思维,选用灰色按钮作为启用,其实这样做更加平衡了页面颜色效果,避免了页面颜色杂        乱。当人们点击是出现彩色效果,增强用户点击按钮的欲望。从图标的发展趋势来看,无论颜色还      是形态上都要朝着简洁的趋势发展,纯色的图标用起来会显得更上流、高端。

鼠标所到之处均有反馈

 网页上的大多数元素,在鼠标点过之后都应该有反馈。无论是结合一些简单的功能操做,还是利用  注释来显示。设计师在设计静态网页时很容易忽略这一点,但这正是体现一个产品具有良好交互        性体现的关键时刻。


转载于:https://blog.51cto.com/hddev/1254291

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

浅谈Web用户体验(二) 的相关文章

  • ubuntu下protobuf安装使用(详解)

    1 安装 1 1安装前的环境 以下几个库都有安装 sudo apt get install autoconf automake libtool curl make g unzip 1 2安装 注意 以下命令在超级用户下执行 sudo apt
  • 机器学习(Machine Learning)&深度学习(Deep Learning)资料

    机器学习 Machine Learning 深度学习 Deep Learning 资料 Chapter 1 注 机器学习资料 篇目一 https github com ty4z2008 Qix blob master dl md 共500条
  • linux中主线程退出后子线程的状态

    1 运行如下代码 即是简单创建一个子线程 主线程直接结束 然后在子线程中每间隔一秒就打印一个HELLO 利用ps ef查看进程状态 发现没有主线程和子线程都不在 即是主线程退出后子线程也会退出 2 运行如下代码 增加利用pthread ex
  • js动态添加与删除ul中的li

    方法一 createElement li 方式方法二 innerHTML方式方法一实例 参考 http zhidao baidu com question 175951279 html
  • 2021-02-05

    一个 C 转 GO 的程序员的自白 GO 一个文件下载过滤需求 var file been found lock sync Mutex var file been found map string int make map string i
  • 我的 PhpStorm 设置

    可能因为 PhpStorm 版本不同的原因 你找不到如下设置的地点 此时可以在设置界面搜索设置项的关键字 软件字体 进入设置 Settings gt Appearance Behavior gt Appearance 勾选Override
  • 华为OD机试真题 Java 实现【报数游戏】【2022Q4 100分】

    一 题目描述 100个人围成一圈 每个人有一个编码 编号从1开始到100 他们从1开始依次报数 报到为M的人自动退出圈圈 然后下一个人接着从1开始报数 直到剩余的人数小于M 请问最后剩余的人在原先的编号为多少 二 输入描述 输入一个整数参数
  • SQL基本的表修改及其它命令

    对于已经建好的表 有时可能因为业务的变动或者设计时考虑的不周全而需要进行列的调整 包 括增加一个新的列 修改一个列 为列定义一个缺省值 删除一个列等 对应语句语法分别如下 ALTER TABLE table ADD column datat
  • pytorch中一维卷积conv1d,参数含义,为何转置

    pytorch中一维卷积conv1d 参数含义 为何转置 在Pytorch中 一维卷积是一种非常常用的运算 但是对于刚刚入门的新手 了解此函数的用法仍是一个比较费力的挑战 本文简单介绍一下此函数的常用参数的意义以及此函数的用法 链接 cov
  • Node.js 利用高阶函数 ( 柯里化 ) 并发写入流、读取流(Stream)

    首先 介绍Stream实例对象的方法 data 读数据时触发 end 数据读取完毕时触发 error 在接收和写入过程中发生错误时触发 finish 所有数据已被写入到底层系统时触发 今天 我们利用node对stream对象的支持 利用高阶
  • 在Windows下使用Anaconda安装TesnsorFlow 2.x

    作者 弗拉德 来源 弗拉德 公众号 fulade me 下载 Anaconda 首先打开Anaconda官网找到网页底部 由于最新的Anaconda支持Python3 8版本 而TesnorFlow最高支持到Python3 7 我特意查了一
  • java.lang.IllegalStateException: Failed to load ApplicationContext

    问题描述 mvn clean install的时候报的如下异常 紧接着又往下翻了一下日志还有一个这个错误 按正常来说通过 可以取pom当中的properties标签的值呀 但是可以发现编译过后的application当中的值并没有被替换 解
  • 2022年最新版黑马程序员Java学习路线

    工欲善其事 必先利其器 自学Java的同学 必备的自学五部曲 学习路线图 学习教程 工具 书籍 面试 一 Java学习路线图 学习路线图说明 二 学习教程推荐 阶段一Java基础 具备Java语言编程基础和IO 多线程 网络编程等开发能力
  • Zstack 挂载云盘,在Windows下面看不到解决方法

    原因 在使用 Zstack 私有云时 创建 WinServer2019 时 想添加一块数据云盘 但是添加好后 进入系统看不到硬盘 主要是因为添加的云盘驱动是 virtio 格式 所以要安装相关驱动 1 查看挂载的云盘 root zstack
  • 【避坑】minio临时凭证STS实现上传,下载

    一 背景 以minio作为图床 采用用户到minio服务器的点对点使用方式 将上传用户的长期凭证放在客户端 app或者web端 带来极大的风险 通常通过临时凭证STS签名的方式实现 简单的逻辑关系图如下 二 minio服务docker安装
  • Android仿小米商城底部导航栏之二(BottomNavigationBar、ViewPager和Fragment的联动使用)

    简介 在前文 Android仿小米商城底部导航栏 基于BottomNavigationBar 我们使用BottomNavigationBar控件模仿实现了小米商城底部导航栏效果 接下来更进一步的 我们将通过BottomNavigationB
  • Python之爬虫总结

    一 爬虫之requests a 介绍 使用requests可以模拟浏览器的请求 比起之前用到的urllib requests模块的api更加便捷 本质就是封装了urllib3 b 注意 requests发送请求是将网页内容下载来以后 并不会
  • CRMEB Pro版多店版v2.5更新分享

    CRMEB Pro版 v2 4正式发布啦 Pro版系统性能再度提升 并发量可达3w 另外 新增商品设置 积分 金额兑换 订单管理 营销风格 活动背景 活动边框 应用配置引导弹窗等众多新功能 系统升级 1 性能提升 Pro版系统性能再度提升
  • hbase小版本升级

    备份原版本 cd opt hbase cp pr bin bin bak cp pr lib lib bak cp pr hbase webapps hbase webapps bak 停止hbase opt hbase bin stop
  • 前端报403错误的可能原因

    1 跨域问题 2 请求服务器路径问题

随机推荐

  • Java 单元测试_JUnit 框架

    1 单元测试简介 单元测试就是针对最小的功能单元编写测试代码 Java程序最小的功能单元是方法 因此 对Java程序进行单元测试就是针对单个Java方法的测试 1 1 JUnit JUnit 是一套测试框架 JUnit是一个开源的Java语
  • UE4_蓝图室内功能交互

    玩家角色移动 玩家旋转 点击开关门效果 方式二 优化完整版开关门效果 点击开关灯效果 键盘开关灯效果及更改颜色 进入区域开关灯效果 电视播放视频 效果一 单击鼠标播放电视视频 创建MediaPlayer的方法 播放效果3 完整版 窗帘打开和
  • java中文转unicode码

    http open weibo com wiki index php Location get addr转载地址 http www iteye com topic 471901 http blog csdn net zhengjianqi
  • Ubuntu20.0.0安装docker容器

    一 Docker介绍 Docker 是一个开源的应用容器引擎 基于 Go 语言 并遵从 Apache2 0 协议开源 Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级 可移植的容器中 然后发布到任何流行的 Linux 机器上
  • 用友出纳通服务器修改系统日期,用友T3软件出纳通里面如何修改账户的建账日...

    用友T3软件出纳通里面如何修改账户的建账日以下文字资料是由 历史新知网www lishixinzhi com 小编为大家搜集整理后发布的内容 让我们赶快一起来看一下吧 用友T3软件出纳通里面如何修改账户的建账日 启用之后就无法修改了 除非你
  • 大众点评数据

    数据名称 大众点评POI数据 数据年份 2022最新版 数据量 4000w 数据范围 全国范围 数据变量 id 店铺id 店铺名称 店铺位置 店铺区县 店铺商圈 小类 大类 城市id 城市名 是否外卖 均价 人气 分数 星级 状态 电话 位
  • CMake + VTK

    编译VTK本身没有太多的坑 我使用的是VS2015 x64 Native Tools Command Prompt 基本上就是典型的 cmake G Visual Studio 14 Win64 即可 使用编译后的结果时主要是要注意VTK
  • 数据库入门书籍推荐

    数据库入门书籍推荐 书籍书籍 数据库系统概论 内容简介 数据库理论入门必读 本书系统全面的阐述了数据库系统的基础理论 基本技术和基本方法 我国第一部系统阐述数据库原理 技术和方法的教材 适时反映数据库领域的新成果和应用新方向 内容丰富 概念
  • QLineEdit的信号与槽用法

    QLineEdit一共有6个信号函数 并不多 很好理解 1 void cursorPositionChanged intold intnew 当鼠标移动时发出此信号 old为先前的位置 new为新位置 在文本框中输入一个字符 光标移动一格
  • 封神台靶场-第四章

    第四章 为了更多的权限 Tips 1 存储型Xss 2 flag在cookie里 格式为zkz xss bot 每10秒访问一次页面 3 自建Xss平台源码 http www zkaq org t 99 html 登陆后根据提示要进行存储型
  • 程序性能

    文章目录 1 程序性能 1 1 空间效率 1 2 时间效率 1 3 f n 程序性能表示 程序性能包括两个部分 空间效率和时间效率 1 程序性能 1 1 空间效率 一个运行的程序所占用的内存 1 栈 函数调用时操作系统自动分配的内存 函数调
  • commitlint配置

    聊一下如何配置commit lint 其实这个问题一直困扰我很久 看了好多文章 都无济于事今天狠下心来终于解决 废话不多说 先上代码 最后阐述原因 因为有的小伙伴就是想找到解决问题办法 至于原因不太关心 注意 npm 版本大于 7 安装 h
  • 网站服务器被攻击的形式,服务器被攻击的不同表现类型以及应对策略

    服务器被攻击的不同表现类型以及应对策略 许多网站站长都遇到过网络服务器被攻击的状况 被攻击之后也大多数都只有束手待毙 由于大伙儿广泛对攻击不足掌握 很多人把多很多的攻击和防御力挂在嘴上 却压根不清楚网络服务器是怎么被攻击的 更不要说怎样应对
  • MyBatis-Plus-自定义模板-生成代码

    MyBatis Plus代码生成器所需jar包
  • windows无法访问FTP服务器的各种报错解决

    本文转载自windows无法访问FTP服务器的各种报错解决 对于windows无法访问FTP服务 原因有很多 但首先要保证 你的服务配置无误 用户有访问资源的权限 防火墙拦截 服务器防火墙通行了 忽略了客户端的防火墙可不行 对于不信任的连接
  • special effects - 樱花飘落背景特效

    樱花飘落背景特效 一 效果图 二 实现代码 一 效果图 二 实现代码
  • VPS是虚拟专用服务器,部署VPS包括以下步骤

    VPS是虚拟专用服务器 部署VPS包括以下步骤 购买VPS主机 选择可靠的云服务提供商 如亚马逊AWS 谷歌云 腾讯云或阿里云 并注册账户和创建VPS实例 为了确保您的应用程序在运行过程中具有快速的性能和可靠的服务级别协议 请评估不同主机计
  • Intel TBB简介及在Windows7 VS2013上源码的编译过程

    Intel TBB Intel Threading Building Blocks 是Intel线程构建块开源库 它的License是Apache 2 0 Intel TBB是一种用于并行编程的基于C 语言的框架 它是一套C 模板库 它提供
  • 【http协议】超详细介绍

    文章目录 一 协议 1 1 Method 1 1 1 HEAD 1 2 Status 1 3 Http Head Http 头 1 3 1 Http Request Body 1 3 1 1 Content Type 1 3 1 2 miu
  • 浅谈Web用户体验(二)

    在所有网页或浏览器的GUI中我最喜欢的是google的用户体验效果 平时我们只把它作为搜索工具 从没仔细欣赏过它的设计细节 有篇博客对google的用户体验总结的非常好 google的设计一向以简单著称 让页面清爽优雅地呈现 一方面减少页面