PC端产品的三种姿态

这篇依旧是读书笔记,只不过记录的不是整本书,而是《About face 3交互设计精髓》中的一个知识点,这个知识点非常重要,重要到需要单独提出来记录一篇。

在《About face 3交互设计精髓》一书中,将PC端应用分为了3种姿态:独占姿态,暂时姿态,后台姿态。

一、独占姿态

1)、独占姿态是什么?

想想一下你正在全神贯注的做一件事情,唱一首歌、或者跳一支舞,你沉浸其中,你忘记了时间,也把其他事情暂时抛开了,这就叫做心流状态,而能这首歌、这支舞就是独占你心流状态的事物。

PC端产品的独占状态也相同,它最大特点就是会被长时间持续的使用,且作为主要工具主导了用户的工作流(工作中的心流状态),这类应用通常有着较多的功能、复杂的交互、用户经常需要长时间持续运行、占据整个屏幕.

比如设计师在使用sketch 的时候,通常都会将窗口最大化,尽管有时候需要搜索一些配图、处理一下工作杂事,但sketch依旧能保持其独占姿态。

kunalng20160601001

2)、独占应用的使用者一般都是中间用户

用户使用独占应用时,往往目标明确,且有要在应用上花费大量时间和精力的心理准备,因此用户一定会从新手用户发展为中间用户。这就意味着产品不能牺牲功能从而变得容易学习,也不能一味追求精密复杂的超级工具,设计者需要做的是:永远为中间用户进行优化。

kunalng20160601002

3)、独占应用的设计原则

1、慷慨的使用屏幕空间

由于独占应用长时间持续被使用,没有其他的应用能和这个独占应用相争,因此独占应用可以最大化的使用空间

2、弱化视觉表现

由于用户可能长时间盯着独占应用,拥有强烈色彩的视觉风格只会带来短暂的新鲜感,很快就会令用户视觉疲劳,因此弱化视觉表现上的颜色和纹理变得很重要。

如下图,PPT的整体配色以灰色为主调弱化视觉表现

kunalng20160601003

3、用更少的像素来做更多的事情

用户长时间盯着相同的菜单和工具栏,会对功能的位置越来越有熟悉感,肢体对位置也有反射记忆。因此,设计者可以用更少的像素来做更多的事情,比如空间上更紧凑、icon更小等

4、丰富的操作

独占应用的用户目标明确-快速完成某项任务,因此丰富的操作对中间用户来说就变得非常重要。比如做设计的时候,你需要快速复制粘贴,那这时针对新手用户的鼠标右键复制粘贴已经比较麻烦且浪费时间,Ctrl+C和Ctrl+V就比较便捷了。

5、防错机制

相信你一定曾经遇到过这种倒霉事:正做着PS呢,程序崩溃了,做了这么久的图,说没就没了,一口老血喷了一屏幕。如果这些独占应用可以每隔几分钟就保存一次,就可以防止程序崩溃或错误操作带来的损失了。

不止是PC客户端、随着多平台时代的发展、现在web上也有越来越多的独占应用,比如用来做云端PPT的轻页,可以用来跨平台分享,不需要下载,一个链接就可以打开一个演示文档。

kunalng20160601004

而这种应用会带来更多的干扰,比如在编辑页面,浏览器顶部的标签和工具栏时常会干扰用户,分散用户的注意力。而浏览器页面更容易被关闭,因此后台缓存和关闭强提示就变的非常重要。

kunalng20160601005

二、暂时姿态

2.1)暂时姿态是什么?

你在绘画的时候,要换一支小一号的画笔;跳舞的时候换一双舞鞋;唱K的时候换一首歌,你所有的暂时性动作都是为了整个事件的完成,这种短暂事件就是暂时姿态。

PC端产品的暂时状态也相同,它最大特点就是在暂时需要时被调用,完成自身任务后又迅速离开,让用户继续工作,暂时姿态的临时性特点,让这类界面必须清晰而容易操作。

例如在做PPT时,需要调入一张图片,这个时候调出来的插入图片的弹框程序就是暂时姿态。

kunalng20160601006

2.2)暂时姿态的使用者是所有人

虽然暂时姿态可以单独运行,但通常都是辅助支持独占应用的。因此无论是新手用户、中间用户、还是专家用户,暂时姿态都将被使用。

3.3)暂时姿态的设计原则

1、节约屏幕空间,且必须是可以移动的

暂时姿态只是暂时被调用,且他们位于独占应用之上,因此、暂时姿态的应用程序必须是可以移动的,方便用户来回拖动,不遮挡用户视线。

kunal20160601007

2、清晰的设计和较大的icon

PC端的QQ音乐就是一个典型的暂时姿态的应用。

设计师Tony经常会在作图的时候通常会听音乐来放松心情,今天也是如此,他快速打开QQ音乐的客户端,选好了自己喜欢的歌单后又迅速关闭,之后偶尔快速查看或者操作它。这个时候,清晰的设计和较大的icon有利于用户迅速识别、迅速完成操作。

kunalng20160601008

3、丰富的视觉表现

独占姿态弱化了视觉表现,这时在暂时姿态弹出时,醒目的设计反倒有利于用户快速定位。况且暂时姿态只是短暂被调出,不会长时间停留在屏幕上,因此丰富的视觉表现不会引起用户的视觉疲劳和反感

4、最好不要增加第二个视图或对话框

用户调用暂时程序时,他所需要的信息和功能操作应当直接显示在程序的单个窗口上,让用户集中在这个窗口上操作,不要再转到其他窗口或弹框来完成程序的主要功能。如果在设计暂时程序时,你发现自己在增加一个第二视图或者弹框,你就需要重新来检查你的设计了。

5、记住用户的选择

我经常用Axure画交互稿,在保存图片的时候,程序通常会记住我上次的保存位置。这种让应用程序记住它最后一次使用状态的交互方式,符合用户的心理模型。

kunalng20160601009

三、后台姿态

后台姿态是什么?

通常不与用户互动的程序是后台姿态应用,这些程序隐形于后台进行服务,无需用户干预就可以完成重要任务。就像是我们的心跳,我们无需有意识的控制心跳,它是在人体后台自动运营的进程,但和心跳不同的是,后台应用必须可以随时被加载或卸载,也可以随时被调整。

下图是Mac系统中的后台程序

kunalng20160601010

2)大多数用户都不会使用后台应用

大多数情况下,用户根本意识不到后台应用的存在,只有程序出现错误时,用户才会注意到有可能后台出错了,而这种错误一般用户都无法处理,需要寻求专业人士的帮助。

3)后台姿态的设计原则

我们基本接触不到后台姿态应用的界面设计,晦涩难懂的专业词汇也令我们迷惑,个人认为可以先忽略。

总结:
独占姿态:长时间被持续使用,用户需要在这种应用中进入心流状态,我们需要不断为中间用户优化。
暂时姿态:短暂被调用后关闭,完成任务后迅速被关闭,所有人都会使用到它。
后台姿态:在后台运行,大部分设计师基本接触不到后台姿态的界面设计。
我们在设计的时候需要注意独占姿态和暂时姿态不同的设计原则,保证界面的可用性。

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/15293/

(0)
交互精选交互精选
上一篇 2016-06-01 18:41
下一篇 2016-06-01

相关推荐

  • 交互设计定律 在UI设计中的应用!

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”。在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计。接下来,笔者通过一些实例来解析下这些原则在设计中的应用。由于文章有点长,影响阅读体验,故本文将分为上下两篇。一. 费茨定律(Fitts’ Law)1. 费茨定律(Fitts’ Law)简介费茨定律是由保罗·费茨(Paul M...

    2018-02-26
  • 超实用的移动Web六大设计心法

    「我有个改变世界的点子,就差做个app了。」
    「这是我们的商业计划书,虽然还没有开始推广,但我们真的击中了用户的痛点。总之,先做个app吧。」

    2017-05-30
  • 你离用户的距离,只差一个好的体验

    研究表明,90%的用户下载的App只使用一次,然后就会删除。

    2017-05-18
  • 为增强产品的用户体验,UI设计师会做哪些工作

    近年来,人们越来越多地谈及用户体验,甚至将其视为互联网产品赢得市场的最关键因素。作为UI设计师,我们战斗在用户体验设计的一线,那么在实际工作中我们会通过哪些工作来提升产品的体验呢?下文给出了几点关于实际工作中提升产品用户体验的思考。我们在设计一个程序或者系统的时候,前提是保证产品定位及有目标用户群,保证产品是有用的,能连接不同的节点产生价值。如果一个程序没有用,那么对用户来讲就没有下载、使用的必要了。而当程序有用了之后,如果用户需要付出...

    2018-02-03
  • 交互设计的三大铁律规范!

    科幻爱好者们没有人不知道阿西莫夫的机器人三定律,在交互设计中,我们也需要三条铁律来规范一切行为。本文来自UI中国主站,由IFEC成员翻译作品分类: 经验/观点/自译外文 原作者:Diogenes Brito 译者:十萬個為什…

    2017-08-01
  • 设计干货|聊聊设计师玩转Sketch的那些事儿

    点击蓝字关注GOMEOS用户体验设计1调整组内图层父级变换属性新的调整大小选项可以帮助我们更灵活地调整对象与子层之间的响应:1. 默认属性下的成组放大缩小变化,内部的图标跟随组的缩放比例进行变化.2. 锁定图标的固定宽度&固定高度,成组的缩放比例不会影响到图标的比例与尺寸.3. 当锁定上部及右部间距时,成组缩放比例时,图标距离组内上部及右部的距离保持不变.2嵌套样式这个十分强大的功能使得symbols的复用更加的强大,可以同一内容复用多...

    2018-04-04
  • 在交互设计中,需要注意的四个小tips

    在移动互联网时代发展的今天,场景思维对于用户体验设计的影响不言而喻。大道理在此不多说,大家都懂。在这里,笔者和大家分享一个近期手上的设计task中总结出来的几个交互设计的小tips。

    2017-05-18
  • 无框界面的四大优势,为你演绎一种新的设计风格

    无框界面其实不过是界面风格的一种罢了,并不是包治百病的神药。糟糕的设计师,什么风格都拯救布料;而能自成一派的优秀设计师并不需要收到任何风格的局限。

    2017-05-10
  • 应用中的游戏化设计

    作者:_Ammy   游戏借着其互动性、反馈性、挑战性、快速成长性等特点,拥有着让玩家长期专注于其中的神奇力量。而若将游戏的这些特点引入到一般的产品设计上,也可能会产生意想不到的效果,这就是游戏化。游戏化的…

    交互专题 2017-08-07
  • 怎样做好汽车交互设计?

    文章来源:汽车造型设计编辑整理:IO酱车内交互系统看似只是整车的一小部分,但由于承担了车辆和用户的“交流”任务,因此里面涉及到的内容很多,每一项拿出来都需要巨幅讨论,今天我们就和大家概括谈谈这里面的几点。目前重点汽车交互设计是决定智能汽车发展水平的重要标志,现阶段智能汽车在此方面关注的主要一点是用户体验。设计流程汽车交互设计的一般流程包括:1. 需求沟通;2. 资料调研;3. 专家评估;4. 用户研究;5. 需求及信息架构梳理;6. 概...

    2018-03-15