这个控件叫:Stepper/步进器

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

Stepper(步进器)由一个增加按钮、一个减少按钮和一个由按钮控制的数值组成。每次点击增加按钮(或减少按钮)数字增长(或减少)的数量是恒定的。

Stepper

阅读更多

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

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

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

阅读更多

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

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

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

当然出版书籍很多公司的设计团队都做过,这不称奇,接下来介绍的几个成果不仅是干货,更是造福同行的楷模。

阅读更多

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

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

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

阅读更多

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

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

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

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

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

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

阅读更多

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

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

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

形态各异的Badge(徽标)

阅读更多

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

1609071073212

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

阅读更多

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

以往设计流程与Design Sprint对比

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

阅读更多