首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >界面设计模式、APP和Web交互流程图整理

界面设计模式、APP和Web交互流程图整理

作者头像
前朝楚水
发布2018-04-02 16:03:58
3.7K0
发布2018-04-02 16:03:58
举报
文章被收录于专栏:互联网杂技互联网杂技

信息架构图对于一个产品起到了至关重要的作品,产品越复杂,信息架构越重要,比如淘宝APP这种体量的产品,信息架构做的是否合理,直接关系着产品的逻辑,及运行效率,所以对于产品的信息架构在做创意设计阶段就需要考虑去清楚。

▨APP交互流程表达

APP 交互流程图的表达方式,在这里包括了界面的之间的信息流动连接,还有非常的重要的交互设计说明,我们在平时的做设计的时候,一定要养成良好的标注习惯,设计的过程中,需要把所有用户操作的可能性都要考虑清楚才行。

▨Web交互流程图表达

对于Web呢,信息架构一般会比APP信息架构要复杂的多,因为Web端能够承载的信息量更大,可兼容的程序更加的复杂,所以对于企业级的网站或者软件,比如微软的OFFICE办公软件,就是一个非常非常复杂的信息架构图,每一个功能组件的交互逻辑,构成了整体,而且要是每一块的内容协调好,这是相当的不容易的。

下面这些图,都是我们一般性的交互流程表达,同样的情况,也是需要表达清楚信息流之间的关系,及每一部分信息说明,这个在平时接触项目时就应该养成规范的习惯,绘制交互流程图的时候。

▨APP一般常用的界面设计模式

界面模式非常重要,他是在经过很多次验证总结出来的结果,对于界面设计的应用呢,可以很快的产出产品的原型,以便能够快速的迭代。

▨Web一般常用的界面设计模式

界面模式非常重要,他是在经过很多次验证总结出来的结果,对于界面设计的应用呢,可以很快的产出产品的原型,以便能够快速的迭代。

至于这些图,小编我就不解释了,相信大家都能够看懂

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-01-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 交互设计前端开发与后端程序设计 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档