如何用同理心观察用户-在UI设计中 (如何用同理心和孩子沟通)

文章编号：27415 / 分类：互联网资讯 / 更新时间：2024-09-20 12:35:50 / 浏览：次

看到这个图，其实很分明了，研发后行不是最好的路途。

产品、UI设计师以及后续研发调整的上班量很大。

那么，一个完整的交互设计流程是怎么的呢？首先，咱们先来看法一下产品的五个用户体验的因素用体验的五个层面分为：策略层、范畴层、结构层、框架层、体现层。

五个层面自上而下地树立，具有基本的双重性、用户体验的因素和运行这些因素。

所谓策略层，即为产品指标、用户需求，深刻来讲，运营者想从网站上获取什么，用户想从网站上获取什么？所谓范畴层，即配置规格和内容需求，其意义在于这是一个有价值的环节，同时能够发生有价值的产品。

比如，提供用户可以保留之前的邮寄地址配置。

结构层，即交互设计、信息架构层，其目的是为了确定各个将要出现给用户的元素的“形式”和“顺序”。

交互设计关注于将影响用户口头和成功义务的元素。

信息架构则关注如何将信息表白给用户的元素。

重点：了解用户的上班方式、行为和思索形式。

框架层，即界面设计、导航设计、信息设计层。

界面设计是用来确定界面空间元素以及位置，提供用户成功义务的才干，经过它，用户能真正的接触到那些“在结构层的交互设计中”确定的详细配置。

导航设计：出现信息的一种界面方式，提供应用户区某个中央的才干。

信息设计：出现有效地信息沟通，表白想法，它是这个层面中范畴最广的一个因素。

成功方法倡导以线框图将设计信息、界面设计和导航设计搁置到一同，构成一个一致的、有外在凝聚力的架构的中央。

经过布置和选用界面元历来整合界面设计；经过识别和定义外围导航系统来整合导航设计；经过搁置和陈列信息组成部分的优先级来整合信息设计。

线框图的好处是可以确定一个树立在基本概念结构上的架构，同时指出了视觉设计应该行进的方向。

体现层，即为视觉设计。

界面设计思索可交互元素的无余，导航设计思索在产品中疏导用户移动的元素布置，信息设计思索传播给用户的信息因素的排布，处置并补偿“产品框架层的逻辑排布”的感知出现疑问。

评价一个页面的视觉设计的简双方法：终于眼睛。

一个成功的设计有2个关键的特点：遵照的是一条流利的门路；在不须要太多细节来吓到用户的前提下，它为用户提供有效选用的、某种或许的“疏导”。

用户体验因素读书笔记---以用户为中心的产品设计

一：概述 1.1定义用户体验定义：产品如何与外界出现咨询并施展作用，也就是人们如何“接触”并“经常使用”一个产品。

用户体验因素关键从一个产品的五个层面启动剖析：策略层（strategy），范畴层（scope），结构层（structure），框架层（skeleton），体现层（surface）。

1.2详细说明策略层确定产品指标以及用户需求，即，咱们想从这个产品中取得什么，用户想从这个产品中取得什么。

例如：微信是一个即时通信的产品，它可以让熟人之间经过言语，文字等启动社交。

范畴层依据策略层的指标，确定产品应该有的配置。

例：微信有聊天配置结构层确定产品的配置体现结构（页面的结构和跳转）例：底部栏的陈列，详细配置的整个流程和界面的跳转框架层基于结构层，确定每个页面详细的组成元素及基本规划。

例：聊天页面由头像，信息，信息发送框，期间等构成。

体现层产品的UI和交互例，微信的全体UI，主题色，字体，按钮色彩，大小。

点击某些元素时发生的成果。

二：策略层 2.1定义：策略层关键分为产品指标和用户需求。

产品指标分为两类，产品开发者经过这个产品可以获取什么？产品的用户经过产品可以获取什么？ 2.2产品指标产品指标关键蕴含商业指标和品牌识别（触及盈利形式，品牌看法） 2.3用户需求关键分为指标用户，用户需求。

1指标用户用户是谁？此处可以对用户启动细分（人口统计学，生产心态，经常使用的设施，产品经常使用体验）。

2用户需求需求搜集，需求可行性剖析。

关键分为：对用户启动细分，整顿不同用户的需求。

需求搜集的渠道：（市场调研，关键分为问卷考查，用户访谈，焦点小组，现场考查）3结果创立用户角色，及用户故事 2.4输入结果策略文档（愿景文档）三：范畴层 3.1 定义范畴层关键确定产品的配置需求和配置规格。

名目范畴同时在做两件事件。

这是一个有价值的环节，同时能发生有价值的产品。

环节的价值在于，当整个事件还处于假定阶段的时刻，它能迫使你去思索潜在的抵触和产品中一些粗略的点，确定事件的优先级。

有价值的产品则明白了这个名目中要成功的所有上班。

关键经过上班流程----日程布置----里程碑 3.2 产品配置此处须要将用户需求转换为相关的产品配置。

并确定配置的优先级（站在策略层面去评价，关键为能否满足策略层需求；依据需求可行性启动评价） 3.3 配置规格说明分明和准确的形容配置，关键可以经过如下三种方式去形容： . 失望：形容系统要做什么，为什么这样做，可以防止什么事件出现。

. 详细：如自动依照离用户的距离启动排序。

. 从用户角度登程，防止客观的语气。

3.4 输入产品的配置规格说明，产品须要成功的配置，以及配置的优先级。

四：结构层 4.1 定义结构层关键经过交互设计,信息架构来成功。

确定各个将要出现给用户的元素的“形式”和“顺序”，交互设计关注与将影响用户口头和成功义务的元素，信息架构则关注如何将信息表白给用户的元素。

4.2 交互设计交互设计关注于形容“或许的用户行为”，同时定义“系统如何配合与照应”这些用户行为。

4.3 概念模型一个概念模型可以反映系统的一个组件或是整个系统。

关键是用户对交互组件将怎么上班的观念。

其中须要关注失误处置（预防，矫正，复原）。

4.4 信息架构出现给用户的信息能否正当并具无心义。

信息架构关键上班是设计组织分类和导航的结构，让用户可以高效率，有效的阅读网站的内容。

4.4.1结构化内容从上到下：从策略层登程，从内容和配置启动分类，而后在填充。

从下到上：先整顿一切资料，而后将其启动归属。

4.4.2结构应该有可裁减性。

4.4.3结构方法信息架构的基本单位是节点。

（节点有不同的定义，可以是页面的某个元素或许组合），节点的结构类型如下所示： . 层级结构（树状结构） . 矩阵机构（准许用户在节点与节点两边际着两个或许更多的“维度”移动，依据不同场景，每团体不同的操作习气去设计）。

. 人造结构（探求一系列不明白或不时演化的主体，例如信息流，内容的散发机制） . 线性结构（书，文章，音像。

例如音乐类 App的音乐列表，书架） 4.4.4组织准则（哪些节点应该编为一组） 4.4.5言语和元数据（经常使用用户的言语和坚持分歧性） 4.5 团队角色和流程定义团队的角色和上班的流程 4.6 输入软件架构图，说明产品的结构，从命名规定和元数据的详细细节，到信息架构和交互设计的全体详情。

五：框架层 5.1 定义框架层用于确定用什么样的配置和方式来成功产品配置。

关键蕴含界面设计，导航设计，信息设计。

界面设计提供应用户做某些事的才干，导航设计提供应用户去某个中央的才干，信息设计可以传播想法。

要听从用户的经常使用操作习气，有效的经常使用比喻，缩小用户在“了解和经常使用”你的产品配置时对猜想的要求。

5.2 界面设计选用正确的界面元素，成功的界面设计是那些能让用户一眼就看到“最关键的物品”的界面设计。

5.3 导航设计遵照规范： . 提供应用户在产品内跳转的方法 . 必定产达出这些元素和他们所蕴含内容之间的相关 . 必定产达出它的内容和用户以后阅读页面之间的相关导航关键分为如下类： . 全局导航（全体的页面导航---一级导航） . 部分导航（二级，三级导航等） . 辅佐导航（二级三级之间可以跳转） . 友好导航（页脚） . 网站地图 5.4 信息设计关键经过火组和整顿的方式成功 5.5 批示示意用户在哪儿，用户能去哪儿 5.6 输入文档原型图（线框图）六：体现层 6.1 定义处置并补偿产品框架层的逻辑排布的感知出现疑问。

6.2 正当设计感知 3 忠于眼睛 . 最关键的信息突出显示 . 遵照一条流利的门路 . 为用户提供有效选用某种或许的疏导 4 对比和分歧性对比：将关键元素突出分歧性：将视觉元素的大小坚持分歧的尺寸。

5 配色打算和排版 6 设计分解品微格调指南（原型图和UI文档） 7 输入文档 UI规范及UI图七：总结剖析一个产品时，可以从这5个方面逐次启动剖析。

创立良好的用户体验最关键的上班内容是少量搜集无关待处置的十分纤细的疑问 1 了解你正在试着处置的疑问 2 了解这些处置方法，并作出比拟（或许发生的结果）