类似的产品,做了同样的一个功能,但是,我们还是可以很明显的感受到不同,这种不同我们常常把他叫做「用户体验」。

来看看2组类似产品相似功能的设计:

  • 识别到歌名vs还可以滚动展示歌词

在很早的时候就存在一个需求,听歌识曲。于是早期有很多类似的APP,比如音乐雷达、shazam等。

后来,微信也做一个摇一摇识别歌曲的功能。

最早的音乐雷达只完成一件事,帮你找到这首歌的名字,这属于及格的产品;微信的摇一摇能做到帮你找到这首歌的名字,还能帮你定位到当前播放的位置,并继续自动滚动歌词,这属于优秀的产品。

  • 支付需要确认vs支付不需要确认

在很早的时候,支付宝做了手机端的支付流程,我们需要记住很复杂的支付密码。

后来,微信也做了手机端的支付,微信说密码应该延续实体卡片的6位数字,不需要那么复杂;微信说支付这个环节为什么需要确认呢?

支付宝的手机端支付流程,属于一个及格的产品;而微信的手机端支付流程,属于一个优秀的产品。

另外,大家注意对比这2个页面,从设计角度讲,支付宝的这个页面设计实在烂透了!

1、浮层标题栏的提示,微信更简单明了;

支付宝的标题栏,又是icon又是文字,怎一个乱字了得!这个页面是在支付宝APP中调起来的,这个时候还突出你的logo,想要表达什么呢?完全没必要啊

2、主信息展示区域,付多少钱,用什么方式支付,微信在信息的区分展示上处理的更好,而支付宝的这个设计,我经常会分不清楚那个364.00元指的是我的余额还是我要付的钱。

付多少钱与用什么形式付款,是2个不同的层级的信息,但是,支付宝的UI处理上,放在了一个层级上,给用户在信息的识别上增加了更多不必要的负担。

3、为什么要有确认按钮,为什么要有确认按钮,为什么要有确认按钮?

-- 重要的事情说3遍!

支付宝迫于微信的鸭梨,把密码修改为支持6位,但是,在设计上,还是没敢放开自己,一个需要确认按钮,一个不需要确认按钮,产品设计功底,高低立现,差的真心不是一丁半点。

ps:我们很多的产品经理,我们很多的设计师,在设计上非常的「传统」。比如,切换城市了不是在后台就自动完成,非要提示一下用户,还要用户确认一下。

产品经理对设计的认知变化,远远赶不上用户越来越懒越来越追求快的心智模型变化!

及格的产品vs优秀的产品的更多相关文章

  1. toB的产品经理和toc产品经理区别

    腾讯产品经理现身说法 曾经在UC做过2年to c的app,现在在腾讯做to b的产品. 做to c产品的时候,我很瞧不起做to b产品的同学,认为他们不过是做支撑的. 后来,我参与了一个to b平台级 ...

  2. IAAS云计算产品畅想-云主机产品内涵

    这里所涉及的主要还是狭义的云主机产品. 主要还是谈云主机产品中公有云产品与私有云产品相比赋予更多的含义: 产品广义理解:公有云主机的最大特点就是基础资源按需支付 从这一句话中可以体现出来两个含义: 产 ...

  3. 【产品设计】linux产品设计总结笔记

    Linux 预研产品设计   产品的目的: 1.综合集团内部重复性开发的工作,将多种操作系统统一到科东统一负责 2.明确技术在哪些设备上是可行的,再去拓展.一开始不做平台化产品 3.软件规划需要结合硬 ...

  4. 一文看懂B端产品和C端产品

    大纲 什么是B端产品 什么是C端产品 为什么会产生B端产品和C端产品 怎么判断一个产品是B端还是C端 B端产品和C端产品存在哪些差异 C端产品经理如何向B端产品经理转型 写在最后   什么是B, Bu ...

  5. 有感,懂市场比懂产品重要,懂产品比懂技术重要——想起凡客诚品和YY语音了

    一个创业公司,最好三样都要有,但应该CEO是懂市场,经理懂产品,程序员最好懂技术厉害一点-这还不算,销售也要厉害一点,不能守株待兔- 美工——有钱最好请个美工,最起码也要请人设计修改一下- 财务——不 ...

  6. 第三阶段:3.Web端产品设计:5.产品设计-视觉设计

    视觉设计主要在表现层. 色彩心理产品经理可以也是应当掌握的.什么颜色的选择都是有理有据的. 信息清晰度. 比如这个图:当用户操作出问题,谷歌会给出问题同时给出解决方法. 视觉动物. 2/8分布原则.用 ...

  7. 第三阶段:3.Web端产品设计:3.产品设计的层次

    一般淘宝购物的五个流程:浏览对应表现层,搜索对应框架层,产品页面对应架构层,确认对应范围层,付款对应战略层. 从具象到抽象.但是我们做产品都是从抽象到具象,而用户使用产品是从具象到抽象. 各个层次之间 ...

  8. 第三阶段:3.Web端产品设计:4.产品设计-交互设计

    交互设计主要做框架层以及结构层.包括交互关系,信息结构,界面布局,导航设计,信息内容. 导航关系非常重要. 这是框架层. 这是结构层. 要素就是信息内容.

  9. 一位资深开发的个人经历 【转自百度贴吧 java吧 原标题 4年java 3年产品 现在又开始做android了】

    楼主2007年从一家天津的三流大学毕业.毕业前报了一个职位培训,毕业后可以推荐工作.因为推荐的公司都是北京的,所以就来北京了. 找了一个月工作,没有找到要我的,就在出租屋里宅了起来,打着考研的旗号,又 ...

随机推荐

  1. lvs中dr模式配置脚本

    1 dr模式介绍 1.1 lvs的安装 安装具体解释:http://blog.csdn.net/CleverCode/article/details/50586957. 1.2 lvs模式 lvs有三 ...

  2. Win 10最大的亮点不是免费而是人工智能

    7月27日,日本知名作家Manish Singh发表文章.题为"Eight Reasons Why You Should Upgrade to Windows 10",文中例举下面 ...

  3. iOS 报错:(子线程中更新UI)This application is modifying the autolayout engine from a background thread after the engine was accessed from the main thread. This can lead to engine corruption and weird crashes.

    今天在写程序的时候,使用Xcode 运行工程时报出下面的错误错信息,我还以为是什么呢,好久没遇到过这样的错误了. **ProjectName[1512:778965] This application ...

  4. 关于webpack插件

    1.HtmlWebpackPlugin 插件 这个插件的作用是依据一个简单的index.html模板,生成一个自动引用你打包后的JS文件的新index.html.这在每次生成的js文件名称不同时非常有 ...

  5. 1.boost库的安装

    一.前言 好好研究下大名鼎鼎的Boost库. 二.Boost安装 2.1Boost官网下载Boost最新版Version 1.55.0 2.2将下载压缩包解压到本地 解压后可看到目录下有个bootst ...

  6. CSS 奇技淫巧

    用button实现垂直水平居中对齐 http://www.baidufe.com/item/113ce1894da2b5203669.html “今天同事在群里分享了一个特牛叉的前端小技巧:用butt ...

  7. CUDA笔记(六)

    dim3是NVIDIA的CUDA编程中一种自定义的整型向量类型,基于用于指定维度的uint3 忽然发现需要再搞多机MPI的配置,多机GPU集群.好麻烦.. 这两天考完两门了,还剩下三门,并行计算太多了 ...

  8. 《剑指offer》数值的整数次方

    一.题目描述 给定一个double类型的浮点数base和int类型的整数exponent.求base的exponent次方. 二.输入 double base, int exponent 三.输出 b ...

  9. Future模式 总结

    future模式解决异步代码的组织(混入)问题: 类似的解决方案: 1.网络响应的block: 2.SDImageview的自组织.代理模式: 3.顶层响应机制的协议机制:

  10. JVM监控工具介绍jstack, jconsole, jinfo, jmap, jdb, jstat(复制)

    jstack -- 如果java程序崩溃生成core文件,jstack工具可以用来获得core文件的java stack和native stack的信息,从而可以轻松地知道java程序是如何崩溃和在程 ...