F 型浏览模式：设计一个良好的视觉层级结构

本文将引导您了解F型内容布局的原理，它是如何工作的，以及如何应用到设计中？什么是F型浏览模式以及它的工作原理？F型浏览模式：当阅读内容区块时，一种最常见的用户眼睛扫描模式。F(Fast)指的就是快速浏览。F型浏览模式阐述了用户是如浏览内容。在短短几秒内，他们的眼睛以惊人的速度扫过你的网站页面。该阅读模式由NNGroup的眼动追踪研究而被推广普及，在这个研究中记录了超过200

产品经理 2017年04月09日

大公司里的“小产品”设计：淘宝 APP 之卡券包首页的改版设计过程

对于“小产品”的设计师来说，除了熟练“套路”以外，可能还需要多一点耐心和对用户的敬畏之心。从体量上来看，卡券包是略“小”，而站在用户体验的层面上来看，手机淘宝这个庞然大物，所有“大大小小”产品的体验总和才是他的全貌。大公司里有很多“小产品”，手机淘宝里的卡券包就是。卡券包是手机淘宝用户的权益仓库，存储着用户在平台内获取的众多权益，比如店铺优惠券、红包、会员卡等。本文男主，在

产品经理 2017年04月07日

通过空值页赋予产品灵魂：以沪江网校 App 为例

从2016年9月开始，沪江网校App默默地更新了一批空值页，以小树苗为原型的拟人化形象开始出现在每一个内容为空的页面，拉近沪江网校与用户之间的距离。为什么要更换空值页？空值页，简单来说就是无内容或者错误情况下出现的空白状态，能够在操作异常时给予用户反馈，或者提示用户添加内容。这类页面出现频率较低，容易被忽略。网校设计团队的小伙伴们在重新审视App中的空值页后，发现旧版的空值

产品经理 2017年04月07日

iOS 和 Android 规范解析：底部浮层（上）

Google Material Design设计规范和iOS设计规范中，都有从底部向上出现的浮层组件。在Android中，是底板（Bottom Sheet）；在iOS规范中，是上拉菜单（Action Sheets）和活动视图（Activity Views）。由于内容较多，本文介绍MD中的底板组件；iOS中的两个组件，将在下一篇文章中进行介绍。Google Material

产品经理 2017年04月07日

电商后台设计：运费系统设计

对于入驻商家而言，不完善的运费设计往往也并不实用，大概率直接放弃使用，反而用商品补邮费差价这种“原始”形式。运费是电商的基础功能模块之一，承担着商品运输费计算的作用。运费算不算的明白直接影响价格，自己见过多款初期电商产品因为不完善的运费设计，导致商品在列表页的标价过高，或者在订单中重复计算或少计算运费。无论以上何种情况，都直接影响电商产品的核心体验-购买。对于入驻商家而言，

产品经理 2017年04月10日

漫谈 Facebook Awards 的新分类

昨天收到邮件，得知 Facebook 最近开始为 2017 年的「Facebook Awards」征集广告作品，并且以「Laugh, Cry, Love, Wow and Act」作为分类。不同于大部分广告节，Facebook 也明确公布了他们的评选标准。对于 Laugh、Cry、Love 和 Wow 类别，评估的角度和权重分别是创意（40%）、使用 Facebook 广告

产品经理 2017年04月10日

从网易的杭州红说说我印象中的网易（8）

5.2 千千静听前一段时间曾经跟周围的学生谈起音乐播放软件的事情，我提到了Winamp，结果几个学生都是面面相觑，然儿当我提到“千千静听”的时候，这些学生纷纷留出了然的样子，看来对80后和90后来说，带着他们走向数字音乐大门的应用是“千千静听”。这里还是带着大家八一八“千千静听”的发展历程。当然“千千静听”发展历程的起点还是要从“Winamp”说起。前面说到了Winamp被

产品设计 2017年04月10日

译文 | 开始 VR 界面设计吧

前言：实践指导性的内容对于刚开始了解的人来说很有帮助，作者想要将传统的UI或UX的设计流程和方法论应用到VR设计这个观点值得关注，同时作者也发表了一些对于以后的VR从业者、公司和未来领域的发展观点。下面是译文： 虚拟领域对于许多设计师而言是一个未知领域。在过去的几年里，我们见证了VR（虚拟现实，virtual reality）硬件和应用的繁荣。VR体验从平凡变得令人惊奇，体

产品经理 2017年04月10日

个性化推荐

第一部分：简单了解个性化推荐系统如今已经进入了一个数据爆炸的时代，随着 Web 2.0 的发展， Web 已经变成数据分享的平台，那么，如何让人们在海量的数据中想要找到他们需要的信息将变得越来越难。在这样的情形下，搜索引擎（Google，Bing，百度等等）成为大家快速找到目标信息的最好途径。在用户对自己需求相对明确的时候，用搜索引擎很方便的通过关键字搜索很快的找到自己需要

产品经理 2017年04月10日

译文 | 动画进度指示器的最佳实践

系统状态的可见性是用户交互设计最重要的原则之一。在使用系统时，用户想要感觉一切都在掌控之中，这意味着在任何特定时间下，他们想要知道并了解他们当前的处境，尤其是在系统正处于繁忙状态时。当系统在处理或者加载进程时，一个等待动画进度指示器是向用户展示系统状态最为常见的形式。（这里有一部分关于Adobe XD的介绍，不翻译了，并且附上了下载地址）在这篇文章中，我们将探讨动画进

产品经理 2017年04月10日