你的产品鸡肋了吗?

如何保证自己的产品不成为鸡肋,除了成功的商业模式外,只有高频次的使用才能保证用户忠诚度,延长产品生命周期。所以,好的用户体验也就成为了其中非常重要的致胜王牌。

本文内容来源:微信投稿
作者:阿福AFu
微信号:阿福AFu

欢迎有相关 UX/UI相关文章可以投稿到 admin@iamue.com 或 微信给 Hello_WangSir

红海 VS 蓝海

我们都知道,红海市场代表现今存在的所有产业,因为竞争激烈、残酷,又招招见红才被称为“红海”,与之相对的就是蓝海。当互联网、智能手机与电商产品还未成为人们生活中无法取代的一部分时,淘宝、阿里巴巴的出现无疑是开辟了一片广阔的“蓝海”。

然而,当年的蓝海产业在今天也面临着激烈的竞争,就连领头企业也都希望能够另辟蹊径,发现新大陆,在残酷的杀戮中独占鳌头。对于那些初创和小型的互联网公司来说,又能保证自己的产品经受得住几轮绝杀呢?

如何保证自己的产品不成为鸡肋,除了成功的商业模式外,只有高频次的使用才能保证用户忠诚度,延长产品生命周期。所以,好的用户体验也就成为了其中非常重要的致胜王牌。

分享两个影响我认为会影响用户继续使用的案例:

NO. 1  星巴克

星巴克作为全球知名品牌,也在高速发展的互网联时代参与到了这场没有硝烟的用户忠诚度与品牌粘性的争夺战中,但在产品用户体验方面的设计有些差强人意,难道老外和天朝人民在大脑构造上也不一样?

产品的目标用户:已注册的非会员、已注册并关联会员卡的会员和未注册的会员。

已关联会员卡用户的登录首页

1476925731-3600-102000004437912abbd4

核心功能:只要会员在App上关联了会员卡,只需点开左侧“扫一扫”字样的会员卡样,就会出现临时二维码。在门店消费时无须出示卡,也能通过门店的扫码器成功关联卡享受消费积分,使用会员优惠。

但是,对于大部分第一次使用App的用户来说,看到“扫一扫”字样会直接拿给店员扫,然后就尴尬了。也许会有人觉得用户肯定会下意识地点开它,不存在上述问题,那么请看下图的会员卡管理入口,用户体验方面的问题暴露无疑。

会员个人主页“星享俱乐部”

1476925731-8254-101d000044a3cf95fed2

1476925730-3480-f770004289b662d6eff

当用户点击上图中右上角红色矩形框区域时,会员进入“星享俱乐部”。在该界面,会员可看到自己的会员级别以及升级进度,还能查看自己的消费记录和星享好礼,不过最核心的功能还是关联、或管理活跃卡。

此时,页面出现了和首页相同的会员卡和”扫一扫“字样,看到这个页面的你是不是会直接拿给店员扫呢?多数人肯定都会。

人们对”扫一扫“的认知普遍是支持扫码,尽管这里没有出现二维码,但是当人们看到”扫一扫”后绝对不会认为还需要再次点击才能生成二维码。这样的设计在用户使用此功能时,造成了使用流程的中断,造成了使用过程的不顺畅,进而影响用户对产品的体验感。

用户永远不会觉得自己是个傻瓜

作为一名产品经理,我常常听到“用户都是傻瓜“这样的的话,但又有谁会愿意被当作傻瓜呢?一旦你的产品让用户觉得自己好蠢,那么他还会继续用吗?当然不会!

阿福小建议:

把”扫一扫“改为”生成我的二维码“这样会不会好一些?

NO. 2  优酷手机App

优酷视频手机App是至今为止我用过的体验最差的应用,因为它分分钟都在挑战我的记忆和阅读底线。

首页

1476925730-4635-1023000044ae692561d3

每次优酷推广新节目时,总会打中间功能导航的主意。icon的作用就是代替文字帮助用户根据自己的需要快速找到自己感兴趣的内容。但是用推广文字组成的icon模糊了焦点,也造成了语义传达混乱。

P.S. 打开app看到这次的文字icon,我就方了......

给用户紧张感的页面排版

1476925731-6169-f740004c40532d43225

从第一帧页面开始滑到最后一帧,仿佛过了一个世纪,内容太多太杂了!因为实在太长了,我把本来已经排好的所有截图调整成了现在这个样子,好奇的同学可以自己下载虐一下。

这样的排版有以下4点总结:

1. 信息量过大

2. 样式不统一

3. 布局缺乏节奏感

4. 紧张感与压迫感

为什么我会觉得这样的页面体验非常差?

我们的视觉经过优化更容易看到结构,这就是著名的格式塔原理

优酷视频App对格式塔原理接近性和相似性的应用是十分差的,当页面内容已经多到非常不利于阅读和查看时,需要运用明显的颜色和区块进行组织和划分。

然而,优酷是这么做的:

1476925730-9496-101d000044a2441bf9fa

1. 类目索引和分类标题和内容列表的标题文字,字体颜色和大小没有明显的差别。

建议更改类目标题颜色以区分

2. 各内容分类区块的间距让用户感到混乱。

建议适当调整间距

有感而发

UI设计是个从理性到感性、再从感性回归理性的过程,优秀的UI设计师不只是会使用PS修图、画界面,还要比产品经理更细心、比交互设计师思维更发散的一群人。

然而,阿福此刻正在全栈的道路上探索和学习中,希望坚持、坚持、再坚持!

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/18214/

(0)
iouedioued
上一篇 2016-10-19
下一篇 2016-10-20

相关推荐

  • 移动端界面中的版式设计原理

    “我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好…

    2016-01-08
  • 微信网页设计样式库发布

    微信网页设计样式库发布 为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。 该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dial…

    2016-01-24
  • 淘宝2017设计升级

    这是手淘首次以设计为主导的版本升级,我们一步步地将公司的设计战略分解成产品体验方向,从设计概念落地到界面设计语言,在执行过程中又不断地平衡各种设计细节,才有最终的设计产出。所有的改变都是为了给用户营造更加良好体验的购物体验。

    UI设计 2017-03-14
  • 你热衷艺术,可你知道 2017 年设计的风向标吗?

    设计在生活中无处不在,而设计的趋势也随着时间的推移不断受到来自媒体、技术、时尚等方面的影响。 一个好的设计被认可的周期也许很长,但一个设计趋势流行的生命周期大多不会超过 1-2 年。下面这篇文章整理自著名…

    2017-03-06
  • 统一图标大小的方法分享

    最近在整理设计稿中出现的图标,整理除了汇总之外,还需要重新调整一下图标的大小,使他们看起来“差不多大”。调了很久,也咨询了一些设计师朋友,最后在谷歌的Material Design找到了一种规定的方式,特此来记录一下…

    2016-09-05
  • 清晰、高效、一致、美观 – 关于设计原则的优先级排序

    我们在Salesforce的产品设计团队当中有个不成文的规矩: 无论谁拿出一份什么清单 – 功能列表、研究报告,或者哪怕只是体恤衫名录 – 无论什么,只要是清单的形式,肯定会有人出来问一句:“按优先级排过序吗?” 有时…

    UI设计 2016-04-26
  • 移动APP:2015 UI/UX 趋势,Material design布局未来!

    移动APP:2015 UI/UX 趋势,Material design布局未来! 在国内,移动端的发展远远超过网页,初创公司们想拓展品牌都会首选手机App。那么你知道近期App设计风格的趋势么,想要做出不土、高逼格的App,以下的趋势你是…

    2015-08-04
  • App Store2016年最新审核规则

    编号 中文内容 1.1 为App Store开发程序,开发者必须遵守 Program License Agreement (PLA)、人机交互指南(HIG)以及开发者和苹果签订的任何协议和合同。以下规则和示例旨在帮助开发者的程序能获得 2.1 崩溃的程序…

    UI设计 2016-01-21
  • 如何评价微软的 UI 设计?

    个人认为微软的三大里程碑系统WindowsXP和WindowsVista以及Windows8标志了微软在过去的UI设计中的几次革新突破。

    2016-09-06
  • 手腕上的交互,谈谈安卓与苹果可穿戴系统初体验

      作者简介:Luke Wroblewski是一个界面设计师、战略家及作家(Site-seeing: A Visual Approach to Web Usability 一书的作者 )。现在他的工作是 Yahoo! 的首席设计师(Principal Designer),以及 LukeW Interfac…

    2015-07-12