美文网首页
交互设计规范V0.1.0

交互设计规范V0.1.0

作者: Abby_3b3a | 来源:发表于2019-11-22 14:43 被阅读0次

执行阶段

  1. 交互设计人员须在产品计划阶段介入,理解产品定位及进行需求整理。
  2. 产品提供输出物后,交互设计人员进入执行阶段。
  3. 交互设计人员统一采用sketch进行原型设计,使用统一控件。为保证工作顺利进行,交互设计组内成员尽可能统一sketch版本(目前为52.4)。
  4. 完成原型设计后与产品核对需求,对原型进行检查,确保原型符合产品需求、交互体验的完整。
  5. 交互原型确定后须输出《交互说明文档》,在seafile对应项目文件夹内进行同步,并在钉钉对应项目群内@下一环节负责人告知同步进行交接
  6. 原型源文件、交互说明文档源文件,须上传至seafile对应项目文件夹内,以作备份及留档。

规范内容

为保证项目所有人员能够准确理解交互设计师的设计想法,确保交互设计师交付件的一致性、准确性和完整性,现统一交互设计师输出形式以PDF、图片或HTML的方式输出《交互说明文档》,文档内须以文字配合图片清晰说明交互与逻辑行为。文档组成说明如下:

  1. 交互文档封面
    用于记录文档主题、版本、人员等信息。
  2. 更新日志
    用于记录文档所更新的信息以及对应的更新人,方便阅读者查看及联系。
  3. 文档图例
    辅助阅读文档所用图例对应的意义。
  4. 设计背景/思路(非必须)
    用于设计思路的整理和记录,方便阅读者理解,更方便日后回溯设计、总结设计,但须结构化整理重点内容后放入。
  5. 任务流程(非必须)
    一般是产品功能的任务流程图,可根据具体项目进行调整,流程图也可以放在具体模块的页面交互说明内。
  6. 页面交互
    交互文档的主题,包括信息架构、全局通用说明、界面操作流程图、界面交互图、交互说明等。
    1. 信息架构
    2. 全局通用说明,产品整理所用到的统计的交互说明
    3. 页面名称,包含界面操作流程、界面交互图、交互说明,注意页面之间的层级及排序需符合产品逻辑。
  7. 特别说明
    一些特殊情况下的内容说明,如缺省页汇总、动效说明、音效说明等。

示例

image.png

相关文章

  • 交互设计规范V0.1.0

    执行阶段 交互设计人员须在产品计划阶段介入,理解产品定位及进行需求整理。 产品提供输出物后,交互设计人员进入执行阶...

  • iOS 8 人机交互指南

    iOS 8 人机交互指南为 iPhoneHIG 的设计规范,旨在帮助交互设计师和应用开发者了解苹果应用设计规范,设...

  • 2019设计之旅38-设计清单分享

    第三二章交互干货必收_App界面交互设计规范 设计清单第32期:用时约3分 APP设计规范主要包括对界面布局、背景...

  • UI设计规范V0.1.0

    执行阶段高保真视觉设计阶段 执行人 UI设计师 规范内容 下一阶段通过开发的测试包进行UI走查,由UI设计师及交互...

  • 关于设计规范

    从不同的维度考虑,设计规范有不同的分类。 从纵向考虑,设计规范可分为交互规范和视觉规范。交互规范一般要先于视觉规范...

  • UI交互设计的设计规范都有哪些?

    UI交互设计的设计规范都有哪些? 有兴趣从事UI设计的人入行有两种途径:一是,自学;二是,培训。交互设计的设计规范...

  • 《交互微专业part1》学习笔记

    本章包括3小节:交互设计概述、设计工具Axure、设计规范与设计模式 1、交互设计概述 1.1、走进交互设计 交互...

  • 【产品与设计】本文集说明

    6.1 用户体验6.2 App界面交互设计规范6.3 Axure原型图

  • 设计步骤

    1、行业内情况和设计规范 2、交互设计 3、效果图设计 4、设计规范制定 5、素材命名 6、图片素材导出

  • 移动产品经理必读的3个文档

    当然是各个平台的交互设计规范啦~~~~ ios9的设计规范是必看的。很多产品经理或者设计师,因为自己用的iphon...

网友评论

      本文标题:交互设计规范V0.1.0

      本文链接:https://www.haomeiwen.com/subject/blntwctx.html