单选按钮的用户体验设计

单选按钮作为表单系统的一个基本元素，它们被使用在当存在互斥的两个或多个选项而用户必须选择其中之一的时候。换句话说，点选某个尚未选中的单选按钮，之前的选择的哪一个就会恢复成未选中状态。正确的使用单选按钮会起到非常好的作用——它能够阻止用户输入错误的数据，因为它仅所显示的选项都是合法的，而且其本身有许多特性，比如能使用键盘切换并具有跨平台型。在这篇文章中，我们将概述从可用性测试

交互体验 2017年01月16日

APP 界面按钮设计：寻找最佳的形式和状态

文章给出涵盖各个平台上的按钮样式，为不同形式的按钮给出合理的使用建议，并深度讲解了按钮状态的重要性供参考。 按钮是一个普通的设计元素，不过我们基本每天或多或少接触他。除了这个，由于按钮是一个在网页或者app上创造流畅的会话流体验的必不可少的元素，所以它值得我们为按钮这样最基本的元素提供最佳的体验做出努力。为按钮做些最佳实践，让按钮看起来像按钮。想想如何达到设计沟通的可供性吧

产品经理 2017年01月18日

如何才能做出优秀的设计？

很多年轻设计师往往在设计好一套作品后都会邀请大神点评一下他们的作品，刚好最近我在Facebook的设计博客看到一篇文章，很适合这个话题，现在分享给大家。在Facebook的校招中，我们和来自康奈尔的一名实习生进行了一次交谈。在我们简短的互动中，我很欣赏他身上的一些点，因为他是一个非常具有自我意识的人。他和许多刚参加工作的应届生一样，都很好奇，作为一个设计师需要什么样的能力，

产品 2017年01月27日

系统地认识组件：组件设计总结

作者随设计组件进行了一些总结，满满的干货，希望对大家有所帮助。 Google的材料设计规范是每位设计师都需要了解的，作为西半球最牛逼的公司之一，Google聚集了世界上最优秀的设计大虫，为开发者制定了一套具有Google精神的设计规范。组件的规范使用就是其中很重要的一章，只要你用对了组件，谷歌的活力、阳光、理性就会从屏幕中迸发出来，感染到没有国界、种族、性别、年龄限制的理性

产品经理 2017年04月01日

微信导航菜单：动态面板的不同实现方式

动态面板是Axure里最重要的元件之一，一些稍微高级一点的原型，都离不开动态面板的应用，因此一定要掌握动态面板的用法。作为动态面板的使用场景案例，导航菜单、自动幻灯片和属性页是非常适合于用来理解动态面板的用法。我们以微信的导航菜单为例，看看如何使用不同的方式来应用动态面板，最终的交互效果是一致的。第一个例子不复杂，但常常被作为典型案例来讲解。内容区域+导航菜单作为一个动态面

产品经理 2017年04月04日

【译】设计更好按钮的快速指南

脱水版1、矩形按钮是用户非常熟悉的按钮形状。使用其他形状的按钮，要注意保持一致性。阴影能使按钮凸显，容易被用户识别。2、按钮上的文字应该意义明确，能够告诉用户这个按钮能做什么，或者点击后会发生什么。3、APP按钮的位置最好符合平台的GUI指导书。web端产品按钮的位置最好通过测试来确定。4、触摸屏按钮最小10mmX10mm，再小手指很难按准确。鼠标操作的按钮，尺寸可以减小。

产品经理 2017年05月03日

电商网站设计系列（3）——商详页改版设计的复盘思考

前段时间笔者主导了网站 wap 端的商详页改版设计，这次终于腾出时间来好好分析总结下。虽然从这个项目中能够获得的经验远远低于我的预期，但这个小项目多少也融入了笔者很多思考，当然其中有很多不足，在这里一并分享给大家，相互学习。本文会从以下四个方面分别阐述：Part1：项目背景Part2：项目目标Part3：目前现状&解决方案Part4：遇到的坑Part1：项目背景商详页改版设

产品 2017年06月11日

设计规范 | 详解组件控件结构体系：操作类

本篇文章是设计规范中的操作类，也是设计规范系列的第七篇，最近一直写这个系列，都写腻了，也没什么挑战性。继这个系列之后，我会写一些超有意思的文章，想想都好激动哦。由于涉及到操作类的组件控件实在太多太多了，我这里划分归类的是典型的同时和之前分组不重复。操作类一共含以下八类：底部操作列表 底部浮层视图 编辑菜单 底部工具栏 按钮 选择器 下拉菜单 文本框 依旧附上一张脑图，组件控

产品经理 2017年09月11日

Aure 系列教程（一）：抖音短视频中小元件的交互动效（下）

文章分享了抖音短视频中交互动效的制作方法，一起来学习下。第一章知识点1.1歌曲封面旋转效果1.2喜欢按钮交互效果1.3收藏按钮交互效果 1.4关注按钮交互效果 1.3收藏按钮交互效果1.3.1设计思考图形有两个状态，但是无法像心形形状一样通过填充颜色（选中效果）来实现两种状态的切换，所以我们需要借助动态面板来完成。我们为动态面板建立两个状态，状态一：未收藏，状态二：已收藏。

Axure教程 2017年10月10日

移动端的返回顶部悬浮按钮还需要存在吗？

返回顶部悬浮按钮解决了用户的什么痛点？它是否还需要存在？一、 返回顶部悬浮按钮的出现返回顶部悬浮按钮大家都不陌生，在pc端浏览网页的时候都会在右下角出现，方便用户点击后直接返回到顶部。产品功能都是为了解决用户的需求而出现的，返回顶部悬浮按钮也是如此。那么这个小小的悬浮按钮解决了用户什么痛点呢？纵向页面太长，用户重新回看顶部内容时需要较多的滚动。对页面顶部控件有需求，如搜索框

产品经理 2017年10月18日