好文档 - 专业文书写作范文服务资料分享网站

互联网产品的交互设计方法

天下 分享 时间: 加入收藏 我要投稿 点赞

百度文库 - 让每个人平等地提升自我

练习:QQ空间日志、心情、私密记事本

参考方案 总结归纳内容: 1. 日志 2. 心情 3. 私密记事本 树状图: 方案一: ● 主页 ● “大日志” ■ 日志 ■ 心情 ■ 私密记事本 ● 音乐盒 ● 留言板 ● 相册 ……

18

百度文库 - 让每个人平等地提升自我

方案二: ● 主页 ● 日志 ● 心情 ● 私密记事本 ● 音乐盒 ● 留言板 ● 相册 …

根据上面两种不同的树状图方案,接下来的页面草图也会是不同的,你可是试着画画…

方法三. 任务走查法

这是一种优化现有产品的方法。成本低,见效快。对产品整体上影响小。 以用户任务为线索,以可用性准则为依据。是的,这个说话很好记,类似“以事实为依据,以法律为准绳。”

“用户任务”是指用户实际使用这个产品时需要完成的任务。这个方法中,需要操作者依据主观判断制定用户任务,而不是通过用户研究。这虽然有可能造成更大的误差,但同时节约了时间成本。实际工作中,参与这个产品设计的同学坐在一起讨论一下,通常是可以比较准确的描述出用户任务的。

“可用性准则”在这个方法中是指:页面表达原则、信息构架原则、视觉表现规范,这三部分。页面表达原则和信息构架原则就是前面提到的,视觉表现规范是专门针对视觉设计而制定的。这个方法要处理的问题是现有产品,因此,不同于产品原型,更多了视觉表现这一环,在视觉设计过程中出现的问题也应该在走查中一起发现。 视觉表现规范

1. 滚动条看上去应该象滚动条 2. 表单的对齐方式

18

百度文库 - 让每个人平等地提升自我

3. 重要的内容显示在第一屏 4. 导航应出现在第一屏上半部分 5. 尽量避免使用装饰性的图标 6. 避免内容看上去象广告 7. 光标样式

8. Tab需要有三种状态而不是两种

9. 红色表示警示,绿色表示ok,黄色表示提示 10. 灰色通常表示“暂不可用”(disabled) 具体操作

第一步. 分析并总结所有任务 第二步. 根据任务进行评估 评估中需要注意:

1. 不影响任务的问题不记录

2. 被记录的缺陷是有根据的(根据可用性准则),而不是根据自己的感觉。 实例:QQ秀快速换装

18

百度文库 - 让每个人平等地提升自我

第一步. 任务列表: ● 换一套新形象 ● 换表情 ● 换心情 ● 随便逛逛

● 换一个自己以前的形象

第二步. 评估。以“换心情”任务为例: 问题1 副标题表意不明确 描述:

18

百度文库 - 让每个人平等地提升自我

这句说明仍旧没能说明“这里是什么功能”。如果能通过这句话说明:“在这里添加文字内容,显露您的心情”,说明的效果会更好。至于“让好友都知道!”这几个字几乎是没有用的,没有传达任何信息量。 依据:页面表达原则:信息的表达应该清楚、明确、直接。 问题2 “请输入心情秀”表意不明 描述:

“请输入心情秀文字”其实是第二层要表达的信息,第一层应该是:“这里还没有输入文字”。没有第一句,直接是第二句,需要用户花些时间来推断,推断出,这里显示“请输入心情秀文字”是因为自己没有写文字进去。 依据:页面表达原则:信息的表达应该清楚、明确、直接。 问题3 拖动心情秀时,光标使用不正确 描述:

光标在框中的是link的手型,实际上应该是十字箭头。现在会被误解为有点击操作。

依据:视觉表现规范:光标 问题4 “心情秀”概念不清 描述:

18

互联网产品的交互设计方法

百度文库-让每个人平等地提升自我练习:QQ空间日志、心情、私密记事本参考方案总结归纳内容:1.日志2.心情3.私密记事本树状图:方案一:●主页●“大日志”■日志■心情■私密记事本●音乐盒●留言板●相册……18百度文库-让每个人平等
推荐度:
点击下载文档文档为doc格式
5ve7m946091h1yk7phhy1xkfw968dk01atj
领取福利

微信扫码领取福利

微信扫码分享