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

相关推荐

  • 【交互设计】在人工智能实验室做产品设计是怎样一种体验?

    ‍当你看到这行字时,我知道我已经成功把你“引诱”了过来——用“人工智能“这样一个令人“哇”的字眼。我猜,你是设计师?产品经理?”人工智能+设计师” 这个搭配正好戳中了你那满满好奇蠢蠢欲动的心。一年前误打误撞加入了…

    2017-08-01
  • 大产品小细节!5分钟带你了解经典的费茨定律

    金蝶云之家体验部交互设计 师-王梓铭:大家有没有想过为什么按钮越大,越易于点击 ?为什么相关按钮需要相互靠近摆放 ?为什么 Win 系统要将「开始」按钮放在角落 ?这些设定的背后其实都有一个在人机交互中,非常重要的定律 —— 费茨定律 。

    2017-09-25
  • UI设计、交互、产品、都应该具有这十种思维模式!!

    注:文章由 集创堂联合创始人CEO纯色老师和设计帮联合出品!这篇文章从十个维度深入挖掘交互设计的思维模式,如果你是UI设计师、初级交互设计师、产品经理、那么这篇文章很值得你学习。笔者在和纯色老师探讨交互设计思维时,老师说“不管你是UI、交互、产品,在团队中都不能是孤立单一的技能,要用联系的观点去看设计,不能分裂来看”。老师说的很对,做UI设计到最后是离不开交互知识支撑的,同样交互、产品也应该具备对设计的审美,这样每一个角色再探讨产品时才...

    2018-01-30
  • EVA「Flow」Living in the Future | Flow 正式上线

    吕骋说:“智能语音助手解决的是人机交互,但并没有解决人人交互,我认为,把人机交互和人人交互打通才是最重要的。” 为了保证最佳的视觉体验,我们特意制作了搜狗输入法的对应皮肤 大家在搜狗输入法的皮肤商店里,…

    交互设计 2015-09-11
  • 实践分析产品第一天

    【分析思路】 首先要明确,产品是面向用户的,当分析一个产品的时候,我们要先以用户的角色按照设计师的引导整体走一遍,也就是遍历每一个操作,每个设计师都会有一条设计主线,把杂乱无章的功能点根据用户的期望及…

    交互设计 2015-08-25
  • Word产品需求文档,已经过时了-快使用Axure制作产品需求文档

    说来有些惭愧,写这篇文章是用来教大家写需求文档的,但其实,我很少会写传统意义上的产品需求文档,甚至,我连word都很少用。用惯了Axure的任意布局方式,再用word感觉非常别扭,尤其是在添加图片时,简直感到捉急…

    2016-01-06
  • 【炫酷动效设计】这就是为什么你的产品需要做动效设计

    随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的射鸡师们也开始投身动效设计领域。 但是说到底,我们到底为什么需要…

    2015-08-13
  • 设计一个界面动效时,需要明确价值、遵循原则和实现交付

    坦白来说,虽然我之前在项目里做过一些小动效尝试,但一直没有什么系统的方法和原则指导,大多在原型软件里凭「感觉」随意调调了事,而说不清楚为什么要做成这样。刚好最近有在和团队的小伙伴们一起进行动效设计的研究与实践,对动效设计的价值、原则和实现交付开始有了更多的了解,在本文中浅薄地总结一下。

    2017-05-12
  • 智能语音交互设计 2 — 语音理财案例分析

    Image credit:Kuromon Ichiba Market, Ōsaka-shi, Japan大家好,这个星期将通过一个Alexa案例分析来介绍用户如何使用语音交互来解决功能性问题。(10分钟左右阅读时间)笔者作为用户体验设计师就职于一家人工智能公司,17年12月和18年1月进行了2轮为期两周的用户研究来了解:语音理财助手的用户特点,用户为什么会使用语音理财助手,用户如何与语音理财助手交互,常见的语音交互错误类型,以及用户期望...

    2018-02-12
  • 专业干货!一个特别好用的搜索框必须考虑的五个方面

    编者按:今天@励定洲 这篇译文开门见山,从搜索框的可见性、范围搜索、局部搜索、高级搜索以及输入五个方面聊聊如何设计出一个特别好用的搜索功能,内附大量实例(想知道谷歌搜索有哪个交互不好吗),结合实践,深入浅出,帮你掌握在线搜索的这五个方面。

    2017-06-02