加入收藏 | 设为首页 | 会员中心 | 我要投稿 威海站长网 (https://www.0631zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长资讯 > 传媒 > 正文

效率提高十倍,Puppeteer 如何启动交互模式?

发布时间:2021-02-02 11:58:31 所属栏目:传媒 来源:互联网
导读:但实际上这个新故事发布页面属于非native原生的H5页面,是由前端铁汁操刀的,实现起来并不像原生页面可以直接设置默认背景色。这种时候很多技术铁汁选择直接忽略这个问题去开发,或者直接告诉你进页面的时候会有一道白闪,巴特,解决不了。接下来设计师们很

但实际上这个新故事发布页面属于非native原生的H5页面,是由前端铁汁操刀的,实现起来并不像原生页面可以直接设置默认背景色。这种时候很多技术铁汁选择直接忽略这个问题去开发,或者直接告诉你进页面的时候会有一道白闪,巴特,解决不了。接下来设计师们很多也会选择返工重改白色版本。

但更高效且高质的解决方法建议大家先看下竟品和自身app里是否有同样情况解决问题的案例,抽出来摆在他们面前就会比较有说服力,通常情况下不是特别难搞的他们也会争取搞定,你也减少了返稿,保障了用户的体验。

这里很多铁汁可能会说,和他们bibi半天也许最后的结果还是得改稿子,还不如我直接改了来得快。因此这个问题就又回到了第一点,你得先了解你合作方/需求方的秉性,在决定效率优先的前提下这个沟通是否有必要,且控制在多长的沟通时间范围内是性价比最高的。

竞品分析用好了是AK47瞄准镜

很多铁汁想知道该用什么样的方法论去控制自己的输出,好达到专业规范且能很好说服他人的目标。其实无论是分析需求优先级的kano模型/大项目问题挖掘的双钻模型/尼尔森十大交互原则还是设计排版的那些格式塔原理,在做真枪实战中你会发现它们就像一个上真战场厮杀的战士带了把华丽的歌舞剧假刀的感觉。

这个原因很简单,因为他们都是通用方法论。实际工作中我们遇到的项目通常紧急且各有不同的诉求,而通用方法论只是我们的一种知识储备,在我们上手设计时会对我们的设计产生基础的正向引导,帮我们规避一些低级的体验错误,比如莫名其变的交互手势设计or和WCAG色值对比度偏差很大的视觉设计。

但如果我们想要最快速精准的对症下药,那核心武器只有一个——做竞品分析。这里的竞品不是说和你家产品一模一样商业模式的才算,哪怕你家是0-1的产品创新,没有垂直类竞品可以参考,也可以挖掘到很多相似的同类竟品分析细节。

在分析竞品的ui和交互的同时你可以快速get到被验证过的设计方案,还可以补充很多“不成文的”经验,比如为什么有的细节大家都是这样的设计,去度娘搜索一下原因,保证你的经验值又增加了1个百分点。同时拿线上产品多次试验过的经验来做方案参考是相对风险性低的一件事情,这个对于产品和技术也有一定的说服力。
 

那么我们先快速过一遍prd原型,超过3个核心页的明显体验改动,外加上N种小细节状态以及三级页。基本我们可以判定它属于一个中型量级的页面,排期紧急的话大概在3天左右。从原型上看,应该会涉及到交互/ui/运营推广设计/前端+开发这种人员组合。

那么在明白了人员配置之后,需要申请运营推广设计组帮忙设计的部分就需要提前告知给相应的负责人进行提前排期,而对于一部分页面的具体实现方式在不确定的情况下提前和对应技术铁汁沟通。

再举个例子,这里我们希望延续在app里面沉浸式黑色面板的体验,所以新发布的故事也希望做成和常规白色不一样的深色面板。
 

这里重点要说(重新说一下)两个概念回流和重绘:

  • 当render tree中的一部分因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)。
  • 每个页面至少需要一次回流,就是在页面第一次加载的时候。
  • 在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新绘制受影响的部分到屏幕中,该过程成为重绘。
  • 当render tree中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,比如background-color。就叫称为重绘。

(编辑:威海站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读