您的位置:首页 > 其它

点石成金-读书笔记

2016-07-09 22:30 260 查看

别让我思考(krug 可用性定律)

设计者应该尽量做到,当我看到一个页面时候,它应该是不言而喻的、一目了然、自我解释的。
思考来源:(移除或修改这些让你思考的东西)
网页上每项内容都有可能迫使我们停下来,进行不必要的思考。(文案命名)
典型:那些很酷或者自认为很聪明的名字,带有营销倾向的名字。和具体公司有关的名字或者生僻的技术名词。

看起来不太明显的链接或者按钮,没有体现出该功能的属性界面。
复杂页面设计(做到自我解释)
页面元素的外观(尺寸、颜色、布局),精心选择的命名,少量仔细斟酌的文字,
他们综合在一起将创造出一种接近瞬间的识别效果。做到自我解释。
勉强继续使用原因:
没有其他选择;已经用了花费了时间和精力甚至金钱,懒得再换;竞争对手也不见得多好。


我们实际上是如何使用web(扫描,满意即可,勉强应付)

我们想象用户使用网站的方式和他们实际使用的方法之间,差别如此巨大。
网页浏览事实:并非阅读而是扫描。
我们只是扫描一下,寻找能够引起我们注意力的文字和词语。
eg:比如你要downlond某个软件,一般大多数在官网寻找download按钮,而不大关心其他。
为何扫描:
任务在身,带着相应的目的性去寻找。
不必越多所有内容,只关心感兴趣的。
善于扫描。
我们只会把注意力放在我们感兴趣的文字或者短语上。


我们不做最佳选择,而是满意就好

为什么用户不寻找最佳选择:
我们总是处于忙碌中,选择最佳策略很难也很长。
如果猜错了也不会产生严重的后果。
对选择进行权衡并不会改善我们的机会。
猜测更有意思。
我们不是追根究底,而是勉强应付。
用户并不会去深究去原理性东西,就好比好多用户并不会去看说明书。
很多人完全不是以设计师的设想方式使用网络、软件、消费类电子产品,但他们用的很好。
原因:
它对我们来说并不重要,对大多数人而言,只要能用就行,并不会深究去原理。
如果发现某个东西能用,我们会一直使用它。
有时候可以勉强应付,但是效率不高,容易出错
设计要做的:
让用户更容易找到自己需要的东西。
让用户更容易理解网站的服务范围。
引导他们到网站上你更希望他们看到的地方。


广告牌设计 101设计(为扫描设计,不为阅读设计)

设计要点:
尽量利用习惯用法:
任何东西,要让人瞬间理解,一种最好的方法就是遵循习惯和惯例,那些已经被广为采纳或者已经标准化的设计模式。
(设计师容易陷入自己怪圈:想创新,来获取自己的价值感,而不想造轮子。)
忠告:在你清楚自己有一个更好的想法时进行创新,如果没有,请尽量利用习惯用法;
创新条件:
同样清楚,同样不言而喻,没有学习曲线的方法,这样跟习惯用法一样。
带来很大的价值,因此值得用户付出一点努力来学习的方法。
你可以尽可能进行美化,让设计富有吸引力,不过要确保它仍然可用,仍然被熟知。
关于一致性,“简洁胜过一致性”。
建立有效的视觉层次
确保页面中所有内容的外观能准确表达内容之间的关系:哪些重要,哪些类似,哪些是另一些的组成部分。
视觉清楚地页面有三个特点:
越重要的部分越突出。eg:越重要的标题字体、大小、颜色更加突出。
逻辑上相关的部分也在视觉上相关。
可以把相近内容放一组,放在同一个标题之下。
逻辑上包涵的部分也在视觉上进行嵌套。
eg:报纸等等,会清楚罗列出逻辑鲜明的对比。
把页面划分为明确定义的区域
把页面划分成明确定义的区域,这样用户就很容易看到他们所要关注的东西。
明显标识可以点击的地方
用户在网络上所做的大多数事情就是找到一下个地方点击,明确哪些地方可以点击很重要。
能坚持只用一种字体颜色来表示文字链接,或者能确定他们的外观或者位置可以识别他们是可以点击的。
最小化干扰
视觉噪声。
眼花缭乱:如果页面上所有内容都没有主次,没有视觉层次,导致用户眼花缭乱。不知从何看起。
组织不当:设计师没有理解表格来排列页面元素的重要性。
太过密集:内容太多,太过密集。
假定页面中所有内容都是视觉噪声,使用逐一排除任何对页面没有帮助的内容。无谓的部分通通去掉。
为内容创建清楚地格式,以便扫描:
方便扫描方法:
充分使用标题:选择有更好概况意义的标题,并且距离要挨着被概括内容。
保持段落简短:保持段落简短,不应太长。合理地方分隔段落。
使用符号列表:为了优化可读性可以使用符号列表,并且列表之间应留出额外的空白。
突出关键词语:可以把内容中关键词进行加粗等突出行为。


动物,植物,无机物(为什么用户喜欢无须思考的选择)

(点击多少次都没关系,只要每次点击都是无须思考、明确无误的选择)--krug 可用性第二定律
有时候网页的深度并非很重要,而重要的是,只要每次点击都是毫不费力,并且能让用户坚信自己的选择正确。
提供必要的帮助和支持:
简短:只需要少量的信息来帮助我。
及时:放在我正好需要它的地方。
不会错过:设置合适的格式,保证我一定会注意到它。


省略多余的文字(不要再web上写作艺术)

(去掉每个页面上一半的文字,然后把剩下的文字再去掉一半-----krug可用性第三定律)
去掉没有人会看的文字好处:
降低页面的噪声。
让有用的内容更加突出
让页面更简短,让用户每个页面上一眼就能看到更多内容,而不需要滚动。
欢迎词和指示文字必须消灭。


街头指示牌和面包屑。(设计导航)

网站导航101法则:
当你进入一个站点遵循同样的过程:
通常为了寻找某个目标。
决定先询问(搜索)还是先浏览。
如果选择
4000
浏览,你将会通过标志的引导在层次结构中穿行。
如果找不到想要的,会选择离开。
无法承受浏览之轻:
漫游,浏览,冲浪,在web中体验的不同:
感觉不到大小:不知道这个网站有几个页面。
感觉不到方向:一般web只有上一级下一级。
感觉不到位置:靠层次来记住位置。web导航的重要性。
被忽略的导航用途:
帮助我们找到想要的任何东西和告诉我们身在何处。
告诉我们这里有些什么:
告诉我们如何使用网站:(该从哪里开始,能进行的选择)
web导航习惯用法:
网站ID(logo):一种可以独特的字体,一个可以识别的图形。
网站栏目:主导航条primary navigation。
实用工具;到达网站中不属于内容层次的重要元素的链接,(注册、登录、帮助、站点地图、购物车。)
页面名称;页内导航;小字体版的底端导航
注意:持久导航最重要的元素之一,送我回主页。提供站内搜索。
搜索注意问题:
不应用花俏的用词(简单明了)
指示说明(新增一些表单提示语)
选项(如果存在任何混淆搜索范围)
页内名称重要性:
每个页面都需要一个名称。(好比每个拐角应该有个路牌一样)
页面名称应出现在合适的位置。出现在涵盖该页面内容。
名称要引人注目。
名称要和点击链接一致。(应该和导航点进来的一致)
面包屑(在哪里的重要性,鼠标移动交互变化,链接交互变化等等)
(hansel仍在森林的面包屑,找到回家的路,告诉你回到主页的轨迹,访问的路径)
设计实践:
把它们放在最顶层。
使用“>”对层级进行间隔。展现层级性。
加粗最后一个元素。表示当前位置。
tab设计:大型网站的最佳选择;
不言而喻;很难错过;比较灵活;


WEB设计中的大爆炸理论(让人们顺利开始的重要性)

主页主要完成的任务:
站点标识和使命:(logo,功能,为什么在这里)
站点层次:(内容,导航组织)
搜索;导读(精彩内容的摘要);内容推介(最新、最好、最流行等内容)
功能推介;适时更新内容;交换链接;快捷方式(最常访问内容片断);
注册/登录;
查看主页主要方式:(一眼回答下面问题)
这是什么网站;网站上有些什么东西;我能在这里做什么;为什么我应在这里而不是别的什么地方;
如何传达主页信息:
口号:tagline;最有价值的位置之一是靠近站点ID的地方。(整个网站的描述)
欢迎广告:网站的简要描述,显示在主页的首要位置,通常是页面上端或者中间。第一眼看到;
了解更多:创新的产品和服务通常需要一些介绍,介绍篇幅会比较大,改用小段视频替代提供更好的体验性;
传达信息指导原则:
不要把使命陈述当做欢迎广告;
最重要的是进行测试;
好口号的选择考虑:(家喻户晓的网站也可以不需要口号)
好的口号要讲清楚,要言之有物,非常准确对网站和公司进行描述。
长度要合适。6-8个字;
表述了网站的特点和显而易见的好处。
个性生动有时候可能还会有点俏皮。


 避免可用性的争论

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息