按钮

巧用音量原理,打造优秀的引导体系

好的交互体验,会恰到好处地运用“音量”来描述元素功能,帮助用户识别功能信息。“这里需要更多的引导。”你知道作为一名设计师,这句话我听过多少遍吗?对于一个设计,缺乏恰当的引导是非常糟糕的。我坚信一句话:“处处引导,等同于没有引导。”这句话听上去是不是很熟悉?随着时间推移,我慢慢发现,对于产品设计中的层级关系和优先级的理解的匮乏,是一种通病,我们可以把这种情况用现实生活中的声音

Aure教程:腾讯新闻按钮,如何一键上天?

在一些新闻网页上,到第二屏时,会有返回顶部的按钮,那么这样的原型效果,如何利用Axure实现呢?当我们浏览腾讯新闻网页滚动到第二屏时,这时网页的右下角会出现返回顶部按钮,点击按钮页面迅速回到第一屏位置。那么这样的原型效果,如何利用Axure实现呢?下面将为大家详细讲解制作步骤。 一、准备好元件素材首先我们需要搭建一个页面,这里我们摆放七个矩形框用来表达网页的内容栏目,多摆放

APP上导航如何用Aure画出来?

上导航是每个APP必备的功能模块,看似画起来很简单其实里面也有不少门道。之前的文章已经讲解了APP常见功能中的页面模板、下导航、列表页怎么画出来,这篇文章讲解上导航,请继续关注浪子教你画APP原型后续的其他功能模块。本文主要从上导航的元素构成、常用交互、演变3个角度来给大家讲解如何画上导航的原型。上导航由哪些元素构成上导航一般包含了页面标题,左按钮,右按钮等内容。那么PM使

为吸引用户而存在:界面中CTA按钮的设计有何讲究

今天的文章,我们来就来简单探讨一下CTA按钮的相关问题。enjoy~APP和网站这样的数字产品中所包含的有效的交互系统,通常是由包含不同任务和功能的小元素组合到一起的。想要让整套交互系统无缝顺畅地运行起来,细节的把控是非常有必要的。在诸多的交互控件当中,按钮是最常见,也是最核心的交互元素之一,它的概念源自于现实世界,它存在的历史几乎和GUI的历史一样长。按钮设计得好不好,对

在按钮置灰时,该如何提供给用户反馈?

给予用户即时反馈是交互设计中十分重要的一个原则,那么在按钮置灰时,该如何给用户提供反馈呢?通过本文一起来看看。给予用户即时反馈 是交互设计中十分重要的一个原则。它是关于系统如何即时有效地应对用户进行的操作的设计。当用户进行操作时,给予即时、恰当的反馈非常重要。一个简单的例子就可以说明这一点:当你的电脑死机的时候,不论你点什么,电脑都不会有任何反应。系统没有了反馈,用户的

Keep APP产品需求文档(PRD)

前段时间对蚂蜂窝自由行APP进行了倒推,并撰写了《蚂蜂窝自由行APP产品需求文档(PRD)》一文,很多热心网友在评论区向我提出了很多建议,笔者在此先向各位致谢,并将在本文中进行优化。就Keep这款APP而言,就算您没用过,应该也听说过,毕竟它盛名在外,因此分析并倒推Keep这款APP,对于细节的推敲和产品的考究其实很有益处。本文除试写Keep的PRD之外,也对Keep的一些

看似简单编辑器,其实并不简单

编辑器是内容类社区产品必不可少的组件。对于编辑器的选型,很多人认为直接找个开源的就行了。其实事情并没有那么简单。我们的产品是一个面向研发技术人员的内容类社区。内容类社区有两类用户:内容生产者、内容消费者。编辑器是产品和内容生产者之间的关键触点,其重要性不言而喻。在编辑器选型时,我们发现用户习惯于使用office系列软件写文档。于是选择了一款风格接近于office软件的在线富

设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)

交互设计之父阿兰·库珀说过这样一句话: “除非有更好的选择,否则就遵从标准” ;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,姑本文将分为上下两篇来发~一、费茨定律(Fitts’ Law)

虚拟按钮设计:真的还要怀疑它的价值吗?

逻辑上,虚拟按钮可能并不适合于Web设计;然而对用户来说,可能并不是那么回事。尽管是一个设计细节,但按钮设计确实起着举足轻重的作用。按钮是用户访问的最重要入口,也是转化的触发动作。如果在按钮设计上有明显的败笔,那基本要和老板说再见了。尽管我们对全局按钮的设计已经有了很好的理解,但有时,仍会诧异于某些非常规按钮的巨大作用,比如虚拟按钮。虚拟按钮并不神秘,尽管听起来怪怪的(Gh

蚂蜂窝自由行APP产品需求文档(PRD)

本文作者结合自己对于蚂蜂窝长达6年的产品体验,书写出了一份详细的产品需求文档,希望可以给你带来一定的启发,enjoy~目录:1.文档综述1.1 版本修订记录1.2 PRD输出环境1.3 产品介绍1.4 需求整理2.产品结构2.1 产品结构图2.2 产品信息结构图3.全局说明3.1 功能权限3.2 键盘说明3.3 页面内交互4.产品详细功能说明4.1 常用操作4.1.1 常用