我的联盟 作品 招聘 外包 人才  酷站加油 国内 国外 CSS  资源图库 图库 模板 矢量 图标  设计欣赏 界面 LOGO 插画 艺术  网页 平面  专访 名站 竞赛 社区
当前位置:首页 > 网页教程 > 网页理论 > 正文
交互设计表格
来源:ued.icafe8.net 2009年11月04日 22:35 网友评论:3条 点击:

说:在一个房间里丢了一根针,你需要找到它,你会用什么办法?
答:扫把;吸铁;放大镜。。。粉笔。。。
Ok,使用粉笔?请看下图↓

划分区块,每个找过的地方做个标志。可能不是很快找到,但绝对有效。表格能确保我们不遗漏。

说:2个山,能组成几个字 ?
答:出,屾,王。。。(我继续想想)
Ok,我们使用表格。

正常的应该都出来了吧。不是每个人都才思敏捷,但表格能帮我们穷举,得出正确结果。

回到主题,我们说说交互设计表格。
先说交互设计师的烦恼:
你是不是常常觉的状态没有考虑全,一遍一遍的琢磨?
你是不是常常觉的跟需求方交流费尽口舌,对方还糊涂?
你是否常常一个接一个的场景描述,且大部分都是重复的文字?
Ok,我们来看下交互设计表格能否解决我们的大部分烦恼。

表格说明:划分2个纬度——页面元素和用户行为。最左边一列是页面可见元素(包括光标);最上面一行,是用户的行为(尽量按操作流程)。中间交叉的为场景描述。

举例分析:客户端的二级登录

 

针对以上内容,交互设计表格(只针对交互内容)如下↓:

 

表格中提到的状态图如下:

↓图例1:未行动

 

↓图例2:请您输入用户名

 

↓图例3:X密码有误,请重新输入

 

↓图例4:正在登录

 

↓图例5:!超时,请重新登录!

此方式,在工作中,运行良好。利于检测和交流。

ok,希望交互设计表格能对你也有帮助。

———————————————-更多相应细节,将在今后项目中总结————————

原文:http://ued.icafe8.net/?p=316

上一篇:支付宝lab logo设计创意发想   下一篇:从零开始设计一个漂亮的网页
收藏此页】【打印】【关闭
 相关文章  我要点评
·表单交互设计之二——校验思考
·交互细节中那些变形金刚
·图形化设计- 内涵容不得牵强
·交互设计—“衣物收纳法”见真知
·谈交互设计的经验积累
·网络交互式广告体验
·生活中的交互之小户型设计
·“交互设计”这回事~~(刨祖坟磕)

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 设计服务 | 广告服务 | 常见问题 | 网站地图 | 法律声明 | 联系我们
Copyright © 2003-2012 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】