江苏龙网

  1. 首页 > 资讯 > 科技 > >

@APP改版笔记：界面篇( 三 )



蚂蚁财富、度小满理财、招联金融、京东金融
上面四款产品都是大型的金融理财平台 。这些产品结构清晰、色彩鲜明、细节把控到位、以纯色为主、都使用了扁平化设计等等；
在优化升级自身产品时 ， 不能完全照搬其他平台的设计；这样到最后就会变成一个东拼西凑的另类产品 。我们需要分析这些案例中的设计要点是否符合自身产品的属性 。
比如：平台展示类的金融产品是否需要把各种信息突出显示？是否需要添加banner来进行引流？首页显示内容过多 ， 为避免视觉主体混乱是否可以去除掉多余的装饰性元素？普通的金融理财平台还有没有必要加banner？内容不足的情况下 ， 是否有必要添加icon 。
数据的支撑对于改版有非常重要的作用 。通过在主要页面的按钮或是可点击区域等位置进行埋点处理 ， 我们可以知道相关的重要数据 。
例如：首页的banner点击量很少 ， 我们可以分析其原因 ， 或者如果用处不大我们是否可以直接去掉banner部分；首页按钮点击量很少 ， 我们更换字段或者位置看看点击量是否会有提升；页面中的点击区域点击量很高的原因是什么 ， 改版时是否需要保留 。
所以 ， 埋点得到的数据对我们的改版有很大的帮助 。另外 ， 我们还可以通过官方的微信微博、下载平台等途径搜集到用户的反馈 ， 来强化数据 。
3. 视觉信息展示的合理性与一致性
绝大对数的APP界面的版式都是比较规整的排布 ， 设计的时候要考虑到大多数用户的使用习惯 。像上文提到的杂志形式的排版在实际的项目中很少出现；复杂的设计和较高的开发成本让这种形式存在很大的风险 。
配色上 ， 金融产品当中很多都是以纯色为主 ， 这么做是为了避免一些花哨的设计手法打扰到内容主体；尤其是金融这种比较敏感的产品 。当然纯色并不是绝对的 ， 合理的渐变形式搭配也可以有不错的效果 。例如：京东金融顶部的渐变色卡片的处理形式 ， 因此我们要结合实际情况来进行设计 。
我们在设计页面时 ， 要保持一致性的原则 ， 不可把各个页面做成各不相同的风格 。间距、配色、插画也是一样的道理 ， 设立规范与主要样式之后就要贯穿始终 ， 切不可随意的大面积变换 。
4. 换位思考
无论是分析还是设计 ， 我们往往都是站在制作者的身份去看待一款产品的 。而产品上线后 ， 用户使用时可能会出现五花八门的意外情况 。我们虽然无法百分百的理清所有可能出现的问题 ， 但我们应该在设计之前就“换位思考” ， 站在用户的角度去看待审视自己的产品 ， 尽可能的分析出所有不合理的地方 ， 以便尽早处理 。所以 ， 在改版前充分搜集客户的需求以及使用体验就变得格外重要 。
同时 ， 换位思考也可以实行在团队身上 。我们可以把自己的想法与大家分享 ， 集思广益头脑风暴；让团队中的成员都参与进来 ， 听取他们的意见 。从中梳理出更多的有益的点子 。
5. 刻意的改变
有些时候 ， 为了追求快速与收益 ， 不少产品的设计会选择走捷径 。市场上趋于同质化设计的产品也越来越多 。
不仅仅是软件上 ， 硬件上也尤为突出 。
@APP改版笔记：界面篇
文章图片

文章图片

各大手机厂商竞相模仿iPhone x （图片来自网络）
刘海屏指的是手机屏幕正上方由于追求极致边框而采用的一种手机解决方案 ， 里面集成了前置摄像头以及各种的精密元件 ， 可以说是为了全面屏而做的一种妥协 。竖排的后置摄像头也是同样的道理 ， 由于顶部空间被压缩而由之前的横排摄像头改为了竖排 。
而有些厂商并没有那么多的精密元件放在前面 ， 却依然使用了刘海屏；并且把后面的摄像头变为了竖排 。之后 ， OPPO和vivo相继推出了真全面屏手机 ， 虽然 ， 在机身内部做了一些妥协 ， 但我们看到了全面屏设计的突破与更多可能 。


推荐阅读


上一篇：「」海信AWE 2020线上开“鲜”河 海信冰箱真空系列开启保鲜新方向

下一篇：##交通行业云上数字化复工，华为云 WeLink 提供平台