前言

访客至上。

可用性设计,选你所爱,爱你所选。

你们不知道的,我没法告诉你们,但我可以澄清一些事实。

最近在读的这本书适合从事Web设计和Web开发的技术人员阅读,特别适合为如何留住访问者苦恼的网站/网页设计人员阅读。

可用性设计是Web设计中最重要也是难度最大的一项任务。该书作者根据多年从业的经验,剖析用户的心理,在用户使用模式、为扫描进行设计、导航设计、主页布局、可用性测试等方面提出了许多独特的观点,并给出了大量简单、易行的可用性设计的建议。本书短小精练,语言轻松诙谐,书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及包含大量信息的图表,使枯燥的设计原理变得平易近人。

不管网络会发生什么样的变化——不管是Web习惯用法、操作系统、带宽,或者计算机的处理能力也好,Steve(本书作者)在这里与你分享的原则都不会改变。因此,找一把椅子,坐下来,慢慢享受。

推荐读书笔记:豆瓣读书

概述

个人读书过程中,勾画的思维导图,作以分享。

Web式应用

1.Krug可用性第一定律:别让我思考。

如果你不能做到让一个页面不言而喻,那么至少应该让它自我解释。

关于网络使用情况的是三个事实:

We don’t read pages, we scan them.满意策略:

我们不做最佳选择,而是满意即可。

我们不是追根究底,而是勉强应付。

我的推荐:在你清楚自己有一个更好的想法时进行创新,如果没有,那么请尽量利用习惯用法。

别误会:我没有任何打击创新的意思。对于原创的、有新意的Web设计,我再欣赏不过了。

简洁胜过一致。

Krug可用性第二定律:点击多少次都没关系,只要每次点击都是无需思考、明确无误的选择。

省略多余的文字,不要在Web上写作的艺术。

Krug第三定律:去掉每个页面上一般的文字,然后把剩下的文字再去掉一半。

好处:降低页面的噪声;让更加有用的内容更加突出;让页面更简短,让用户在每个页面上一眼就能看见更多的内容,而不必滚动屏幕。

2.设计导航

事实:如果在网站上找不到方向,人们不会使用你的网站。

网络导航101法则

无法承受的浏览之轻

仅仅让导航部分在每一页以一致的外观出现在同样的位置,会让你立即确认自己仍然待在这个网站上——这比想象中更加重要。而且,让它在整个网站保持一致意味着你只需要了解它一次。

面包屑设计中的几项最佳实践:

把它们放在最顶层。面包屑在它们出现在页面顶端,高于所有内容时最有效,我想很可能是因为这让它们看起来放在页面边缘——就像一个补充机制,如书本和杂志上的页码一样。

使用“>”对层级进行间隔。各种尝试似乎已经确认,最好的分隔符就是大于号(>),可能是因为“>”在视觉上就暗示了沿着层级向前移动的动作。

加粗最后一个元素。层级清单中的最后一个元素应该是当前页面的名称,让它变粗正好得到了应有的突出。而且因为这就是你所在的页面,因此不用添加链接。

Web设计中的大爆炸理论:让人们顺利开始的重要性

已经没有人从主页开始对网站的进行访问了,那都是2004年的事了。

没有什么比得上一个好口号。一个好的口号应该有个性、生动、有时候还很俏皮。俏皮很好,但它应该有助于传达(而不是混淆)好处。

3.争论

一个喜欢犁田,另一个喜欢放牛,但他们没有理由不能成为朋友。——音乐剧《奥克拉荷马》

信仰争论的解药——测试。

为什么我们没有早一点这么做?——在网站的第一次可用性测试过程中,每个人都会这么说。

关于测试的几个事实:

如果想建立一个优秀的网站,一定要测试;

测试一个用户比不做测试好一倍;

在项目中,早点测试一位用户好过最后测试50位用户。

最严重的问题最先修复。

可用性问题修复方法(推荐版):

收集一份问题列表;

选择10个最为严重的问题;

问题评级;

建立一份排序列表。

建议:

对那些“够得着的果子”,建立另一份清单;

抵制添加的冲动;

不要太看重人们对新功能的要求;

忽略“Kayak(皮划艇)”问题,就当作是一种乐趣。

移动的加入

1.移动app

管理屏幕空间的挑战不应该以牺牲可用性为代价。

不要把你的提示藏在后面。

提示是可视化用户界面上的基本元素。例如,一些按钮的三维样式使得它们很明显可以点击。作为信息的“气味”,链接也是一样,可视化的暗示越明显,给出的信号就越准确无误。

扁平化设计:朋友还是敌人。

你可以尽可能地进行扁平化设计(也许你不得不,可能这个要求会强加于你),但是请确定你还在使用所有余下的线索来补偿所失去的那些。

关于可用性定义最为核心的三个方面:

让一个有着平均能力和经验的人(甚至稍低于平均水平)能弄明白如何使用它(这说明它是可学习的)去完成某个任务(有效的),为而会遇到不必要的麻烦(高效的)。

移动应用需要可学习。

移动的后勤工作(建议):

使用指向屏幕的摄像头而不是镜像技术,以便观测到参与者的手势和触点;

把摄像头连接到移动设备上,让用户能自然地拿着它;

不要使用摄像头指向测试参与者。

不管以哪种形式,看样子我们未来都会生活在移动的世界里,它也提供了数不清的机会让我们创造出卓越的用户体验和可以使用的东西。新的技术和新的形式会层出不穷,它们中的一些可能会包括一些截然不同的交互方式。

只是,在这场大洗牌中不要把可用性弄丢了。而且,别忘了,最好的方式就是进行测试。

2.基本礼貌

可用性是基本礼貌,为什么你的网站应该让人尊敬。

好感存储器,见名知意。

特性:

它因个人特质的不同而不同;

它依情况而定;

你可以重新填满它;

有时候一个简单的错误就能把它清空。

降低:

隐藏我要的信息;

因为没有按照你们的方式行事而惩罚我;

向我询问不必要的信息;

敷衍我,欺骗我;

给我设置障碍;

你的网站看上去不专业。

提高:

知道人们在你网站上想做什么,并让他们明白简易;

告诉我我想知道的;

尽量减少步骤;

花点心思;

知道我可能有哪些疑问,并且给与解答;

为我提供协助,例如打印友好界面;

容易从错误中恢复;

如有不确定,记得道歉。

3.可访问性

可用性的一部分。

开发人员和设计师们

所听到的:

x%的人口属于残障人士;

可访问性更强会对所有人都有好处;

支持可访问性才是正确的做法。

所害怕的:

更大的工作量;

设计折中;

真相就是,它可能确实会很复杂。

现在能正确实施的四件事:

改正所有人感到混淆的可用性问题;

读一篇文章;

看一本书;

去摘够得着的果子。

4.指点迷津

让可用性在你身边成为现实。

首先要清楚你的领地;

通常的建议:

演示ROI(投资回报率);

用他们的语言说话;

如果我是你:

让你的老板(以及他的老板)来观看可用性测试;

在你的个人时间进行一次测试;

对竞争对手进行测试;

理解管理层;

弄清楚自己在整个公司大局中的位置。

思考

可用性,并不能准确的说是哪一门技术,而其更多的是一种思想,一种人性的思维方式形成的布局,无论是web还是移动app,都是适用的。

还记得自己先前几个月的某一天冲动的给京东商城发了一封邮件(就是关于商城的可用性的),尽管时至今日,我依然没有见到任何的改变,但确实很适用。

还记得Stave留给我们的指点迷津吗?的确需要认真想一想了,我指的是每一句话。这也是我一直在思考的,或许今日我们能够做的仅仅如此,但亦无悔。我懂得了更多!谢谢您,Steve!

我们需要的不是努力,而是保持努力。

如果想保持一个地方长期干净整洁,你觉得最好的方法是什么?是好好打扫一次呢?还是去时刻用心去保持?我想可能各位心里已经有了答案了吧。那我再问一个问题:到底是每天清扫好几次的马路上更干净呢?还是一天打扫一次的卧室干净呢?再看看第一个问题,看看你答对了吗?

要使得一个地方长期保持整洁,最好的办法其实是维护而不是打扫。打扫是很重要,如果不注意保持,一天扫好几遍还是脏乱差。我们回家都知道换上拖鞋,垃圾知道扔在垃圾桶里,所以即使几天不打扫也不会像马路边上那样尘土飞扬。

与此同理,努力也是这样的道理。许久不努力,突然有一天心血来潮努力几天,然后看不到效果就觉得想放弃,这样只会一无所获。这和打扫卫生其实是一样的。之前许久没有打扫干净,然后心血来潮扫了几下,发现没有扫干净,就觉得灰心丧气最后放弃了,或者干净了几天,由于没能好好保持,最后还是会回到以前的状态。

努力谁都会,不就是头悬梁锥刺股吗?不就是闻鸡起舞囊萤映雪吗?如果我们大部分人想做,我想坚持个一两天没有问题吧?可是你能坚持一个月吗?你能坚持一年吗?你能坚持十年吗?只要你坚持一个月,你的工作就会有明显的改变;只要你坚持一年,你的生活就会开始改变,只要你坚持十年可能你的人生都会不一样了。三分钟热度我们都可以,可是成功要的是十年如一日。

其实成功没有那么难,只要水滴石穿的努力,就会看到结果;其实成功又非常难,只有三分钟的热度,是无法烧开一壶水的。关键看你是选择保持努力还是选择放弃。再高的山,一步一步总会登顶;只有几层的阶梯,也需要迈开双腿去翻越。

逆境在所难免,因为只有逆境才是试金石,逆境才是考验你是否能坚持下去的标杆。只要我们能执着于保持自己的努力,保持认真付出,改变迟早有一天会到来的。

所以,我们更多需要的不只是努力,而是保持努力……

读 书 要 思 考

2016.05.25

干货分享:

产品设计可用性八大原则

用户反馈,最简单也最困难!

交互设计新人在阿里的实习总结

用户体验设计上的6个关键见解

什么样的体验是好的用户体验?

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

可用性设计,选你所爱,爱你所选相关推荐

  1. mysql云架构设计_MySQL云数据库架构设计实践 洪斌@爱可生

    1. 8 MySQL云数据库架构设计实践 1 0 2 C C T D 洪斌 2. 关于我 洪斌 南区负责人 2010年加入爱可生至今 0 2 C C T D 8 1 上海爱可生致力于为行业客户提供开源 ...

  2. ylbtech-数据库设计与优化-对作为复选框/单选列表的集合表的设计

    ylbtech-DatabaseDesgin:ylbtech-数据库设计与优化-对作为复选框/单选列表的集合表的设计 -- DatabaseName:通用表结构 -- -- 主要是针对将要设计的表对象 ...

  3. ITSM-CMDB数据库设计-四种方案任你选

    ITSM-CMDB数据库设计-四种方案任你选 来源 http://kiral.javaeye.com/blog/789467 最近在做CMDB的数据库设计方案,有4种方案,各有利弊,我选方案3,大家可 ...

  4. (转载+原创)jQuery实现的全选、全不选、反选和半选功能

    转载自:https://www.helloweba.com/view-blog-254.html helloweba.com 作者:月光光 时间:2014年03月31日 21:12 标签: jQuer ...

  5. C语言22选5体育彩票系统,22选5选号方法大全(二)

    22选5选号方法大全(二) 守号中得22选5一等奖15万 第05094期联网22选5爆出4注单注奖金高达15万元的一等奖,我省青岛彩民魏先生(化名)锁定三个"重点"号码并坚持不懈地 ...

  6. Web可用性设计的247条指导方针

    Userfocus是英国一家专门从事网站可用性设计的咨询培训公司.它为我们分享了247条Web可用性设计的指导方针,并把它们清晰的分为九个大类: 首页可用性设计.任务导向.导航和信息架构.表单和数据输 ...

  7. elementUI多选框组件:多选数组,取值问题

    elementUI多选框组件:多选数组,取值问题 效果图: <templete>部分: <!-- 我的推荐人才的简历列表 --> <!-- 已发布职位list列表 --& ...

  8. html 复选按钮 全选,JS实现复选按钮控件全选和批量操作

    2.1 准备数据 新建普通报表,新建数据库查询数据集 ds1,SQL 语句为:SELECT * FROM Sales 2.2 设计表格 如下图设计填报模板的表格样式,其中 A3 单元格的左父格为 B3 ...

  9. 我和对象学习游戏建模,她选了3DMAX,我选了MAYA,结果。

    3D游戏建模行业前景怎么样?我女朋友选了3DMAX,我自己选了MAYA,猜猜我们后来怎么样了?分手了吗,请往下看. Ⅰ. 游戏3D建模行业就业前景怎么样?薪资怎么样? 解决这几个次世代游戏建模小白常遇 ...

最新文章

  1. hdu1.3.4 排序
  2. 常考数据结构与算法:反转链表
  3. Leetcode 215. 数组中的第K个最大元素 解题思路及C++实现
  4. 【每日SQL打卡】​​​​​​​​​​​​​​​DAY 26丨餐馆营业额变化增长【难度中等】​
  5. 今天的圆圆的深圳4j
  6. HDU2200 Eddy's AC难题【组合计算】
  7. 对报表模型项应用安全筛选器
  8. 男女洗澡前后区别,太形象了!(文末送书)
  9. 关于RS485的使用
  10. mysql 日文乱码_Mysql 导入日文数据乱码问题
  11. jinjia2 模板库- django/flask
  12. OpenGL GLM环境配置
  13. 在简历中使用STAR法则
  14. kmsautonet是一款免费的微软系统和办公软件激活工具,简称kms激活工具
  15. 现在Web前端工程师年薪区间是多少?
  16. JavaScript——移动端网页特效
  17. 高效又稳定的ChatGPT大模型训练技巧总结,让训练事半功倍!
  18. 抖音xlog算法 bqq 以及各个参数的解释以及如何突破风控注册账号和点赞关注
  19. java发送透传个推_个推——移动推送——消息透传
  20. 接入第三方登录(微信、QQ、新浪微博)

热门文章

  1. 海水淡化膜:陶氏膜法海水淡化技术的应用与进展
  2. FreeRTOS延时函数
  3. 智能生活 App 垂直品类- IPC SDK 架构及快速集成配置(安卓版)
  4. Inception结构详解(从V1到V4,再到xcpetion)
  5. html基础标签-1-pre预格式标签
  6. kafka 原理及分区策略
  7. Python 1张图片分割为4张
  8. GAVL073-220v转5v200MA输出非隔离芯片
  9. STM32F4软件IIC的使用
  10. 特斯拉柏林超级工厂又突发火灾;多模态人工智能产业联合体第二次大会召开;奇瑞汽车战略投资AI芯片公司 | 每日大事件...