【网站建设】用实例告诉你，如何学会分析一款产品的网页界面设计

发布时间：2018-03-15

发布者：eidea

浏览次数：2481

品牌化处理

品牌可以在用户心中创建一种产品区别于其他竞品的态度，有效的品牌化处理可以为产品或者服务增值。对于互联网金融类产品来说，品牌化处理的重要性尤为明显。

根据2017银行用户体验大调查可以发现，影响用户理财最主要的四个因素依次为：收益，风险，投资/购买机构安全性，是否保本。

从中我们可以发现用户在理财过程中非常关注资金的安全性。所以对于互联网金融产品来说，首要目的是要营造用户对于产品的信任感，而信任感的建立非常依赖其背后的品牌。

例如，支付宝，蚂蚁金服后面的阿里，京东金融后面的京东，微众银行后面的腾讯。阿里跟腾讯都有其特有的视觉形象，蚂蚁和企鹅。以微众银行为例，其界面中多次出现企鹅形象，这样的设计无时无刻都在向用户传递一个信息——钱放我（腾讯）这里你放心。

而苏宁的形象是一头狮子，但是这头狮子并没有很好的融入苏宁金融这款产品中。其实这也无所谓，因为并不是每一个品牌都有一个深入人心的视觉形象，例如，网易。但网易所有的产品都采用同一款色系，增强了关联感。

而苏宁金融的主色不是红色也不是黄色，而是蓝色。更过分的是苏宁金融的首页跟支付宝过于相似，支付宝的也是蓝色，直接撞衫了。从差异化设计角度来说，如果你的产品跟其他竞品过于相似，就会造成用户混淆，不利于该产品自身的传播，不能更好的建立属于自己的品牌忠诚度。

总的来说，我认为苏宁金融在这品牌化处理方面有很大的提升空间，如果不看 app 名字，我根本不会把这款应用跟苏宁联系起来。

轻量化原则

对于苏宁金融这个产品，我的第一印象就是很凌乱，东西很多很杂。以上面刚提到的首页为例，目前几款比较常见的金融产品首页一般为1.5—2.5屏（ iPhone6 尺寸），而苏宁金融的首页长达5屏。

我们设计任何界面，首先要明确核心功能，任何一个界面有且只有一个核心功能。在一个页面中堆砌过多的功能会影响用户对于信息的读取效率，而且越往下面，用户点击欲望就会越低，如此一来寸土寸金的首页位就会显得很鸡肋。而且会出现一种奇怪的现象就是页面越长，用户停留时间反而越短。历史经验告诉我们，光长不持久是没有用的。这里我建议对首页的信息内容进行一个优先级排布，一些次要功能可以考虑放在二级界面，这样可以节省出界面空间。

首先从最上面的「消息」和「账单」来分析。我看了「消息」中的推送记录，发现其实类似于公众号消息推送，主要用于活动营销推广。但是其实首页中有 banner 位完成营销宣传功能，而且有出现活动重复推送的现象。例如，消息中推送的延保满100立减20在 banner 区也有。另外女王节的活动也不止一次出现，同一个页面中为了宣传同一个活动配置了两张不同的 banner，从此可以看出苏宁对于营销功能过于看重。在这里我觉得「消息」的功能完全是重复的，可以删除。

可能会有人质疑，出现的地方越多，用户看到的概率就越大，这样营销力度也就越大。这不假，但是我们要知道用户的注意力是有限，同样的内容的反复出现降低用户对于产品的好感度，谁都不喜欢去浏览重复的内容。我们需要秉持一个少即是多的态度。

同样重复的功能还有「账单」，「首页」和「我的」都有账单功能。那么我们应该怎么取舍呢？这里我先说出我的看法：删除「首页」的「账单」。

交互设计师在构建产品框架的时候，需要准确把各个功能放在合适的界面中。这个需要设计师准确的把握每个功能的维度。

例如「账单」这个功能应该属于「我的账户」这个界面的维度，因为「账单」等于「账户流水」，你要查看的话肯定要在「我的（账户）」界面。用户很少会意识到原来从首页也能看到账单，账单查看根本不属于用户对于首页的期望。在产品中同一个功能出现多个入口，客观上给用户提供了一个「选择」的难题，其实用户期望的是线性的操作流程，尽量不要给用户创建选择的场景，don’t make them think。而且两处的 icon 的样式不统一，所以首页的上方的两个 icon 完全可以删除。

但是我们考虑问题一定要结合实际情况，要不然思想就会过于极端，那样会发生矫枉过正的错误。下面我们看个例子：对于用户来说，如何去查看自己已经购买的理财项目呢？一般用户会进入「我的」界面，然后查看具体产品。

但是我们发现在理财模块中，多次出现了「我的理财」入口。其实这里的设置我觉得是完全可以的，因为用户挑选理财产品时会希望跟之前已经购买的产品做一个比较，所以在这里放「我的理财」入口，用户可以直接完成跳转，非常的方便。更重要的一个原因是，我的理财的入口放在这里并没有侵占额外的界面空间，界面右上方本身就是空的。