惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Jina AI
Jina AI
T
The Blog of Author Tim Ferriss
B
Blog
L
LangChain Blog
Y
Y Combinator Blog
美团技术团队
博客园 - 三生石上(FineUI控件)
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
G
Google Developers Blog
量子位
博客园_首页
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
C
Check Point Blog
D
Docker
小众软件
小众软件
The Cloudflare Blog
大猫的无限游戏
大猫的无限游戏
T
Tailwind CSS Blog
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - 聂微东
Blog — PlanetScale
Blog — PlanetScale
GbyAI
GbyAI
Google DeepMind News
Google DeepMind News
IT之家
IT之家

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
苹果用户体验:几张动图带你直观设计背后的简单原则
TCC翻译情报局 · 2022-08-09 · via 人人都是产品经理

编辑导语:如何提升用户的产品使用体验?也许,简单、明晰、便捷的交互操作是影响用户体验的关键因素之一。而苹果手机的交互设计逻辑也许可以在设计原则层面上给你一定启发,不如一起来看看作者的解读吧。

今天的苹果手机拥有十亿用户。苹果是这个世界上最有价值的企业,虽然有很多不同的原因使得它成为拥有 2 万亿市值的第一公司,设计始终是其中最强大的原因之一。

Steve Jobs 对此有一个绝妙的形容:我们是一家设计公司,只是刚好做的是电脑产业。

是什么使得苹果设计如此的简洁又令人赞叹?他们的设计来源于现实生活,我们和手机的交互正如我们在现实生活中所做的一样。

就像是真实的世界中一样,当你通过数码产品导航的时候,人们需要知道自己现在在哪里,到目的地的路怎么走,以及选择什么样的交通工具。这就是为什么各部分之间应该有清晰的空间逻辑。

一、流畅的操作感意味着它在隐喻着物理世界

打开 IOS 的文件夹就像是在现实世界打开了一个盒子。“扩展”的动画效果代指着打开文件夹的后续行为:就像是我们在现实生活中打开了一个文件夹并把它拿到眼前去查看里面的东西。

苹果用户体验:几张动图带你直观设计背后的简单原则

在IOS上打开APP

二、人们有时候也需要接触一些物理世界不存在的数字原生操作方式

举个例子,IOS 用户经常打开列表来推入下一个页面或点击底部的按钮来查看另一个页面。操作这些按钮在物理世界中并没有对应的行为,但是在成百上千次重复中用户习惯了这个操作。作为设计师,我们应该尽量的使用同样的设计语言以方便用户认知。

苹果用户体验:几张动图带你直观设计背后的简单原则

打开一个列表单元格

苹果用户体验:几张动图带你直观设计背后的简单原则

点击TAP栏

三、清晰的空间逻辑使用户更顺畅的使用产品

这里对通过向下滑动页面以到达 IOS 通知中心以及安卓控制中心进行了比较。在 IOS 系统里,通知中心页面和启动页面之间的空间逻辑关系是非常直接的。

通知中心页面在启动页面的上方,在滑动的过程中,手势和屏幕的移动是同步的。因为这里含有物理世界的隐喻,因此我们可以非常直观的理解。

苹果用户体验:几张动图带你直观设计背后的简单原则

在iOS上向下滑动以获得通知屏幕

对比来看,类似的操作在安卓上就不是那么的清晰了。在屏幕上的任何地方向下拉,启动页会先进入一个白色的蒙层,物理世界中不会发生这样的事情。

操作页面,黑色背景和白色蒙层之间的空间逻辑关系无法通过视觉表达清晰的说明。他们是在同一个层级?或者说黑色背景是放在下方的?对比而言,IOS 中通过对上方层级的模糊玻璃效果清晰的对这种空间层级关系进行了说明。

用户当然可以通过多次重复使用习惯这种操作,但是缺少空间逻辑容易造成认知失调。像这样的细微处的操作困难会使产品感觉不那么流畅,因此质量也较差。

苹果用户体验:几张动图带你直观设计背后的简单原则

在安卓上向下滑动控制中心

四、流畅的动效在建立空间逻辑和提升产品质量方面也发挥着巨大作用

让我们看看在 IOS 里开启和关闭软件的动效。当打开一个软件,软件图标扩大并逐渐消失,软件界面则在用户面前渐出并逐渐占据整个屏幕。

这个动效告诉用户这个软件在手机界面上的存在空间逻辑:这个软件存在于这个 icon 内部。关闭软件的动效就像是开启动效的镜像效果,就如同用户所期待的一般,软件界面缩回成了原本icon的样子。

苹果用户体验:几张动图带你直观设计背后的简单原则

在IOS上打开和关闭APP

苹果用户体验:几张动图带你直观设计背后的简单原则

在IOS上打开和关闭一个应用程序的速度变慢了

对比一下,安卓上的软件打开/关闭动效比较零碎。但是我不会多说,你可有看一看下面的示例自己来比较一下。

苹果用户体验:几张动图带你直观设计背后的简单原则

在安卓上打开和关闭APP

原文作者:Hiten Saxena(本文翻译已获得作者的正式授权)

原文地址:https://bootcamp.uxdesign.cc/space-logic-can-make-the-design-of-your-product-easier-a1b8ffe4cfa2

译者:郑伊妮;编辑:李莉好;微信公众号:TCC翻译情报局(ID:TCC-design);连接知识,了解全球精选设计干货

本文由@TCC翻译情报局 翻译发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议