这个控件叫:Page Indicator/Page Controls/页面指示器

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。

Page Indicator(页面指示器,iOS规范称为Page Controls)是附着在轮播图、一组卡片或者页面的底部,用来表示页面总数量和指示当前停留的页面。通常由一组等距的小圆点组成,小圆点的数量代表页面总数,其中深色或实心的小圆点代表当前页面。 继续阅读这个控件叫:Page Indicator/Page Controls/页面指示器

支付宝设计团队的沉淀和分享(附支付宝官方Axure元件库下载地址)

蚂蚁金服(支付宝)团队沉淀和分享做得非常赞。
支付宝用户体验设计团队(AUX)于2016年10月出版《支付宝体验设计精髓》,总结12年工作经验,围绕AUX团队的设计实践深度展开近20多个主题,慷慨分享支付宝多年来在这些领域积累的丰硕成果。

《支付宝体验设计精髓》
《支付宝体验设计精髓》

当然出版书籍很多公司的设计团队都做过,这不称奇,接下来介绍的几个成果不仅是干货,更是造福同行的楷模。 继续阅读支付宝设计团队的沉淀和分享(附支付宝官方Axure元件库下载地址)

这个控件叫:Skeleton Screen/加载占位图

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。

Skeleton Screen(加载占位图)是近年流行的加载控件,通常表现形式是在界面上待加载区域填充灰色的占位图,与线框图的效果非常相似。Skeleton Screen本质上是界面加载过程中的过渡效果。 继续阅读这个控件叫:Skeleton Screen/加载占位图

这个控件叫:Segment Controls/分段控件(附录与Tabs的区别)

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。

Segment Controls(分段控件/分段选择器/分段选择控件)是iOS原生控件之一,Segment Controls是一组分段(segment )的线性集合,每一个分段的作用是互斥的,即点击某分段使之处于触发状态,那么同一个Segment Controls的其他分段将恢复正常状态,所以Segment Controls本质上是一个单选组件。横向排布所有选项,相比于下拉菜单( drop-down menu)有更好的可见性。 继续阅读这个控件叫:Segment Controls/分段控件(附录与Tabs的区别)

这个控件叫:A-Z index/字母索引导航

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。

A-Z index(字母索引导航)能将信息以首字母进行分类组织并提供导航。字母索引历史悠久,早在我们的实体书籍如字典、词典等就运用这种信息组织方式。正因如此,A-Z index是用户非常熟悉的一种导航方式。 继续阅读这个控件叫:A-Z index/字母索引导航

这个控件叫:Badge/徽标/小红点

鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。

「小红点」是这个控件在国内最通俗的称呼,正式的名称为「Badge」(徽标),Badge是指通常出现在图标或文字右上角的红色圆点、数字或者文字,表示有新内容或者待处理的信息。 继续阅读这个控件叫:Badge/徽标/小红点

腾讯创业时期的用户体验设计方法

一家创业公司能成长为大公司是非常不容易的,除了把握住了时代的机遇,还和创始团队聪明才智不无关系。恰逢腾讯创建18周年之际,腾讯做出赠送每位员工300股票的艳羡之举,著名财经作家吴晓波也同时发布了腾讯官方唯一的权威传记《腾讯传1998-2016:中国互联网公司进化论》[1]记录了腾讯的崛起,还原了腾讯每次变革的历史瞬间。正所谓一千个人心中有一千个哈姆雷特,我作为一位“交互设计哈姆雷特”,在书里看到的是腾讯从创业之初就对用户体验非常重视,在UCD方法论还没传播到中国前就做出了很多体验方面的成就。

继续阅读腾讯创业时期的用户体验设计方法

发散与聚焦——Design Sprint Workshop体验记

Design Sprint(设计冲刺)是由Google Ventures(谷歌风投)推广发展的一个为期五天的针对初创公司进行产品设计的流程方法。Google Ventures对各种类似的创业公司进行了100多场设计冲刺实践,取得了非常惊喜的效果,而且设计挑战越大,效果越好,一次成功的设计冲刺能决定一个初创产品的起步方向,甚至决定了创业公司的成败。我一直对这个高效率效果显著的设计方法很感兴趣,虽然阅读了谷歌风投团队著述的《设计冲刺:谷歌风投如何5天完成产品迭代》,也在网上看了不少资料,但是没有亲身实践始终不懂得这个方法的玄妙,恰好国内Design Sprint践行者设计冲刺社区(Design Sprint China,http://designsprint.cn/ )在北京举办Workshop,于是报名参加收获颇多,因此**依据自己的体会**,写下了本文。 继续阅读发散与聚焦——Design Sprint Workshop体验记

从功能逻辑到行为逻辑

由于上家公司融资失败大裁员,还没转正的我被迫加入求职大军,没有转正意味着也没有深入核心业务,拿着一些边缘小需求滥竽充作品集,果不其然面试的时候又(为什么我又会说’又’呢?)被面试官喷得体无完肤,有点点感悟和大家分享一下。 继续阅读从功能逻辑到行为逻辑

产品使用前的交互设计思路

“如果你是网易云课堂PC端的交互设计师,为了增加课程数量让你设计一个招募讲师来云课堂开课的功能,你会怎么进行交互设计?”网易云课堂交互设计微专业的阿智老师在课堂上这么问到。
如果是在我刚初学交互设计那会儿,我估计就会把腾讯课堂、百度传课等竞品先看一遍,把竞品做得好的地方根据需求借鉴拼凑在一起,这种拿来主义的方案是不是真的满足需求先不说,估计方案评审会都过不了,自己看着这些东拼西凑的方案讲设计思路会心虚。如果是在没听阿智老师的课之前我可能会一头钻到优化填写申请开课表单效率的坑里不能自拔,虽然填写表单是用户在使用功能过程中时间占比最高的页面,但是感觉少了些什么。
继续阅读产品使用前的交互设计思路