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

相关推荐

  • 不好意思,简历有了它,你就领跑于820万毕业生

    又临近一年毕业季找工作成为了应届生们的头等大事但今年的就业形势依旧不容乐观来自教育部的数据2018年全国高校毕业生预计上升至820万人再创近10年毕业生人数新高▲教育部官网截图▲中商产业研究院数据显示:2010-2017年的毕业生人数按照2%-5%的同比增长率逐年增长,近7年间累计毕业生人数达到5706万人。年年都是“史上zui难就业季”并且每年的毕业生人数始终呈增长态势800多万的应届毕业生让“你竟是一个大学生”变成“你只是一个大学生...

    2018-03-27
  • 音乐社交的本质——从云音乐引发的产品思考

    社交虽常见,但音乐真的适合社交吗?音乐社交存在哪些特殊性?如何利用音乐来社交?可能你常常使用云音乐,却不曾想过这些问题。现在来看看作者对这些问题的思考吧。

    2017-05-22
  • 【译文】“防止用户犯错:避免有意识的错误”

    西南航空的手机网站对已经过去的日期使用了灰色的背景,使你明白在预订一个航班时这些日期是不可选择的。不幸的是,对下个月的日期也使用了相同的设计,这意味着不可选。Polarr是IOS系统里很受欢迎的照片编辑工具。右侧的编辑控件(温度,色调等)需要你点击那个方块,然后向左或向右滑动而改变参数。然而,这些控件并没有展示出用户应该如何与其互动,所以新手用户很可能需要试错几次才能明白应该如何正确的使用这些功能。另外的一个交互困难就是:由于控件在屏幕的最右侧,你可以很轻松的向左滑动而减少参数数值,但水平空间有限,当你想向右滑动增加参数数值就会存在困难。IOS 8中,为帮助视力不好的用户阅读体验,提供放大显示图标和文字的功能。但是改变变焦需重新启动手机,这是一个重功能,需要花费一些时间,所以IOS系统会在你使用这个功能前,预览变焦完成后的样子。这个体贴的预览功能可以帮你评估出你是否真的需要操作变焦。Hipmunk提供快速浏览恢复选择机票过程的所需信息,甚至是被打断。在预订过程中的第二步,它清楚地显示了旅行的日期,在机场的问题,最便宜的出发程已被选中,以及用户被要求再选择一个回程航班。即使注意力分散了一段时间后,用户可以简单地恢复这个过程,而不会不小心偏离原本对航班的计划和要求或尝试重复已经完成的步骤。苹果新出的图片软件运用了一个很传统的对话框确认用户是否真的想删除最近爬山旅途中的照片,并且通过highlight 24张照片表示删除范围。更好的是,确认删除操作的按钮清楚地标示是删除,而不是一般的确认。Gmail 提供对破坏行为很有帮助的撤销功能,如误删了92封邮件。这个功能被证明是非常有用的,Gmail现在支持在发送email中允许点击发送键30秒内中撤销。Tweeter的字符限制条件很有名气,他们在用户超过那个字符限制前就会提示用户剩余的字符数。当一个tweet过长是,他会显示出超过的字符,高亮出那些超出的字符,并且使发送键不可使用,以让用户明白他们需要如何修复错误。

    2017-05-30
  • 设计思考:中西医结合,开出交互良方

    我们大都倾向于对观点进行主观表述,而不是对事实进行客观陈述,为了减少主客观的分歧,设计师应该利用好研究分析对交互工作的“润滑”作用。

    2017-04-30
  • 在不同屏幕和设备上,创建用户体验设计的8个步骤

    从具有微型屏幕的智能手表到最广泛的电视屏幕,其中所开发的内容,应以便在各种屏幕尺寸之间进行查看和交互。但针对不同设备的设计更多的只是调整在不同的屏幕上显示的内容大小。它涉及到很多复杂性:设计师需要把每个设备中的用户体验最大化,以便用户相信实际上应用程序是为他们的设备设计的,而不是简单地拉伸到适合屏幕。为了创建一个好的用户体验,有必要制定一个针对各种设备和屏幕尺寸的策略。

    2017-04-29
  • 交互设计笔记整理

    PC与手机对比使用环境pc:固定位置,干扰少,注意力集中,输入方式强大。手机:任何地方,干扰多,注意力难集中,输入方式单一。交互媒介pc:操作精准快速,桌面大显示内容多,过大屏幕会有视觉盲点。手机:手指操作,精准度低、速度慢。使用特点pc:需处理复杂任务,多任务切换,讲究效率和强互动,没有电池流量问题。手机:适合处理简单任务,多任务切换困难,适合各种姿势使用,电池流量问题严重。web与APP界面对比web是书架,内容繁多,一目了然。更直...

    微信热点 2018-04-07
  • 《用户体验要素》:一张图读懂用户体验五要素

    《用户体验要素》是一本讲产品的好书,作者为我们清晰地介绍了关于用户体验的五个要素,五个要素是按照产品的整个生命过程来描述的。产品设计五要素分别是:战略层、范围层、结构层、框架层、表现层。《用户体验要素》说这本书清晰,是因为五个要素很清楚,按逻辑步骤总结出来的。但,这也是这本书唯一清晰的地方了,因为,这本书在细节描述上还是很凌乱的。产品设计五要素对于读这本书而言,能够领会作者的思想就可以,不必要拘泥于具体的细节。原因有二:一是,这本书的细...

    2018-04-04
  • 聊一聊不同应用场景下的验证码

    最近在做关于验证码的项目的时候,从交互的角度梳理了产品各个平台验证码的应用场景。在一个产品中,会有多个设计师分工协作,不同的设计师做设计迭代。由于验证码在整体设计中太容易被忽略,它在每个场景的显示逻辑可能不尽相同。下面,我们就来聊一聊不同应用场景下的验证码。

    2017-05-05
  • Don't make me think 读书总结

       这本书算是一本很入门的交互设计图书,很多内容其实都是通过以前的积累已经知道的内容。我相信对于大家来说,“要记得在每个页面上加导航栏”这种提醒已经不需要了。所以,我在下面列出一些看完过后,觉得可以温习…

    2015-08-20
  • 用户体验度在哪些方面影响着企业网站建设

    百度排名是评判一个网站运营情况的最好依据,而用户体验度是百度排名的一个重要参考方面。用户体验度越高,网站排名越好,相反,用户体验度越低,网站排名也就不理想。网站制作公司在建设网站时,要着重站在用户的角度去设计网站,这样对后期优化也会有很好的帮助。那么用户体验度为什么对网站有如此大的影响呢?企业网站建设时需要从哪些方面去提升用户体验度?首先,我们要明确什么是用户体验度,才能有针对性的去提升网站质量。用户体验度也就是用户浏览的网站能否为他提...

    2018-04-04