一致性原则与数字产品设计——基于行为模式一致性的外卖应用功能挖掘

图片来源:Neowin.JPG

数字产品设计受不同规则的限制,无论是应用的设计风格、平台设计规范、不同设备的操作要求,还是用户本身的行为模式,这些一切一切就像那句老话一样,是设计师锁在手脚上的镣铐。它们很大一部分都希望通过明确的规则,去规范设计师们设计出符合用户在视觉语言、交互模式需求上的数字产品。上面提到的规则,其实就规范了产品的一致性。

什么是一致性

在《视觉可用性——数字产品设计的原理与实践》中,作者提出了“一致性”是影响数字产品设计的三个核心基本原则之一,其余两个是“层级”和“个性”。产品一致性通过采用用户熟悉的交互模式、视觉元素,使处于不同平台、不同设备的一个产品可以让用户顺利地解决问题。用户在这个过程中根据以往的经验,以他们理解的方式去采取行动。设计师可通过提前了解用户的预期,获悉他们已经熟知的模式,去建立产品的一致性。

在《Design principle: Consistency》一文中,作者 Anton Nikolov,提出了关于一致性的四个分类。

视觉一致性提高了产品的可学习性。
功能一致性提高了产品的可预测性。
内部一致性是视觉和功能一致性的混合,他同时改善了产品的可用性和可习学性。
外部一致性体现在跨平台,跨应用方面。产品利用用户在其他产品学到的知识,为用户设计一个更好的体验。

没有一致性的产品需要用户花较大的成本学习,轻则是重新学习应用的使用流程,重则在应用内每一页都需要重新适应。在我看来,思考产品设计时要综合考虑来自四面八方的一致性要求, 从产品的战略层、范围层、结构层、框架层到表现层出发,才能设计符合商业需求、用户需求、设计水平和技术能力的产品。

产品设计一致性的综合汇总.png
关于外卖应用设计的一致性的思考.png

行为模式与产品设计一致性的关系

用户对生活中的行为模式有一种自然的亲切感,与现有的产品模式相比,基于生活行为模式的设计更贴近用户的无意识行为,而基于现有的产品模式则是经过培养的无意识行为。人在进行一件事情的时候是有一定规律的,经过对规律进行总结,可以归纳出人在做一件事的行为模式。通过对用户行为模式的研究,包括情景调查,用户体验地图,用户访谈,对调查结果进行分析提取,获得和用户需求一致的资料。这些资料是后期产品设计的有力支撑。

人类行为模式化的依据是环境行为基本模式:心理学家库尔特·列文 (K·Lewin) 提出,人的行为是人的需要和环境两个变量的函数,即著名的人类行为公式:B—f(P·E)。

人类行为公式.png

参考行为模式一致性与外卖应用新功能挖掘的启发

前一段时间我对外卖应用的流程进行了重设计,在几个新功能探索方面,尝试参照“人使用打电话叫外卖”的行为模式,去探究产品流程与人行为模式的一致性对产品创新会有什么启发。采用这种回溯用户的初始行为模式,去挖掘机会点,不知结果会如何,下面是我对这次新功能挖掘的一些思考。

根据人类行为公式,从关于人的两个因素:需求、状态;关于行为的三个因素:行为描述、行为阶段、行为结果,加上环境,对打电话叫外卖进行行为分析。

上班族电话叫外卖行为分析.png

在打电话叫外卖的场景中,分析全过程,可以发现客户能通过各种各样的信息,例如服务员的服务态度、宣传单内容、服务员的介绍、菜式质量了解到餐厅的形象。要让客户对餐厅品牌认知的过程保持一致性,需要设计师通过对外卖应用设计的整个流程进行相应的设计。产品在视觉、功能、交互、服务等方面,都需要为品牌塑造提供帮助。除了参考最符合外卖应用的用户点外卖的行为模式,我认为还可以去寻找其他行为模式中与叫外卖过程中有共性的行为类型去参考,开阔思路。例如,点完外卖到送货到家的过程中,可以参考“人在确定事件后等待结果”的行为模式。

我在外卖应用产品设计的新功能挖掘中,使用这个方法,根据其中的行为模式片段,挖掘了几个功能。如下。

电话叫外卖行为片段与新功能挖掘.png

产品一致性与产品迭代创新

关于产品的一致性思考应该一直贯穿在产品的生命周期之中。在刚开发新产品的萌芽期,产品框架、视觉表现、交互流程尚未成熟的情况下,灵活利用视觉语言、交互模式创建产品的品牌形象、特色功能。同时与成熟产品、平台、用户行为保持一致性,并对一致性进行研究与创新,才能在用户中赢得口碑。
在产品迭代过程中,需要根据持续的产品调研和数据走向,谨慎细微地思考产品创新的步伐,平衡好产品的创新和一致性。合理的创新能够让用户慢慢过渡到迭代的产品上,新功能、新体验能够满足他们的需求而又不会造成不适应。

其他

在 Microsoft build 2017 中,微软提出面向Win 10平台软件的设计语言 “Fluent Design System”。其中 “Scale” 原则提出了让产品应用程序从 0D 到 3D 进行重塑和呈现。未来的科技生活中,会充斥着各种不同的设备,如果要让用户在设备转换过程仍然沉浸在产品的使用场景中,那么产品的一致性更是不容忽视。这当然也是操作平台要求数字产品设计在跨设备中符合一致性要求的建议了。

![Scale 演示场景.gif](http://upload-images.jianshu.io/upload_images/1123053-b37c141ac259a9c2.gif?
imageMogr2/auto-orient/strip)

欢迎交流讨论:D

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

推荐阅读更多精彩内容