UI设计进阶31:以用户为中心的设计:两个人hindydesign

根据IEA的定义,人体工程学或人机工程学(Ergonomics)或人因(Humanfactors)是关于理解人与一个系统内其他要素之间相互影响的学科,以及运用理论、数据、方法进行设计以造福人类和整个系统的专业。

人体工程学研究人、任务、工作、产品、环境和系统,以使其适应人的需求、能力和局限。

但我为什么要从人体工程学开始讲起呢?是因为「以用户为中心的设计」本质上就是为人而设计,在某种程度上人体工程学算得上是其前身。

而对人的研究自古就有,如被称为「医学之父」的古希腊人希波克拉底的研究,如(可能)成书于西汉的《黄帝内经》。但更广为人知的还是文艺复兴时期的莱奥纳尔多·达·芬奇(LeonardodaVinci)。我们都知道他不只是一名艺术家,也对数学、工程学、解剖学、植物学等等领域都有所研究,诸多草图与笔记被收藏进了各种博物馆。

说回现代。现代人体工程学的崛起还得从20世纪开始算。工业生产的成熟、世界大战的爆发,这些都引发了对武器设计的需求,也都刺激了人体工程学的研究。但直到二战结束后,人体工程学的设计才从军用大范围转移到到日常民用上。我们首先要介绍的HenryDreyfuss,就是身处这个时代的设计师。(终于交代完背景了,趴……)

设计师简介

1965年,美国工业设计师协会(IDSA)成立,德雷夫斯成为其第一任主席。

致敬。

人体测量

到了1959年,德雷夫斯又出版了《TheMeasureofManandWoman:HumanFactorsinDesign》。在这本书中,更加丰富地描绘、测量了人们在各种行为、场景下的数据。

小结

工业设计涉及到人体工程学,这是不容置疑的,但两者还是有差别的。工业设计除了考虑人机因素外,还要融入更多的文化、心理学、市场等因素,这也是为什么在当今物质丰富的今天,每一种产品都会有千变万化的形式和解决方案。

用《DesigningforPeople》中的一句话总结就是:

Ifpeoplearemoresafer,morecomfortable,moreeagertopurchase,moreefficient–orjustplainhappier-bycontactwiththeproduct,thenthedesignerhassucceeded.

如果使人们感到了更安全、更舒适、更愿意购买、更有工作效率,或者单纯地只是更幸福,那么设计师就成功了。

介绍完工业设计中的人体工程学,接下来就是用户体验设计中的以用户为中心的设计思想了。

唐纳德·诺曼(DonaldNorman)生于1935年,他专注于设计、可用性工程和认知科学领域,因他的著作而被人们所知。尤其是“TheDesignofEverydayThings”(中译《设计心理学》)。

在UCSD期间他出版了几本重要的书籍,其中一本就是1986年出版的"UserCenteredSystemDesign:NewPerspectivesonHuman-ComputerInteraction”,令「以用户为中心的设计」一词开始广为人知。

诺曼离开UCSD后加入了苹果公司,成为一名用户体验设计师(这是人们第一次使用「用户体验」一词作为职业名),之后担任了AdvancedTechnologyGroup(这是苹果公司1986年至1997的内部实验室,也被称为AppleResearchLabs)的副总裁。后来曾在惠普工作,又创立了NNgroup。最近的2014年,他又回到UCSD担任加州电信与信息技术研究所新成立的设计实验室主任。

书籍推荐

下面是诺曼在设计领域的一些重要书籍:

UserCenteredSystemDesign:NewPerspectivesonHuman-ComputerInteraction,1986

TheDesignofEverydayThings,1988

TheInvisibleComputer,1999

EmotionalDesign,2003

LivingwithComplexity,2010

中译版推荐2015年中信出版社出版的《设计心理学》系列1—3:

这套系列术语翻译统一,诺曼在书中用了大量案例来阐述自己的各种观察与研究,可谓是「为人而设计」的一套必读书籍。

Affordance?Signifiers?

Affordance是詹姆斯·杰罗姆·吉布森(JamesJ.Gibson)提出的一个概念,他的著作《TheEcologicalApproachToVisualPerception》的第八章就是专讲Affordance的。诺曼将其引入到设计。Affordance通常被翻译成「可供性」或「示能」,个人更推荐「可供性」,可以简单理解为:人与环境之间可能的互动。

Signifiers则是诺曼在后来引入的,被译为「意符」,用来解决引入Affordance导致词语乱用的问题。Signifiers是一种提示,告诉用户可以采取什么行为。

举个最经典的例子:比如门上写的的「推」,就是一种意符,明确告诉用户该怎么做。门本身提供给人一种「可被推开」的认知,就是可供性。至于能不能打开,还要取决人的能力。也许你可以,但不代表一个婴儿也可以。

再比如MUJI的CD机,下垂的拉绳提供强烈的下拉意符,一个简单的下拉动作,音乐随即响起。

希望大家可以留心观察生活,在自己的工作中也注重表达这些细节,做出更自然的设计。

THE END
1.我校《以用户为中心的智慧校园服务平台设计与实现》入选江苏高校...为深入推进教育数字化,建设高质量信息化,我校建立了以“体制改革、机制创新、服务引领”为核心的具有南大特色的信息化建设模式。在学校党委行政的高度重视下、在各院系部门大力支持下,经过三年多的建设,打造了以PC端网上办事服务大厅、移动端南京大学APP及南京大学微信信息门户、自助打印服务为载体的智慧南大服务平台。https://oi.nju.edu.cn/d2/0f/c21414a643599/page.htm
2.网络中心当今社会,以互联网、大数据、云计算、物联网、人工智能、5G、VR/AR、区块链等信息技术为代表的科技革命对人类生活、工作、学习等各个方面产生了巨大的影响,在教育领域数字校园已成为办学的基本条件,特别是职业院校数字校园已成为支撑教育教学、沟通校企合作、促进师生发展的必需环境。 http://www.xtzy.com/wlzx/detail.jsp?public_id=153330
3.网址导航ETU 艺土界面设计 Eico Design Isaruid 伊飒尔 UPA 中国用户体验研究中心 UEtime 咨询团队 Understand Usability 优势可用性 Apogee Human Factors International IDEO Design Semantic Dtudios The Digital Networking Agency The Usability Professionals' Association 163门户UED团队 阿里巴巴UED团队 阿里巴巴中国站UED团队 阿...https://ucdchina.com/123/
4.人类高质量产品设计师的5大基次1)设计过程 但是,我所说的这个过程是什么?有许多设计过程模型,这里有一些例子: 以用户为中心的设计 设计思考 谷歌设计冲刺 但是不要担心,在核心部分,它们是非常相似的。为了概述设计过程的核心是什么,我将研究以用户为中心的设计过程。 2)以用户为中心的设计 ...https://www.niaogebiji.com/article-465438-1.html
5.UI设计UI盒子UI盒子UI-专注UI设计,以用户体验为中心的设计,分享精彩的UI设计、交互设计、用户研究作品及相关UI理论知识。https://www.boxui.com/
6.破茧成蝶2:以产品为中心的设计革命epub高清电子书副标题: 以产品为中心的设计革命 出版年: 2018-8-1 内容简介 互联网下半场来袭,从业者需要做出怎样的变化,以应对风云突变的大环境呢?本书主要讲述“用户导向”的设计师,与“业绩导向”的产品经理,在瞬息万变的互联网新时代如何顺势转型成“以产品价值为中心”的产品设计师的过程;作者结合数年来从事互联网产品架...http://www.zuopm.com/pm/805.html
1.以用户为中心的网页设计方法论(含案例)通过站在用户角度真正理解他们为什么进行设计,达到网站建设项目团队团结一致,实现共同的目标目的;通过在整个项目中与用户一起验证概念和想法,减少了项目失败的风险;项目团队将精力集中在针对用户需求的少量关键功能上。 网页设计中以用户为中心的设计案例 上图是Carters.com,一个购买童装的网站。在网站导航位置上可通过孩...https://www.cifnews.com/article/74032/
2.B端设计基础:帮你快速掌握工作台设计作为企业级应用的重要组成部分,B端工作台设计也越来越受到关注。本文将从3个方面,为你完整解析B端工作台设计,一起来看看吧。 1. B端工作台设计原则 B端工作台设计应该满足以下几个原则: 1.1 以用户为中心 B端工作台设计应该围绕用户的需求和行为进行,尽可能减少用户的操作次数和复杂度。 Pixso资源社区的 Arco ...https://pixso.cn/designskills/b-end-workbench-design/
3.万字长文:拆解银行数智运营之困!对业务增长产生裨益的数智运营系统,也必然是遵照以用户为中心设计,能够在平台上追踪用户全生命周期的动作,实现统一化的用户运营、营销、管理,实现价值最大化。 (二) 经营思路:回到用户为中心,重构人货场 “流量困境”一直以来都是银行业务发展所困扰之处,其本质直指触客、获客、活客、留客等方面的重塑。https://www.51cto.com/article/770404.html
4.人机交互界面发展历程与未来从早期的命令行界面到现代的图形用户界面,再到未来的智能设备和物联网技术,人机交互界面在各个领域的应用不断扩展。通过认知心理学、人因工程学和以用户为中心的设计原则,HCI研究和实践为我们创造了更加直观、高效和愉快的技术体验。飞书作为一个成功的人机交互界面设计案例,展示了如何通过优化人机交互界面设计,提高...https://www.feishu.cn/content/human-computer-interaction-interface
5.“拯救”降险,麦肯锡提出这三大突围路径保险频道以风险管理为中心,构建精细化保险营运体系 风险保障能力不足是中国商业健康险面临的一大紧迫挑战。最直观的体现就是市场主流产品的“一刀切”模式,将所有带病、非标人群排除在保障范围之外。 对险企而言,加强风险管理能力建设,有效提升保险产品设计的科学性和精准性,并构建端到端精细化营运体系,是打造未来核心竞争力的...https://insurance.hexun.com/2022-06-22/206206928.html
6.「用户思维4.0」(上):4个阶段,4个新认知,用户洞察3大方法需要注意的是,大部分方法论都将「用户思维」简单带过,好像大家都知道什么是「用户思维」一样;或者直接大谈如何洞察用户需求,好像大家早已形成了「以用户为中心」的认知。 其实,都想多了,「用户思维」的「认知和认可」哪有那么简单。 今天,品牌猿带你接近「用户思维」,升级「用户思维」,还期望以「用户思维4.0」创...https://www.digitaling.com/articles/807148.html
7.十本关于用户体验设计书单推荐全书分成3篇:第1篇描述了“目标导向设计”,详细讨论了用户和设计的过程及思想;第2篇讲的是交互设计的原则,可以帮助您在较高层次上去把握设计;第3篇则介绍具体的细节方面的界面设计原则。 用户体验要素:以用户为中心的产品设计 作者:Jesse James Garrett https://www.yuwenmi.com/lizhi/shuji/291664.html
8.以用户为中心的前端设计案例剖析WEB前端设计的最终目标是打造用户喜爱的产品,属于产品设计的范畴。所以一切设计要以用户为出发点,追求最佳的用户体验。 一、banner的设计 在WEB项目设计中,我们经常会有banner设计需求,一般而言首屏Banner及其相关区域也是整个网页设计中非常重要的部分。 优化前: ...https://blog.csdn.net/weixin_30376509/article/details/94889127