APP交互设计学习实战:快速返回置顶的需求

设计师圈有这么一句话:好的产品关注功能,优秀的产品关注情感。特别是如今的移动APP界面设计,更要如此。

好的设计师明白,交互设计的本质其实是对用户行为的一种设计。一个直达内心的设计能够影响用户自身的情感,从而导致用户的行为。常会有设计师说将用户当成是一个易怒、情绪不定、不明理的人,为什么?因为人的本质是非理性的,逻辑是理性层面的考量,而面对情感这个潜藏在理性背后的东西,需要设计师有深厚的功力,这不是单纯技巧上的问题,而是一种时间、感觉、情绪等综合的圆熟。

另外一个知识点:交互设计的本质是对用户行为的一种设计,直达内心的设计能够影响用户自身的情感,从而导致用户的行为。

活动盒子

 

下面我们就跟随25学堂的小编一起来学习APP交互设计吧!

这回跟大家讲的需求的设计一个 快速置顶返回的需求和UI元素的设计。你会如何去设计呢?

作为一名优秀的APP设计师拿到这样的一个需求,怎么考虑呢?怎么动手呢?

 

如果你还没有形成自己的设计流程,就先按照我们常规的设计流程来思考吧!

1、从用户的使用场景中提取需求

2、根据需求探讨对应如何满足的功能

3、根据功能进行设计

 

第一部分:这个需求使用的用户场景描述。案例是某个APP的浏览评论的APP界面

提取需求,那就是在这个界面增加一个返回置顶的按钮和其他的功能。

某APP评论的界面

 

第二部分:针对这个需求,提出你的设计方案

下面举例提出三种不同的设计方案。

方案1:通过悬浮按钮回到顶部,是现有手Q兴趣部落、天猫H5的解决方案。这也是最常见的一直解决方案。

返回置顶

问题:用户在浏览多屏内容时,主场景应该是浏览内容,而不是时刻想着回顶部,所以一个固定的置顶悬浮按钮放在右下角是否真的是最优解?它可以解决问题,但也许不是最优解。

 

方案2:主要考虑如何能够尽量不打扰用户的主场景又能满足置顶需求,进入页面后用提示条在title栏处做功能提示,轻触可以置顶返回页面顶部。3秒后提示条消失。

问题:用户真的会注意到这个提示吗?当用户浏览内容需要置顶返回时,能找到这个功能吗?

某APP评论的界面

方案3:在title栏上用文字提示轻触置顶。用户只要没有用过这个功能,文字提示就一直存在,不会被忽略。

 

继续探讨问题:用户只要在需要置顶时用过这个功能,是否能记住这个功能?此时产品经理比较坚持提示文字永远存在,可我当时认为这个功能对于ios部分用户来说是有使用习惯的,一些app例如微信的置顶场景也有教育。觉得大部分用户使用过一次之后,是可以记住的。产品经理很担心用户记不住,讨论进入死循环。

 

最后,在达成一致之后,总结分析下就可以着手设计了

具体分析如下:

详情页主场景是浏览内容,而不是置顶返回。尽量不要打扰用户的主场景。

在不打扰用户主场景的前提下,用户浏览多屏内容后需要置顶返回时,能够方便快速的回到顶部。

最终方案:

将方案2和方案3结合,主方案用3,在title栏文字提示轻触置顶,用户用过一次之后就不提示,保持界面干净。当以后用户在详情页浏览了多屏以后,判断用户不停的向上翻动页面超过3屏,即在title栏弹出提示条提示此功能。(认为这种场景不会特别多)。

方案永远没有最完美的方案,也必须持续观察、保持思考。注意用户的反馈,不断的去优化改进方案,真正做到了设计闭环。

每天更新,
全站高品质素材免费下载!