9-平台和姿态about face4

思维导图

产品平台:可以使产品运转起来的软件和硬件的共同作用体,包括用户交互和产品运转。

常见平台:桌面软件、网站网络应用、移动设备、信息亭、车载系统、智能家电。

产品姿态:产品的行为立场,产品对用户的展现方式。产品的外观和行为应该对其使用方式有所反映。应用程序的姿态是行为的基础,决定了其他设计内容的许多重要原则,但在不同的情境下表现也有许些的不同。

桌面软件姿态

1、独占姿态(outlook)

独占姿态:长期占据使用者注意力的应用程序。 用户在使用独占姿态的应用程序时,会处于一种工作流的状态,窗口通常会最大化,使用者会将功能特点全部显示出来。如文字编辑软件、表单软件、电子邮件。

锁定中级用户 由于在使用独占应用的时候需要花费大量的时间和精力,所以用户会趋于称为中级用户。既能满足中级用户,也能满足初级用户。

为全屏而优化  慷慨使用屏幕空间 多数情况下,独占应用程序以最大化方式运行,除非用户有求,否则应该是全屏使用,因而必须为全屏使用而优化,不怕浪费空间。

保守的视觉设计风格 由于长时间的使用,应该弱化颜色和纹理。工具栏和其他控件比正常的更小、更紧凑,辅助控件如屏幕分割器、标尺、滚动条可以更小,空间上更紧凑。

丰富的视觉反馈  作为独占应用,可以在界面上添加大量额外的的信息,如屏幕底部状态栏、标题栏、角落里的状态、数据状态、系统提示等,但也要避免混乱。可作为让用户快速上手的工具。

支持丰富的输入方式 应用程序中的每个部分都应该有多种方式操作:直接操作、键盘助记符、键盘加速键、利用程序窗口边角的空间。最常用的功能放在主要的工具栏上,经常使用但会引起重大布局变化的放在(底部)不易察觉的控件上。

以文档为中心

例如。创建和阅读包含丰富数据的文档。原则:在独占程序中让文档视图最大化。

2、暂时姿态(对话框的行为模式)

例如:设置麦克风音量、osx的一些工具小应用。

暂时姿态:在打开短暂的时间后随即关闭,用一套有限的附加控件展现一些单一的功能。

暂时性应用程序必须简单、清晰、意思明确。

明亮而清晰 

暂时姿态的应用需要用更少的空间,不会被用户长期使用,因而控件可以设计的更大、色彩绚烂,让用户明显的注意到。命令词汇也要更加的完整而不要使用缩写,让用户能够在短时间内清晰明了。

保持简一 

暂时性应用程序只使用一个窗口和视图,不再跳转到其他窗口或对话框。当不止一个主题的时候要在不添加窗口或对话框的前提下,清楚的表达出这些功能。

减少精细操作,可使用直接操作、快捷键。

由于暂时姿态的程序会叠加显示在主程序上,因而要设计成可移动的,必须要有一个标题或明显的地方可以拖放。

记住用户选择

启动暂时性应用的时候,应该处于上一次的位置和配置状态下。好过默认设置

3、后台姿态

后台姿态:不与用户交互的的程序。

在后台自动运行进程,隐蔽进行。与用户交流或交互比较少,通常是在加载、卸载、偶尔调整的时候,因而暂时性姿态的交互原则也适用。

后台程序完成的是深奥抽象的功能,因而要小心处理他们发出的信息,防止用户困惑、误解。

调用界面:图标隐藏起来,提供丰富的非模态视觉反馈移动上去的时候显示更多的功能。


二、网络姿态

信息类网站由导航和搜索引擎组成,导航帮助用户打开不同的页面,引擎以目标为导向对某个页面进行定位搜索。视觉上考虑的是外观和感受、布局、导航元素、站点结构(信息架构)。可检索性。

1、信息类网站姿态(维基百科)

平衡独占和暂时姿态

有用信息的显示密度要适当,便于首次或不经常使用网站的用户学习、搜索。选择独占姿态或是暂时姿态,要看目标人物模型的身份及行为模式,一周使用一次、每周访问、每天访问,其次网站的更新频率也会影响姿态的选择。

独占属性

详细的信息最好以独占姿态完成,对目标人群常用显示器尺寸优化。例如豆瓣阅读的书本详情。

暂时属性

不常使用,偶尔查询、参考。信息类网站越倾向暂时姿态意味着网站越容易使用,导航和标志越清晰。保证任意一个界面都可以被收藏。

网站手机网入口倾向于暂时姿态,简化导航、去除冗余词汇,允许用户快速找到所需信息。

2、事务性网站姿态(亚马逊)

典型的如在线商店和金融服务门户的网站。谷歌、必应属于特殊的事务性网站。

多层次网页方式进行架构,除了信息内容,网页中还包含了复杂行为的功能因素(购物类网站的购物车、结账、保存用户信息)。事务性网站需要关注信息构架和页面组织,专注于交互设计,以创造更具功能因素特点的合适行为。电子商务类的网站对载入时间的感知更加的在意是否达成目标,对载入时间的关系不大。

事务性网站的暂时姿态决定了不能强迫用户做没有必要的导航动作。

3、网站应用姿态

用户为了实现非频繁操作的功能,而不用专门安装软件。在不同的浏览器中实现复杂的交互式交互设计的一项挑战。

例如:博客软件wordpress、图片分享软件flickr、facebook、rdio

独占式

独占网站应用提供信息和功能,为更复杂的人类活动提供支持,通常需要丰富并交互的界面。最好采用与桌面应用一样的途径来实现,使用全屏设计,细致设置较多的控制和数据对象。利用窗格和其他屏幕区域将相关功能分组。尽量避免刷新和重新渲染界面。

暂时姿态

提供清晰的导向、导航。考虑到不同人物模型对产品的需求,尽量兼容这些需求。


三、移动设备的姿态

设计手持设备的界面要特别注意外形尺寸、显示的清晰度、输入和控制的难易、对情境的敏感度。

1、智能手机和手持设备姿态

卫星姿态

kindel卫星姿态的典型,与云服务同步。卫星姿态:强调信息的检索和浏览,充分利用有限的屏幕展现桌面上编辑或加载信息。典型产品:数字相机、ipod Nano,集合式设备中关注内容导航/录音重放功能的应用程序会采用这种方式。

独立姿态 与独占和暂时应用都有相似

典型产品:智能手机。独占:通过上方或下方的菜单栏、工具栏实现全屏和运动型功能,模态对话框、提示框设定或确定毁灭性动作。暂时姿态:在一段时间内切换多个,少用到大控件、大号字。

电话这种应用尽量使用多种姿态(拨号、语音)满足多个场景。

2、平板电脑姿态

更多的用于独占姿态的程序,要保证独占的质量,通常情况下只允许全屏应用,概念上与桌面软件类似,但布局更稀疏操作更方便。

安卓平板支持小部件微型暂时姿态tiles(磁贴),用户可直接点击进入。


四、其他平台姿态

信息亭姿态

 常见于:售票亭、自动售卖、购物中心指路器、取款机。 特点:用户通常是首次使用,短时间内交易或获取信息,使用环境在干扰大的公共空间。

设计原则:暂时姿态,针对首次使用这进行优化。简单导航、颜色较大的屏幕、清晰启示的空间、吸引人的界面、硬件/软件功能清晰对应、提供推出和取消的方法。

教育、娱乐类的注重探索,可增加数据密度,采用较为复杂的行为和视觉转换带来正面效果。

远距离界面姿态

常见于:数字电视、操控性游戏。痛殴或外线或蓝牙遥控器交互。

设计原则:当前聚焦要非常显眼,只有这样用户才能知道自己的位置以及下一步操作。标准配备就是大的按键和简单的左右/上下导航。最多2列信息栏。可采用与平板相同的布局。

汽车界面姿态

 暂时姿态:娱乐、空调、设置的改变。大空间、简单屏幕,尽量少干扰驾驶员。

独占姿态:导航系统。记住之前的设置、显示相对复杂的信息。关注丰富、动态的内容(道路、目的地距离、预计到达时间、补充信息)。

未来的潮流可能更加接近平板电脑姿态,但要注意色彩信息不要干扰驾驶员。

智能家电姿态

(洗衣机、烘干机)暂时姿态,采用 简单、直接的界面。除非触摸屏突破进展,不然拨号、按键、闪烁灯、听觉、视觉反馈可能是更好的选择。            

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,311评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,339评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,671评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,252评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,253评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,031评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,340评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,973评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,466评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,937评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,039评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,701评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,254评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,259评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,497评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,786评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,506评论 25 707
  • 平台指产品能运转起来的软硬件条件。姿势指产品对用户的展示方式。 一、产品平台 技术平台相关的决定最好能融入交互设计...
    友交互阅读 1,227评论 0 5
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,599评论 18 139
  • 八十一、创业能力也离不开人文吗? 有的人在质疑这个问题的时候,可能已经准备好了不少生动鲜活的例子。比如,商界有许多...
    唐小宫阅读 453评论 2 5
  • 相聚总是很短暂,转眼间,又一个冬天过完了,雪公主来到达恩的房间,想向他告别,雪公主竟发现达恩瘫倒在床上,达恩的脸白...
    测谎仪阅读 491评论 0 0