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

页面加载功能设计总结

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

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


将信息展示给用户只是界面设计的最基本要求,我们的最终目的是帮助用户理解这些信息。一个页面的信息量是很大的,网速的提升可以做到让页面立马加载完成,但是一股脑的把所有信息展示给用户是否合理?分步骤地给用户展示信息,让用户更容易消化可能会更合适。例如,用户要查看跑步路线图,此时用户的注意力必然都在不断生成的跑步路线上,这个时候其余的内容可以延后展示,避免造成干扰。

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

3)预加载

用户必须要进入这个页面才可以请求数据吗?可不可以事先加载好页面信息,这样用户进来就不需要加载了。这种提前加载好页面内容的机制就是预加载。网易新闻中,断网依然可以查看新闻,即使这条新闻你从来没有打开过。

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

不止是页面

在文章最开头我说的是:狭义上的"前进"指的是用户触发某个交互动作进入一个新页面。为什么强调是"狭义",因为用户只要触发某个交互动作完成状态的迁跃,我们都可以认为是"前进",只不过我们习惯于使用一个新页面来表现新状态。当然现在我们学会使用弹框了,这是一个进步。我们添加商品到了购物车,不需要进入一个"添加成功"结果页,直接一个toast就可以了。

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

但弹框是最终答案吗?我们的最终的目的是为了让用户感知系统状态的变更,而用户与系统交互的触点又是一个个操作对象,为什么不直接通过改变操作对象的样式来完成信息的传达呢?还是添加商品到购物车的操作?这里通过动效演示了这个过程,不用任何文字,用户就能明白"商品已经添加到购物车"这个事实,并且提示了用户购物车的位置,信息的传达更具有指向型。

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

总结

以上就是我对页面加载方式的简单分析和总结,如果你有其他的意见或看法欢迎留言讨论。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

1234
22

好评
15

差评

刚表态过的朋友 (37 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

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

最新评论

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

委托设计