恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
交互规范的撰写方法-结构篇
0.0°
2016-03-28 原创文章 经验/观点 举报 6259 20 19 3

因为最近一个项目,着手写一份交互文档,竟然基本找不到合适的资料。干脆把自己的方法介绍给大家吧。


为什么要做一份规范?

首先,保持一致性来提高产品易用性。其次,提高设计和开发效率。


一份交互设计的规范首先应该从其应用范畴进行分析,大致可以细分为两类:

1. 系统级的交互规范:比如一套手机的操作系统,需要系统行为层级能够保持一致;

2. 产品级的交互规范:比如某个app为了保持其内部页面的一致性。

如果从限定范围来分:

1. 前台类产品:只能限定20%-30%甚至更低;

2. 后台类产品:可以限定50%以上甚至更高。

Image title


通过上图,展现给大家的是一个规范需要包括的主体结构,也就是:

1. 页面

2. 操作路径

3. 操作方式


一、页面

Image title


如果要设计一个可以量产的键盘,首先要考虑结构和布局,大致可分成数字区、按钮区、功能键区,其次要考虑有哪些部件可以统一为同样的样式,最后就要考虑键盘上用组合键来实现一定的功能,比如ctrl+c复制,ctrl+v粘贴。

回到页面这个层级,可以分为页面结构、公共控件、模式(封装了功能、信息)。这三部分内容构成一份规范的主体结构。

Image title

android设计规范



二、操作路径

主要分为页面间跳转、平行跳转及退出操作。

描述起来较拗口,其实如果是android系统,那么back实现页面间跳转;home可以快速退出;多任务可以在各个app中快速跳转。如果是pc或者网页则表现为,页面间导航自然就是面包屑,平行跳转是回到home,叉出就是立刻退出的操作。

这一部分行为除非系统级的设计,一般不太需要定义,默认follow系统规则


三、操作方式

手机端:tap、pinch、swipe、drag

pc端:单击、双击、右键


一份规范文档,要做到有所限有所不限是很难的。限定越多,执行力越高,但同时创造力和灵活性同比例下降。所以慎重的定义很重要。



更新:2016-03-28

收藏

20人已收藏

jiazi516

45度角思考人生

  • 2

    作品

  • 7

    粉丝

  • 1

    关注

  • 如何优雅的与产品经理pk设计方案
相关标签

    猜你喜欢

      2016-03-28 原创文章 经验/观点 举报 6259 20 19 3

      交互规范的撰写方法-结构篇

      0.0°

      你确定要举报交互规范的撰写方法-结构篇

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年03月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      19
      20
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录