交互学习——新页面从哪侧出现

app 可以理解为一个由页面搭建的抽象空间,充满了逻辑关系(并列的页面、连续的页面、层层深入的页面,父页面子页面),好的页面交互要符合用户的心智模型,给用户足够的线索,帮助用户前进和后退,页面出现和退出的动画是线索之一

一、生切:

如果是点击tab切换,生切即可,不会觉得不自然,因为页面的层级关系是并列的且由tab作为“路标”引导,无需切换动作来暗示页面间的关系(如下图)


tab bar



navigation bar



二、动画切入

(1)右侧/下方进入,联想时看书的场景,人在阅读的时候已经适应了新的内容从右侧/下方出现,所以新页面出现的时候,最自然的是从右侧/下方出现,back的箭头也是指向左侧,进入下一页的箭头指向右侧

IOS系统没有固定返回键,如果页面层级超过3级,并且有返回上一级的场景,随着手机屏幕增大,ios系统的返回按钮在左上角,非常不方便单手操作,则需考虑手势返回,页面出现的方向暗示了返回的手势方向,左滑手势与翻书的动作类似,像是进入新的一页,右滑与返回的动作一致,回到上一页。

页面出现的动作对视觉有一定的引导作用,页面从右侧/下方出现,视线跟随页面的动作到达左侧/底部,即阅读开始的地方。

(2)其他方向进入,如果新页面是暂时性的页面,往往以半屏的方式展示结合蒙层的效果,透出与主页面的关系,则页面出现的方向与按钮的方位保持一致即可,比如滴滴的"我的"从左上角弹出。还有些动作采用悬浮按钮,点击后跳转新页面,直接从按钮处扩散开来,给用户连贯感(如instagram)。


结论:如果是tab生切;如果有前后关系从右侧/下方滑入,如果悬浮按钮可采用扩散的方式。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容