交互规范实例――白社会Dialog规范
浏览:1683次 出处信息
交互规范是什么:在产品设计初期,在进行了部分功能的交互设计之后,将用户与界面之间的交互行为总结归纳出来,并加以延展,从而形成的设计规范。交互规范可以帮助我们统一现有的交互设计,并可以指导接下来的交互设计。
我们就拿 白社会 中的Dialog规范举个例子:
以上是目前网站比较常见的提示框,它最初是模拟windows提示框出现的,让用户在使用中更加容易接受。
首先,我们根据用途,将Dialog分为以下5类,并且尽量详细的定义Dialog的使用用途、交互规则、文字和按钮规则:
标题:操作+目标,例如删除日志,删除照片专辑,解除好友关系……
按钮:确定+取消
标题:操作+目标,一般为入口的名字,例如新建照片专辑,修改真心话,添加选项……
按钮:保存(行为)+取消,行为例如加为好友,添加,分享……
标题:沿用之前操作框的标题
按钮:关闭
标题:提示
按钮:确定
标题:未保存+目标,例如未保存日志,未保存个人档案,未保存隐私设置……
按钮:保存+不保存+取消
由于是模拟windows控件出现,我们也不能忘了快捷键,以方便键盘流的使用~
快捷键: 支持键盘的enter操作框上的主操作,一般为”确定”"保存”等,支持键盘的esc操作框上的取消/关闭操作,一般为”取消”"关闭XX”等。
这样,一个关于Dialog的交互规范就定义完了。
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:改善网页设计的10个绝佳SEO建议
后一篇:浅谈白社会交互设计的创新(一) >>
文章信息
- 作者:leeking001 来源: Leeking001
- 标签: Dialog 交互规范
- 发布时间:2011-03-27 23:41:07
近3天十大热文
- [12] 逃出你的肖申克(五):看不见的牢笼(上)
- [10] linux 简单架设防火墙路由器
- [9] [Perl]Moose::Manual::T
- [8] 卖家反馈影响因素的量化研究(上)
- [8] mysqldump意外终止的原因以及解决方法
- [8] 优先为移动设计的理由
- [8] 关于身份证号的那些事
- [8] iOS的定位原理揭秘
- [8] SNS背后的科学(1)从六度分隔到无尺度网络
- [8] Eclipse开发Android应用程序入门