白社会界面交互设计标准规范.docxVIP

白社会界面交互设计规范 -4-16初稿 TOC \h \z \t 一级标题,1,二级标题,2,三级标题,3 第一章 概述 1 1. 目标 1 2. 适用范围 1 3. 适用群体 1 第二章 标准 1 1. 宗旨 1 2. 真实世界隐喻标准 1 3. 有效反馈标准 2 4. 简练明了标准 2 5. 一致性标准 3 第三章 产品通用规范 3 1. 页面结构 3 2. 内容区 3 3. 页面Title 8 4. 交互行为 8 5. 操作反馈 11 第四章 组件交互细则 11 第一节 信息输入 12 1. 表单组合 12 2. 下拉层 14 3. 权限设置 15 第二节 导航 16 1. 面包屑导航 16 2. TAB导航 17 3. 翻页导航 18 第三节 信息展示 18 1. 头像和人名 18 2. 信息列表 20 3. 日期时间 22 第四节 消息提醒 23 1. 通知消息体 23 2. 对话框 25 第五节 社交 27 1. 评论 27 2. 回复 28 3. 转发 28 4. 分享 29 第六节 富交互 29 1. 富文本输入 29 2. 好友选择 31 3. 文本编辑 33 4. 照片处理 34 第七节 操作按钮 36 第八节 特殊情况处理 37 1. 空用户，空内容 37 2. 有用户，空内容 37 3. 有用户，隐私内容 38 概述 目标 在产品设计早期，进行了部分功效交互设计以后，将用户和界面之间交互行为总结归纳出来并加以延展，从而形成设计规范，籍以帮助我们统一现有交互设计，并指导后继开展交互设计工作。 在产品开发过程中，给不一样部门相关人员提供统一规范指导，使沟通和合作顺利有效进行，以实现产品界面规范化。 适用范围 除游戏外全部白社会服务应用界面。 适用群体 参与产品设计人员和运行和测试人员。 标准 标准就是军规、法规，指导我们在交互设计中需要遵守最基础设计准则。效仿有法可依、有法必依、执法必严、违法必究方针，先把这个法建立起来，做到有法可依。 当然，交互设计标准也像其它法律一样，一样会碰到在一些情况下某条标准和另外某条标准冲突或度多少不好把握问题，这就需要在实施过冲中灵活利用，不能过于教条和死板，要发挥设计师聪慧才智，判定应该怎样取舍和坚持。 把握用户目标为宗旨，任何时候协调良好界面全部无需给规范制度让步，而界面设计最高境界是没有界面。 宗旨 不让用户思索 交互设计目标就是让用户不知道交互设计存在，在不知不觉中完成任务。其根本标准就是在用户和机器交互时，不让用户进行任务关键目标之外任何无意义思索，一切以下意识方法完成。 基于不让用户思索基础标准，能够发展出下面多个大标准，每个大标准中又有部分小标准进行具体约定。 真实世界隐喻标准 不让用户思索，首要做就是一切尽可能以用户已经熟知方法进行设计，那么用户最熟知方法，就是起源于真实世界。 2.1设计重用标准 再真实模拟在现在技术水平也极难完全还原，所以多少要在计算机世界种发明出部分真实世界没有东西。但这些全部已经经历了前人无数次总结，而且被用户们所习认为常，形成了很好模式。所以，这里说真实世界隐喻中最好标准就是设计重用。这里有部分相关设计模式总结文章，值得读一读：《 10 Useful Web Application Interface Techniques》《 10 Useful Techniques To Improve Your User Interface Designs》《 12 Useful Techniques For Good User Interface Design》《 12 Standard Screen Patterns》 2.2自然语言标准 老设计来自于重用，新设计来自于自然语言。把自己想象成屏幕后面电脑，应该怎样和用户沟通？真实世界相同事情，应该怎样进行？设计时，不妨两个人一个饰演电脑，一个饰演用户，交互一下，会发觉很多可行设计方案。 比如邀请注册引导步骤，能够想象成真实世界中某人邀请某人参与一个party，从主人发送邀请函，到被邀请者收到邀请来到会场，主人前来迎接，进行来宾登记，主人介绍其它好友给她认识，被邀请者自我介绍，主人介绍party各个部分内容这么一个步骤下来，直到被邀请者能够自主在party中活动和交流，算是完成了整个邀请、注册、引导步骤。 再比如sophie曾经举过windows和mac对窗口最大化最小化设计