天天看点

点石成金-读书笔记

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 避免可用性的争论

继续阅读