产品平台:可以使产品运转起来的软件和硬件的共同作用体,包括用户交互和产品运转。
常见平台:桌面软件、网站网络应用、移动设备、信息亭、车载系统、智能家电。
产品姿态:产品的行为立场,产品对用户的展现方式。产品的外观和行为应该对其使用方式有所反映。应用程序的姿态是行为的基础,决定了其他设计内容的许多重要原则,但在不同的情境下表现也有许些的不同。
桌面软件姿态
1、独占姿态(outlook)
独占姿态:长期占据使用者注意力的应用程序。 用户在使用独占姿态的应用程序时,会处于一种工作流的状态,窗口通常会最大化,使用者会将功能特点全部显示出来。如文字编辑软件、表单软件、电子邮件。
锁定中级用户 由于在使用独占应用的时候需要花费大量的时间和精力,所以用户会趋于称为中级用户。既能满足中级用户,也能满足初级用户。
为全屏而优化 慷慨使用屏幕空间 多数情况下,独占应用程序以最大化方式运行,除非用户有求,否则应该是全屏使用,因而必须为全屏使用而优化,不怕浪费空间。
保守的视觉设计风格 由于长时间的使用,应该弱化颜色和纹理。工具栏和其他控件比正常的更小、更紧凑,辅助控件如屏幕分割器、标尺、滚动条可以更小,空间上更紧凑。
丰富的视觉反馈 作为独占应用,可以在界面上添加大量额外的的信息,如屏幕底部状态栏、标题栏、角落里的状态、数据状态、系统提示等,但也要避免混乱。可作为让用户快速上手的工具。
支持丰富的输入方式 应用程序中的每个部分都应该有多种方式操作:直接操作、键盘助记符、键盘加速键、利用程序窗口边角的空间。最常用的功能放在主要的工具栏上,经常使用但会引起重大布局变化的放在(底部)不易察觉的控件上。
以文档为中心
例如。创建和阅读包含丰富数据的文档。原则:在独占程序中让文档视图最大化。
2、暂时姿态(对话框的行为模式)
例如:设置麦克风音量、osx的一些工具小应用。
暂时姿态:在打开短暂的时间后随即关闭,用一套有限的附加控件展现一些单一的功能。
暂时性应用程序必须简单、清晰、意思明确。
明亮而清晰
暂时姿态的应用需要用更少的空间,不会被用户长期使用,因而控件可以设计的更大、色彩绚烂,让用户明显的注意到。命令词汇也要更加的完整而不要使用缩写,让用户能够在短时间内清晰明了。
保持简一
暂时性应用程序只使用一个窗口和视图,不再跳转到其他窗口或对话框。当不止一个主题的时候要在不添加窗口或对话框的前提下,清楚的表达出这些功能。
减少精细操作,可使用直接操作、快捷键。
由于暂时姿态的程序会叠加显示在主程序上,因而要设计成可移动的,必须要有一个标题或明显的地方可以拖放。
记住用户选择
启动暂时性应用的时候,应该处于上一次的位置和配置状态下。好过默认设置
3、后台姿态
后台姿态:不与用户交互的的程序。
在后台自动运行进程,隐蔽进行。与用户交流或交互比较少,通常是在加载、卸载、偶尔调整的时候,因而暂时性姿态的交互原则也适用。
后台程序完成的是深奥抽象的功能,因而要小心处理他们发出的信息,防止用户困惑、误解。
调用界面:图标隐藏起来,提供丰富的非模态视觉反馈移动上去的时候显示更多的功能。
二、网络姿态
信息类网站由导航和搜索引擎组成,导航帮助用户打开不同的页面,引擎以目标为导向对某个页面进行定位搜索。视觉上考虑的是外观和感受、布局、导航元素、站点结构(信息架构)。可检索性。
1、信息类网站姿态(维基百科)
平衡独占和暂时姿态
有用信息的显示密度要适当,便于首次或不经常使用网站的用户学习、搜索。选择独占姿态或是暂时姿态,要看目标人物模型的身份及行为模式,一周使用一次、每周访问、每天访问,其次网站的更新频率也会影响姿态的选择。
独占属性
详细的信息最好以独占姿态完成,对目标人群常用显示器尺寸优化。例如豆瓣阅读的书本详情。
暂时属性
不常使用,偶尔查询、参考。信息类网站越倾向暂时姿态意味着网站越容易使用,导航和标志越清晰。保证任意一个界面都可以被收藏。
网站手机网入口倾向于暂时姿态,简化导航、去除冗余词汇,允许用户快速找到所需信息。
2、事务性网站姿态(亚马逊)
典型的如在线商店和金融服务门户的网站。谷歌、必应属于特殊的事务性网站。
多层次网页方式进行架构,除了信息内容,网页中还包含了复杂行为的功能因素(购物类网站的购物车、结账、保存用户信息)。事务性网站需要关注信息构架和页面组织,专注于交互设计,以创造更具功能因素特点的合适行为。电子商务类的网站对载入时间的感知更加的在意是否达成目标,对载入时间的关系不大。
事务性网站的暂时姿态决定了不能强迫用户做没有必要的导航动作。
3、网站应用姿态
用户为了实现非频繁操作的功能,而不用专门安装软件。在不同的浏览器中实现复杂的交互式交互设计的一项挑战。
例如:博客软件wordpress、图片分享软件flickr、facebook、rdio
独占式
独占网站应用提供信息和功能,为更复杂的人类活动提供支持,通常需要丰富并交互的界面。最好采用与桌面应用一样的途径来实现,使用全屏设计,细致设置较多的控制和数据对象。利用窗格和其他屏幕区域将相关功能分组。尽量避免刷新和重新渲染界面。
暂时姿态
提供清晰的导向、导航。考虑到不同人物模型对产品的需求,尽量兼容这些需求。
三、移动设备的姿态
设计手持设备的界面要特别注意外形尺寸、显示的清晰度、输入和控制的难易、对情境的敏感度。
1、智能手机和手持设备姿态
卫星姿态
kindel卫星姿态的典型,与云服务同步。卫星姿态:强调信息的检索和浏览,充分利用有限的屏幕展现桌面上编辑或加载信息。典型产品:数字相机、ipod Nano,集合式设备中关注内容导航/录音重放功能的应用程序会采用这种方式。
独立姿态 与独占和暂时应用都有相似
典型产品:智能手机。独占:通过上方或下方的菜单栏、工具栏实现全屏和运动型功能,模态对话框、提示框设定或确定毁灭性动作。暂时姿态:在一段时间内切换多个,少用到大控件、大号字。
电话这种应用尽量使用多种姿态(拨号、语音)满足多个场景。
2、平板电脑姿态
更多的用于独占姿态的程序,要保证独占的质量,通常情况下只允许全屏应用,概念上与桌面软件类似,但布局更稀疏操作更方便。
安卓平板支持小部件微型暂时姿态tiles(磁贴),用户可直接点击进入。
四、其他平台姿态
信息亭姿态
常见于:售票亭、自动售卖、购物中心指路器、取款机。 特点:用户通常是首次使用,短时间内交易或获取信息,使用环境在干扰大的公共空间。
设计原则:暂时姿态,针对首次使用这进行优化。简单导航、颜色较大的屏幕、清晰启示的空间、吸引人的界面、硬件/软件功能清晰对应、提供推出和取消的方法。
教育、娱乐类的注重探索,可增加数据密度,采用较为复杂的行为和视觉转换带来正面效果。
远距离界面姿态
常见于:数字电视、操控性游戏。痛殴或外线或蓝牙遥控器交互。
设计原则:当前聚焦要非常显眼,只有这样用户才能知道自己的位置以及下一步操作。标准配备就是大的按键和简单的左右/上下导航。最多2列信息栏。可采用与平板相同的布局。
汽车界面姿态
暂时姿态:娱乐、空调、设置的改变。大空间、简单屏幕,尽量少干扰驾驶员。
独占姿态:导航系统。记住之前的设置、显示相对复杂的信息。关注丰富、动态的内容(道路、目的地距离、预计到达时间、补充信息)。
未来的潮流可能更加接近平板电脑姿态,但要注意色彩信息不要干扰驾驶员。
智能家电姿态
(洗衣机、烘干机)暂时姿态,采用 简单、直接的界面。除非触摸屏突破进展,不然拨号、按键、闪烁灯、听觉、视觉反馈可能是更好的选择。