app设计教程减少冗余步骤和干扰项

来源:网络   作者:热心网友   发布时间:2016-05-25    浏览次数:217

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

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

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

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

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


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

APP支付页面的优化案例

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

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


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

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

app流程简化

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

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


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

APP设计减少干扰项

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

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


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

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


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

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

联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4154.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通