设计师还需要会看数据

曾经我们听到设计就联想到广告、创意、文案,认为一枚出色的设计师只具备了一定的设计天赋和直觉就可以。众所周知,互联网的发展速度简直太快了,大数据时代连设计都要依靠一定的数据分析,设计不再是主观的。用户体验设计中,图片显示多大,什么字体、什么颜色来呈现都需要多次验证。数据决定了产品应该有的功能和表现。比如今天的苹果、Google,他们一定程度上都需要依赖数据分析,不仅仅是依靠设计师自身的直觉就决定产品的设计和呈现方式,而是反复推敲了几百次或者几千次以上。


那么设计师需要看懂哪些数据分析?
1、同一个界面,不同模块的点击量对比,用户黏性(PV/UV)对比
对于某个功能点,如果我们希望用户经常使用、喜欢使用,这个时候需要关注的有 点击量、用户量、用户粘性 。
2、层级由浅及深,每一层级的PV和UV ,看用户在不同层级的转化率/流失率
如果每个层级的流失率高,是否因为操作流程太复杂?这就需要交互设计师去分析具体原因了。
3、某个操作流程,最终的成功和失败的比例
前面各个层级的转化率综合决定了最后的成功率,所以如果要提高这个指标,需要将各个层级都分析透彻,挖掘问题所在。


以上是设计师最基本要看懂的数据分析,但是设计还要去用自己的直觉去“调和”数据表,因为AB测试并不是万能,我们只是通过AB测试区选择出一种数据表现最好的,但是这种方式容易让我们产生依赖,反而会忽略其他地方,比如低质量的产品等。小编最近在我们的直播群里也有用户反映到:大部分的设计师在项目开始时不重视数据分析,认为设计稿就是设计师的能力体现,看不懂数据这些环节就没有参与进去,这样反而阻碍了自己进阶为高级设计师的道路。设计师不但要看懂数据,还要不停地用数据去补充自己的不足,使自己的直觉越来越灵敏。设计师一般是为了更好的的用户体验,所以很多时候也要懂一些大众用户的一些行为,可以多看看逻辑学,色彩心理学等,帮助我们更好的了解用,因为创新的点子往往不是来自数据。举个例子,手机滑动解锁就是直觉式的交互设计,这个交互设计会很快在用户的大脑里勾回成留下痕迹、越发的本能,如果没有这创新式的设计,手机的体验也不会这么好。总结一句话:直觉与看懂数据一并重要。


本文来自公众号:IXDC(ixdcorg)
ReactReact Native 中,`setState` 的调用会触发一系列内部机制来更新组件的状态和视图。尽管两者在机制上有很多相似之处,但也存在一些关键差异。 ### 更新状态对象 当调用 `setState` 方法时,ReactReact Native 都会将传入的新状态对象与当前的状态对象进行合并,生成一个新的状态对象。如果新的状态对象与旧的状态对象在浅比较下是相等的,那么框架会认为状态没有发生变化,并跳过后续的更新操作。如果状态确实发生了变化,那么新的状态对象会替换掉旧的状态对象,并触发组件的更新过程[^2]。 ### 虚拟 DOM 与 Diff 算法 在 React 中,状态更新后会触发组件的重新渲染,React 会根据新的状态重新计算组件的虚拟 DOM 树。然后,React 使用高效的 diff 算法将新的虚拟 DOM 树与旧的虚拟 DOM 树进行比较,找出两者之间的差异。这些差异会被高效地应用到真实的 DOM 上,实现最小化的 DOM 操作,从而提高性能[^2]。 React Native 的情况略有不同,因为它并不直接操作真实的 DOM,而是将更新应用到原生组件上。React Native 使用虚拟 DOM 来跟踪 UI 的变化,并通过 JavaScript 到原生的桥接机制将这些变化传递给平台相关的原生组件,如 Android 上的 View 或 iOS 上的 UIView。这种机制允许 React Native 在不同平台上提供一致的用户体验[^1]。 ### 异步更新与批量处理 ReactReact Native 都支持 `setState` 的异步更新,这意味着 `setState` 调用不会立即更新状态,而是将更新操作排队等待执行。这样的设计可以提高性能,因为它允许框架将多个状态更新合并成一次性的更新操作。如果在一次事件循环中多次调用 `setState`,后面的调用可能会覆盖前面的调用,因为它们会在同一批处理中被集中处理[^3]。 ### 获取更新后的状态 由于 `setState` 是异步的,因此不建议在调用 `setState` 后立即访问 `this.state` 来获取更新后的状态。如果需要在状态更新后执行某些操作,应该将这些操作放在 `setState` 方法的第二个参数中,这是一个可选的回调函数,在状态更新完成后会被调用。 ### 示例代码 下面是一个简单的示例,展示了如何在 `setState` 后执行回调函数: ```javascript this.setState({ count: this.state.count + 1 }, () => { console.log('State has been updated to:', this.state.count); }); ``` 在这个例子中,当状态 `count` 更新完成后,提供的回调函数会被执行,并打印出最新的状态值。 通过上述机制,ReactReact Native 提供了一种高效且灵活的方式来管理组件的状态和视图更新。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值