从7个案例分析：如何设计出色的动效

设计动效并不是一件复杂的事情，你只要在关键饿地方稍作调整，就可以提高动效的效果。本文从7个案例分析，帮助大家设计出色的动效。这篇文章希望通过7个GIF范例，给出一些做动效的实用建议。其实动效设计并不复杂，只需在关键之处稍微的调整，就能大大的提高动效效果。通过这些例子，能够发现状态之间的连续性，不同状态的相同元素之间的关联性，并且将用户的注意力引向他们应该注意和采取行动的事物

产品 2018年04月12日

外卖产品优惠券功能设计（三）

作者根据自己空想的一个外卖产品“来伊份”来设计用户分享红包，来主要讲讲优惠券所对应的信息结构、app内原型和部分红包H5的原型设计。为了更好的锻炼自己的产品技能，准备实际设计一个产品的功能。自己日常使用的最多、最熟悉的产品莫过于外卖软件，并且在下单后的红包功能也确实为自己带来了不少便利，所以这一次我准备为自己空想的一个外卖产品“来伊份”来设计用户分享红包。而本篇内容主要针对

业界 2018年04月23日

3个要点，教你设计好无限滚品

用户愿意浏览大量内容去寻找自己感兴趣的东西，用户会先关注内容再关注其他东西，而无限滚屏形式能让用户找到他们想要的内容。本文主要分析滚屏设计，一起进来看看吧~随着社交网络的流行，无限滚屏刷新feed流成为探索更多内容的一种必要的交互方式，如同Flickr、Facebook所做的。用户愿意浏览大量内容去寻找自己感兴趣的东西，用户会先关注内容再关注其他东西，而无限滚屏形式能让用户

用户研究 2018年04月24日

网站页面浏览时长≠停留时长 ：一文读懂差异了解最佳实践

网站页面浏览时长并不等于停留时长，所以在数据获取阶段，如果不能准确的获取到用户在某个页面的停留时长，那么对于后续结论也会产生一定的误导。从运营角度来看，用户在网站停留时间，反映了网站黏性。一般情况下，用户的需求与网站内容匹配度越高，页面浏览时间越容易聚拢在一个相对集中区间里，不会过短也不会过长。在评估网站推广效果时，若来自某推广渠道的访客页面浏览时间集中在很短的区间内，则意

业界 2018年04月24日

滚屏和注意力的眼动研究：用户的操作行为十年来变了吗？

虽然用户拉动垂直滚动条的次数比以前多了，但是新的眼动数据显示：用户对首屏内容的浏览量仍然远多于首屏以下。用户的行为是相当稳定的，可用性原则很少会随着时间而改变。但是，自web早期以来，有一种用户行为的确发生了变化，那就是滚动。一开始，用户很少垂直滚动，但是到了1997年，随着长页面越来越多，大多数人学会了垂直滚动。然而，首屏信息得到的关注仍然是最多的。即使是在2010年，我

用户研究 2018年05月02日

交互文档怎么写，才比较科学易读？

本文将着重介绍交互设计师的输出物–交互文档的相关细节，enjoy~在经历了互联网行业飞速发展的今天，行业步伐逐步减慢，互联网公司的架构和开发流程也随之日益完善，产品开发工作也变得具有了中国IT行业的独有特色和特有流程。从以前只有Leader+UI设计师+开发人员的扁平式开发流程，到现在的需求方+产品方+交互设计师（以下简称UX设计师）+UI设计师+运营/市场对接+开发人员的

产品 2018年05月12日

Aure 教程：和我一起设计简书 App

本文通过还原简书App原型的过程，进行了大量的交互设计。本文也将会分享实现这些交互效果的设计思路与方法，希望能够帮助到有需要的同学，在原型设计的道路上更上一层楼。本文通过还原简书App原型的过程，进行了大量的交互设计。在原型制作过程中，几乎实现了最常见的交互效果，主要包括：轮播图、换一批、table切换、滑动开关、分享、toast提示、计数、清空、排序、置顶，还有各类函数、

Axure教程 2018年08月16日

Aure 7高保真还原Web首页布局和交互教程

Axure是产品经理们最常使用的原型绘制工具之一，熟练掌握Axure会让产品经理在产品设计时事半功倍。笔者刚开始学习Axure时，常通过高保真还原一些现有的网页来提高自己的技能。下面将通过一个高保证还原一个真实实例来介绍Auxre的使用方法 ，涉及页面布局、页面交互等常用技巧。如果你刚刚接触Axure，熟练掌握本文的案例和方法，你的Axure使用技能突飞猛进。案例任务：使用

Axure教程 2016年04月11日

Electron初步【01】--主进程VS渲染进程&不同页面间共享数据

Electron使用了网页页面作为App的GUI，因此你可以将它看做是一个由JavaScript控制的一个小型的Chrome内核浏览器。主进程VS渲染进程主进程在Electron中，跑package.json里的主脚本的进程叫作主进程。在主进程里跑的脚本可以通过创建web页面的窗口来扮演GUI角色。主进程看起来就是一段脚本：const electron = require(

业界 2016年05月15日