教你美化APP界面设计:减少冗余步骤和干扰项

如今各位设计出了很多好看精致的APP界面设计作品。25学堂也要提醒各位,当我们做完每一个移动端的APP界面设计后,要学会去思考和反思。

重新回过头去看看自己设计的APP界面,这个时候你同样发现很多界面当中美中不足的地方。

这节课,25学堂跟大家聊聊手机APP界面交互美化设计知识:《减少冗余步骤和干扰项》。

这一篇也是从这个知识点,教大家如何去美化和优化手机APP UI界面。

先来看经典的APP设计案例:

1、微信支付和支付宝支付界面的美化

APP支付页面的优化案例

这是一个在移动产品经理范畴里面的经典案例。

两个界面都是让用户输入六位数密码,唯一的区别就在于支付宝在输入密码后,要点击一下确定才能支付,而微信是输入密码后直接支付。虽然只是一个操作上小小差异,但在感受上会觉得微信的体验更流畅。之后,支付宝也学习了微信的支付操作,去掉了确认按钮。

 

2、APP界面流程的简化案例

如下图的2个关于我的个人中心页面,左边是我们常用的列表表现形式。但是这样的表现布局方式需要2个页面才能完成这些信息的承载。同时需要不能来回切换页面来查看3个不同的界面的信息。非常的麻烦。

app流程简化

如果采用右边这样的布局方式,一个界面就搞定了。在当前页面的切换使得页面的转场次数减少。

同时可以采取左右滑动的触摸方式切换,非常的流畅。

 

3、减少冗余步骤和干扰项的精美APP界面设计欣赏

APP设计减少干扰项

左边的APP可视化做的非常到位。点击下面的选项。上图出现对应在曲线上的点,从而让用户知道这个数据是涨了 还跌了。

用户体验设计作的很棒。而且整个界面非常简约简洁。暂无其他的太多的干扰项。

 

 

当我们在APP ui界面上,提供很多选项的时候,看似可以给用户更多选择,让他们可以掌控局面,但如果超过了一定的界限,特别是在很多选择都很类似的情况下,反而会给用户带来负担。所以,控制在6个以下左右即可。

所以提供合适的首选项、减少冗余步骤和减少干扰项 等等这些细节的优化,可以帮助用户防止出错,使他们能够更快更顺畅地完成任务,体验自然就会有所提升。

 

再来回顾一下:APP设计四大基本点【一有用、二速度、三视觉四交互】

开发App第一原则,我认为:只需在用户猴急的特定时候、特定地点、特定情境下你能猴急地满足Ta。比如一个用户午夜临睡需要撸管的时候,打开你你就能以最快速度最顺手的交互推给他最爱的凶器妹妹,Good Job,这就够了。

以上观点是犀利哥的点评。

 

 

 

 

低至0.26元/天,
免费下载设计素材!