Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save hzhopen/0a6bdfa62986ffacb10b to your computer and use it in GitHub Desktop.
Save hzhopen/0a6bdfa62986ffacb10b to your computer and use it in GitHub Desktop.
读《用户体验的要素:以用户为中心的web设计》的笔记
读《用户体验的要素:以用户为中心的web设计》的笔记
这本书很适合一个刚接触产品设计的人,当然对有一定产品设计基础的人也可以通过这本书来巩固知识,里面提供很多的基础知识来说明一个好的web设计应该怎么去做。
里面get到两个很重要的要点,一就是做产品要多沟通;二,做产品,文档一定不能少,里面说明了做一个产品要经历5个层面的考虑,每个层面都有相关的文档。
第1-2章
任何在用户体验上所做的努力,目的都是为了提高效率
两种形式表现:帮做人们工作得更快、减少他们犯错的几率
表现层surface(图片、文字),框架层skeleton(按钮,表格,文本区域),结构层structure,范围层scope,战略层strategy
上面5层,具体到抽象,最好从抽象开始每一个层面的工作在下一个层面可以结束前完成
网站可以有两个用途:软件应用,信息获取
战略层:了解用户想从我们这里得到什么,还要知道他们想达到的这些目标将怎样满足他们所期待的其他目标
范围层:软件方面,对产品的功能组合的详细描述;信息方面,对各种内容元素的要求的详细描述
结构层:软件方面,交互设计,如何相应用户的需求;信息方面,信息架构,在信息空间中内容元素的分布
框架层:促进理解的信息表达方式;软件,界面设计;信息,导航设计
表现层:关注点,视觉设计
第3章战略层:
做一个网站开始先问两个问题:我们要从这个网站得到什么?我们的用户要从这个网站得到什么?
关键词是“明确”,越清楚明确表达上面两个问题的答案,就能越精确满足双方的需求
商业目标,品牌识别,成功标准(可追踪的指标)
用户需求,用户细分,可用性和用户研究
第4章范围层:
用文档来说明项目要求,这件事很麻烦,但你必须要做,因为:
1,这样你才知道正在建设什么(拥有一系列明确的需求,能让你把责任分配得更清晰,可以大大提高协作的效率)
2,这样你才知道不需要建设什么(将好的想法收集起来,找到一种适宜的方式,让它们符合你的长期规划)
在这一层,就要问:我们要建设什么?
获得新功能,最好汇集各个部门的成员或用户代码来进行头脑风暴
写需求有以下几条规则
乐观:描述一个系统将要做什么事去“防止”不好的情况发生,而不是这个系统“不应该”做什么不好的事情
具体:尽可能详细地解释清楚状况
避免主观的语气
确定需求优先级
第5章结构层
为网站创建一个概念结构
强调的重点:确定各个将要呈现给用户的选项的模式和顺序。交互设计关注于将影响用户执行和完成任务的选项。信息架构则关注如何将信息表达给用户的选项。
战略告诉我们“用户的需求是什么”,范围则告诉我们“什么样的信息将满足那些用户的需求”
成功的用户体验就是能事先知道用户的期望
第6章框架层
让你的界面和你的用户已经熟悉的习惯保持一致很重要
成功的界面设计是能让用户一眼就看到“最重要的东西”的界面设计
为用户想完成的任务选择正确的界面元素,通过一种能迅速理解和易于使用的方式,把它们放置到页面上去
最好的体验是画线框图
第7章表现层
评估一个页面的视觉设计的简单方法,先回答下面的问题:
你的视线首先落在什么地方?哪个设计要素在第一时间吸引用户的注意力?它们对战略目标来讲是很重要的东西吗?用户第一时间注意到的东西与你的目标是背道而驰吗?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment