人机交互设计

人机交互部分的设计


1.用户界面设计步骤


(1) 从系统的输入、输出及与用户的交互中获得信息,定义界面对象和行为(操作)。
(2)定义那些导致用户界面状态发生变化的事件,对事件建模。
(3)描述最终向用户展示的每-一个界面的状态。
(4)简要说明用户如何从界面提供的界面信息来解释系统状态。


2.web应用系统的界面设计

2.1界面设计目标  


(1)简单性:尽量做到适度和简单,不要在页面上提供太多的东西。
(2) 一致性:这一设计目标几乎适用于设计模型的每-一个元素。
(3)确定性: Web应用系统的美学、界面和导航设计必须与将要构造的应用系统所处的领域保持一致。
(4)健壮性:在已经建立的确定性的基础上,Web应用系统通常会给用户明确的“承诺
(5)导航性:我们已经在前面提及了导航应该简单和一致,也应该以直观的和可预测的方式来设计。也就是说,用户不必搜索导航链接和帮助就知道如何使用Web应用系统。
(6)视觉吸引:在所有类型的软件中,Web应用 系统毫无疑问是最具有视觉效果的、最生动的、也是最具有审美感的。
(7)兼容性:Web应用系统会应用于不同的环境(例如,不同的硬件、Internet连接类型、操作系统、浏览器),并且必须互相兼容。

2.2界面设计工作流


(1)回顾那些在分析模型中的信息,并根据需要进行优化。
(2)开发Web应用系统界面布局的草图。
(3)将用户目标映射到特定的界面行为。
(4) 定义与每个行为相关的一组用户任务。
(5)为每个界面行为设计情节串联图板屏像。
(6)利用从美学设计中的输入来优化界面布局和情节串联图板。

(7)明确实现界面功能的界面对象。
(8)开发用户与界面交互的过程表示。
(9)开发界面的行为表示法。
(10)描述每种状态的界面布局。
(11)优化和评审界面设计模型。
 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值