交互设计7日通(四)

交互|设计

文章作者:姜伟 Email:jamewe@yahoo.com.cn QQ:355905 个人网站:it2media.nease.net。转载请联系原文作者
------------------------

  (二)、如何辨识和使用交互元素。
  下面分别就:交互场景、交互对象、交互方法和交互事件分别进行讨论。

  我们常把交互场景分为嵌入式、PC和服务器三种。嵌入式主要指使用小型液晶显示输出的设备,PC机主要指带有CRT、键盘、鼠标的个人计算机。服务器在多数情况下和PC机的交互设备差不多,但是用户的专业性要求方面往往有很大差距。

  我们主要针对PC机进行讨论。在国内PC机的主要操作系统就是windows,因此以windows为基准讨论交互对象。

  Windows下常用交互对象包括:
  1、 信息显示对象
  2、 命令响应对象
  3、 输入选择对象
  4、 范围限定对象
  5、 表格对象
  6、 系统对象

  信息显示对象有:标签、动画、即时提示、状态栏提示、进度条。
  名称 演示
  标签
  动画
  即时提示
  状态栏提示
  进度条
  信息显示对象主要用于软件向使用者提供反馈信息。

  命令响应对象有:按钮、菜单、分割条、超连接文本
  名称 演示
  按钮 常规 扁平 图形 按下 下拉 单选 多选
  菜单
  分隔条
  超连接文本
  命令响应对象主要用于响应用户的鼠标和键盘的命令。

  输入选择对象有:文本输入框、微调输入框、选择框、滑动条、页面选择
  名称 演示
  文本输入框 单行和多行文本输入 IP地址输入
  微调输入框
  选择框 滚动选择 下拉选择
  滑动条
  页面选择
  输入选择对象主要用于接收用户输入文字、选择已经设定好的选择等。

  范围限定对象主要有:群组和分割线
  名称 演示
  群组
  分割线
  范围限定对象主要用于从视觉上分开相互之间有逻辑区别的一个或者多个交互对象。

  表格对象外形看起来很象我们使用的表格而得名。

  用于显示和输入大量信息。

  系统对象包括:窗口、树列表、列表、系统信息栏
  名称 演示
  窗口
  树列表
  列表
  系统信息栏

  在熟悉了Windows的交互元素之后,我们来看交互方式和交互事件。

  交互方式有:键盘输入、鼠标滚动、鼠标点击、语音输入、笔迹输入、影像输入等。其中最常用的是前面三者。

  交互事件有:视觉提示、路径选择、声音提示等。路径选择就是当程序可能有多个分支的时候,要求用户确认进入哪一个分支。

  (三)、如何设计和使用交互逻辑

  在前面我们已经说过交互逻辑的三种情况。对于用户的天然逻辑是首先要遵守的。这个就是所谓的人性化的问题。比如从左到右从上到下,红色表示警戒绿色表示安全,低频率表示正常高频率表示非常等等。

  如果违反了用户的自然逻辑,可以通过前期的用户焦点小组和后期的用户测试检测出来。

  如果考虑到我们所处交互环境的特点-PC机、windows操作系统,那么还要注意的就是同Windows的操作习惯相配合。比如在中文windows下,按钮的快捷键是在按钮文字的后面,而英文版是在前面。

  首先要注意的就是键盘的逻辑。在Windows下的软件交互除非是不和其他任何应用一起运行,否则就要注意键盘的逻辑要按照windows下规范进行。请参考附录(一)中windows键盘定义。

  其次就是要注意鼠标的逻辑。现在windows下的鼠标基本都是双键的,中间带有滑动轮的也不在少数。对于单击、右键单击、双击的定义要和windows的当前设置相同,否则会给用户带来困惑。

  各个交互元素之间的逻辑,难以条条块块的讲清楚。这里介绍一下几个交互设计的原则,然后给出一些在交互设计中行之有效的方法。

  交互设计原则:
  1、 以用户为中心的原则
  2、 交互一致性原则
  3、 简单可用原则

  以用户为中心的原则不需多言:按照用户习惯的方式设计交互、提示和引导用户而不是教育用户、以用户的满意度为基本衡量标准。

  交互一致性的原则包含下面几个内容:
  设计目标一致。如果追求操作简单,那么就要贯彻始终。
  外观一致。如果追求视觉效果华丽,那么就尽量避免出现朴素的效果。
  行为一致。交互对象在相同的交互方法后产生的交互事件保持一致。

  简单可用原则包含下面的几个内容:
  简化界面元素。能够分类的就分类,能够隐藏的就隐藏。保持界面控制区域不多于40%,
  简化逻辑概念。Windows下流行的向导窗口就是一个很好的例子。
  从而使得交互更容易理解更容易控制。

  如果大而言之,交互设计中只有一种方法,那就是简化。这一点往往是软件开发者和使用者之间的最大分歧。程序开发者往往由于全盘了解软件的功能和架构,更加倾向于快捷和从开发角度看的合理性和逻辑性。

时间: 2024-10-07 20:24:45

交互设计7日通(四)的相关文章

交互设计7日通(五)

交互|设计 文章作者:姜伟 Email:jamewe@yahoo.com.cn QQ:355905 个人网站:it2media.nease.net.转载请联系原文作者------------------------ 那么如何进行简化呢? 刚才说了,交互设计根本的方法是简化.因为这个方法太过模糊,我们现在把简化作为我们的目标,而用面向对象的方法来对交互进行设计. 面对对象的方法在软件编制中应用已经很久了,对象-也就是所谓的物体(object),天然和我们周围的生存环境一致.同时由于我们的交互设计往

交互设计7日通(三)

交互|设计 文章作者:姜伟 Email:jamewe@yahoo.com.cn QQ:355905 个人网站:it2media.nease.net.转载请联系原文作者------------------------ 下面按照交互的4个要素,分别讨论一下下面的问题: 1. 如何寻找目标用户和发掘用户交互需求 2. 如何辨识和使用交互元素 3. 如何设计和使用交互逻辑 4. 如何通过交互费用对交互进行验证和测试 (一).寻找目标用户和发掘用户交互需求 我们首先来看,如何确定目标用户. 确认目标用户一

交互设计:交互组件创新的四种常见方式

交互设计是一个创造性的工作,利用创新的方式漂亮地解决产品问题,是一个交互设计师价值的体现.当创新的交互设计被用户认可.被业界同行学习,更是一种巨大的职业满足感.这种创新不一定是惊天地泣鬼神的革命性设计,一个小小的交互组件的创新就可以让产品体验增色不少.今天就通过一些案例聊聊交互组件创新的四种常见方式,与大家共勉. 一.滚动条的创新[重构法] 我们先来回想一下阅读PDF文档的两种滚动方式:1.手型工具拖动 2.滚动条. 要翻看后面的信息,用手型工具向上拖动,用滚动条则是向下拖动,两种操作方式的原理

交互设计实用指南(四):简洁清晰自然易懂

我们生活在信息繁杂的社会,尤其是在互联网时代,人们开始通过网络开始接触越来越多的信息,那么,如何获取/传递有效而准确的信息将非常重要.在网页交互设计中,我们提出:信息获取和传达的过程必须是简洁清晰,自然易懂.这样用户才能够有效的获取这些信息,并迅速作出决定. 1.什么是"简洁自然,清晰易懂"? 简洁清晰:使信息最简化 "少即是多".提倡使用最少的元素来表达最多的信息.如果信息繁杂,将使用户承担大量的信息负担,造成信息过载,影响效率,不能帮助用户解决问题. 自然易懂:

交互设计就是要把握以用户为中心的宗旨

文章描述:交互设计规范原则. 古巴比伦王颁布了汉摩拉比法典, 刻在黑色的玄武岩, 距今已经三千七百多年, 你在橱窗前- 熟悉吧?没错,这就是周董的爱在西元前歌词.前不久工作不是很忙,于是乎萌出整理交互设计的规范想法,也就是篆刻公司用户体验设计的汉摩拉比法典.既然要制定规范,首先得树立一个指导思想,也就是法律中的宪法:也像是个自然科学树立一种哲学思想,作为一种世界观和方法论来指导用户体验设计.哲学虽然感觉很虚,但是很重要哦,大师级别的科学家很多也是哲学家. 用户体验设计原则就像宪法,是交互设计最基

一个完整的交互设计流程是怎样的?

  一.定性研究(Qualitative Research):针对可能使用你的产品的人,可以是问卷.访谈-- 二.确定人物角色(Persona):即产品的典型用户,可以有一种或几种.例如可以有一个人物角色叫CEO. 三.写问题脚本(Problem Scenario):罗列人物角色在使用产品时可能遇到的问题,可以整理成一个故事便于别人理解 四.写动作脚本(Action Scenario):像写故事一样,写人物角色在使用你设计好的产品时,发生的细节.注意,这个时候你的交互方案的概念模型已经基本成型了

交互设计新人的核心竞争力

从实习的第一天起,我就数着日子在过,时间走的太快拦也拦不住,要做要学的事情又太多.转眼七月已经过去,总觉得还是有点后知后觉,花了一个月的时间去适应新环境和新工作,慢慢才知道寻求突破点的重要性,所以今天来聊聊我所理解的交互设计师的核心竞争力. 竞争力一:业务驱动力 最开始,我总在想业务是比较窄的,比如我做电商,以后就只能在电商领域,以业务为导向的竞争力会不会不具有普适性,只能在一个公司一个业务线上具备竞争力?但现在想来,这种观点可能是错误的,交互设计的最终目标是解决复杂问题的能力,这种能力会通过业

交互设计中响应式Web设计的优势和设计流程

在设计中经常遇到这几个问题: 1.想要网站兼容手机.平板电脑.pc,就得为不同的设备定制不同的版本. 2.想要网站的某些页面在宽屏显示器下一行显示更多的内容,又得为宽屏定制一个版本. 3.很多人并不是在全屏的情况下浏览我们的页面,如果让页面随着浏览器宽度改变而相应的调整会不会比较好? 有没有办法能有效解决这些问题呢? 响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境(屏幕尺寸.屏幕定向.系统平台等)以及用户行为(改变窗口大小等)进行相应的响应

交互设计在产品设计中的工作流程小议

当产品的用户体验要求越来越高时,交互设计师的职责也越来越明晰了.交互设计师除了自身的基本功外,还需要有一个规范的流程,才能够使工作完整有序. 图1 交互设计在产品设计中的流程图 一.版本计划 版本计划是指在产品或项目立项时,对产品的一个总的规划,通常包括产品的需求与目标,比如能够实现哪些功能,性能上如何.这一过程,交互很少直接参与,或者列席一下发版立项,对计划情况有所知晓.交互可以纵观一下历史版本,对比行业内外的相关产品,以及满怀未来产品的一种期待:实用.方便.美观-- 二.需求分析 在版本计划