巴巴快巴-移动端交互规范文档

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名
2117 0 5 2019-07-19

终于要来更新啦,也是服了自己的低效率,竟然拖拉了这么久,不知道有什么好的办法能解决自己的拖延症。

以下为闲谈:大概是5月份左右部门提出了需要整理一套产品规范,其实对于我们公司团队来说,我非常怀疑整理出来后是否能有效落实,开发小哥哥们做图总是喜欢跟随自己的心意,目前整理的规范也是根据当前我们自己的产品进行的归纳,之后会陆陆续续的更新补充内容。由于部门只有两位UI,一位负责整理移动端,一位负责整理PC端,需要承认的是的确能力和时间有限,很多模块整理的不够到位,有问题的地方希望各位能指出来,让我改正学习。

以下为正文:

首先,讲述一下为什么需要整理一套UI/UE规范。

1、帮助公司新员工的快速上手,避免犯错,保障产品质量。

2、减少重复性工作,提升设计和整个团队工作效率。

3、统一产品的交互视觉体验,降低用户学习和认知成本,体现产品的专业性。

下面是我参考的业界已有的规范文档,我的建议是先参考比知名且成功的规范文档内容,在根据自己公司产品的内容来提取自己所需要归纳整理的部分。

iOS Human Interaction Guide:https://developer.apple.com/ios/human-interface-guidelines/

Android Material Design: https://material.io/guidelines/

微信小程序设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/?t=2017118

Ant Design:https://ant.design/index-cn

下图是我根据公司产品内容所列出的需要整合的内容,可供参考


列出需要整理的内容后,每个模块进行内容的说明,比如组件的字体属性、间距、尺寸等标注,交互内容的说明,如搜索框的默认状态、激活状态、输入状态等说明,最后进行sketch组件库的绘制,整合出一套可以直接使用的组件库。

我是使用Axure整理内容,再通过上传到蓝湖平台,可以分享文档给其他团队成员。文档内容可以对应到相应的UI组件(UI组件需要通过ps或者sketch绘制,这里建议使用sketch),在蓝湖上能够直接显示组件数据。

·Axure整理内容,详细写出交互过程。




·蓝湖展示文档,分享给团队成员


·蓝湖sketch组件展示具体数据


内容整理完成后需要邀请产品及开发进行一次评审,补充缺失内容和改正错误内容。即便是完成后这份规范仍需要不断更新改进。

以上便是我整理规范文档的大致内容,这是我的第一份分享文章,有许多不足之处希望各位多多指教。


全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票