【阅读】《点石成金:访客至上的网页设计秘籍》读书笔记
写在开头
我发现,我对每个项目所作的最有价值的贡献往往来自于牢记一些关键的可用性原则。我认为,让大部分人理解这些原则,比列出一份可以做/不可以做的清单会更有用。
不需要思考→让页面不言而喻
当我看到一个不需要思考的网页时,脑袋里面浮现的会是:“嗯,这是…,那是…,我想要的东西在这里。”
去掉用户心中的问号?????
永远不该让用户花上几微秒去思考某个东西是否能点击。
“让页面不言而喻就像把商店布置得光线良好,这样会让所有的商品看起来更好。访问一个不需我们思考的网站会让人觉得毫不费劲。相反,为我们不关心的事而多花心思会浪费我们的精力、热情,还有时间。”
网络使用的三个事实:
1)我们不是阅读,而是扫描
2)我们不做最佳选择,而是满意即可
3)我们不是追根究底,而是勉强应付
一、别让我思考
这意味着设计者应该尽量做到,当我看一个页面时,它应该是不言而喻,一目了然,自我解释的。
我应该明白它–它是什么,怎样使用它–而不需要花费精力进行思考。
到底有多不言而喻呢?
充分的不言而喻就好像你隔壁的邻居,她对你的网站主题毫无兴趣,也几乎不知道如何使用后退按钮,但她仍然可以看一眼你的主页,然后说:“奥,这是______。”
所以当我们看到一个不需要思考的网页时,脑袋里面浮现的会是:“恩,这是____,那是______,我想要的东西在这里。”
二、我们实际上是如何使用web的
我们认为的“精心准备的文字”(或者至少是“产品资料”)在用户看来更像“以每小时100公里的速度驶过的广告牌”。
认清事实
1、第一个事实:
我们不是阅读,只是扫描
2、第二个事实:
我们不做最佳选择,而是满意即可
3、第三个事实:
我们不是追根究底,而是勉强应付:不论是初学者还是技术专家,用户一旦发现某个事物能够用(不管有多难用),就会一直用它。
三、广告牌设计101法则
为扫描设计,而非阅读。
1)建立清楚的视觉层次
2)习惯用法是好帮手
3)把页面划分成明确定义的区域
4)明显标识可以点击的地方
5)降低视觉噪声
四、省略不必要文字
去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。
接下来,必须正确处理的几个方面。
五:设计导航
记住这个事实:如果在网站上找不到方向,人们不会使用你的网站。
如何创建明确、简单、一致的导航?
想象一下,
画面一:
星期六下午,你要去一个陌生商场里买一把锯子。你的过程可能是这样的:
画面二:
你想要在站点寻找一个最便宜的四磁头录像机,或者以为在电影《卡萨布兰卡》中扮演Rick的咖啡厅服务生领班的演员的名字。过程可能是这样的
其实,我们忽略了导航的用途。
导航有两个显而易见的用途:
【帮助我们找到想要的任何东西】和【告诉我们现在身处何处】。
1)它给我们一些固定的感觉,而不让你迷失。
2)它告诉我们当前的位置。
3)它告诉我们如何使用网站
4)它给了我们对网站建造者的信息。
六、主页不由你控制
1、主页要完成的任务
1)站点的标识和使命–是什么
2)站点层次–内容、功能、导航
3)搜索
4)导读
5)内容更新
6)友情链接–广告等
7)快捷方式–最常访问
8)注册
9)我想要的东西显而易见
10)……还有我没有寻找的
11)告诉我从哪里开始
11)建立可信度和信任感
2、要考虑的地方:
第一次进入一个新网站时,主页应快速且清楚地回答这四个问题:
第二步:从哪里开始?
七、可用性是基本礼貌
1、降低好感的几种方式
1)隐藏我想要的信息
2)因为没有按照你们的方式行事而惩罚我
3)向我询问不必要的信息
4)敷衍我,欺骗我
5)给我设置障碍
6)你的网站看上去不专业
凌乱、布局不好
2、提升好感的几种方式:
1)知道人们在你网站上想做什么,并让他门明白简易。
2)告诉我我想知道的
3)尽量减少步骤
4)花点心思
5)知道我可能有哪些疑问,并且给予解答
6)为我提供协助,例如打印友好页面
7)容易从错误中恢复
8)如有不确定,记得道歉
【阅读】《点石成金:访客至上的网页设计秘籍》读书笔记相关推荐
- html5网页设计教程读书笔记,《HTML5 界面设计与开发》 读书笔记
移动设备概述 目前所有的移动设备在绘图上,都是用所谓的"共享内存".与桌面电脑的显卡不同,移动设备上的图形硬件没有专用的内存,只是共享系统内存.这意味着,随着越来越多的东西被添加到 ...
- 『重构--改善既有代码的设计』读书笔记----序
作为C++的程序员,我从大学就开始不间断的看书,看到如今上班,也始终坚持每天多多少少阅读技术文章,书看的很多,但很难有一本书,能让我去反复的翻阅.但唯独『重构--改善既有代码的设计』这本书让我重复看了 ...
- 规模化微服务——《微服务设计》读书笔记
改变思维的角度:故障无处不在 当微服务规模化后,故障是无可避免的,以往我们总是想尽力避免故障的发生,而当故障实际发生时,我们往往束手无策.我们花了很多时间在流程设计和应用设计的层面上来阻止故障的发生, ...
- 《重构-改善既有代码设计》读书笔记-重构篇
2019独角兽企业重金招聘Python工程师标准>>> 重构定义 名词 对软件内部结构的一种调整,目的是在不改变软件可观察行为的前提下,提高其可理解性,降低其修改成本.--<重 ...
- 康威定律和系统设计——《微服务设计》读书笔记
康威定律 任何组织在设计一套系统时,所交付的设计方案在结构上都与该组织的沟通结构保持一致. --梅尔.康威 如何理解这句话在软件工程上的含义?埃里克.S.雷蒙德说:如果你有四个小组开发一个编译器,那你 ...
- 安全——《微服务设计》读书笔记
身份认证和授权 1.单点登录(SSO) 当主体试图访问一个资源,他会被定向到一个身份提供者那里进行身份验证,身份提供者验明正向后会发消息给服务提供者,让服务提供者来决定是否允许它访问资源. ...
- 监控——《微服务设计》读书笔记
在单块应用的世界里,当我们遇到问题时,我们至少清楚从哪里开始调查.网站访问速度?网站访问异常?CPU占用过高?这些都是单块应用程序的问题,单一的故障点会极大地简化对问题的排查. 而现在我们面对了多个微 ...
- 测试——《微服务设计》读书笔记
一.测试象限(Brain Marick) 二.测试金字塔(Mike Cohn) 1.单元测试 通常只测试一个函数或方法调用,通过TDD或者基于属性而写的测试就属于这一类,在UnitTest ...
- 部署:持续集成(CI)与持续交付(CD)——《微服务设计》读书笔记
一.CI(Continuous Integration)简介 CI规则1:尽量频繁地把代码签入到分支中以进行集成 CI规则2:不光要对语法进行验,也要提供一系列的自动化来验证 CI规则3:CI失败后 ...
最新文章
- js点击获取连接的内容
- C++ 类对象作为类成员
- 这些单词你都念对了吗?顺便推荐三份程序员专属英语教程!
- android不能在主线程,安卓开发:主线程真的不能做UI操作吗?这一点很多程序员都没想到...
- Dive into Python
- 搭建基于LAMP的web应用程序平台
- 基于机器视觉的磁头飞机载划痕检测
- 101个Google技巧——Google技巧的终极收集
- php larval开发规范,Laravel 开发规范摘要
- 2个74151实现16位数据选择器以及在Multisim的演示
- FPGA MCU FSMC通信接口——NAND Flash模式
- 调色板程序c语言,用C语言开发NES游戏(CC65)05、调色板
- 中值定理如何构建辅助函数
- 微信小程序报错“getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.js...“
- 前端笔记—从入门到坟墓[网站基础与优化][12.1]
- android透明功能引导页,Android 利用PagerView做引导页
- canvas实现动态点线背景,鼠标画点连线。
- 企业级监控平台,监控系统选型
- 123道c++笔试题汇总
- 【MATLAB】plot和fplot的区别