设计干货:一篇文章带你搞定全局组件的使用

2020-02-13 21:41 情感

  在设计过程中国,组件能帮助我们节省因重复设计产生的工作时间,让我们更专注于用户体验和对产品的创新。本篇文章对设计师常使用的全局组件进行了梳理总结,供大家一同学习和参考。

  如果每次都将这些组件在原型上面展示出来,会给交互文档带来冗余,不够简洁,且增加交互和视觉的工作量。解决这些问题的方法就是使用全局组件。这样可以减少文档的冗余,提升文档的简洁度,减少交互设计师/产品经理的工作量。

  这种加载比较简单,一般使用在页面内容比较单一的情况下,所以一次性加载完所有数据后再显示内容。

  把用户代入无尽浏览模式,让用户一直向下滚动,不需要手动点击加载,效率高。

  用户下拉时,出现loading动画,对整个页面重新加载刷新。现在很多的产品重新设计loading加载动画,使得加载过程更加具有情感化,人性化和品牌化。

  当有文字和图片时,图片会比文字加载的慢,这个时候往往文字先加载出来,图片在加载过程中使用占位符,直到图片加载成功。

  当移动设备网络异常时,导致无法上传和下载数据,从而无法正常的使用产品。这时候会出现网络异常场景设计提示用户。

  当服务器异常时,且用户在操作过程中,出现这种情况,一般可设计为对话框提示,明确告知用户,服务器出现问题,让用户稍后重试。

  服务器异常,非页面跳转,常见的通过对话框提示。跳转页面通常通过缺省页面提示

  文件或者页面内容被删除,由于文件或者页面内容的上一级页面有缓存亦或用户获取链接进入,则会出现文章/文件被删除的情况。

  常见的一般为非同一组织架构的员工无权限观看,这种情况,用户点击进入一般给出对应的提示。

  最好的方案是在App上面过滤掉无法查看的内容,但是存在员工间的转发行为,这时候无权限的员工,点击进入,ag正规实体平台则显示暂无权限查看的提示页面。

  用于对用户的轻量级提示,一般出现1.5s到2s后消失。通过反馈告知用户。

  在做交互文档时,将全局组件进行汇总,在需要使用全局组件时,只需要在交互标注上进行标注即可。

  如下图所示,单独一个站点地图汇总全局组件说明。并将组件标上对应的序号方便查找核对。

  在交互文档中,通过标注说明出现的组件序号和对应的文案。如下图所示。并且点击标注上的组件名称跳转到对应的站点地图页面。

  UX,人人都是产品经理专栏作家。前美团点评高级交互设计师。微信公众号:Echo的设计笔记,后台回复:全局,获取文中的全局组件的axure源文件。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

上一篇:光用车掸子擦车?赶紧来看文章记住这对CP! 下一篇:我最喜欢的人作文