ThoughtWorks
  • 联系我们
  • Español
  • Português
  • Deutsch
  • English
概况
  • 工匠精神和科技思维

    采用现代的软件开发方法,更快地交付价值

    智能驱动的决策机制

    利用数据资产解锁新价值来源

  • 低摩擦的运营模式

    提升组织的变革响应力

    企业级平台战略

    创建与经营战略发展同步的灵活的技术平台

  • 客户洞察和数字化产品能力

    快速设计、交付及演进优质产品和卓越体验

    合作伙伴

    利用我们可靠的合作商网络来扩大我们为客户提供的成果

概况
  • 汽车企业
  • 清洁技术,能源与公用事业
  • 金融和保险企业
  • 医疗企业
  • 媒体和出版业
  • 非盈利性组织
  • 公共服务机构
  • 零售业和电商
  • 旅游业和运输业
概况

特色

  • 技术

    深入探索企业技术与卓越工程管理

  • 商业

    及时了解数字领导者的最新业务和行业见解

  • 文化

    分享职业发展心得,以及我们对社会公正和包容性的见解

数字出版物和工具

  • 技术雷达

    对前沿技术提供意见和指引

  • 视野

    服务数字读者的出版物

  • 数字化流畅度模型

    可以将应对不确定性所需的数字能力进行优先级划分的模型

  • 解码器

    业务主管的A-Z技术指南

所有洞见

  • 文章

    助力商业的专业洞见

  • 博客

    ThoughtWorks 全球员工的洞见及观点

  • 书籍

    浏览更多我们的书籍

  • 播客

    分析商业和技术最新趋势的精彩对话

概况
  • 申请流程

    面试准备

  • 毕业生和变换职业者

    正确开启技术生涯

  • 搜索工作

    在您所在的区域寻找正在招聘的岗位

  • 保持联系

    订阅我们的月度新闻简报

概况
  • 会议与活动
  • 多元与包容
  • 新闻
  • 开源
  • 领导层
  • 社会影响力
  • Español
  • Português
  • Deutsch
  • English
ThoughtWorks菜单
  • 关闭   ✕
  • 产品及服务
  • 合作伙伴
  • 洞见
  • 加入我们
  • 关于我们
  • 联系我们
  • 返回
  • 关闭   ✕
  • 概况
  • 工匠精神和科技思维

    采用现代的软件开发方法,更快地交付价值

  • 客户洞察和数字化产品能力

    快速设计、交付及演进优质产品和卓越体验

  • 低摩擦的运营模式

    提升组织的变革响应力

  • 智能驱动的决策机制

    利用数据资产解锁新价值来源

  • 合作伙伴

    利用我们可靠的合作商网络来扩大我们为客户提供的成果

  • 企业级平台战略

    创建与经营战略发展同步的灵活的技术平台

  • 返回
  • 关闭   ✕
  • 概况
  • 汽车企业
  • 清洁技术,能源与公用事业
  • 金融和保险企业
  • 医疗企业
  • 媒体和出版业
  • 非盈利性组织
  • 公共服务机构
  • 零售业和电商
  • 旅游业和运输业
  • 返回
  • 关闭   ✕
  • 概况
  • 特色

  • 技术

    深入探索企业技术与卓越工程管理

  • 商业

    及时了解数字领导者的最新业务和行业见解

  • 文化

    分享职业发展心得,以及我们对社会公正和包容性的见解

  • 数字出版物和工具

  • 技术雷达

    对前沿技术提供意见和指引

  • 视野

    服务数字读者的出版物

  • 数字化流畅度模型

    可以将应对不确定性所需的数字能力进行优先级划分的模型

  • 解码器

    业务主管的A-Z技术指南

  • 所有洞见

  • 文章

    助力商业的专业洞见

  • 博客

    ThoughtWorks 全球员工的洞见及观点

  • 书籍

    浏览更多我们的书籍

  • 播客

    分析商业和技术最新趋势的精彩对话

  • 返回
  • 关闭   ✕
  • 概况
  • 申请流程

    面试准备

  • 毕业生和变换职业者

    正确开启技术生涯

  • 搜索工作

    在您所在的区域寻找正在招聘的岗位

  • 保持联系

    订阅我们的月度新闻简报

  • 返回
  • 关闭   ✕
  • 概况
  • 会议与活动
  • 多元与包容
  • 新闻
  • 开源
  • 领导层
  • 社会影响力
博客
选择主题
查看所有话题关闭
技术 
敏捷项目管理 云 持续交付 数据科学与工程 捍卫网络自由 演进式架构 体验设计 物联网 语言、工具与框架 遗留资产现代化 Machine Learning & Artificial Intelligence 微服务 平台 安全 软件测试 技术策略 
商业 
金融服务 全球医疗 创新 零售行业 转型 
招聘 
职业心得 多元与融合 社会改变 
博客

话题

选择主题
  • 技术
    技术
  • 技术 概观
  • 敏捷项目管理
  • 云
  • 持续交付
  • 数据科学与工程
  • 捍卫网络自由
  • 演进式架构
  • 体验设计
  • 物联网
  • 语言、工具与框架
  • 遗留资产现代化
  • Machine Learning & Artificial Intelligence
  • 微服务
  • 平台
  • 安全
  • 软件测试
  • 技术策略
  • 商业
    商业
  • 商业 概观
  • 金融服务
  • 全球医疗
  • 创新
  • 零售行业
  • 转型
  • 招聘
    招聘
  • 招聘 概观
  • 职业心得
  • 多元与融合
  • 社会改变
体验设计技术策略创新技术商业

5 Principles of Product Design

Mejan Rostamian Mejan Rostamian

Published: Oct 19, 2020

Introduction

In 2018, I graduated with a degree in Human-Computer Interaction and since then have been working as a UX/UI design consultant at ThoughtWorks. There are some insights, techniques, and ways of thinking that I continuously return to in both my work and everyday situations.

In this article, we’ll cover these principles of product design:

• Mental Models

• Conceptual Models

• Undocumented Features

• Affordances

• Signifiers

1. Mental Models

Although similar to a pencil, the Apple Pencil doesn’t exactly behave like one

A mental model is a representation of how a person believes something works, which can be different from how it actually works.

Perception is rarely reality

When a mental model differs from the actual model, this is seen as a mismatch. Let’s examine the Apple Pencil. My first time using the Apple Pencil in store, I made a mistake while drawing and wanted to erase it by using the end, like an eraser on a regular pencil. A salesperson saw me struggling. They told me to switch to eraser mode by tapping the side indent twice. I realized my confusion was because my mental model was based on a standard pencil.


It says pencil, it looks like a pencil …




But, it’s not quite a pencil

Why does this matter? The bigger the difference between a person’s understanding and reality, the bigger possibility for error, confusion, and frustration. How does this happen? You may have forgotten to consider a specific persona and research their use case in user testing.

The good news is that mental models aren’t permanent. They change as a person’s understanding changes through usage, explanation, and documentation.

2. Conceptual Models

Parody IKEA instruction manual for blowing bubbles by Becky Yiu

On the other hand, a conceptual model is how a product actually works. It’s the creator’s intended use of the product. An example of a conceptual model is an instruction manual which outlines the correct usage of a product.A mental model can be the same as a conceptual model if the user’s understanding matches the actual system. Otherwise it is considered a mismatch. But having a mismatch is not always a bad thing. It can lead to discovery of new features the creator may have not considered.

A perfect match is overrated

3. Undocumented Features

Victorinox Swiss Army Knife package hook used to perch a phone for optimal Netflix viewing

Yes, a user misunderstanding your product can lead to misuse, but misuse can lead to the discovery of new practical uses! Undocumented features are functionalities that you, the product creator, may not have originally considered.

The Victorinox Swiss Army Knife (SAK) corkscrew was originally added to the knife in 1897, and was intended for, well, opening corked bottles. However, when Victorinox performed research to see how people use their knives, they found something unexpected. They realized that some were using the corkscrew to loosen tight knots and store tiny screwdrivers for their eyeglasses.

What did Victorinox do? The right thing. They documented the undocumented features — literally. They added knot loosening to their documentation. They also created a proprietary mini-screwdriver in 1983 that twists into the coil of the SAK’s corkscrew. Proprietary, but originally thought of by clever users.

No idea is original



(Left) Pictorial documentation of the corkscrew loosening knots. (Right) Victorinox Screwdriver-Mini and Corkscrew

The moral of the story is that it’s important to ensure people know how to use your product properly and understand how they use it improperly. To discover this, it’s crucial to do research before, during, and well after the release of your product.

If you’re lucky like Victorinox, your users’ ingenuity might inform new features.

4. Affordances

“An escalator cannot break. It can only become stairs. Sorry for the convenience” — Mitch Hedberg

An affordance is a dependent relationship between the characteristics of an object and the user. The actions you can do with an object (either a physical or digital) are the object’s affordances to you. It relies on the object’s form, features, and functionalities. It also relies on the user’s background, intuition, and ability. It’s a two-way street.

Affordances frame the possibilities of interaction with a particular user.

Here’s where things get fun…

Modern pill bottle caps are double sided; one with childproofing and one without

Anti-affordances are the “prevention of interaction” (DOET 11). They are the absence of a feature in an object inhibiting your ability to perform a certain action. For example, the safety cap on pill bottles is an anti-affordance to children — and to some adults and elderly people who may be suffering from arthritis.

Here, the caps are flipped to the side without childproofing

However, there’s a hidden feature in most modern pill caps. If you don’t have children around, after opening the bottle, you can flip the cap and twist it closed. This flipped side does not have the child-proofing and is much easier to pop open.

Be omniscient

The point is to know your user and their abilities. Be omniscient (or at least try to be). Know what you want users to do with your product and how you want them to do it. Know what could go wrong and how you can prevent errors through limitations.

5. Signifiers

Tesla door handles retract when locked

Signifiers are perceptible cues hinting what actions a user should take. In other words, the object is letting you know what to do with it. A designer’s job is to make deliberate signifiers that are intuitive and helpful.

Let your design speak for itself

Have you ever impatiently waited for your friend to unlock a car door?  Ever yanked the handle until it’s finally unlocked?

The image above is a Tesla Model S door. The handle is retracted into the door, making it an anti-affordance; it stops you from even trying to grab the handle until the door is unlocked. Your inability to grab the retracted handle is an anti-affordance. The retracted handle also acts as a visual signifier. Further, if you’re approaching your car and see that the handles don’t extend, that’s another visual signal to you that you may have forgotten your keys.

The lesson here is to let your product speak to its users through cues. 

Closing Words

At this point, you may have figured out the five topics we covered are dependent on each other. The best way to fully understand this schema is to reverse design a product you admire. Take note of the role of these principles and your experience with the product.

Happy Designing ✨
相关博客
敏捷项目管理

(Remote) Pairing 101

Safira Nugroho
了解更多
平台

Avoid these five anti-patterns when going platform-first

Manish Kumar
Mujiruddin Shaikh
了解更多
转型

Business resilience: Time for a reality check

Kathy Gettelfinger
Luke Vinogradov
了解更多
  • 产品及服务
  • 合作伙伴
  • 洞见
  • 加入我们
  • 关于我们
  • 联系我们

WeChat

×
QR code to ThoughtWorks China WeChat subscription account

媒体与第三方机构垂询 | 政策声明 | Modern Slavery statement ThoughtWorks| 辅助功能 | © 2021 ThoughtWorks, Inc.