产品设计失败的案例.pdfVIP

精品文档 你我共享 产品设计失败的案例 【篇一：产品设计失败的案例】 设计失败的案例 2015/11/19 阅读 1.2 万 评论 13 收藏 329 零基础学 产品， bat 产品总监带， 2 天线下集训 +1 年在线课程，全面掌握优秀 产品经理必备技能。 最近在做产品设计时，遇到了一个非常典型的设计失败案例。这个 案例反应了一些老生常谈的问题，我觉得非常有意思。 我的原型图中，采用了最简单常用的布局方式，而 ui 设计师拿到需 求以后，觉得这样做实在死板，想做一些和其他竞品的差异化。所 以，将视频封面放在了右边，视频标题、主播名称、点赞数放在了 左边。当效果图出来时，我第一眼感觉是漂亮，精致，整体效果非 常不错。领导看了以后，也觉得视觉效果很棒。于是，效果图一稿 便通过审核，步入开发。 然而，在开发完成以后，我看着手机上的测试版，效果并不尽如人 意。首先，成品并没有效果图那么漂亮。在仔细对比后才发现，原 来效果图漂亮的原因，很大程度上是因为摆放的图片非常漂亮。而 实际产品中的主播，并没有那么好看。这导致了看到实际产品后， 有较大的落差感。 所以，建议 ui 设计师在出效果图的时候，尽量摆放产品真实的内容 图片。效果图并不需要做得有多漂亮，而是需要在产品开发前，模 拟产品的真实样子，保证产品内容在最差的情况时，依然能有良好 的视觉体验。 除了视觉落差感以外，我在深度体验产品时感觉到有些别扭。所有 该显示的信息都显示出来了，那别扭的问题一定是出现在布局上面。 我开始翻看竞品，想寻找问题所在。 拿 yy 神曲的页面来说，虽然信息比较多，显得有些杂乱，但是并没 有别扭的感觉。那为什么信息左右调换位置，就会产生别扭的感觉 呢？ 我开始寻找将图片右置的相关产品，比如：今日头条、 zaker 、一点 资讯、央视新闻、腾讯新闻等。看完以后，发现采用这种布局方式 的，大多是新闻类的 app 。 于是，我第一次开始深入地分析页面布局问题。 首先分析：为什么新闻类的 app 的图片要放在右边？ 腹有诗书气自华 精品文档 你我共享 如上图所示，每条信息的元素有：新闻标题、新闻来源、点击次数、 热度以及新闻图片。 那这些元素对于用户来说，优先级是什么样的呢？首先，拿新闻来 说，标题的优先级是非常高的，用户判断是否看这个新闻的第一元 素通常都是标题。这是很早以前用户阅读报纸时就养成的习惯。基 于这个原因，新闻类 app 标题的优先级大于图片的优先级是没有问 题的。 那现在回过头来再看看我自己的 app ，分析一下用户的阅读顺序。 首先要说的是对于秀场类产品，图片绝对是第一视觉焦点。用户筛 选信息，绝不会逐字逐句浏览，而是大脑进行关键信息检索，过滤 次要信息。用户 “第一视觉区域 ”是没有问题的，用户第一眼看这个 页面肯定是被此区域吸引。接着用户扫视 “①版块分类 ”的标题栏后， 下面重点来了。 用户视线会扫描整块信息条，图片肯定是第一优先级的信息，用户 通过图片来判断： 足够吸引，点击进入；有点吸引，需要查看此视频的其他信息来判 断；完全不吸引，跳转下一条信息。抛开第一种情况，当用户觉得 此视频封面是自己稍微感兴趣的东西，那么用户需要阅读其他信息 来确定自己是否喜欢。此时用户的视线由 “②视频封面 ”跳转到 “③视 频标题 ”然后向下扫视其他 “④次要信息 ”。如果在判断此视频自己没 兴趣后，用户会继续向下扫视，焦点又会跳到下一条信息的 “⑤视频 封面 ”。然后重复以上路径，循环扫视。 最后导致的结果就是：用户以从