首页

大型医疗管理系统设计:eCare EHR Platform

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

蓝蓝设计

这是一个关于大型医疗管理系统的设计案例,对于这类平台案例的分享我们非常少见,要么没多少设计师能接触得到,要么是禁止分享,所以建议大家有空就看一下,同时感谢设计师 Tusacha 分享管理平台的设计经验,下面大家一看看 eCare EHR Platform 的医疗系统设计。

PS:由于医疗平台针对的用户一半是外国用户,因此用英文版来做页面展示,用中英文做讲解。

医疗管理系统设计

设计师:Tusacha
个人主页:http://i.ui.cn/ucenter/285814.html

产品概述

“全科”

整合看病,防病、病后康复、人文关怀于一体的学科,涵盖了各个器官系统以及各类疾病,解决80%的疾病。

eCare全科诊所管理平台

基于多角色可配置的权限管理平台,融合各科室业务流程医疗形成统一的全科诊所管理系统。以诊疗规范化,管理标准化、决策数据化、营销社交化及办公移动化为产品的运用核心模式。

挑战与机遇,改版大思考

很多初期项目在快速选代开发过程中,大量以功能叠加、业务调整为主,交互及视觉缺乏统一性,整体缺乏美感,对用户使用场景及体验考虑欠佳。因此eCare全科诊所管理平台是站在用户使用场景及体验的角度来做的全新改版(主要是结构层,框架层及表现层),整体设计过程中,要考虑国内外用户的操作习惯,并取之平衡点。这对从未接触过PC端大型平台设计的我来说,就是巨大的挑战与机遇。

结构层与框架层

了解产品:调整信息架构,减化信息层级,简少操作流程,以角色来配置功能界面(分清主次) ,整体布局考虑用户操作习惯及心理感受。

用户操作习惯

关注用户:在设计细节当中考虑用户操作习惯,使用场景(医院/卫生院/其它医疗中心)及心理感受,信息用词统一(减少误解),人性化引导(避免不必要的错误操作) .

表现层

做好设计:规范视觉与交互方式,提高前端与开发效率,突出产品整体特性。

PS: 以下内容由与版式问题,小编无法文字排版,请直接点击图片查看大图,以便更好理解。

请点击图片查看大图:


www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

一位设计师的内心独白

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

很多设计师在刚开始做设计的时候,可能会到处找设计规范,对一些趋势,原则,唯命是从,这么做往往也不会犯错。但随着经验的增长,慢慢的你会发现如果只是机械的去运用规范而不加入自己的思考,则会难有突破。本文作者作为一个有着10多年工作经验的首席用户体验设计负责人,总结了他的一些经验,帮助我们在设计成长路上突破自我。

本文略长,但是写的非常好,可能其中写到的一些问题我们暂时还没办法解决,但能意识到这些是问题就已经算成功了一部分了。

在写这篇文章的时候,我可能正在挑战一些设计权威,挑战一些大家甚至包括我自己以前都非常认同的一些设计习惯。所以这篇文章可能会让一些人心生抗拒,但也请原谅我把它们写出来。

工作了10多年之后,回头看看那些项目中的各种冲突,诸如开发没有把设计落地,不靠谱的设计概念,项目进度难以推进等等,本文其实早该写了。我曾经想着把责任都推卸给UX团队之外的人,但是,这既不是诚实也不客观。一般情况下,项目失败或者没做好,更多的应该从自身找问题。

首先,我必须申明,我自己是非常喜欢设计和用户体验研究的。但是这其中也有一些遭人讨厌的地方。通常来说,用户体验研究是可以很好的解决公司产品在市场上所遇到的问题。但有时候,用户体验也可能成为问题的一部分,而我就经常身陷其中。

在日常生活中,我发现一个问题的解决方案通常都会附带一些成本,解决一个问题的同时往往又会制造一个新的问题。在产品的用户体验设计中,我自己也曾经历过类似的事情。当我们的用户研究团队在为公司解决一些问题时,常常又会带出更多的问题。

所以,我想通过本文来打破用户体验中的一些“坏习惯”。具体来说,我将会总结一些我自己和我的团队曾犯得一些错误,这些错误也限制了产品的发展和体验。与此同时,我也会去挑战行业中固有的一些经验主义。这篇文章既是一篇记录自己所遇到的行业问题,同时也是一篇关于UX行业中让我觉得不爽的问题清单。这篇文章可能会挑战一些大众的传统思想,但我还想把它们写下了,因为这些都是我自己的一些真实体会。

一、盲目使用设计原则

我不知道是不是因为我不喜欢按套路出牌,当有人告诉我某条规则的时候,我会不由自主的去质疑或者尝试去打破它。我也不是一直都这样,在我刚开始工作的那个阶段,我可是会老老实实的按规则办事。那个时候,我还并不知道有更好的规则,而且也是太年轻,还没有经历过用那些规则出问题的情况。

我们是设计师同时也是善于思考的人,规则只不过是在某种程度上帮我们偷懒而已。不过在这里,我并不是说在设计中没有好的设计原则或者说完全不需要去遵守规则,我只是建议不要盲目的去套用规则。不管在用什么规则做设计之前,都需要去思考。

下面的这几条原则是随便搜一下就能找到的UX原则:

  • 保持一致(下文中会提到)
  • 围绕真实内容进行设计
  • 你不是用户
  • 用户研究是我们的黄金准则
  • 人类一次性只能记住5-7条信息

上面提到的几条,与其说是设计原则,倒不如说是一些方向性的指导。就像我下面要说的例子一样,为了保持一致而做到一致就很蠢。

一般来说,自己不是真实用户这句话是没毛病的。然而,在一些设计研究中,把自己当做用户又会是合适的,是可以为研究增加另一个维度的数据。这个就是所谓的“沉浸式研究”。但是,不论什么类型的研究都只是数据表象。用户并不总能告诉你他们需要什么,甚至他们自己都不知道自己想要什么。

“神奇的数字:7±2“原则是一个经典的研究结果被误用的例子,或者,正如Edward Tufte所说,人们并没有真正的理解它。(译者注:神奇的数字:7±2,这个原则是说人类的信息加工能力的局限性,可以去看看维基百科)

似乎每个星期或每个月,就会有一种新的趋势在我们的行业中流行起来,然后在不久之后,这种趋势就变成了我们的黄金准则,直到它被人们遗忘或者是下一个新的趋势出现。我是厌倦了这些所谓的设计趋势,尤其是当它们被设计师盲目遵从的时候。我厌倦了循规蹈矩,意识到它们并不总是管用。

有的设计师并不总是在遵循规则,实际上,他们经常会通过打破规则来创造出让人惊艳的设计。当然,这需要经验的积累,设计是由理性和感性组成的。伟大的艺术常常都是在打破规则。

二、盲目跟风设计趋势

几乎每年都会有那么一到两次,我会注意到在某些用户体验社区上兴起的话题。一些人通过一篇文章或者一次会议就迸发出一些想法或概念,随后在他们带的节奏下,慢慢的就多了不少追随者,进而就形成了一股潮流。在几年前,汉堡图标就成为这些话题之一。

反对汉堡图标的人,其争论的基本事实主要是在A/B测试中,不易发现、识别性差、这使得用户可能无法理解使用汉堡图标。最终,汉堡图标被不断妖魔化了,认为不能使用这个图标。然而人们忽略了一个事实,即一个图标会通过认知的普适性而成为一个图标。图标是一种语言,它是一个代表概念的符号,就像用字母符号去记录声音一样。

精益用户体验是几年前出现的另一种趋势,尽管我们试图将我们的专业从”只唯结果论“中解放出来,但只要你在搜索工具中随手一搜就能发现,我们仍然还处在只看结果不看过程的时代,因为有大量的文章在教你如何把结果PPT写好。

移动端设计可能是我最喜欢拿来说的例子。在移动端设计的盲目跟风,简直随处可见。我参与过无数次非常失败的移动端设计项目,在其中一些时间点,我甚至也会觉得某些点子真的很棒。但是,我已经被那些失败整出了内伤,以至于我现在会格外警惕任何关于移动端设计上的建议。不能因为你可以把某些功能移植到移动端,就很自然的放上去。很多团队喜欢随大流,就因为其他人也这么做,然后就有样学样。

如果你花很多时间去留心关注某一个特定趋势的文章(就像我花了这么多年时间一样),你可能会发现趋势就是一个很靠不住的东西。大概5-10年后,你再回头看看那些你现在觉得非常酷的衣服时,只会自嘲当时怎么那么非主流。用户体验也不例外,5年后,你就会开始嘲笑现在都是流行的些什么玩意儿。

也有趋势能在我们行业中历久弥新。这些理论趋势通常都是建立在坚实的基础原理之上的,是我们花了几十年的研究和应用不断总结出来的一般规律。(译者注:最不过时的理论,往往是对人性的正确洞察),它们就像李维斯的501系列(译者注:最经典;历史上最悠久;历史上最畅销。目前来说,该系列是典范中的典范,且设计简单。)和纯色印花T恤一样,它们永远不会过时。但是,大多数趋势都是半途而废的,跟随它们,你的产品也会跟着迷失方向,最终消失在历史洪流中。

那不跟风,能怎么做呢?一般的经验是:远离潮流,远离人群,跟着自己的节奏走,不管节奏幅度多大,也不管距离有多远。至于那些流行的趋势,它们确实也有存在的理由也或者说是有一定的合理性。但你其实只需要明确,你的选择并不是因为其他人都在用而马上就采用了。不要因为产品中的某些功能在PC上能获得收益就很自然的想到要放在移动端产品上;不要基于你读到了一篇文章,只是随便引用了某个研究结果就信了它的观点。

总的来说,要带有批判性地、战略性地去判断你吸收到的知识。

三、过于在意细节

我不知道卖弄理论和注重细节是否是用户体验设计师的个性特征。我其实并没有这么去想,因为我知道很多设计师都不是。但是,我也从来没有遇到过哪个职业像设计师这样对于细节的过分执着,对一点点微不足道的细节讨论个没完没了,有时甚至都会因此停掉一个项目。

是的,细节很重要,这点我是承认的。当你有时间和资源去处理这些小细节时,应该要去做好。但是我经常会看到一些用户体验团队在忽略大的问题的同时,反而在一些小的细节上穷追不放。这就是好像房子都着火了,我们却在担心后院的储藏室。

曾经我一直在为界面中该用切换开关还是复选框,单选按钮还是下拉菜单,圆角还是方角,多选的对话框形式,颜色,按钮位置,网格规范等等做各种讨论。持续数周或数月的时间讨论,电子邮件如果有厚度,堆起来可能比NBA全明星的胳膊加腿都还要更长。

但是,这里有个问题是我经常提到的:它真的会影响用户体验吗?用户真的会关心圆角吗?这会影响到他们的使用经验吗?他们是否会关心所有组件都进行了网格对齐?我花了很多时间在这些细节问题上,但却很少有用户对我和我团队讨论过的某个细节发表过评论。反而是那些我们从没想到过的事情成了问题,那些本来我们应该要花更多时间去讨论的,但却未曾讨论。

我承认我过去甚至最近都会陷入这种细节的讨论中。我们会花很多时间去讨论这些细节问题(大多数都是关于界面视觉方面的问题)。我们也会建立一个小组来”调查“这些问题并做用户测试。但在某些时候,我会冷静的思考,这些细节对整体设计的影响。通常情况下,从整体的角度来看,它对用户体验的影响很小。

你需要经常的问自己这样一个问题:那些我认为的必须要解决的问题,用户会关心吗?

四、”偷懒“的设计一致性

一致性是很重要,但是,我更坚信收益递减规律的作用在产品设计中也同样适用。你愿意花多少时间把每个界面上做到绝对的一致?时间就是金钱,这些时间能获得等值的回报吗?

显然,如果界面之间完全缺乏一致性,每个界面看起来都完全不一样,会导致很多问题。但是,如果这个界面上的按钮和另一个界面中相同位置的按钮相差几个像素,这真的会影响用户体验吗?你可以说这是一个不认真的设计,但是,它其实并不会导致新产品发布的失败。

我并不是建议大家要去忽略一致性或者我上面提到的那些小细节,而只是想建议我们花在这些事情上的精力和我们的投入回报之间应该要保持平衡。如果在一个大型的系统中使用原子设计,前期可能会需要做不少工作,但是与你在设计和反复修改中节省的时间相比,如果两者之间平衡的好,可能会从中获得更大的回报。但是在某个时间点,收益递减规律还是会出现,那时就需要重新评估。

一致性还取决于上下文。想想系统里的搜索组件,我们先假定一种搜索组件的交互方式,然后声明它在产品中以完全一致的方式去工作。这似乎合乎逻辑,对吗?我们希望搜索能够在整个系统中以相同的方式去工作,而不是在各个地方的使用方式都不同。但问题其实已经产生了,我们将一致性凌驾于用户体验之上。

你可能会问,难道使用相同的功能形式不是对用户体验来说更好吗?是的,当它们被当做使用经验来说,这样做没问题。但当它们被严格应用时,就可能会出问题。比如在刚才的那个搜索控件中,根据搜索的复杂程度、可能搜到结果数量和正在搜索的数据库大小,可能需要在不同的部分使用不同的搜索功能。

不要掉进原来我曾经踩过的坑:把应用中的每个界面全部都打印出来,贴在一面墙上,然后花上几周或几个月的时间一字不漏的仔细对照,以确保一致性。这对我来说,常常是一项重大的工作,但在发布时,我才发现原来有更重要的事情需要去做。

用户体验的上下文关系优先级应该高于一致性。设计师不能过于死板的去遵从设计一致性,而应该针对用户使用该功能的场景进行设计。在设计用户体验时,为了保持一致而去做一致性设计,通常只能算是一种不经大脑的偷懒方法。

五、过于关注项目时间


这个点可能更多的是一个项目管理问题,而不是用户体验问题。但是,在我的职业生涯中,几乎每一个和我一起工作的团队都会设定一个发布周期,包括我自己也会。每做一个产品,都必须设定一个期限,让整个团队用所有的时间和资源来开发这个产品。但是当你只关注最后期限,而忽略了本应该是要做好体验和产品时,你其实是把自己的灵魂卖给了公司罢了。不要让最后期限成为你前进的动力。

我很少看到一个项目能在最后期限前完成的,这种情况也有,但并不经常发生。这意味着项目时间线其实是有缓和空间的(因为他们通常是由财务问题做的一个时间预测,并且是由不了解产品特性或产品所涉及的复杂性的项目经理来实施的)。这意味着你其实是有时间去做你想做的研究或者设计下一个迭代版本。

然而,这个问题实际上是反映了我们需要去关注的重点所在,以及我们在产品设计和体验中最终应该追求的东西。我们常常过于关注最后期限、里程碑和发布日期,而忘记了我们真正要做好的东西是什么。没有什么比坐在我办公桌前的一位项目经理更让我恼火的了,他暗示我们,如果不按照里程碑或最后期限内完成项目,我们就很危险了。最后的deadline并不是我们的目标啊,朋友们!

就我的现实情况而言,我必须时刻提醒自己,我在为我的病人做好用户体验,这就是我的”首要目标“。我不需要每天早上参加一个会议,为下一次阶段设定最后期限。在这个期限内完成设定目标是次要的,最核心的目标是为对病人的体验。

问题是:你可以在截止日前完成任务,让老大和项目经理都满意,但是产品很垃圾。我曾经干过多次这样的事,长期来看,这并不算胜利,是很难做出很好的产品。

不要把注意力过分关注在最后期限上,把你的注意力更多的放在用户体验上,确保你的产品是在正确的赛道上长跑。

六、唯工具论


如果我必须再听一场关于设计工具的优劣辩论,我想我可能会用一条没有用过的领带吊死自己。不久前,我曾与一个咨询团队合作的不够愉快,这个团队竟然大胆建议,使用某种工具将使得团队在未来的工作中获得竞争优势。这样的垃圾,我不知道他们是不是拿了回扣,还是习惯性的自我洗脑。

我从小就和一位机修工一起长大,这位机修工就是我的父亲(与其说是一位机修工,倒不如说是一位机械工程师)。他的那些工具,我一直印象深刻,虽然我并不清楚它们的用途具体是什么。他做每一项工作都会用到某一套工具,通过看他工作和帮忙去店里买一些特殊工具,我学到了:不同的工作需要不同特定的工具。用户体验也不例外,每个设计工具都有其独特的用途,要适合才是最好的。

有些工具更适合做原型设计,有些则更适合视觉设计。不可否认,白板和马克笔能快速记录想法。我们的很多选择都是非常主观的,甚至我觉得在用户体验行业里,这种主观性会更多。

一个有经验且理性的设计师是能够知道在哪种情况下使用哪种工具的。对工具使用的好坏全凭个人经验,没有真正的科学依据来支撑这些个人主观想法。因此,不要再去写那些讨论哪个工具更好的文章。如果你想为这个行业做出有用的贡献,请多写一写关于设计工具特性的文章,以及你如何在项目中使用它来解决某个特定的问题。

七、狭隘的防御心理


从来没有人真的这么说过,但是,这种态度往往是显而易见的,其目的就是为了想守住自己的一亩三分地。我们不希望外行的人随意闯入我们的行业跟我们抢饭碗,对吧?认为只有专业出身的人或者有设计师头衔的人才配跟你讨论设计。

我们都经历过这种状况,业务分析师或开发工程师会带着他们的想法和草图来到你的工位前跟你讨论设计。我们许多设计师对这些人会嗤之以鼻,是谁都可以随便的提出解决方案来的吗?我曾经非常的排斥他们瞎出设计方案,我非常的小心眼,我不希望各位读者也和我一样。

幸运的是,我们大多数人都稍微成熟了一些,能够意识到这其实是一种可以分享彼此想法,使得团队更加互信融洽的好方法。但是,我也经常遇到那些没有安全感的设计师们,他们认为那些非专业的人就不要参与设计了。这是一种错误的态度,他们通常会花费大量的时间去宣传用户体验,但却又不愿意与团队中的其他人合作设计。

尽管这看起来颇有争议,Jared Spool说:

任何会影响设计的人都可以称得上是设计师,这包括开发,产品,甚至公司的法务等等。他们都是设计师。

作为一名在医疗健康领域工作的设计师,我对这种说法非常的认同。产品或服务的设计通常都不会按照我最初的想法来实现,因为这会受到其他人的影响。但是对目标达成共识,相信我们能作为一个团队来构建和设计一个产品,这个愿景会遥不可及吗?我认为不会的。

如果你在组织中倡导用户体验并寻求合作时遇到困难,请确保自己不是用户体验偏见者。如果你致力于建立关系,乐于接纳各种其他学科的不同观点,这对你的职业生涯大有裨益。

用户体验是一个不断发展的职业,这是可能是件好事。如果我们沉浸在几个世纪的传统中(比如医学),我们可能会遇到完全不同的问题。与此同时,我们也仍然在寻找属于我们的道路,在试图弄清楚怎样将我们自己融入到产品开发过程中去。

要做好我们需要完成的事情,不仅仅只是理解我们的专业,它其实要求我们看的更远,想的更多,始终需要去找到一个平衡的中心点。这个点必须是将我们的日常生活和它如何影响用户体验联系起来。这种影响来自于我们的创造,也来自于我们的设计。关注错误的细节(对用户体验影响很小甚至没有影响的细节),采用狭隘的设计思维,无视其本质而盲目接受新的流行趋势,这些只会让我们在设计上陷入困境。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

浅谈消费升级下的体验设计升级

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

消费升级这个概念在2017提出比较火热,作为新零售爆发的起始。这几年,我们看到奔驰宝马推出的亲民型价格的车,2018年拼多多的上市,很多人在质疑消费到底是升级还是消费降低了?

招商银行最近发起的一次“消费升级”还是“消费降级”的话题中,76%的人支持消费降级了,24%的人支持消费升级。但是从透过表象看本质来说,不是成千上万的人一窝蜂去抢9.9包邮产品就是消费降级的现象,而是看整体消费结构。从今年发布的数据来看,今年上半年,社会消费总额超过18亿元,同比增长了9.4%。因而,消费是降级还是升级,最终要看的整体消费方式是转向精神需求还是转向物质需求?消费手段是转向数量还是质量?以及整体消费的结构是在基本需求上的柴米油盐还是在健康、娱乐等需求升级的结构上发生了改变?

浅谈消费升级下的体验设计升级

无论是消费是升级还是降级,我们都看到:如今正处于一个消费变革时代,消费结构正在发生改变、产品跟消费者建立新的关系、一些新的消费行为、消费心理产生等等,传统的消费模式都在悄然变革。

作为一名用户体验设计师,在当下应该去观察消费趋势,结合用户新的消费行为、新的消费心理,赋予产品新的体验方式。

一、消费升级的背景

我通过对历史上的几次消费升级的变迁资料的查阅,发现消费变革的主要规律与经济环境、政治统治、消费人群结构、消费的需求变化息息有关。下面把影响消费升级有关的几点背景简要说说:

背景1:人口结构变化,20~49岁的消费主力群体发生改变

在2017年国家统计局《中国统计年鉴》里表明,70-99年出生人数在总人口中占比47.8%,年龄当前集中在20-49岁,是现代社会消费的主力军,这也意味着他们的消费行为很大程度上影响着整个社会及产业的发展。很多商家已经成功挖掘了年轻的消费群体的特征及爱好,并获到不错的口碑和收益,例如喜茶

背景2:中产阶级的体系正在崛起,整体消费力提升

中产阶级是指家庭月可支配收入在人民币12500-24000,根据波士顿咨询和阿里研究院的一项研究显示,中产阶层的消费将以17%的增长速度。预计2022年,数量将达到6.3亿人。

说简单一些,中国大多数家庭都将走向奔小康、富裕生活。因此,我们不仅看到人口结层级变化给消费带来的机会,还有人均消费力。未来几年中产阶段对消费品质的提升,需求的提升在整体消费中贡献大多数的消费占比。

背景3:国家经济政策

马歇尔在《经济学原理》提到,消费可以指导生产,扩大整个社会的消费需求可以实现社会再生产。在近20年来,国家的政策补贴不断、比如家电下乡、企业减税、贷款利率下降等等都属于扩大内需,提升经济增长。

这种逻辑简单来说就是:内需增加引起社会产出需求增加,企业则可以增加自己的营收,整体上来看,总体企业营收都增加了,便促进整个经济的增长,经济增长意味着每个人收入增加,进而更有能力进行消费。

小结消费升级几点背景:

消费主力人群年轻化

中产阶级崛起,占据主力消费需求

国家扩大内需经济增长战略

二、消费结构和消费心理的变化

基本需求到心理需求的变化

在历史上几次消费升级的变迁中,最大显著区别在于:在物质比较匮乏时期以劳动生产解决温饱需求,在近代信息时代,生存消费占比逐渐变小,而人的精神心理的需求日益增长。

在马斯洛需求金字塔理论里提到,最底层是生理需求,最高层是自我实现的需求。这也恰恰说明在人类发展的过程中,人会自动往上追求精神和心理的需求,其中最明显的代表就是以95后为代表的娱乐化现象的产生。秒拍、小咖秀、抖音等等都是抓住年轻用户群体迅速掀起的风浪。如今,爱奇艺早已将品牌转向年轻化、品牌潮流的方向,在行业内具有较强竞争力。

消费结构的变化

浅谈消费升级下的体验设计升级

衣食住行是消费最基本的结构,随着一些投资机构的动向来看,越来越多的公司已经开始大规模进行医疗健康、教育、娱乐转变,并把衣食住行基本需求与这些方向进行结合。比如越来越多大众运动品牌和快时尚品牌都争相试水功能服装,事实上,从80年代开始就有吸汗衫、杀菌服、磁疗鞋、反光服等。如今,已有一些公司在尝试智能服装,在服装的各个关节植入智能穿戴感应设备,能通过设备感应人的运动动作、频率、心率等各方面的健康指数。

因而我们看到如今“衣”的消费已不再是简单的服装样式方面的简单需求,而是与人性化、智能化相结合,体现越来越多的生活价值。

同样在“食、住、行”上也是同样的变化,以前火锅讲究口味、地域,而现在越来越多互联网+餐厅就侧重吃的健康、吃的风格、吃的娱乐性等等。在住上例如民宿,更讲究地域风情、人文的融入。

浅谈消费升级下的体验设计升级

在同样品类选择下,年轻一代的消费群体更愿意选择品质更高,甚至钟情于自己所喜爱的小众品牌,之所有会有这样的变化,也是因为新的消费主力的喜好变化。举个简单的例子:随着咖啡受众广泛,一些追求品质和口味的用户不再满足批量同质生产星巴克咖啡,因此星巴克也在不断推出臻选升级店,从咖啡豆原产地到工艺、口味都在提升品质对小众化得需求满足。

另外,价值观及态度也是吸引小众群体追求原因。小米手机在国产品牌中,以价格和较高的品质产品,受到了很多人热爱与追捧。还有网易严选、无印良品都是以主打生活品质、生活态度的代表。在品牌里灌输着对新生活方式的诠释,深受年轻一代消费者的喜爱。

小结:消费结构与消费心理的变化

消费结构从衣食住行提升到健康、医疗、教育、娱乐等方面

消费心理追求精神需求

追求品质与有态度的价值观

三、设计如何发挥价值

前面我们分析了消费升级的背景和消费结构以及消费心理的变化,对消费升级就不再浅显理解判断就是价格上涨了。在相同品类里,如何利用消费升级趋势让设计赋能体验升级呢。

年轻消费者追求个性化设计、定制化体验

消费升级不单是价格升级,在服务上也要在同质化产品中脱颖而出,越来越多公司注重个性化设计与定制化体验与市场形成差异性。个性化和定制化实在用户体验中为用户量身打造的策略,向用户呈现超越预期的需求,带来的是好感与认同感。

“个性化”是基于用户的特征,单独为用户打造的模块。例如淘宝的推荐系统,是从用户的购买记录收藏记录来推断该用户的喜好特征,而进行有针对的推荐。

定制化体验是提供用户很多模块,用户有自主选择,根据自己喜好、兴趣创建自己的布局、模块、页面,这样的自主选择可以很大程度提高用户体验。常见的定制体验有新闻客户端,用户根据自己兴趣选择标签,定制自己感兴趣的主题。

例如:QQ空间装扮上,用户可以根据自己喜好更改模块位置,也可以设置颜色、编辑导航栏、设定天气模块的位置或将其移除。此外还可以更换皮肤展示方式,更换空间背景音乐和动画等。

浅谈消费升级下的体验设计升级

个性化设计与定制化体验是属于提升用户体验的策略,他的出发点是基于流畅的基本功能体验,合理的框架等基础之上。

提升品牌化设计形成差异性

近几年,我们看到很多品牌都在进行品牌升级改造,这一方面是品牌战略的重新定位,另一方面也是契合了消费升级的趋势,对消费群做了新的理念定位。

在2016年腾讯在他18周年里,为了更符合年轻新潮的用户,赋予自己一次品牌升级。其实,从QQ诞生到如今,腾讯的品牌升级从未停止。

浅谈消费升级下的体验设计升级

每一次的品牌升级就意味着对自己的重塑,而贯穿于整个升级的背后是一张战略布局蓝图,是腾讯对自己业务、对消费群体的更清晰的细分。

浅谈消费升级下的体验设计升级

如下图,腾讯从最初的企业形象的logo到企业品牌升级,最后以ip品牌化得体系赋予品牌社交传播属性,在不同业务有不同的特征。例如会员的形象,

浅谈消费升级下的体验设计升级

((图片来源腾讯设计公众号)

最近,在2018上半年考拉也发布了自己的品牌升级,其中对升级是这样诠释的:考拉品牌体验设计升级将“考拉”品牌特征与用户和业务属性进行关联,更具差异化的品牌形象识别。传达一种理念:优质的生活方式并其与用户相连接的

浅谈消费升级下的体验设计升级

((图片来源网易设计公众号)

同质化现象下设计创新模式先行

在如今消费市场中,同质化尤为严重,互联网产品几乎是市面上有什么功能就复制一个类似。无论是功能层面还是体验层面,只要有了成功先行者,那么基本就奠定了整个行业的模式。例如电商,大多数的设计模式永远跳不出淘宝的模式。

浅谈消费升级下的体验设计升级

(陌陌、马蜂窝新的交互形式)

作为设计师,应该要从消费市场、消费行业、消费心理等方面考虑,去思辨所服务的项目,用理性去疏导功能到视觉体验。

例如:淘宝造物节,针对年轻人以部落形式展现自我,营造奇妙交互体验,围绕科技、艺术、原创为三个主题,极具互动性参与方式,让科技、潮流时尚、亚文化展现形式更生动,无疑会让用户记忆深刻,产生强烈分享意愿。

浅谈消费升级下的体验设计升级

总的来说,跳出同质化思考的局限,组合更多创新模式,打造更多不被竞争对手复制的设计方案,才是设计的安身立命之本。

新的产品功能不断增加社交化、娱乐化

工具化产品,功能单一产品在市场中越来越没有竞争力,用户对社交、娱乐化的年轻元素的追求已经超越了对单一产品功能的需求。

以运动产品最初原型来看,最初以记录跑步、健身课程为主,解决用户运动的记录和教学指导的需求。而当社交属性功能增加后,增加用户使用的频率,增加用户成就感。用户把自己跑步记录分享后,获得其他人的关注和赞,让用户产生“爽”点。

浅谈消费升级下的体验设计升级

而产品增加娱乐化内容,是越来越多内容消费转向游戏化、潮流等领域,例如知识产品娱乐化趋势,让人更愿意接受寓教于乐的形式。

四、小结

如今在这样一个消费变革时代,消费结构正在发生改变,消费者的心理也不再从众盲目,作为一名用户体验设计师,顺应当下经济形式发展,敏锐洞察到新的机会和方向,为产品体验赋能更多价值。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

为什么如今很多产品和服务给人支离破碎的感觉?

资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

不知道为什么,聪明的人常常会做出愚蠢的决定。我在之前的《The Curse of Knowledge Bias》文章当中,曾经提到过这个问题。很多人会因为之前他们所掌握的甚至依靠的知识而产生偏见,很多时候会倾向基于一个特定的指标来决定。

很多时候,我们忘记了生活中有很多事情是易于衡量的,而很多重要的事情,并不一定如此。两者之间的关联性并没有那么强。

在数字设计领域,我们倾向于探索事情的扩展性和性,这是数字设计本身的优势,但是这种思维方式也对商业世界产生了重大的影响。为什么?主要的原因在于商业本身要求赚到更多的钱,而快速和可拓展的模式怎么看都非常贴合商业的需求。相应的,大家在可拓展式的模式下,就不再追求高质量,在意的更多的是「能否扩大规模」。「它是可规模化的吗?不行?好的,下一个。」

你看,数字领域的东西就是数字领域的东西。它在算法指标上,在自己的模式下且有效地运作着,但是这种而机械化的模式通常是在自己的模式下才有效的。希望它与人类的现实无缝衔接并且自恰地运行,看似可行,实则问题多多。

大家对于创造更快、效率更高的机器都有着持续且狂热的情绪,在某些情况下也许是进步,但是在更多的时候,常常会带来不良的后果。这一切都始于公司想要快速构建产品,或者加速规模化的做法。「它具备扩展性吗?」「我们要始终保持!」这些语句成为了铁律,并且在铁律之下,所有人都期望得到不同的结果。清醒下来想想,这种粗暴且不顾一切的做法,就像用锤子解决生活中所有的问题。

我们专注于技术本身,这使得我们和人性渐行渐远。——Rory Sutherland

将问题肢解成为更小的部分,然后交由不同的部门,分开解决,最后合并到一起。

这种策略主要是从科技公司借用过来的,更准确的说是从数字开发领域学习过来的,他们使用这样的方法来改进产品的算法。你将一个大问题分解成为更小的块,将它交由不同的团队,这样大家在同期进行的情况下,可以提升进度,在一天结束的时候,大家再将各自完成的部分拼接到一起,粘合成为一个产品。很多问题,很多产品以这样的方式更快地完成了。

每个公司都在这么做,似乎是有效的,我们为什么不这样呢?

我同意,这确实有用。但是这里存在一个巨大的问题,就是解决问题的语境和背景。你正在做的事情很大程度上和需要解决的问题脱节了,很多人就像带着眼罩的马匹,跑得再快也是盲跑。

在这种局面下,所有人都只会局限于眼前的一小块的工作内容,而周遭的环境和内容不会去注意也没有精力去关注。接下来就会发生上图所示的情况,然后你需要削减内容来确保内容具备可扩展性。而在上图的案例当中,付出的代价是互动性。

很多问题其实和「数独」一样

也许你玩过数独,这是一种基于数学逻辑的有趣的数字游戏,它需要你综合考虑填写的数字,确保每行每列上的数字是完整自恰的。

通常,数独游戏会使用一个大的九宫格,每一格当中又包含一个小的九宫格,总体上呈现出来的是一个9×9的大网格。游戏会事先给你一部分数字,你需要填写剩下的一部分,确保每行每列当中都有数字1~9,而每个小的九宫格也要包含数字1~9,而每个数独拼图都会有一个唯一的答案。

这个游戏有趣的地方在于,你没有办法将数独整个拼图的一部分交给别人来做。因为只有纵观整个数独布局的人才能推算出唯一的答案,分给别人分开做最后再拼到一起,是解决不了的。我们实际所设计的产品基本上都不是简单线性的,在面对实际问题的时候,很大程度上和数独是相同的,要从更宏观更系统的层面上来看待问题,而不是将点赞按钮的重设计完全交由一个部门全权负责。

将一个问题划分为更小的部分,并且将不同的部分划归给不同的部门来思考和解决是一个「很好的办法」。这就像你在医院外科接受治疗的时候,身体被切成10个部分,交由10个不同的外科医生来给你治疗,最后再缝合到一起。

错误语境下的「正确行为」

这里所存在的问题不仅仅是在效率上,而且还在于方法本身。在这个事情当中,很多行为的方式是正确的,但是这些方式被用错了地方,用错了语境。

这就像一个传教士在一个前不着村后不着店的脱衣舞俱乐部去传教一样。传教本身没问题,但是这个地方真的不合适。

我们将问题划分为小块是没有问题的,但是这并不意味着在产品流程中一直就做这么简单的切分。有人说这样做大型的项目是很合理的,我同意。很多时候,问题的解决方案有很多,而且不同的解决方案也并非是非此即彼的,不过大家往往会选择一种而放弃另外一些。如果只是依靠纯粹的理性和直接的逻辑来解决问题,那么世界在很大程度上不会有真正意义上的进步。

一些超级理性的高管让产品走向了超级无聊的方向。——Gary Hamel

如果这个方法不对,那么我们为什么还要继续这么做?

首先,必须承认,这种方法是有效的,只不过这种方法下产出的产品是破碎的。并且,在很多时候,大家并不急于尝试更有创意的解决方案。

其次,个别机构,或者更具体地说是不少人,是在纯粹的理性驱动行为的环境下茁壮成长起来的。在多人团队当中,在各种委员会当中,在你所在的任何团体当中,大家都需要用合理的逻辑和理由来解释各自的行为。因此,组织机构在解决问题的时候,倾向于寻找逻辑最优解这样的东西。人们也更加倾向于将组织机构的运作方式和机器的逻辑等同起来。

做一些理性或者合乎逻辑的事情,就永远不会被解雇。但是你可能会因为做创意而被解雇。——Rory Sutherland

猎杀松鼠的故事

很多时候案例更有说服力。在18世纪,法国松鼠成灾,政府专门拨款想解决这个问题。如果有人猎杀了松鼠,并且将尾巴上交上去,就能够根据数量获取相应的奖励。这样来看,整体上是一个合乎逻辑的事情吧?可是,实际的情况是,法国政府所发放的奖励逐年上涨,可是松鼠的问题从来都没有得到缓解。事实上,大家发现这个情况还变得更糟了。政府慢慢才意识到,不少民众开始豢养松鼠来换取奖励,很多上缴来的松鼠并非是猎杀的。这是一个典型的不恰当奖励的案例。

人和机器的思维方式是不同的,对于机器而言,1+1=2,但是对于人而言,这个逻辑有可能是1+1=苹果。我们不仅会陷入有缺陷的思维方式当中,这些不恰当的方式甚至会引发错误的行为。

脱离语境的现状

其实,我最担心的是,我们按照机械直接的逻辑来解决问题,会引发不良的行为和不好的结果。很多解决问题的方法,缺少很重要的一块内容:那就是将人们的思考、决策的运作机制纳入到体系当中。当一个任务被分配给不同的人之后,每个人面对任务的时候都是管中窥豹,盲人摸象,看不到全局,相应的,每个人所面对的指标也都是琐碎的,并且有可能只会影响到当前微不足道的范畴。

由于产业和产业之间的天然壁垒,很多公司必须将特定的产品、模块或者服务外包给第三方,以降低成本,并且完善产品或者产业链。但是这种局面下,公司也没有办法在这些外包出去的领域上投入足够多的时间,自然也谈不上创新。很多品牌在多年以来都没有办法带来有意义的创新。完全分散的任务和小团队,最终受困于自己手头的一些小事情,比如来回调整点赞按钮的样式。

对于无用指标的奇怪痴迷

现代人对于消费电子产品非常痴迷,但是如果你仔细审视这个事情,会发现绝大多数人都受困于一些基本上没有什么意义的指标上。

早在1759年,亚当史密斯就在他的《道德情操论》当中,提到过人类对于一些无意义指标的沉迷的事情。

史密斯发现那些小工具爱好者都会非常沉迷「参数」,我们以业余摄影师来举例,你很少看到他们拍摄出真正让人觉得眼前一亮的照片,但是他们非常沉迷于画幅、像素、iSO范围,快门延迟等参数,对于某些厂牌的镜头参数或者相机指标非常之了解。这种状况在汽车、电脑、手机等领域的业余爱好者当中,也是相当普遍的存在。我们需要更好的技术支持,但是我们所探讨的指标,则往往意义不大。

Rory Sutherland 在他的一篇文章中分享了这样一个案例:

有一块机械表,平均一天时间内会慢2分钟左右,它的主人纠结于这一点,将它卖了,然后花了接近10倍的价格买了另外一块手表,新表大概半个月才会慢1秒。然而对于这个人而言,手表的功能仅仅是提醒他不会错过大的事情,大概知道当前时间,避免遭遇其他的不便。但是,手表本身准时不准时的事情让他纠结和焦虑了很久,相反他对于时间倒是不那么焦虑。他感兴趣的仅仅是手表的准时,是它本身的完美与否,而非时间本身。

「参数沉迷」是思维惯性

对于参数的沉迷,在关键的事情上可能会带来不好的影响。可是,即便是无法量化的「参数」,有的时候也会带来坏决策。Rory Sutherland 为此还分享过另外一个事情。

许多美国公司将客服部门的人员视作为公司账面上不应存在的「花销」,这也使得他们纷纷将自己的客服部门外包给印度。相应的,很多美国用户给隔壁楼的公司打客服电话的时候,会转接到印度,在一个口音不明的接线员的服务下,艰难地沟通,并且不一定能解决问题。

奥美是 Rory 的客户之一,他有一次打电话到奥美的呼叫中心,他们的客服给人体验非常棒,乐于助人,知识渊博,充满魅力。所以 Rory 后来咨询奥美的人事,为什么他们的电话接线员能这么优秀。结果奥美的人事笑着回复他:「其实,我们给客服人员的回馈已经超出他们原本的价值。」

原来,对于做客服这一行的人而言,在美国本土想要找到足够好的工作,可能需要去很远的地方,才能找到工资足够可观的职位。而奥美的工作地点本身在某个大城市不远的地方,他们的客服来奥美工作根本不需要花费太多时间在通勤上。另一方面,他们的客服人员大多在公司待了几十年之久,这使得他们对于工作内容非常之精通。这样一来,在这些客服人员身上投注的时间、精力甚至花销,都不是成本,相反,这些客服人员成了公司成功的基石。

固然,将公司的客服部门转移到人力成本极为低廉的国家,比如印度,能够为公司节省很大一笔开支,但是实际上,这件事情给公司本身的业务所带来的负面影响也是持续的。

最终,这还是一个视角上的问题

Andre Malraux 在他的小说《Hope》当中,讲述了一系列关于西班牙内战期间的故事。书中有一个插曲,一位农民来到共和军,告知他们法西斯分子在树林中建造了一个秘密机场,不过农民自己是个文盲,他看不懂地图,但是他愿意做导游,帮共和军指路,去炸掉这个秘密机场。于是,他坐上了一架轰炸机,随着飞行员一同去寻找秘密机场。

农民熟知方圆几十公里内所有的村庄,山脉,河流,了解土地,也熟知庄稼的种植和生长。但是当他坐上飞机,把眼睛压在玻璃上尽力往下看的时候,他分辨不出来他生活过28年的村庄,不认识他每天走过的街道。Malrzux 在书中写道:「如果有人会因为找不到东西而死的话,那么这个农民肯定已经死过很多次了。」

飞行员已经把飞机的高度压到30米了,几乎贴地飞行,他试图让农民尽力按照他习惯的视角去看待地面的一切。森林中的树梢几乎舔拭着飞机的底部,农民的视野中的山林开始接近他在林间开车时候的视野,他最终找到了那个隐藏的机场。

一旦你以一个视角工作了30年,你会比其他人更难看到事物本身的另外一面。

更全面的视角

我知道,糟糕的企业文化,激烈的办公室政治,错漏百出的产品,并不是这种产品开发模式和思维方式所造成的,但是它在整个体系当中扮演了极为重要的角色,放大了问题。对于和可拓展性的痴迷,注定会在更长的时间尺度上,创造一个糟糕的产品,甚至带来一个糟糕的公司。

太多的公司和团队将人置于一个固定的位置,让他们在自己的工作循环当中待着,不让他们具备额外的视角。试想一个开发团队中,3个人只负责首页右上角的搜索框和过滤器的开发,他怎么会在意整个产品是否有更大的缺陷?

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

谈谈 iOS 11 设计中的几个 UI 设计细节

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

今天从 Apple 官网看了 iOS 11 的介绍,发现有不少的更新哦,比如控制中心、Siri、Live Photo 等等,总体来说都有很多不错的体验,不过本文不介绍功能,只说视觉界面。

在 iOS 11 的新 UI 界面中,重大更新的界面主要有 App Store,所以我从应用商店的UI设计也能看出一些大概细节。

图标:从线性改为面形

新版 Store 的图标从线性改为面形,图标也加入了圆角,看起来更加圆滑,同时和 iOS 10中的 iTunes 相关应用风格也统一了。

Icon 颜色比如来的线性浅了一点,这样做看起来就不会过重,所以大家在使用面形的图标设计时,颜色要把握好。

iOS 10 App Store

iOS 11 App Store

iOS 10 iTunes

卡片式设计

在新版的 iOS 11 界面,有不少的地方采用了卡片式/宫格式排列,卡片式的设计非常适合图文排版,并且在手机端有不错的阅读体验。

 Material Design 中也是很重视卡片式设计,所以日后可以多考虑使用卡片式风格。

 

 

 

大投影

当转为卡片式设计后,为了提升层级表现,界面也增加了大块投影,是不是和 Material 风格有点像?

小编细看了下, APP 在 iPad 的封面与手机端的尺寸不一样,一个是横,一个是竖(工作量又增加了……)

iPad 的封面是横的

iPhone 手机端封面(竖)

为了美观,而增加了人力成本,到底值不值?这个封面就像一个网站的文章封面图一样,一篇文章要做2张封面图,这不仅增加人力成本,还增加运维成本。

无处不在的圆角

圆,像曲线一样,有圆滑、活泼、动感、柔和的感觉,更容易让人亲近。亲和力有了,吸引用户就更多了,iOS 的圆角在不同 UI 上使用的圆角大小略有不同,这就是细节,看来 iOS 在圆角的运用已到了出神入化之境。

Material Design 虽然也存在圆角,但要么圆角在太小了,要么就是直角。

而 Windows 的扁平化,就是一块方形。

想做出让人亲近的界面?学会用「圆」也许是很大的秘诀。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

产品设计中“+”功能的相关思考

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

日常工作中,有很多看似平凡的小细节,常被大家忽视,却影响着用户的真实体验。比如,前几天跟同事们针对产品设计中“+”功能所运用的场景、展开形式进行讨论,发现这是一个挺有意思的话题。

所以跟大家分享下,我的一些相关思考。

1. “+”的运用场景

我们常见的产品中,采用“+”功能的场景,大致分为两种:a.(上传)内容选项;b.(聚合)快捷功能。

a.(上传)内容选项

根据“+”的直观表意,大致也能猜到它的运用跟“添加”、“上传”某个东西相关。

比如:微博,点击“+”入口后,是选择所要上传的内容类型。(可以晒自己精修X小时后妈都认不出来的自拍、也可以晒逗比的小视频、或者老子就想搞一场直播)。

比如:下厨房左上角的“+”,点击后,是选择上传作品,或者创建菜谱的选项。

再比如:工具类产品:Google drive,dropbox、百度网盘、微云,点击“+”后,同样是选择上传不同文件的入口。

可以看出,这种情况下的“+”功能,多指“添加”、“上传”的含义,所承载的内容,是同一纬度下的不同选项。

b.(聚合)快捷功能。

众所周知,产品为了节省界面空间,同时避免过多功能给用户不必要的干扰,会选择把一些不常用的快捷功能收到二级展示。常见的产品中,他们选择把这些快捷功能塞进“+”里。

那么,你是不是觉得“+”功能跟“…”功能承载的内容是一样的?比如:乐趣首页右上角“…”,同样是对频率较低的功能的集合。

那为什么有的产品不直接用“…”,还是选择用“+”呢?

通过分析发现,“+”虽然也是聚合快捷功能的入口,但承载的功能有一个共性:都是围绕着用户主动打开、发起、新建…等操作进行的,因此用“+”更贴切。

比如:微信里的“+”,包含着:“发起群聊”,“添加朋友”,“扫一扫”,“收付款”,其实都跟“添加”有关。

比如:淘宝也是类似的处理方式。

再比如:爱奇艺的“+”,里面包含的也是跟“添加”,“上传”相关,像上传视频、扫一扫、我要直播….

反过来看“…”,它聚合的功能,大多是相互关联较弱,且没有主动添加、上传等含义的。因此,用一个相对模糊,没有指向性的符号诠释,更为合适。

由上可以看出,在这种情况下,“+”作为聚合快捷功能的入口,包含的是频率较低,且跟主动“新建”、“发起”、“扫描”等相关的功能。

 2. “+”的展开方式 

当用户触发界面中的“+”时,常见的展开方式有3种,分别是:a.气泡弹出框;b.动态栏;c.沉浸模式。

a.气泡弹出框

气泡弹出框,这个控件又常被称为Popover,一般是由一个矩形和三角箭头组成的弹出窗口,通过点击Popover内的按钮或者非Popover的屏幕其他区域可关闭。

比如,以微信为代表的“+”的展开方式,采用的就是Popover。一般用于聚合快捷功能。优点是触发“+”到Popover的距离很近,操作顺手,效率高(更像是导航的延伸)。

b.动作栏

动作栏,这个控件官方称之为Action Sheet,是用户触发“+”后,出现的一种模态弹出框,里面包含一组与当前情景相关的选项,一般用于上传内容选项

在iPhone屏幕上,为了便于单手持握时操作,Action Sheet通常占据屏幕底部区域。

比如:以Google drive、Dropbox为代表的产品,需要选择上传文件类型的选项。

在这个部分,同事们讨论有些争议点,在于:google drive 和 Dropbox或者微博,它们的加号本来就在底部,所以弹窗让用户感觉视线统一。

而有的产品“+”在上面,弹窗从底部出来,担心注意力切换和手指移动的路径比较长,显得割裂。

带着这个问题,我调研了下有类似情况的产品,会不会让人觉得不舒服。

后来发现,不会的。原因在于我们常用的、拥有10亿+用户的微信,发朋友圈时操作就是这样,而我们并没有感觉很割裂,反而已经习惯。

同样,iPhone自带的“提醒事项”App,也是这样处理。

后来看了规范发现,iOS确实意识到在iPad上,如果继续将Action Sheet显示在屏幕底部,如果频繁操作使用会比较累。因此,做了特殊处理。而手机屏幕上以底部为主,同时点击空白区域取消的操作,也是系统用户所熟知的。

总的来说,操作栏适合承载同一纬度下的内容选项,同时,就算“+”在顶部,采用底部动态栏,体验上也是没问题的。

c.沉浸模式

沉浸模式,指的是当触发“+”时,用户在全局蒙层上进行功能操作,同样适用于上传内容选项。

优点是拓展性更强,体现在:1.提升收益;2.品牌认知;3.内容运营。

1.提升收益

比如:微博,采用沉浸模式,下面是上传不同状态类型的入口,上面可以增加广告收入。

再比如:微云,在沉浸模式下,可以植入自己的“会员”广告,从而提升会员转化。

2.品牌认知

比如:有道云笔记,在顶部的空间内,宣传自己的品牌slogn:“记录,成为更好的自己”,是一种品牌情感化的传递。

3.内容运营

像“好好住”,它们在这个页面加入“话题”运营推广。从而给UGC内容模块带节奏。

大多数产品都想营造社区氛围,建立用户关系,从而增加用户粘性,提升产品留存。

但要想拥有浓厚的社区氛围,首先要有内容、才有人愿意看、才有人在里面互动。

现实问题是,有很多用户有想发状态的心,但不知道发啥,从而放弃。因此,我们应该作出相应的引导。

比如,“好好住”在发布环节,增加话题运营“#每天一张生活日常#”入口,就是解决刚才说的“用户不知道发什么”的问题。运营同学想点子、造话题、带节奏,从而提升用户的发布量。

因此可以看出,“沉浸模式”,对于那些有拓展需求(收益、品牌、运营)的产品更适用。

不知道你有没有发现,相比国外,国内采用这种“沉浸模式”的产品偏多。或许在中国这个互联网竞争如此激烈的大环境下,大家不愿意放弃任何一个能够运营或留住用户的机会。 

总结  

总的来说,在常见的产品中“+”功能的运用场景有:(上传)内容选项、(聚合)快捷功能;它的展开方式可分为:气泡弹出框(适合承载快捷功能)、操作栏(适合容纳内容选项)、沉浸模式(容纳内容选项的同时,拓展性更强)。其实,交互形式没有好坏之分,只有哪个更适合自己的内容需求和产品目标,正如Louis Sullivan所说:“形式追随功能”。

小tips:日常工作中有太多类似“+”这种,看似一个不起眼的小功能,被大家忽略。我们习惯性看一下竞品,拍脑袋决定方案。

但是,慢慢你会发现,只有深挖和分析这些所谓的“小细节”,才能知道别人这么做背后的原因、才能举一反三的去运用、才能更好的兼顾统一性和拓展性,而不是停留在浮于表面的模仿。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

一篇文章读懂数字化驾舱智慧出行

ui设计分享达人

数字化驾舱近来大热,数字化驾舱的组成元素包含哪些以及又有哪些驾舱相关的新技术出现?在这里,MOMOUX带你读懂数字化驾舱。

让设计更具有趣味性的5大TIPS

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

这是一个创新的年代,如果你的设计千篇一律,哪对用户来说,这是很乏味的作品。所以在满足设计需求的同时,我们可以加入一些趣味性的东西,比如方案、声音、交互细节、图像等等,让页面更加有趣。

这里有5个提高设计更有趣味性Tips,欢迎大家在设计项目中尝试。

一. 就是不能好好讲话

通过夸奖、傲娇的语气满足用户虚荣心及好奇心

文案的趣味化,简单有力,看似不经意,但却是最直白的幽默。像下图小红书的随机点赞设计,每次点赞的提示不同,有的是夸奖、有的是暖心告白、有的是引导用户继续点赞…这样的设计,因为有惊喜感,所以激发了用户的好奇心,并不断点赞尝试。

而网易云音乐的Mac安装包提示文案:「你的Mac终于拥有最佳音乐App了!」不讨论产品好坏,这句文案就一语双关,既夸奖了自己产品好,也夸奖了用户有品。

用「机智」的话有情感的引导用户

下面的两个场景是我们最熟悉不过的聊天页及注册页。左边是主打微社交的Nice,在没有消息的时候它不是生硬的提示0条消息,而是很好的结合了自己产品的微社交调性,委婉的告诉用户你是不是应该主动些?而不是被动的等待。从情感上用户会觉得更放松也更容易接受这样的建议。

右边是same的注册页,通常注册页都枯燥而冗长,为了避免用户产生负面情绪,Same这里的性别选择文案是:女生果然总是对的!男生有时候也是对的!在填表产生抗拒心理的时候出现这样讨好的文案,谁还会有什么负能量呢?

文案说他想领便当了

对于开玩笑要有一个度,像作到飞起的手机端网易云音乐的推送文案:「你这么爱听歌,一定活的很难过吧」。虽然可能说的是实话,但是没人愿意听这样的大实话,所以对于一些相对玻璃心的用户来说会觉得受到了嘲讽,这样的文案就容易起到反向作用。

△ 微博评论截图

二. 扁平里的写实派

模拟真实场景,让用户感受细节的用心

这里更像是拟物化行为的设计,模拟真实的使用场景。将我们在日常生活中习以为常的小细节,融入到页面细节的设计中去,被用户发觉时应该会会心一笑吧。这也最能体现设计师的观察力及对细节的把控力。像iOS的手电筒开关设计和飞行模式的设置就是这样的,手电筒开关的时候,上面的小按钮也会跟着开和关,飞行模式的开关则有一个向右的飞行路径,并不是生硬的出现然后消失。

对模式化的元素注入性格,增加新鲜感

这里还是拿Same举例,通常我们用的p图软件的滤镜,一般是以色彩给人的直观感受来命名的。而Same的每个滤镜有自己的名字、性别、出生年月甚至的表情、性格(据说每个原型是来自他们团队的设计师),这样的设计确实会让人觉得:「诶!有点意思,跟外头那些妖艳滤镜果然不一样呢!」

三. 玩不腻的小彩蛋

打破常规,吸引用户注意

对于熟悉的行为我们会产生枯燥的情绪,然后随之会忽略。当在熟悉的情境下,出现了意想不到的小彩蛋,必然会增加用户印象,提高用户注意力,并产生积极愉快的情感。像Facebook的聊天表情,在输入时长按,就会变成超大的表情,好比在说给你一个大大的赞、给你一个大大的爱心……这样的设计,真的是会玩到停不下来 。

情理之中意料之外,增加用户印象

我们都知道的格瓦拉,在线选座时遇到一些院线热映,选座状态会变成电影的主角头像 ,这对用户来说是一种加深印象的预热,要比默认选座状态更有代入感。

最美有物,是一款销售设计师产品的平台,印象最深刻的是喜欢与不喜欢的表态设计,他的主张是找到同样品味的人,所以这里的小动画就做的细腻又有趣,将不屑和喜欢表达的淋漓尽致,比起正常的点击即高亮,更能表现用户的情绪、产生共鸣。

贴心设计,让用户产生好感

使用金融类软件时,最怕的是没钱,更怕的是有点钱刚点开App旁边有人过来了, 这时候匆忙关闭显得很不自然。微众银行的滑动隐藏资产的设计很好的解决了这个问题,保护了私密性的同时操作起来也不会显得那么尴尬,这样真正的替用户考虑的设计怎么会不让人产生好感?

四. 不如一起玩游戏

用激励的方式满足用户虚荣心与攀比心

通过设计一些有挑战性的小游戏,让用户参与进来,可以激发用户的好奇心以及攀比心,在完成任务的过程中满足用户的存在感、归属感及参与感,游戏的设计也是这里面互动性最强的一种设计,也是最有趣味的。Nice就使用了收集徽章的方式来鼓励用户发图片、使用功能等,对用户是激励的同时,并可满足用户在其好友跟前的攀比心。

奖励化,让用户有存在感与归属感

Same平台的早安、晚安打卡功能,会随机赠送给用户一首歌,打卡这件事一方面对于平台来说提高了用户留存,另一方面对喜欢音乐的用户来说则找到了归属感与存在感,会觉得有这么一个平台是懂他们的。

下面两个利用奖励化机制提升参与感的例子来自腾讯先游。

第一个是贴热。用趣味选择题的方式让枯燥的签到变得有趣起来了。

第二个是游戏体验建议收集。其实通俗点就是产品体验反馈、帮助产品优化流程等,但是这里变成了领取任务,并且有相应的奖励,提升了用户参与感的同时满足了用户的归属感,因为奖励机制会让用户觉得自己的建议会有可能被采用,而不是反馈了就没有然后了。

五. 制造点声响

不同感官的刺激来增加产品印象及代入感

声音的提示可以起到未见其人先闻其声的效果。声音作为操作行为的一种反馈,提示用户的同时,增强代入感。比如微博国际版客户端,在发送状态时,小飞机飞出去的时候会伴随着:「嗖」的一声,让用户有一种发送成功的确定感。而Mac系统截图行为,则伴随着像裁切纸张一样的「咔嚓」声来提示截图成功,就非常的具有代入感。

最后,我会以我比较熟悉的游戏平台项目,简单总结一下各种置入趣味设计的方法:

可以尝试从文案的方向进行优化,比如将搜索游戏提示语:「未搜索到某某游戏」变成:「诶,你刚才可能输入了假游戏,不如再来一遍?」。

融入一些激励化的小游戏来增强玩家互动,提升用户品牌感知等。

设计与品牌风格统一的有趣反馈动画,或在适时置入声音作为彩蛋,增加整体的趣味氛围。

而不论是以上哪种手段,在使用之前都要认清,趣味设计都是设计上的一种锦上添花,增加趣味需要在满足产品功能的前提下进行,不必为了有趣而强行有趣。在设计的过程中也要多思考下是否可以做更多深入的细节优化,反复推敲,最适当的场景中融入细腻的情感化设计,让趣味成为我们设计的点睛之笔。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

掌握这5个关键点,零基础也能建立信息架构

资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

什么是信息架构?怎么理解用户体验五要素?本文用大量的案例和插图帮你轻松掌握这个基础知识。

今天想要跟大家聊一聊关于 UX 和 IA 的话题。其实在写今天这次分享的题目的时候我修改了很多次,为什么会修改很多次?这要从我在 medium 看的一篇文章说起,这篇文章的标题是《6 Tips How to Apply Information Architecture in UX Design》,翻译过来的意思是在用户体验设计中如何建立信息架构的6点建议。

当时读完文章,虽然觉得文章里讲的一些散碎的概念迷迷糊糊可以理解,但这些概念就像盖房子的砖块一样,我完全不知道这些砖块该怎样才能盖成一栋大楼,或者我就站在楼下而因为自己视野有限完全不知道这栋大楼到底长什么样子,所以因为这个原因我一直苦恼于该如何去清晰的表达想要分享的内容,思来想去决定这次分享不能仅仅是我对某篇文章的翻译,想要弄清楚这篇文章到底在讲什么,先要弄明白文章里的知识,当我们了解清楚了这些信息之后再来理解这篇文章就会轻松容易得多,下面就将我总结出来的内容分享给大家。

一、UX & IA

UX 即 user experience,译为用户体验。

IA 即 information architecture,译为信息架构。

他们的关系可以简单理解为良好的信息架构是用户体验的基础。

我们平时听到了太多关于用户体验的东西,大家都以为用户体验就跟交互设计差不多。我之前确实也是这么理解的,但是最近发现我的这个想法是有些过于片面了。

我们可以把用户体验的工作分解成五个组成要素,分别为战略层、范围层、结构层、框架层、表现层。

它们都是自下而上起作用的,每一个层面都是根据它下面的那个层面来决定的,所以表现层由框架层来决定,框架层则建立在结构层的基础上,结构层的设计基于范围层,范围层是根据战略层来制定的。每一个层面的决定都会影响到它之上层面的可用选项,信息架构只是用户体验结构层的一部分而已。

二、什么是IA

IA 即 information architecture,解释出来就是合理的组织信息的展现形式。

主要任务是为信息与用户认知之间搭建一座畅通的桥梁,是信息直观表达的载体,通俗点说就是信息架构不仅仅是设计信息的组织结构,还需要研究信息的表达和传递。

这么说也许还有些抽象,举个简单易懂的例子:

我们来看这个商场的平面解析图,通过这个图我们可以很清楚的了解商场的结构,从而快速定位自己的位置还能顺利找到自己想要购买的产品。信息架构对于一款产品来说就相当于商场的平面解析图,就像现在我们看到的这幅图一样,商场的每一层都有相对应的分类区块来指导消费者。试想如果一个商场没有对商品进行有序的分类,那么我们在逛商场的时候就很难顺利挑选出自己所需要的商品,面对各种无序且数量繁多的商品我们一定会崩溃,这样的情况对于男士来说绝对是场灾难,但对于女性来说也许会是一个充满未知探索的挑选过程吧。

但不管怎么说在这里设计师需要做的就是规划好这些楼层信息层级,主要做的工作就是:分类、层级梳理等。简单的说就是规划好每一层有什么商品,同一层商品怎么分布等等信息。

所以在互联网产品设计中:设计师梳理信息架构,其实和刚才说的梳理商场楼层架构的概念是差不多的。

三、IA的作用

一个好的信息架构一定是会满足两个维度的需求,即用户需求和产品目标。

从用户的角度出发它可以让用户在一定的信息规划下更容易找到自己想要的「东西」。

从产品目标角度来看它能通过「信息架构设计」去教育、说服、通知用户。

所以用最简单的两个字来说其实信息架构就是在做分类。

再回到刚才那个例子想一想,把商场里的商品分类其实对于我们产品而言就是在给我们产品中的信息分类,以方便用户能更好的使用我们的产品,而不会想要把产品卸载,从而使产品达到易用好用想用的目的。就跟我们逛商场一样,当我们能够根据指示顺利买到自己所需的商品的时候我们就不会因为找不到我们想买的商品而失望的离开商场。

那么问题来了,我们该如何进行信息架构分类呢?也就是信息架构的分类方法是什么呢?

四、IA分类方法

这里给大家介绍2种方法,从「产品目标」出发我们可以采用「从上到下」的分类方法;从「内容和功能需求分析」出发就可以用「从下到上」的方法进行分类。下面来跟大家分享一下这两种方法的具体做法。

刚才说了从上到下是以产品目标即战略层出发的分类方法,所以最开始就是先从最广泛的、可能满足决策目标的内容与功能开始进行分类,然后再按逻辑细分出次级分类,这样的「主要分类」和「次级分类」就构成了「一个个空槽」,将想要的内容和功能按顺序一一填入即可。

我们以微信为例:首先根据产品目标将「主要分类」即一级架构分为「最近会话(微信)」、「通讯录」、「发现」和「我」;然后再进行「次级分类」分类,比如「发现」下再分「朋友圈」、「扫一扫」、「摇一摇」等等;最后将相应的功能(如朋友圈feeds、发朋友圈、朋友圈消息等)填入到相应的「朋友圈」分类中。

这样就像是先有了大概的框架我们再根据这些框架往上面加东西的感觉是一样的。

接下来我们再来说一说从下到上的方法:

刚才说了从下到上是由范围层驱动从产品的功能和内容层面出发的,所以我们就要先把已有的所有内容,放在层级分类中,然后再将他们分别归属到较高一级的类别。这种分类方法其实就是在做「归类」。

其实从下到上的信息架构方法也包括了主要分类和次级分类,但它是根据对内容和功能需求的分析而来的。先从已有的资料开始,我们把这些资料统统放到级别的分类中,然后再将它们分别归属到较高一级的类别,从而逐渐构建出能反应我们的产品目标和用户需求的结构。

具体工作中我们可以将所有的功能点用一张张卡片写下来,然后让目标用户参与到信息分类中,并反馈相关分类标准作为我们产品设计师去梳理信息架构的参考。实践过程中,更需要设计师或者产品经理本身有一定的信息筛选、梳理、分类的能力,进一步通过用户测试去检验分类的信息传达有效性。

其实就好像我们日常生活中收纳衣服,我们会根据不同标准去收纳,比如我们可以根据季节分类,也可以根据颜色分类,或者是根据款式分类,每个人都会有不同的分类习惯,所以这里归结到工作中才会让目标用户参与到信息分类中,毕竟我们的产品是服务于用户,所以还原用户使用习惯和使用心理也是我们同样要注意到的,这样可以给我们提供一些有效的分类信息帮助我们更好的做出清楚的信息架构。

当然这两种方法都有一定的局限,从上到下的架构方法有时可能导致内容的重要细节被忽略,而从下到上的方法则可能导致架构过于的反应了现有的内容,因此不能灵活地容纳未来内容的变动或增加,所以在实际运用中是需要我们将这两种方式结合起来灵活运用。

这两种方法虽然有不同的视角但其实最终目的都是让我们的产品易用好用最终达到想用的目的,所以让这两种方法对接、交汇、融合之后得出的结果才应该是我们理想中的产品信息架构。

五、影响IA的因素

刚才提到用户体验的5个层级是自下而上对其上面一层起作用的,信息架构位于用户体验要素第3层结构层,刚才说了结构层的设计基于范围层之上,所以这里遇到的影响因素我们还要返回到范围层面去寻找,范围层又包含两个维度,功能和内容,在从范围层到结构层这个过程中我们会遇到很多影响因素,所以把这些影响因素总结起来我们还是要从用户层面(内容)和产品层面(功能)两个维度来理解。

从用户的角度出发,理解能力、操作习惯、目标内容使用频率等等这些都会成为影响因素。

从产品角度来看,产品的核心价值、主线功能、特色功能等才是影响信息梳理的因素。

这两个层面当然也不是完全割裂的,在做信息架构的时候可以先从一个层面出发得出一个结论之后再用另外一个层面去验证得到的答案,然后再不断优化在验证过程中遇到的问题。

不同人会有不同的分类结果,因为根据不同情况我们所需要关注的侧重点会有不同,我们根据不同的影响因素会得出不同的答案。每个人都会得出不一样的分类结果,没有哪个结果是完全正确或者说是完全相同的,就像数学中的排列组合一样,内容越多我们得到的结果就会越丰富,但是这些结果当然不是全都合理的,所以就需要设计师根据自己的经验结合产品层和用户层的需求找到合理的解决方案。我们都知道在产品设计中想要设计出来一款完美不需要迭代优化的产品几乎是不可能的,所以我们能做的只能是结合各方面的影响因素和自己的经验理解一直优化产品让它接近于完美的状态。

现在我们来思考一个问题:为什么微信朋友圈这么高密度使用的功能要放到二级菜单呢?

微信的创始人张小龙是这样解释的:

  • 微信是个社交软件,核心功能是社交,是沟通,是好友,所以一级菜单只能跟这个相关。(产品功能层面)
  • 当朋友圈为二级tab 时,扫一扫,摇一摇,附近的人,漂流瓶,购物这些功能的曝光度就会下降,不利于微信功能的拓展。(产品功能层面)
  • 也许会造成各个模块分配不平衡,而且发现里的功能与其他模块的功能属性混在一起也许会不恰当,微信为了不让用户被过多的信息打扰把公共号打包放在一起,那么朋友圈随着联系人增多,分享动态也会增加,而且内容都是一些生活中的琐事,多少也会像公共号一样打扰到用户。(用户角度)
  • 设计并不是对用户有求必应,而是应该在产品发展战略的指导下平衡各功能。如果将朋友圈提升为一级入口,很明显微信的社交分享功能将得到强化,那么相应的其他功能将会被弱化,这与微信链接一切的发展战略是相违背的。(产品层面)

保持主干清晰,枝干适度。产品的主要功能架构是产品的骨骼,它应该尽量保持简单、明了,不可以轻易变更,让用户无所适从。次要功能丰富主干,不可以喧宾夺主,尽量隐藏起来,而不要放在一级页面。

举这个简单的小例子供大家了解信息架构这个概念,体会一下如何用一个更全面更发展的眼光去看待产品结构这个抽象的问题。

总结

要在 UX 中建立良好的 IA 我们需要特别注意的5个关键点:

  • 在建立信息架构之前确定产品目标(战略层)
  • 进行用户研究预测用户对产品可能产生的反应(范围层)
  • 合理运用认知心理学原理预测用户对产品可能产生的反应(结构层)
  • 根据产品信息结构去规划导航(框架层)
  • 注意视觉层次在内容的视觉表现中的重要作用(表现层)

所以我们绕了一大圈来看,在 UX 中建立良好的 IA 的5个关键点其实最后还是回归到了用户体验的5个要素。再回到刚开始分享提到的那句话,从上到下表现层是由框架层来决定,框架层建立在结构层基础之上,结构层基于范围层,范围层根据战略层制定。这里每一个层面都是根据它下面的那个层面来决定的,相当于把用户体验要素每一层需要做的事情从另一个维度又解释了一遍。

当然这里要注意一点,这些层级都不是完全割裂的,如果你要求每个层面的工作在下一个层面可以开始之前完成,那样一定会导致你和你的用户都不满意的结果,而相反的,应该规划好你的项目,让任何一个层面中的工作都不能在其下层面的工作完成之前结束。这里最重要的一条是,在我们知道基本形状之前,不能为房屋加上房顶。 不管我们是在这5个层级的哪一层,我们不能忘记的就是要把这些连成一个整体去理解,他们一定是相辅相成互相影响的。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

关于页面打开的交互方式,这篇堪称最全面的总结!

资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

本篇文章分别从页面打开方式的类型、当前页打开&新开页面、弹出框三方面对页面链接打开方式进行了探讨,给大家提出一些意见以供参考。

页面打开方式作为链接产品路径的基础,在设计的过程中,或多或少都会遇到选择的困扰,尤其是产品功能复杂,层级较多时,如何让用户按照自己的意愿清晰的浏览信息,保持操作连贯性,是值得体验设计仔细思考与分析的。

近期在所负责的设计项目中,团队对链接操作的打开方式产生了分歧,借此机会整理了一些案例与资料,就这个问题进行分析探讨,也给遇到同样问题的同行一些参考意见。

一、页面打开方式的类型

网页中可操作的链接,主要有按钮、icon 以及文字链接,设计中常用的打开方式则主要有以下三种:

1. 当前页打开

点击操作链接后,在当前的浏览器页面中进行内容显示与操作。

2. 新开页面

点击操作链接后,在浏览器中新开一个独立的标签页面,进行内容显示与操作。

3. 弹出框

点击操作链接后,在当前的浏览器页面中,弹出一个小尺寸的对话框,进行内容显示与操作。

二、当前页打开 & 新开页面

首先来说说最具争议的新开页面&当前页打开。在 HTML语言中,target目标有「target=_blank」和「target=_self」两种属性,分别代表「新窗口打开」和「当前窗口打开」,下图是这两个参数的属性描述。

从这两个参数的属性上来看,「当前窗口打开」是系统默认的处理方式。这个打开方式在国外的网站中实现方式比较统一,用户也形成了一致的习惯,但国内的形式则不尽相同,以至于一直颇具争议,不同类型网站之间、同一网站不同场景之间也没有一个明确的规则标准可供大家学习和参照。

针对这个问题的讨论,可以听到两种不同的用户声音,并且都站在各自的角度阐述其道理。

举个例子,我们以同类型网站(淘宝和亚马逊)的打开处理方式进行对比,来看一下用户习惯、功能场景对链接打开方式选择的影响。

首先,我们确定一致的功能场景:用户从首页中根据各种筛选条件,查找到心仪的商品。来看一下两个网站的处理方式:

可以看出基本是两个极端,差异非常明显,再来看个有意思的现象,亚马逊中国的商品搜索方式竟然又和淘宝一致了,难道链接打开方式的差异竟是中外用户习惯的差异?

这确实占了很大一部分原因,那么造成这种差异的原因主要有:

  • 早期的 W3C标准不支持 target=”_blank”(HTML语言中,在新窗口中打开链接)的属性,国外互联网普及也比国内早,于是用户慢慢养成了习惯。
  • 默认当前页面打开让国外用户觉得更有「礼貌」。如果用户想新开页面,可以鼠标中键、按住ctrl点击链接或者右键新窗口打开,此时用户更有选择权,可以自己决定打开方式;如果默认新开页面,则让用户失去了选择权。
  • 早期国内互联网发展较为浮躁,网站想通过新标签页打开方式,提高PV。
  • 国内网络普及晚,部分用户尤其很多老年人不习惯甚至或许不知道,页中有个后退前进按钮、面包屑可用,新开页面便于他们的操作。

那么,淘宝中所有的页面打开方式都是新开吗?不是。像「我的收藏」、「已买到的商品」、「购物车」等功能页面就是当前页打开。

同一个产品内部,如此区别设计的原因我认为有:

  • 用户的目的较为明确,查找对象确定。(用户想要查看的对象是确定的,如购物车中的产品,用户有明确的目标,找到链接打开页面即可,不像搜索查找商品,需要一步步缩小范围甚至比对查看)
  • 链接入口常驻在网站的信息栏,用户可以随时切换,操作方便,且不存在重新输入的成本。

关于这两种打开方式,到底哪种操作更顺畅,确实难分高下,就跟「确定和取消哪个在左,哪个在右」是一种性质的问题,没有好坏之分,关键是要看在哪种场景下使用更合适。

新页面打开适用的场景:

  • 页面内容没有关联性,且从逻辑上没有从属关系,相对独立。如:产品中的外链。
  • 存在多页面「比较」的操作,需要经常切换。如:淘宝商品详情。
  • 需要保留住前一页的操作不丢失。如:知乎上过滤出来的结果列表。
  • 功能分支存在穿插,当路径发生交叉时,最好新开页面。如:产品内部的跳转链接,导致信息关联的层级发生改变。
  • 具有辅助功能的操作。如:使用文档(PDF、图片等)需要来回参照。

当前页打开适用的场景:

  • 流程性的功能页面,前后操作存在关联和影响。如:下单支付、按步骤新增。
  • 同一层级内容间的操作。如:tab栏的切换。
  • 同一路径中的操作,用户当前的操作会对主页的内容产生影响。如:编辑一个配置,用户操作完,会回到当前页查看结果。
  • 用户具有明确目的性的操作,当前页有利于锁定用户注意力。如:淘宝中「我的收藏」。

以上是结合功能场景进行的选择侧重,如果就「用户体验」一定要分出个高下,我个人还是比较支持默认「当前页打开」,从体验角度分析,「当前页打开」略胜一筹的主要原因有以下两个:

  • 尊重用户的决定。当前页打开,将更多选择机会留给用户(鼠标中键、按住ctrl点击链接或者可以右键新窗口打开),一个具有良好用户体验的产品,在用户做操作的时候,总是能让他们按自己的意志做出决定。网站对每个链接强制打开新页面则剥夺了用户的选择权,因为不同的人有不同的浏览习惯和使用需求。
  • 体验一致。保持一致体验的设计才能让用户产生信任感与安全感。当用户在操作界面元素的时候,可以顺畅的知道、理解,并且能预料到将会发生什么,不会被分神,也不会被打断。任何违反这个原则的设计都将会演变成一种「以设计方意志为导向」的设计,而不是「以用户为中心」的设计。

小结

当我们不知道两种方式如何选择时,或许「不强制用户」才是最好的体验。因为我们面临的用户多样,电脑操作熟悉程度多样,因此不同用户对于打开方式的习惯也具有多样性,这个是设计者无法揣测和调查清楚的。

在「两害取其轻」的情况下,在当前窗口打开链接,不失为一个选择,尊重用户自己的决定,让用户对交互界面自主可控。

三、弹出框

弹出框(弹层)又叫模态对话框,是指在用户想要对当前对话框以外的应用程序或内容进行操作时的提示方式。它一般覆盖在整体页面之上,避免了页面跳转。

弹出框通常是为了显示一个单独的内容,在不离开整体页面的情况下有一些互动,提供信息和交互。

如下图知乎中的「写想法」,用户可以快速的在弹出框中记录个人想法,记录发布后,很顺畅的回到之前的路径上继续操作,便捷,操作思路清晰。

△ https://www.zhihu.com/

现在很多产品中的新增、创建,也都会采用弹出框的交互方式,当然前提是在弹出框中编辑的内容不是很多,此时弹出框不仅承载了信息编辑的功能,还可以作为上下文的跳转,帮助用户衔接路径。

如 iconfont 中的新建项目,用户新增后,页面会直接跳转到新的项目空间。

△ http://www.iconfont.cn

弹出框适用的场景:

  • 内容简单,没有复杂的操作,且具有临时性。如:新增一个收货地址,进行简要的输入编辑。
  • 更为详细的辅助说明,是对当前内容的快速扩展。如:缩略图,点击放大查看。

因此,弹出框可以较好的实现上下内容层叠的感知,不打扰用户的主路径,同时作为页面承载元素和用户操作的补充,起到承前启后的作用。

总结

本文结合这三种链接打开方式的页面交互关系,进行适用场景举例,并总结每种方式的优缺点,方便在设计中更好的根据不同的场景选择合适的页面打开方式。

当然,以上总结也是基于我个人的理解与经验,没有统一的用法和标准,在具体设计实践中,仍要靠设计者的直觉和经验来进行综合考量与判断。

作为体验设计师,如何规划用户浏览路径,是个需要严肃对待的命题。没有绝对的好与坏,但一定要结合产品类型、场景、目标用户等进行具体问题具体分析。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档