相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

页面加载功能设计总结

陆俊发布于:2019-6-24 14:46 |原作者: 王M争|
陆俊
青海省 果洛藏族自治州 网页设计师
发私信 + 关注
简介: 去年我写过一篇文章返回功能应该怎么设计,今年反其道而行,来聊聊产品中的"前进"功能。

关于"前进",我们很难给出一个准确的定义。狭义上的"前进"指的是用户触发某个交互动作进入一个新页面。如何在进入一个新页面的过程中给予用户良好的体验呢? ... ...


指示器在产品中出现的场景会很多,我们可以花点心思,做的尽量精致一点。很多产品都选择通过一些有趣的动效分散用户在等待过程中的注意力。

页面加载功能设计总结 飞特网 设计理论

方向

页面在水平方向上跳转目前来说依然是主流,分为左右平移覆盖平移两种。

页面加载功能设计总结 飞特网 设计理论

当然不管是哪种,"从右到左"的页面跳转方式大行其道的原因是它这符合用户对于一个线性操作流程的的直观感受。

页面加载功能设计总结 飞特网 设计理论

目前也有很多产品选择在竖直方向上加载页面,以从下往上居多。那么竖直方向和水平方向的区别在哪呢?这个在上面也提到过,水平方向的页面流符合用户对于操作流程的直观感受。例如,在购买火车票流程,用户的主流程是:选择车次-选择座位等级-填写订单-付款-订票结果。对于这样的主流程,我们选择从左到右的页面流,而新增乘车人信息我们可以看成是这个主流程中的一个支流,从底部弹出更加合适。

页面加载功能设计总结 飞特网 设计理论

交互设计一定要符合用户的心理认知。如果这个页面从底部弹出,会给用户一个暗示:这个页面是底部弹出的,那么我下拉是否就可以关闭这个页面呢?还是以"新增乘车人"页面为例,这里还是秉持着iOS右滑返回的机制。这个就造成了一个"手指向右,页面向下"的奇葩交互样式,明显有悖于用户的认知。当然也有处理很好的,可以看下网易云音乐歌曲评论页,点击返回按钮页面是向下关闭的,手指右滑页面是右滑关闭的,做了区分。

22

好评
15

差评

刚表态过的朋友 (37 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

陆俊
青海省 果洛藏族自治州 网页设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计