用户体验要素——读书笔记

用户头像
上海/设计爱好者/6年前/358浏览
用户体验要素——读书笔记
用户头像
铭hehe

整理总结用户体验的5个层级:战略、范围、结构、框架、表现

写在前面

让自己知道自己在走什么路吧,所以决定记录、输出一些东西。整理整理自己读书和工作的总结。




用户体验要素

书中最核心的是对产品设计5个层次的分类和分析。简而言之,我的理解是

  • 表现层

    • 具体表现和视觉

  • 框架层

    • 按钮、各种控件、照片的位置、区域大小以及布局、排序

  • 结构层

    • 用户如何到达一个界面,在做完任务后能够去哪里。确定页面中哪些类别应该出现在哪里。

  • 范围层

    • 功能和特性的组合

  • 战略层

    • 战略目标(某一项功能的,可能是宽泛的,也有可能是细微的)





值得注意的点:

战略层:(strategy)

  • 商业目标+品牌识别——其中品牌识别并不仅仅是品牌视觉,同样也是一个情绪反应,通过产品的特征来塑造。

  • 效果衡量:除了点击率、停留时间(目标是拉长还是缩短),还要学会发现其他相关事物来衡量效果(是否缩短了其他流程比如客服、销售的时间投入和成本)

  • 用户细分:人口统计学特征+心态档案(与产品相关的事情和状态描述),创建多个细分的用户群。根据已创建的用户群确定虚拟的用户模型。用户模型应该给出足够的虚拟的细节以至于在讨论中是直观可用的,包括能够放在一个具体的场景中。

  • 战略性的文档应该给团队所共享,虽然可能包括一些敏感的资料。但是全流程对于战略的理解能够极大帮助产品持续改进。

 

范围层:(scope)

  • 设计产品需要考虑的需求包括:1.能从用户途径直接探知的;2.用户只是遇到了困难,但是并不能正确理解自己需要的解决方案;3.用户并不了解自己的需求特性(通过脑暴、场景故事板、竞争品参考等方式)

 

结构层:(structure)

  • 交互设计和信息架构都强调一个重点:确定各个将要呈现给用户的元素的“模式(patterns)和顺序(sequence)。交互设计关注于将影响用户执行和完成任务的元素。信息架构则关注如何将信息表达给用户。

  • 概念模型:用户对于“交互组件将如何工作”的观点称为概念模型(conceptual model)。软件是否把某个特性处理成用户所熟悉的某个概念。

  • 结构质量最重要的不是走完流程需要多少步骤以及需要点击几次,而是当前的步骤是否具有合理性,以及其是否很好地延续了上一个任务(即位置感)。合适的信息架构应该确保能够适应可能的变动,保证页面能够稳定,用户可以理解。

 

框架层:(skeleton)

  • 界面设计interface  design:指示用户使用特性和功能的能力。

  • 导航设计navigation  design:指示用户能够清晰地在结构中穿梭的能力。(全局、局部、辅助、上下文、友好导航)

  • 信息设计information  design:传达给用户信息的能力。

    在工作中经常不回区分这三点的异同,其实本质上这是定义是功能体验缺漏还是结构引导错误,亦或是信息表达错误。三个问题所需要的解决方案是截然不同的。在线框图中单独考虑、分解这三个维度的问题能够更好地对结构层做出反映,对表现层给出指导。

 

表现层:(surface)

  • 保证对比性和一致性

  • 建立风格指南





实际上,反过来思考,工作中产品和设计所计划和实行的流程都能够在这5个层面中找到依据——这大概也是这本书经典的原因。被无数人讨论的产品需求、模型设定、结构规划、流程确定、视觉表现,概念相对抽象空洞的要素(element)被其置于一个架构中紧密地锁在了一起。

尤其是清晰定义范围(用于解决问题的功能,特征集合)、结构(用户如何在一个一个界面和结构化内容中移动来完成任务)和框架(布局中如何清晰反映结构层的要求)——这是我一直在看UED相关文章混淆的点,当界定明晰,它就足以成为一个工具,具有了可操作性。


最后,希望我能尽量去做:

当设计问题出现时,学会优先思考问题发生在什么维度,某个问题出现是视觉表现的错误还是框架设定不恰当,亦或者在结构化内容上就做得不合理,都是需要去整理而不是想当然的。当界定了体验问题的核心之后,再去尝试解决问题。

1
举报
|
9
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
我的钱包-UI界面设计-app
3D渐变流体抽象矢量UI背景图
Security Camera UI kit
新拟态风格 UI设计组件库
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
3D卡通UI界面图标可爱插画免扣素
钱包ui模板
新能源APP应用UIKit
【新年UI图标】汽车icon
【新年UI图标】会员icon
手表表盘UI系列
UI通用设计素材1
高级表盘系列UI源文件
盲盒APP UI设计
抽象液态渐变UI背景模版
智能家居中心 简约 UI设计组件库
高级感金属拟物 UI设计组件库
UI应用平面图标
【新年UI图标】旅行icon
【新年UI图标】礼物/活动icon
【新年UI图标】体育icon
【新年UI图标】活动icon
你可能喜欢
大家都在看
登录注册