页面

用严谨有序的方式进行产品设计,只需三步走!

当我们在进行互联网或系统产品设计时,大多数产品经理都明白产品创意和交互设计的重要性。但是,如何将一个优秀的产品创意变为真正的产品,以何种方式体现交互设计之美,我们必须以严谨有序的方式进行产品设计。在To B产品,特别是后台产品的设计工作中,即使这些产品通常逻辑比较复杂,但仍能遇到产品经理接到一个需求任务,上来就开始画原型,做交互,乐此不疲。事实上,这种工作方法常常是不可取的

画龙点睛!25款活泼大气的粉色系网页设计

当我们谈及粉色的时候,常常会同女性联系到一起,但是如果你观察的足够多的话,会发现这并非是普遍规律。的确,粉色常常会让人联想到诸如棉花糖这样的绵软可爱的物件,这也使得粉色在绝大多数场景下很少见到,这样一来,一些有趣而独特的网页会将粉色纳入到设计当中来,将它俏皮、活泼的一面展现出来。当然,不同类型的粉色能够传递出不同的情绪,从明艳的粉色到樱花盛开的色调,给予人的感受是截然不同的

滚屏和注意力的眼动研究:用户的操作行为十年来变了吗?

虽然用户拉动垂直滚动条的次数比以前多了,但是新的眼动数据显示:用户对首屏内容的浏览量仍然远多于首屏以下。用户的行为是相当稳定的,可用性原则很少会随着时间而改变。但是,自web早期以来,有一种用户行为的确发生了变化,那就是滚动。一开始,用户很少垂直滚动,但是到了1997年,随着长页面越来越多,大多数人学会了垂直滚动。然而,首屏信息得到的关注仍然是最多的。即使是在2010年,我

运营优化的秘密武器:重新认识热图的力量!(上)

在这个分为上下两部分的文章中,我将详述今天的热图分析有哪些革命性的变化,又应该如何应用,以及(用案例说明)能产生哪些激动人心的效果。过去,很少有人真正使用热图。热图看起来很直观,但是使用起来却没那么容易——过去,数据显示的不准确是一个重要原因;现在,热图分析的对象——网页、APP的screen上的互动也日益变得更加复杂,所以绘制热图的技术难度又比过去困难太多。这使我一段时间

案例复盘:浅析数据统计 APP 的制作思路

作者根据自身的经验,描述了自己制作一款产品的主要过程,从中总结了一些经验方法与大家分享。无论是C端还是公司内部用户,都可能会有数据统计的需求。我个人认为,单从产品层面上看,数据类的需求其实并非需要特殊的思路去解决,仍然和其他解决需求时的方法一致。唯一区别在于内容交互、布局方面,数据内容与其他图文内容的不同,大多体现在突出数据的查阅体验。去年时做了一个公司内部数据统计的APP

电商后台产品设计:页面动态配置(CMS 系统)(一)

本文提供了CMS系统的产品设计思路,落到实际项目中,还需要权衡实际需求和自定义配置程度之间的关系。这两天3.8妇女节,各大电商又开始不断推出促销活动,借势营销。电商平台仿佛不愿意放过任一个可以作为营销话题的日子,不断推陈出新。经过10多年的电商经验积累,现在做起活动来游刃有余,丰富多样。下图是我从淘宝、京东上取的两个活动页面,可以看出页面自定义程度很高,美观大方。另一种叫法

Aure RP基础篇:变量OnLoadVariable的简单应用

主要讲的是如何将页面A的数据,传递到页面B,这种交互场景用户经常用到的有:搜索,登录。写这个教程目的是交互设计师在设计原型时能提高真实度,便于评审时项目组的理解,同时也方便在做用户调研、使用demo时更接进真实场景。简单点就是有助于减少沟通、解释成本。先看个场景:在百度中输入”Axure”。 出现结果页面如下:   “Axure”被带到了结果页面上方搜索框中,便于用户确认或

APP常见的几种刷新类型

内容刷新主要是为了消除因时间间隔造成的内容或状态不一致,通过刷新可以推送较新的内容。刷新可以分为分为手动和自动两种,自动刷新就不需要累赘了,进入页面之后,app自动与服务器提交一个请求,如果有内容更新就会自动推送过来,然后页面再自动更新内容。但是有时候,比如说页面自动刷新太慢或者在浏览过程中需要刷新内容,用户就会使用到手动刷新的方式。移动端的手动刷新一般为下拉刷新(得益于t

Aure RP基础篇: 实现循环显示效果的两种方法

如何用Axure实现循环显示效果,本文收集了两种选择,可以通过I) 中间件实现(无刷新、无变量页面滚动实现方法),II) 重新加载当前页面来实现。下面将分别简单介绍。I) 中间件实现(无刷新、无变量页面滚动实现方法)1、在实现触发自动播放的动态面板时,如果触发和实现在同一个面板的话,效果很不好,于是需要添加一个辅助的动态面板,将之命名为“辅助”;[br][br][br]2、

原型设计|从三个方面,系统地画原型

在刚进行原型设计的时候,不具备系统的思考框架。往往缺少某步操作流程、页面,控件或者是没思考好用户的需求及页面设计的目的,或是整个页面在用户体验上十分粗糙。那如何从哪些方面系统地去画原型?在实践与学习之中,我个人总结为3个步骤。下面贴出我的思维导图: 一、需求首先,需求,即什么人在什么场景下为了什么目的使用什么功能 。这里要注意要 综合用户和我们的需求 ,并将其融