您所在的位置：奇趣闻 >> 数码科技 >> 正文

10分钟带你看懂支付宝的交互设计（二）

2019-03-24 17:40:50 来源：网络整理作者：管理员

本文是《10分钟带你看懂支付宝的交互设计》系列的第二篇。本文主要从支付宝的底部导航栏中的“财富”、“朋友”、“我的”三个部分，为大家分析支付宝页面中的交互设计。

10分钟带你看懂支付宝的交互设计（二）

上篇文章中，我们分析了支付宝的首页，了解了：支付宝的首页是如何通过设计实现了其主要功能？

接下来的文章中，我们来看看：支付宝在其它界面的交互设计又是怎么样的呢？

一、“财富”篇

按照“国际分析案例”，我们先眯着眼来看财富页面的整体布局，财富里将界面划分为了导航栏、个人财富、备用金花呗、支付宝系列产品、活动推广五个区域，如图1所示。

10分钟带你看懂支付宝的交互设计（二）

图1. 支付宝“财富”界面

在顶部导航栏，“财富”二字表明用户目前所在位置，右边搜索栏是是对股票相关的一些搜索；在个人财富里，将总资产（用户最关心的血汗钱）和昨日收益（用户关心的利益）置于顶部，字体最大，让用户一眼即可看见，并且在总资产旁边，用“保障中”几个字，让用户放心，增强用户对支付宝的信任度。

在个人财富栏，整体采用上文下数（上面为类别，下面显示数额）的设计风格，清晰明了。备用金和花呗紧挨着个人财富区，在逻辑上面来说是可以的（当用户个人财富没有了，就会想到备用金和花呗）。但是这里的排版设计的不是很好，没有延续上文下数的风格，而且这个版块位置太小，而且做得没有吸引力，并不能很好的让用户发现。

接下来是支付宝系列产品的入口区，只留了五个入口，不多不少，既不会让用户感到选择困难，又对产品有很好的曝光。接下来是活动推广区，延续了支付宝首页活动推广的设计风格，在界面上保持了一致性，这里就不做赘述了。

二、“朋友”篇

朋友界面，一共分为四个部分——导航栏、搜索栏、产品入口区、聊天信息区，如图2所示：

10分钟带你看懂支付宝的交互设计（二）

图2. 支付宝“朋友”界面

顶部中间位置是朋友（导航作用，显示所在页面），右边为通讯录和“+”，和首页的一样，为“+”设置多个入口，强调了“+”的重要性。

此处的搜索框与首页的搜素框一致，但是在朋友界面加入这个与朋友关系不太强的界面，是不太明智的决定（用户在朋友界面，多数使用场景是想看信息，又何必在此处增加页面视觉干扰呢？首页已经在明显位置安排了搜索框，在此处安排实属不知道意义何在？）。

生活号、小程序、生活圈放在此处，同样增加了视觉噪音，这里可能是因为商业的需求，需要将这三个入口放在一级页面。

朋友信息界面也是奇葩，各种通知信息也算是朋友？明显逻辑不对，正确的做法应该是将各类非朋友信息归入一类，这样整个界面看起来就会明朗许多。但是此处应该是涉及了商业需求，不然阿里的设计师早就按照微信的样子来做了。

这里我想预言一点东西：支付宝一定在等某个合适的机遇（也许是等腾讯系社交产品遭遇到重大风波，也许是等支付宝的粘性足够强大的时候），等时机一旦成熟，支付宝一定会将社交属性提取出来，另辟山头，做专属于支付宝特色的社交产品。这样做既能减轻支付宝的负担，又能使阿里专注社交功能的开发。

三、“我的”篇

整体看来，我的界面设计的很清晰，采用细条目的方式，增加了各个内容曝光的机会并且具有很好的扩展性。

细条目采用左logo+名称，右指向性标志的设计风格，并且可以在细条目中添加更多信息，刺激用户去点击，以此来促进用户的转化率，如图3所示：

10分钟带你看懂支付宝的交互设计（二）

图3. 支付宝“我的”界面

四、“总结”

通过这次分析总结，我发现了支付宝的设计有以下特点：

界面风格统一，具有很强的一致性；
每个界面的扩展性都极强；
很好的平衡了商业需求和用户需求；
在细节处理上面花了很多心思；
情感化体验设计突出.

支付宝作为一款国民化的支付工具，好的设计当然不止这些，欢迎大家在评论区交流自己的想法。

五、写在后面

上一次的文章，有很多的前辈指出了我的缺点和错误，在此表示感谢。我的实力很有限，写的文章大家看看就好，觉得不对的，有不同意见的，欢迎和我一起讨论。

相对于其它页面，为什么我会对首页花那么多文字去介绍，我想有这几个方面的原因：

一个APP的首页一定是设计的最精彩的地方，所以分析首页就能得到很多有用的信息，能看出这个APP的设计水准；
成功的APP，它的交互设计、界面设计，都会在一定程度上保持一致性。

所以，基本上首页分析完了，其它界面的设计思路和方法也就大同小异了。

本文由 @交互设计师原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议

显示全文

上一篇：迎战网易、小米！商品改成“中国尺寸”，无印良品降价转风格

下一篇：从互联网到物联网，未来生活将会是怎样？

为您推荐

宋伊人、丁泽仁主演的《花青歌》过审，人设有趣，口碑却让人担忧

2021年由楼健执导，苏晓彤、王子奇领衔主演的《御赐小仵作》可以说取得了不错的口碑与成绩，使这部小成本剧集达到了S＋级的热度与播放量，成了近两年来当之无愧的古代仵作题材的古装甜爽探案喜剧。如今距离这部.........

发布时间：2023-06-01 18:03:12

鹅蛋能蒸蛋羹吗

【导读】鹅蛋能蒸蛋羹吗，下面是小编为你收集整理的，希望对你有帮助！能。鹅蛋是家禽鹅生下的卵，表面较光滑，白色，呈椭圆形，个体很大，其重量是一般鸡蛋的四、五倍，味道有些油，但质地较粗糙，草腥味较重，食味不及鸡鸭蛋，新鲜的鹅蛋必须烹饪后食用。此外，鹅蛋中还含有丰富的营养......

发布时间：2023-06-01 18:01:06

江疏影与王传君同框叙旧

江疏影和王传君，两个看似完全没有交集的名字，在5月28日有了神奇的新反应因为一起参加《五十公里桃花坞3》，老同学很少在镜头前同框。除了花旦江疏影说，他想和王传君在一起，因为这会让他更有安全感。这也让.........

发布时间：2023-06-01 17:03:17

向日葵传播种子的方法这些方法可以传播种子

【导读】向日葵传播种子的方法这些方法可以传播种子，下面是小编为你收集整理的，希望对你有帮助！向日葵不仅可以观赏食用，另外在工业方面也有一定作用，向日葵有很多种不同传播种子的方法，分别是自体传播、风体传播、水体传播、鸟类传播、哺乳类动物传播等，传播范围也是相当广泛。向日葵传播种子的方法1.自体......

发布时间：2023-06-01 17:01:05

《奥本海默》新预告泄露展示更多新角色

在很早之前发布首支官方预告后，人们关于克里斯托弗·诺兰自编自导的新片《奥本海默》愈加等待。而近日网上走漏出了一段长达 3 分钟的最新预告，其中展示了更多新角色，包含马特·达蒙、佛罗伦斯·皮尤和小罗伯特.........

发布时间：2023-06-01 16:03:25

纳摩盖吐龙:蒙古超巨型恐龙(长21米/长有钉状牙齿)

【导读】纳摩盖吐龙:蒙古超巨型恐龙(长21米/长有钉状牙齿)，下面是小编为你收集整理的，希望对你有帮助！纳摩盖吐龙是一种蜥脚类恐龙，诞生于7500万年前-7000万年前的白垩纪末期，体长最多可达21米，属于超巨型恐龙的一种，因为出土的四颗钉子状牙齿而被命名，第一批化石发现于蒙古国，因此也叫做蒙古纳摩盖吐......

发布时间：2023-06-01 16:01:04

日内瓦是哪个国家的首都：瑞士的一个城市(并不是首都)

【导读】日内瓦是哪个国家的首都：瑞士的一个城市(并不是首都)，下面是小编为你收集整理的，希望对你有帮助！我们知道地球对于人类来说是一个非常大的星球，因此地球上还有许多我们人类没能发掘的地方，而地球上的国家也是非常多的，日内瓦这个城市也是一个比较有名的城市，那么日内瓦是哪个国家的首都呢?它具体又在哪个地方......

发布时间：2023-06-01 15:01:04

《欢迎光临》播出近半，口碑稳中有升

本报记者李夏至由正午阳光出品制作的都市生活轻喜剧《欢迎光临》在北京卫视播出接近一半，口碑稳中有升。该剧讲述一个酒店门童和空姐的恋爱故事，看似多少有点悬浮的设定需要大量的生活细节与戏剧手段来弥补。对《.........

发布时间：2023-06-01 14:03:12

月球背面为什么去不了,月球背面到底有什么?

【导读】月球背面为什么去不了,月球背面到底有什么?，下面是小编为你收集整理的，希望对你有帮助！作为太阳系中最为特殊的天体，月亮总是以一面面向地球，从来没见过它的背面长什么样，这主要是由于月球的自转和公转周期相同。然而自人类登月成功以来，如今已经成功发射探测器到火星了，但却根本没有月球背面的消息......

发布时间：2023-06-01 14:01:04