点石成金读书笔记

背景:

  1. 工作室买了第三版《点石成金》点石成金3e 豆瓣链接
  2. 花了一周时间看了《点石成金》第二版和第三版,回顾一下学到了什么
  3. 以前没写过电子档的读书笔记,这是第一次写,所以尝试一下。

书的内容

  1. 主要讲了网站的可用性问题: 什么是可用性,如何增强Web的可用性,设计Web时的一些注意事项和方法论

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

  1. 本书的核心原则就是:别让我思考, 还有其他两个原则:
    1. 点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择
    2. 去掉每个页面上一半的文字,然后把剩下的文字再去掉一半

      就是减少用户在使用Web时的学习成本和心理负担,主要目的是:在信息爆照,Web应用爆炸的今天,让用户快速了解你的Web

3.介绍了简易可用性测试,并且给了一些例子,参考下图
为什么进行可用性测试

可用性测试与传统测试比较

书的结构

书主要分四部分:

1. 指导原则
2. 必须处理的几个方面
3. 确定你没有做错的几件事情
4. 大方面和外界的影响

1. 指导原则

  • 说明了日常用户的Web使用习惯:用户总是扫描网页,总是应付而已,满意即可,能够用自己想要的功能就行,不会思考背后的原理
  • 在此基础上,设计Web时要建立有效的视觉层次:突出有用信息,有逻辑,方便用户扫描的网页
  • 更重要的是:建立不言而喻,自解释的网页, 让用户低成本试错

2. 必须处理的几个方面

导航设计,主页设计两方面入手,说了些设计细节和方法论

  • 导航的用途:网站有什么,告诉用户如何使用网站,给用户对网站的信心,下面是导航设计时的考虑的问题
    • 容易返回主页,回到原点(降低试错成本)、
    • 标明用户现在在哪,不迷失方向(类似现实生活的标识)
    • 页面风格应该一致,不论该页面的层次在哪里(一个网站有多层次的网页结构)
  • Web主页: 功能是传达信息,整体形象,是大家的共有资源,要好好利用,但要避免”共有区域的悲剧” 下面是具体注意事项:
    • 使用适合的空间来变现主张,不过大或者过小
    • 使用好的口号:长度适中,言之有物,个性生动
    • 一定要测试!!
      主页设计的一些问题

      更多内容:请看书!

3. 确定你没有做错的几件事情

主要说了可用性测试的意义,如何进行可用性测试以及进行可用性测试的注意事项

思维导图截取:可用性测试部分

具体如何操作见前图,完整思维导图看文件:我的思维导图云盘链接

4. 大方面和外界的影响

总结说明了可用性和移动Web应用的特性,介绍了一些可访问性的知识,并普及了其他相关知识

  • 移动Web需要的特性: 让人快乐,可学习,可记忆
  • 可用性是个礼貌:每个人对于一个网站有一个好感存储度
  • 可访问性:让更多人使用方便:残障人士,年老用户,正常用户等

思维导图

点石成金2e

点石成金2e

点石成金3e

点石成金3e

读书感悟

大概感受:有很多方法论的东西,但对于我这个没有做过设计的人来说,比较虚,没有顿悟。

这次阅读可以说是:普及一些设计常识,比较琐碎,这本书不能很好的构建完整的知识体系,所以这本书只能是个知识补充读物。

但是其中的简易可用性测试,给了我很大启发和感悟:一个简易可用性测试的成本并不高,但是效果特别好。这本书也让我从内容,排版上,设计上加深了对网页的理解。

这是思考列表,部分是书中摘抄

  1. 用户是不确定的,用户的使用习惯也是多样的,如果不深入用户,不理解用户,无论多好的设计都是空谈。测试必须要有,不了测试的用例多少
  2. 使用习惯用法,降低用户的学习曲线,必不可少的创新要坚持,做好测试和指示说明
  3. 给了一份很好的访问web时的问题清单

    • 这是什么网站
    • 网站上有些什么
    • 我能在这里做什么
    • 为什么我应该在这里,而不是别的什么地方
  4. 可用性是个礼貌,这说明了制作者对这个网站是否用心,就是让用户更加方便使用网站提供的服务

  5. 设计就是处理各种约束和妥协。要在这个约束中创新,符合用户习惯,保证用户的可用性
  6. 用户总是满意即可,只是应付而已。意思是:能够方便使用他们需要的功能就行了,而且很少去发现更方便的方法,发现了也很少会去改进(习惯)。但在开发时必须不将就,把最方便,最实用的功能摆在用户面前
  7. 这本书页数在130以内,如果快速阅读的,可以2h搞定,这本书我大概花了5天时间看了2版,有些收获,但是感官不强,下一个看About Face4 交互设计精粹,看看能不能对设计有更进一步的理解

版本比较 《点石成金2e》(2006)与《点石成金3e》(2014)比较

  1. 第三版(2014)比第二版(2006)的书多了移动web应用的相关知识,
  2. 第三版删减了很多已经过时的东西:比如对于Css和Javascript的看法
  3. 个人感官:新版的书比旧版本的排版好很多,而且看的时候感觉也好很多
  4. 但是其中一些核心内容没有多大变化:比如导航设计,主页设计以及可用性测试的相关内容
    总结: 虽然经典的东西很少变,相对于文学作品来说,这种时效性较强的方法论书籍最好看最新版的,因为知识,技术总是在更新。要持续学习。

    手机思维导图App比较 Mindly 思维导图

    之前都是手写做笔记,这次尝试一下使用线上做笔记,考虑到电脑携带不方便,所以选择了手机思维导图的App来做笔记,使用了以后再也不想使用手机思维导图App了,没有感觉。。

##Mindly图标 Mindly 个人感觉比较酷炫

先看App截图

App主页

思维导图 主页

使用感受

  • 无限添加节点,节点可转,刚开始觉得很酷炫,然后发现这对自己的思维扩散没有帮助(免费版只有100个…)
  • 可添加链接,觉得很好。App内也可以打开链接,也不错,虽然不能在浏览器打开。可是:导出PDF链接就不能用了!!
  • 有笔记,但是导出PDF后,比较难找。。什么鬼。。
  • 最后发现免费版的Mindly就是鸡肋:不能导出图片(只能导出Mindly文件和PDF),最多建立3个思维导图(每个不超过100个),
  • 添加图片节点:图片质量下降,而且不能看原图

思维导图App 图标思维导图 中规中矩,有条理

App截图

导图内容页

功能

使用感受

  • 在一个大图里建思维导图,可以随时拖动,回看,这很不错
  • 建立分支也很容易,比较符合普通的思维导图
  • 好像是个人开发:App不太细致
  • 添加分支后的编辑,删除功能特别不好用,严重影响使用感受,和思维流畅性,必须等待菜单栏出来,才能进行下一步
  • 可以导出图片,可是到处后的图片有些失真,而且放大后,看不清楚

总结

  1. Android平台上思维导图App比较少(用的比较少,勿喷),发现一款“思维简图”的使用方法是我比较喜欢的:就是通过‘!’的多少来判断思维层级,类似Markdown,只是使用起来比较死板,最后弃用(其实就是,搞不清楚如何使用以及不好看)
  2. 手机思维导图App不适合做知识整理,使用不太方便,容易打断自己的连续状态,不能专注看书。电脑版的思维导图软件使用的比较少,不发表评论
  3. 虽然线上思维导图不用丢失,也比较整洁,好看。但是个人认为:如果思维导图是为了扩散思维的话,最好是手画,随意画,比较灵活而且沉浸感比较强。如果是笔记记录,整理的话,使用思维导图软件的话会更加清晰整洁,也更加便携,方便随时查找