当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 用户体验设计实例:交互设计表格

心得技巧
设计杂谈:有吸引力的宣传单的制作
用户体验:如何设计美好的瞬间(1)
用户体验:如何设计美好的瞬间(2)
用户体验:如何设计美好的瞬间(3)
用户体验:如何设计美好的瞬间(4)
交互设计:支付宝即时到账交易确认付款页面的交互设计
交互设计:网站提供给用户的适时帮助设计
网页设计参考:国外不错的网站设计实例欣赏
用户体验:从传文件功能看本地化
“灰色”在Web交互设计中的8类应用
网页设计参考:2009年经典的网页设计作品
设计网页参考:创意的国外博客网站头部设计
为网页添加hCard微格式
Godaddy在降低购物车页面跳出率的改进
交互设计:简洁清晰,自然易懂的设计
网页前端设计:关注前端开发流程
设计理论:界面设计和视觉效果的统一性
交互设计实例:大网站改版
设计师未来三年的职业规划是什么样的
网页设计师引导客户的几个技巧

心得技巧 中的 用户体验设计实例:交互设计表格


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 87 ::
收藏到网摘: n/a

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

fangjianbiaoge

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

———————————————————————

 

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

2geshan

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

———————————————————————-

 

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

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

 

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

mouren

 

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

jiaohubiaogetu

 

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

 

↓图例1:未行动

mouren

 

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

shuruyonghuming

 

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

mimacuowu

 

↓图例4:正在登录

zhengzaidenglu

 

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

chaoshi

 

———————————————————————–

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

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

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