设计师在界面设计中如何减少页面跳转

发布者: u-walker 发布时间: 2019-11-01 浏览 77
  设计师在界面设计中如何减少页面跳转?对于用户来说,都希望用较少的步骤获得尽可能多的内容,那么,零基础学ui的学员在设计界面的时候,如何才能既减少页面跳转,又展示了多的内容呢?

设计师在界面设计中如何减少页面跳转

  一、内容显性化

  工具内容显性化设计,能让用户所见即所得,快速明确的理解到工具所提供的核心功能和服务,也能有效地减少用户与工具所提供的核心服务之间的交互步骤和流程,让用户在当前工具的内容区完成与工具的核心交互。比如淘宝APP中,“我的淘宝”页面就采用了大量内容显性化的设计,用户在当前页面就能快速掌握到核心信息。

  二、页面半覆盖

  当需要需要承载内容信息时,我们往往使用“更多”的形式跳转到一个新的页面,那么对于“更多”,有没有一个不用跳转的解决办法呢?界面设计中我们可以使用页面半覆盖的形式,当点击下拉时,新的内容页面展开覆盖当前页面。比如优酷视频,视频详情页,点击简介或选集时,新内容从下方滑出半页面覆盖。?

  三、键盘联动

  我们可以整合表单的信息字段,将同类型的字段进行合并,同时结合输入控件,设计联动式组件,让用户在表单输入时更加高效,避免用户频繁的跳入跳出相同类型的输入项。

  四、采用浮层,将全跳转改为半跳转

  面对需要展示更多信息或下一步操作需要进行跳转时,目前越来越多采用了从下往上浮层的形式,实现与原场景的衔接。比如,腾讯动漫APP的阅读券支付页,淘宝的详情页查看参数、添加购物车等都用了浮层半跳转的形式。

  五、使用公共元素进行转场动效

  我们在建立不同状态之间的动效时,可以查看它们之间是否有任何公共元素并将它们联系起来,通过公共元素的动画来建立两个状态之间的联系。这样可以使层级之间的衔接关联性更大,减少层级跳转感。

  设计师在界面设计中如何减少页面跳转?不同产品的界面设计需求不同,但想要达到的效果基本是一致的,所以我们设计师需要找到合适的方法,提高用户体验。

上一篇: ui设计师如何提升交互设计的技巧分享

下一篇: 有哪些世界闻名的美术设计院校

预约报名

热门资讯

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部