首页

兰亭妙微ui设计公司分享:案例分享:立足用户场景,做好产品原型优化设计

清阳 交互设计及用户体验

兰亭妙微ui设计公司分享:分享一个页面优化的案例,解答很多产品新人在画完原型后的疑问:

页面是否合理?如何评估和优化?

(业务背景:代理帮门店推广赚佣金。由代理帮客人订台 → 客人到店消费 → 代理获得佣金。这个是代理的订台记录页)

一、按场景优化

每次优化(或设计)页面前,先思考:

什么场景下,他会打开这个页面?

场景1:查看是否成功订台?

场景2:客人是否到店?如果没有到店,就没有佣金。再延伸:当发现客人没有及时到店,是否要提醒去联系客户?

场景3:这单能拿多少佣金?

场景1:是否成功订台

原版将【订台时间】放左上角,通过查看时间,可以知道预订状态。但,当多个不同门店的订单,不方便查找。

修改后:

  • 将【门店名字】强化。
  • 将台号、客人昵称用icon表示,减少文字密度。多订单时,可通过【门店名字】+【台号】找到订单。

场景2:预约客人是否到店?

原来只有【未开台】,无法判断客人是否按时到店。因为缺少【预约到店时间】。如:预约9点到店,8点显示【未开台】是正常,但9点30分还是【未开台】,就不正常了。

修改后:

  • 增加【预约到店时间】,便于判断。
  • 删去【开台时间】,为什么删除呢?大家可以说说看。

场景3:能拿多少佣金?

原版将【佣金】高亮显示,可以知道佣金,但页面有大面积空白,未产生佣金时,也占着空间,有点浪费。
修改后:

  • 将【佣金】与【消费状态】合一起,因为这2个信息是强相关。
  • 布局做了调整,调整浏览的视线。

二、总结

画原型图之前,先思考

步骤①:用户是什么原因(或遇到什么问题),要打开这个页面?

步骤②:页面需要提供什么内容,可以帮助用户解决问题。

步骤③:这些内容之间,关联度、优先级分别是怎么样。

画原型之后,如何评估

按步骤1列举的场景,模拟用户的操作、浏览路径,评估是否合理。

 

 

转载:人人都是产品经理

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

兰亭妙微ui设计公司分享:12 个原型规范化方法:做好原型,不止追求好看

清阳 交互设计及用户体验

兰亭妙微ui设计公司分享:UI 设计有成熟的设计规范,原型图同样也需要一套自己的设计准则。

一切图形化表达的载体,制定规范最大价值就是提升信息传递效率。人是视觉动物,排版整洁的原型更容易获得关注;而杂乱无序的原型,会给阅读者直接传递出逻辑混乱的主观感受,这就是原型的 “卷面分”。

本文就来聊聊原型图的规范化怎么做。 所谓规范,就是建立一套统一执行标准,涵盖元素样式、布局排布、色彩运用等维度。 但原型不等于 UI 高保真,不需要做到像素级抠细节。绘制原型要兼顾时间成本与工作效率,产品经理的核心精力应当放在方案设计、需求文档撰写上。规范只是一套参考标尺,我们在绘制时尽量向标准靠拢即可。

原型图 12 项规范化方法

1. 尺寸规范

image.png

手机、PC、平板、车机等不同终端产品,首要差异就是画布尺寸,绘制原型前要先确定画布基准。

  • 移动端:推荐首屏画布 375×667px(iPhone8 基准尺寸),这是原型最小首屏高度,内容过长直接向下延伸画布高度即可。
    • 状态栏:375×20px
    • 导航栏:375×44px
    • 底部 Tab 栏:375×49px

    该尺寸流传广,大量 Axure 组件库基于此开发,适配性更好,也可选用其他主流手机尺寸,不作强制限制。

  • PC 端:推荐 1440×900px。 虽然当下主流显示器分辨率为 1920×1080,但 1440 宽度可以实现 “原型画布 + 需求说明” 在同一屏幕完整展示,无需左右滚动查看,评审体验更佳。

    image.png

  • 平板端:推荐 768×1024px。

    image.png

2. 颜色规范

根据项目是否有 UI 设计师介入,区分两套配色思路:

  1. 有 UI 参与项目:优先使用黑白灰中性色。 可以直接取用 Axure 自带色板,也可参考大厂设计系统的中性色定义,不必花费大量时间调试色彩。如果使用自定义色值,可以收藏到 Axure 色板,方便复用。

    image.png

  2. 无 UI 参与项目(大多后台管理系统):可以适度增加功能色。 后台多为内部系统,一般基于 Ant Design、Element 等成熟组件库开发,可选用蓝色作为主色;红绿黄用作语义色,分别代表成功、警告、错误状态。

    image.png

3. 文字规范

文字规范包含字体、字号、字重、行间距,直接决定页面信息层级。

  • 字体:优先使用 Axure 默认Arial;苹方、微软雅黑显示效果更好,但如果协作方设备未安装对应字体,导出后会发生字体错乱,这点需要留意。

    image.png

  • 字号 & 字重(基于 375×667、1440×900 基准画布)

    表格

    层级 字号 字重 颜色
    一级标题 20px 加粗 #000000
    主标题 18px 可选加粗 #000000
    次标题 16px 可选加粗 #000000
    小标题 14px 可选加粗 #000000
    正文 14px 可选加粗 #000000 / #333333
    辅助文字 12‑14px 常规 #333333 / #555555
    次级备注文字 10‑12px 常规 #555555 / #7F7F7F

简易记忆技巧:以 14px 正文为基准;层级越高,字号 + 2、加粗、颜色加深;层级越低,字号‑2、常规字重、颜色变浅。画布尺寸放大时,字号同步上调。

  • 行间距:原型中优先级较低,Axure 会根据字号自动适配;大段文本场景下,可手动加大行间距提升可读性。

    image.png

4. 图标规范

原型图标追求表意,不追求精致还原:

image.png

  1. 图标 + 文字组合:直接用圆形、矩形占位,不使用系统自带难看占位符,选用浅中性色。表意模糊时,直接附加文字标注(icon、扫一扫、设置等)。
  2. 纯图标场景:从 iconfont、IconPark 下载 SVG 图标,粘贴进 Axure 使用。
  3. 无 UI 介入项目:产品经理选定图标源文件,交付前端开发。

image.png

5. 图片规范

image.png

原型中不需要真实业务图片,统一用矩形占位,标注img/ 封面 / 头像等说明文字,不使用 Axure 自带图片元件。 可以约定图片宽高比例:1:1、4:3、3:2、16:9,不强求严格执行,用于统一页面观感。

6. 圆角规范

image.png

圆角在原型中权重很低,UI 阶段才会精细定义。如果要设置圆角,建议选用 2 的倍数,直角、圆角两种形式原型均可。

7. 阴影规范

原型阴影非必需。如需添加,统一设置色值#000000,透明度 30%,模糊 5,保持全局统一。

8. 对齐规范

image.png

对齐是版式基础,善用工具对齐功能:左对齐、右对齐、顶部对齐、底部对齐、居中对齐。

Axure 实操提示:多选元素后使用顶部工具栏对齐;以第一个选中组件作为对齐基准;不同模块先Ctrl+G组合,再执行对齐。

9. 分布规范

image.png

重复出现的同类元素,使用水平 / 垂直平均分布,保证元素间隙完全一致,页面更加整齐。

实操提示:不同子模块需要先组合,再执行分布。

10. 间距规范

间距区分模块间、子模块间、元素内部间距。 移动端建议以5px 倍数调整间距;PC 端画布更大,以10px 倍数调整。 遵循亲密性原则:同一信息组间距小,不同信息组间距拉大;也可以配合对齐、分布工具自动生成间距,不必死记像素。

11. 组件规范

image.png

组件就是可复用的元件组合,对应设计领域的原子化设计思路。 把尺寸、颜色、文字、间距等基础规则确定后,把基础元件拼装成按钮、弹窗、表单、卡片等通用组件,搭建个人 / 团队组件库,后续绘制原型可以直接复用,保证全项目原型风格统一。

12. 内容贴合真实业务

image.png

原型尽量填充贴近上线的真实业务内容,重点覆盖极值场景:数据最多、文字最长、多状态并存等边界情况。

  • 多个相同列表模块:一个模块填写真实示例,其余模块可以使用字段名;
  • 同一个组件有多套业务状态,原型把全部状态都表现出来,提前暴露布局风险。

写在最后

建立规范是为了高效落地,不是僵化束缚。绘制原型时尽量向标准靠拢,长期训练形成良好习惯。一份整洁规范的原型,在面试、项目评审中,都是非常重要的加分项。

但切记不要过度拘泥规范,原型的核心使命是清晰表达产品功能逻辑,它不是 UI 高保真图。对产品新人而言,原型是基本功,但功能方案永远是第一位。

 

转载:人人都是产品经理

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微ui设计公司分享:金额敏感界面中的信息该怎么展示?大厂实战总结 5 个设计方法

清阳 交互设计及用户体验

兰亭妙微ui设计公司分享:退票、扣款、售后协商这类涉及金钱损益的页面,很容易出现用户误判金额,造成不必要损失的问题。结合真实机票退票事故案例,拆解金额敏感场景的交互设计思路,总结 5 条可复用设计原则,帮用户在执行操作前,清晰看懂金钱变化与潜在后果。

案例背景:一次引发争议的机票退票事件

image.png

曾有一则新闻:用户完成机票退订后,发现实际仅到账四百余元,才知晓退票被扣除了上万元票款。用户原本把页面展示的退款金额,错当成退票手续费,完全没有意识到这是自己最终到手的全部钱款。

image.png

事后平台为用户做了补偿,同时迭代产品,新增退款金额过低场景的二次确认弹窗。但这件事暴露出金额类界面普遍存在的设计痛点: 很多界面只是机械罗列规则条文,却没能让用户在短暂浏览中快速读懂金钱损益;不能简单把问题归咎于 “用户没仔细读条款”,设计师要思考,如何通过界面表达,降低用户误操作风险。

核心设计方法:5 条金额敏感界面设计准则

1. 匹配用户心智:区分损失心智与收益心智

金额信息存在两种表达方式:展示最终到手(收益心智)、展示将要扣除(损失心智)。 当操作会带来大额损失时,用户的关注点是 “我会亏掉多少钱”,也就是损失心智。如果界面只强调能退回多少,就极易产生认知偏差。

image.png

设计做法:

  • 退票、扣费类高损失风险场景,优先突出扣除金额,而不是只展示最终退款;
  • 在购票阶段就直白写明退票扣款数额,不要只用模糊描述如 “仅部分税费可退”;
  • 抓住用户毫秒级的注意力窗口,把对决策最重要的信息做成认知钩子,避免被当成无效信息忽略。

image.png

示例优化:把订票页模糊提示「仅部分税费可退」,改写为明确金额提示「退票将扣除 XX 元」;退票申请页面视觉重点从 “预计退款” 切换到 “需扣款项”。

2. 高损失风险操作,提交前做有效的二次风险确认

image.png

弹窗不能滥用,但涉及用户财产损失时,二次确认是防范误操作的关键,要注意 3 个要点:

  1. 标题中立具象,拒绝模糊主观判断 不要使用 “退款金额较少” 这类主观定性话术,直接写明会扣除 / 收取的具体金额,界面只提供客观信息,把判断权交还用户。
  2. 削减信息噪音,只保留当前决策必要内容 弹窗属于侵入式交互,信息冗余、术语冗长会让用户产生厌烦,习惯性直接点确认,弹窗就彻底失去风险拦截作用。image.png
  • 非必要信息不要塞进弹窗;
  • 复杂内容做格式化、分段处理;
  • 条件化展示提示:只给使用了对应服务的用户弹出相关提醒,不要对全体用户展示无关文本。

image.png

  1. 按钮文案写清行为,摒弃 “确认 / 继续” 这类模糊词汇 按钮要描述点击之后会发生什么,例如:「确认退票(到账 ¥430)」「暂不退票」,而不是笼统的确认、继续,降低误点概率。

 

3. 减少信息噪音,分层披露信息

不要一股脑堆砌全部规则。标题、正文只保留会影响当下决策的关键信息;复杂条款折叠、分层展示,不要干扰核心金额阅读。

4. 文案保持中立客观,少做主观判断

避免 “金额较小” 等主观评价,只陈述客观数字事实,由用户自己权衡要不要继续操作。

5. 按钮文案改写,清晰描述操作结果

规避 “确认”“继续” 等语义模糊按钮,使用结果导向的操作文案,明确告诉用户点击按钮会触发的行为。

核心设计理念:优秀的金额敏感界面,目标不是让用户通读全部规则,而是让用户在点击操作前,看懂金额变化与操作后果。

业务优化实证:售后退款协商页面改造

业务中有一类场景:商家和用户协商调低退款金额。旧版本弹窗只简单提示 “同意后将退款 XX 元”,大量用户因为没有感知到退款被缩减,误点击同意,相关客诉长期位居售后前十。

image.png

优化方案:弹窗完整说明变更逻辑,点明 “无需退回货品,但退款将降低至 XX 元,原金额 XXX 元”。改版后该类误操作投诉基本消失,验证了明确金额表达对体验的正向价值。

image.png

延伸思考

这套设计逻辑不局限于退款、扣费的金融场景。但凡需要用户做出重要决策的界面,都可以复用这套思路:对齐用户当下心智、精简干扰信息、客观呈现关键后果、操作按钮表意明确,以此减少用户理解偏差与误操作。

 

转载:优设

 

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微研读:用户行为分析与以用户为中心的设计

涛涛 交互设计及用户体验

文章将用户行为数据分析与以用户为中心的设计(UCD)相结合,讲解数据指标、分析价值、UCD 评判标准、实践要点,探讨什么时候要遵循用户习惯,什么时候可以适度颠覆习惯。

兰亭妙微指南:卓越用户体验设计指南

涛涛 交互设计及用户体验

文章引用唐・诺曼观点:产品不是孤岛,是一套完整聚合的综合体验,要覆盖从初次使用、帮助服务到后期维护全链路站酷(ZC...。本文厘清 UX、UI、可用性概念,完整讲解一套 “卓越体验计划” 的设计思想、项目流程、调研与设计产出要点。

兰亭妙微ui设计公司分享:复杂地图界面怎样把信息层级讲清楚

鹤鹤 交互设计及用户体验

地图界面很容易显得丰富:底图、路线、标记和侧栏都能往里加。真正难的是,当人带着一个具体问题看图时,能不能迅速找到线索。今天兰亭妙微分享 Figma 对 Lufthansa Systems 设计团队的访谈,原文讲到他们用更接近真实数据和行为的原型讨论复杂地图。对交互设计公司的方案工作而言,这也是一个很好的阅读入口。我们借此聊聊信息层级的设计判断,后文园区和物流场景为独立概念讨论,不是航空操作规范。

兰亭妙微ui设计公司分享:谈 AI 时代的高级感产品:好看不等于贵,真正拉开价格的是三个看不见的地方

清阳 交互设计及用户体验

兰亭妙微ui设计公司分享:你有没有想过,现在用 AI 做出一个“看起来还不错”的产品,已经便宜到一天就能搞定,那为什么你的产品还是卖不上价?更扎心的是,别人的产品也看起来还不错,用户点开两三个应用,会觉得它们长得差不多,凭什么要多付钱给你。

这期视频的主讲人是设计师 Tim,他过去十年给 Spotify 等多家公司做过界面设计,现在专门帮已经在增长的创业公司把产品往“高级”那一档推。视频只有十来分钟,他围绕一个概念讲了三个地方:commodity ceiling(商品化天花板),也就是一个产品想让人觉得“值得多花钱”,必须先越过的那条线。他引用了不少研究和自己做过的案例,我听完觉得很有启发。我挑的是“AI 时代,好看以外的东西到底是什么”这条线,每一节先讲他是怎么说的,再写我自己的想法,分享给大家。

好看和高级从来不是一回事,大脑没有“高级探测器”,只会默默记账

Tim 开头先抛出一个判断:现在大多数用 AI 做产品的创始人都有同一个问题,产品看起来不错,别人的也一样,这最终就限制了你能收多少钱。他用了一个很形象的说法:大脑里并没有一个“高级探测器”,但它会悄悄给每一条“这个产品很好”的证据记账。

他说,今天一个创始人可以把一个设计灵感库接进自己的 agent,参考所有出色的设计,一天之内做出一个像样的东西,所以他常说我们正处在用户界面的“极简包豪斯阶段”,就像现在到处都是的那种长得一模一样的方盒子房子。这对追求性价比的消费者是好事,但如果你想成为那个让人愿意多付钱的人,这就是个问题。因为他引用了 2010 年和 2021 年的包装研究,结论是:外观让你被选中,但“产品很好”的证据,才会让人把你叫作高级。他把这些证据归纳成三个地方,都在天花板之上。

我觉得“没有高级探测器,只有默默记账”这个说法特别准确。我们总想用一个明确的标准去定义“高级”,比如用了好看的字体、做了精致的动效,但用户的感受并不是这样一次性判定的,而是在使用中一点一点累积出来的。这也解释了为什么视觉上差不多的两个产品,用了一阵之后,用户对它们的评价和愿意付的价格会拉开很大的差距:差别不在第一眼,而在后来每一次“这一步它想到了没有”。

另外,“方盒子房子”的比喻也值得想想:每一栋看着都挺好,但没有一栋让你记得住。当 AI 把“做得像样”的门槛压到最低,像样就不再是优势,而变成了入场券。

AI 偷懒跳过的,恰恰是用户最费力的地方

第一个地方,Tim 称之为“AI 漏掉的那一部分”。他说大多数创始人会以为,只要屏幕看起来对了,背后的产品基本就完成了,而用 AI 做出来的屏幕确实看起来差不多对了。但他提到,2026 年年中有研究人员,给五个 AI 搭建工具,比如 ChatGPT 和 Claude,布置了同样的设计任务。这些工具解释自己的设计选择时都非常自信,但大约四分之一的理由,最后根本没有落到界面上。

被跳过的,恰恰是那些不起眼的部分:让你看到系统正在做什么,让你可以撤销,出错之后帮你恢复。研究者甚至给这个差距起了名字,叫 design theater(设计的表演),意思是嘴上说得头头是道,界面上却没有做到。他说这会让用户付出很多心力:刚才那一下点上了吗?我能退回去吗?而大脑记的就是这种账。他援引了几十年的研究,结论是越容易理解的东西,越容易被善待地评价。

他举了自己重新设计过的一个应用 Undertone 做例子:用户测试麦克风,点了停止,却被告知时间太短,不算一次练习,什么也没留下。创始人之一这样形容用户当时的感受:“我期待的是任何东西,而不是什么都没有。”然后他又补了一句:“我们就是在这里失去他们的。”

针对“AI 工具以后会不会越来越擅长这件事”,Tim 的回答是,当然会,但工具学会的,所有竞争对手同一天也学会了,它只会变成天花板之下新的地板。真正能救你的,是把你产品的每一种状态都为用户想一遍。他给的建议很具体:走一遍你的核心流程,确认用户始终知道刚发生了什么、可以撤回,也知道下一步该做什么。“光是这种手把手的照顾,就能让你走得很远。”

我觉得这一节最有价值的概念,是“设计的表演”。它不只适用于 AI 搭建工具,也适用于很多人对 AI 产出的信任方式:AI 解释得越流畅,我们越容易以为它做对了,却很少去核对解释里的内容是否真的落到了结果里。这是一种“说得比做得好”的偏差,在设计里表现为漏掉的状态,在其他领域也会表现为漏掉的步骤。

另一层,Tim 说的“今天的优势明天就是地板”,其实是一个关于竞争的朴素道理:凡是可以被工具标准化的东西,都不会带来溢价。溢价来自那些需要你对自己的用户、自己的场景真正想过的地方。用户最累的时候,往往不是在做复杂的事,而是在“不知道发生了什么、不知道该怎么办”的那几秒里,而这些几秒,恰恰是通用工具最不愿意为你多想的。

单个屏幕都对,第 80 个屏幕却和第 1 个屏幕不是一家人

第二个地方,是跨屏幕的一致性。Tim 说,即便你把核心流程一个屏幕一个屏幕地修好,还是有个坑:用户是把你的产品当成一个整体,用上几周、几个月,希望是几年,可大多数团队评审产品时,恰恰是一个屏幕一个屏幕地看,每一个在“理想路径”下都很漂亮。但你的用户,那个天天用的人,看到的是第 80 个屏幕紧挨着第 1 个屏幕。

他引用了 2009 年约克大学的一项研究:研究者在受试者完成网页任务的中途,把导航栏从左边挪到右边,页面其他东西都没变。结果在这个页面上花的时间翻了一倍多,而且即便离开后,在接下来的几个页面上也一直更慢。问起来的时候,大多数人其实注意到了变化,却觉得自己没被拖慢多少。所以他说,如果你的产品有这类问题,它带给你的损失,往往比用户嘴上说的、甚至比你的数据显示的要大得多。他还补了一句:这个问题早就存在,但 AI 让它变本加厉,因为一个 agent 一分钟就能生成一个新屏幕,要最终得到 80 个互相不太一致的屏幕就太容易了。

Undertone 里也有这种问题:当你的次数用完时,应用会把你带到两个不同的屏幕之一,两个屏幕写的都是同一句笼统的话,“你的次数已用完”,没有次数,也没有日期。Tim 的团队把两个屏幕统一成一个清晰的模式:一个“已使用 2 / 2 次”的徽标,一句“你本月的两次已经用完”,再加上刷新的确切日期。他说看起来只是一点点文案和视觉结构,但在规模化之后差别巨大。

他的结论是,如果你的产品真有独特之处,这种独特应该渗透到几百个这样的小决定里,没有任何组件库或者 AI 模型能直接给你。这才是人们愿意多付钱的东西:每个状态都想到了,屏幕与屏幕之间的“连接组织”撑得住,让整件事感觉像是有人用心做出来的一个整体。他建议的做法也很朴素:像一个真实用户那样用你的产品一个小时,把每一个“不再像同一个产品”的地方记下来。

我觉得约克大学那个实验,值得所有做产品的人记一下。用户嘴上说“没怎么影响”,行动却慢了一倍,这说明用户的口头反馈和实际成本之间,可能隔着很大一段距离。所以光靠问卷、访谈很难发现这类问题,要靠自己亲手长时间地用,或者看真实的行为数据。

还有一点,我觉得跟 AI 时代的特征特别吻合:生成越快,不一致越容易积累。以前一个屏幕要设计师花几天,团队自然会反复对齐;现在一个屏幕一分钟,就没有人有动力停下来对齐。所以真正稀缺的角色,可能不是“生成屏幕的人”,而是“负责让所有屏幕说同一种话的人”。

出错的那一刻,才是高级感真正的考场

第三个地方,Tim 称之为“大结局”,因为这是高级感不再只是一种主观看法的地方。他从 2014 年 Google 在 Chrome 里做的一件事讲起:断网的时候,你不再看到一个死掉的页面,而是一只像素风的小恐龙,按下空格键,它就变成一个小游戏。他说,上线四年后,人们每个月玩它大约 2.7 亿次。Google 把一次纯粹的失败,变成了人们真正喜欢的东西。

他说这是产品里一个被严重低估的高级感来源。想想你产品里最糟糕的时刻:付款中途失败,用户真的担心出了问题。恰恰在错误恢复这个环节,前面提到的报告里 AI 工具表现最差,他认为之后也会一直吃力,因为要做好,需要真正使用你的产品、测试它、把它弄坏。

他提到这件事有个名字,叫 service recovery paradox(服务补救悖论):2007 年一篇大型综述发现,当一次失败被处理得非常好,人们最终可能和什么都没出错时一样满意,甚至更满意。换句话说,它有可能变成用户说“哇,这东西出问题了,但他们接住了我”的那一刻,这正是高级体验该有的感觉。

他在一个加密货币卡片客户的工作坊里做过这件事。负责客服的人指出,用户是把自己的钱托付给这个应用,每次花钱或充值都得觉得安全。他描述了一笔失败交易的体验:没有任何信息告诉你该怎么办,你被一个人扔在那里。于是问题变成:怎样让人在最吓人的时刻也有信心?他们做的事情很简单:付款被拒时,弹出提示,让你去查余额,旁边放一个联系客服的按钮。Tim 说,加上其他几处设计调整,对方的新增账户增长了 60%,用户充到卡里的资金增长了 79%。

最后他还引用了 2018 年的一项调查,说大约三分之一的人,只要遇到一次糟糕的体验,就会决定不再用了。所以他的建议是:打开你的产品,故意把它弄坏。中途关掉 Wi-Fi,让付款失败,把所有列表清空,然后像设计成功页面一样用心设计这些状态,“因为很多团队跳过了这一步,这也使它成为买到高级感最便宜的地方之一”。

我觉得这一节讲的是一个很反直觉的事实:用户对产品的信任,大部分是在它出问题的时候建立或毁掉的。顺利的时候,所有产品看起来都差不多;只有出错的时候,用户才真正看到你是怎么对待他的。Chrome 的小恐龙之所以被记住,并不是因为它多精致,而是因为它让一个本来令人沮丧的时刻,多了一点善意。

加密货币卡片的例子也很典型:涉及钱的场景,用户的焦虑天然很高,所以在这里多想一步,回报特别明显。“去查余额”加“联系客服”,这两个动作本身几乎没有技术含量,却把“我被扔下了”变成了“有人在帮我”。这样的小改动,回报往往比想象的大。

我自己的一点思考

听完这期,我最大的感受是,Tim 讲的三个地方,其实是同一件事的三个层次:有没有想到用户的每一种处境,有没有让这些想法在整个产品里说同一种话,有没有在最糟的时刻守住用户。它们有个共同点,就是都不在第一眼看得到的地方。

这对 AI 时代的创业者是个很实在的提醒。AI 把“做出一个看起来不错的东西”变得几乎免费,也就把“看起来不错”变成了零溢价的东西。真正有溢价的,是那些需要你对自己的用户真的下过功夫的地方:他在哪一步会迷路,哪一个提示会让他安心,出错的时候他最需要什么。这些东西没有现成的模板,也很难被一次提示词生成,因为它们来自对人的长期观察。

还有一点,这些事都有个特点:每一件单独看都很小,一个徽标,一行文案,一个按钮,但它们累积起来,就是用户心里那本“默默记账”的账本。高级感不是某一个大动作,而是几百个不被注意的小决定。

转载:优设

 

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

兰亭妙微入门科普:如何入门交互设计

涛涛 交互设计及用户体验

本文面向交互设计新人,完整梳理交互设计师的能力构成、工作流程、核心理论模型以及自我提升路径,把常用理论、模型搭配案例通俗讲解,适合搭建基础知识框架。

兰亭妙微人物科普:UX 领域三大标杆人物

涛涛 交互设计及用户体验

文章梳理用户体验行业三位里程碑人物:唐・诺曼(Don Norman)、雅各布・尼尔森(Jakob Nielsen)、阿兰・库珀(Alan Cooper),从行业影响力、著作、核心贡献出发,同时给出设计师的职业启发。

兰亭妙微ui设计公司分享:让AI记住项目要求先把设计资料整理清楚

鹤鹤 交互设计及用户体验

昨天已经改好的品牌名称,今天生成的内容又回到旧版本;一个项目的配色,被带进另一个完全不同的页面。遇到这些情况时,继续加长提示词未必最有效。Tanner Kohler 对AI重度用户的观察提到,资料的更新、查找与使用范围同样影响结果。借此,兰亭妙微分享一套面向设计协作的资料整理思路。下面的工作区与审核界面是概念示意,具体做法需要结合团队工具和项目约定调整。

日历

链接

个人资料

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

存档