首页

兰亭妙微ui设计公司分享:AI助手怎样把用户意图带到最后一步

鹤鹤 交互设计及用户体验

AI助手能够理解一句话,并不意味着它能够完成整件事。查找信息、理解条件、打开应用和执行操作之间,任何一步丢失要求,用户都可能需要重来。本文简要介绍NN/g作者对个人助手的使用探索,再讨论交互设计公司怎样评审这类跨步骤体验。

兰亭妙微ui设计公司分享:配送App怎样让单手操作更顺畅

鹤鹤 系统UI设计文章及欣赏

配送人员查看手机时,可能正拿着包裹,也可能在户外强光下短暂核对地址。移动端UI设计需要考虑这些使用条件。本文简要介绍dpopstudio的DropWise界面拆解,再给出兰亭妙微针对配送任务的应用建议。

兰亭妙微ui设计公司分享:B端任务后台怎样兼顾密度与可读性

鹤鹤 B端ui设计文章及欣赏

任务后台经常要同时显示负责人、截止日期、优先级和处理状态。留白太多会增加滚动,压得太紧又难以辨认。本文参考dpopstudio的TaskTonic设计文章,讨论B端界面设计怎样围绕实际任务安排密度,而不把紧凑简单理解为缩小字号。

兰亭妙微ui设计公司分享:旅游网站怎样把搜索结果讲清楚

鹤鹤 网站设计文章及欣赏

旅游预订页面需要同时呈现时间、地点、价格和限制条件。画面整齐只是起点,真实数据变长、条件冲突或价格发生变化时,用户仍应知道怎样继续。本文简要介绍dpopstudio近期的旅游预订设计文章,再给出兰亭妙微的场景评审建议。

兰亭妙微ui设计公司分享:产品经理用 AI 产出 Demo,设计师如何夺回设计主导权?

清阳 交互设计及用户体验

兰亭妙微ui设计公司分享:当产品经理拿着 AI 一键生成、可交互跑通的 Demo 出现在需求评审会,很多设计师会陷入尴尬境地:完整可演示的原型摆在眼前,团队的讨论直接滑向 “微调细节就交付开发”,设计师的工作被压缩成单纯打磨界面视觉,原本的用户体验、流程判断价值被大幅稀释。

AI 极大缩短了从想法到可视化原型的周期,但能跑通流程的 Demo,不等于贴合真实用户诉求的产品方案。面对已经成型的 AI 原型,设计师不是要全盘否定,而是找到专业切入点,重新掌握设计话语权。

一、AI 原型带来两大现实挑战

1. 人工设计介入,价值到底在哪?

过去绘制界面、输出原型是设计师的核心工作壁垒,如今 AI 可以快速产出界面原型。当 “做界面” 这件事被工具替代,设计师的核心价值不再是画图,而是判断:信息如何更容易理解、用户操作路径怎样更合理,站在用户视角校验整套方案的合理性。

2. 方案已经具象化,该如何介入调整?

可运行 Demo 自带很强的视觉吸附效应,团队注意力很容易被现有界面锁住。推翻一个已经看得见摸得着的方案,沟通协作成本很高。设计师想要提出优化,不能只凭主观感受,需要一套可落地、可对比的论证方式,说服团队重新审视方案。

二、实战案例:小程序举报功能的方案博弈

image.png

业务背景:小程序举报场景,痛点为举报分类复杂用户难以选择、用户提交证据不全,后台无法有效处理举报。

产品侧通过 AI 生成了多轮对话式原型:用户口述问题,AI 逐步引导对话、判断举报分类,再一步步追问收集证据,试图降低用户理解规则的负担。

但设计师复盘后发现这套方案存在隐患:用户需要一轮轮回复,等待 AI 思考响应;对于已经明确举报诉求、手里备好证据的用户,多轮对话反而增加操作负担。

最终团队落地为表单为主、AI 为辅的新方案:表单承载全部信息填写,AI 根据用户输入自动识别举报分类,同时保留手动修改入口。用户可以一次性填写、查看、编辑全部举报信息,AI 只做辅助能力,而非整套交互的骨架。

推导思路

  1. 区分业务目标与实现手段 先锚定原始业务诉求:用户便捷完成举报;平台拿到完整可处理的证据信息。 目标不变,但实现手段不止 AI 对话一种。AI 多轮对话只是达成目标的其中一条路径,不是唯一标准答案。

    image.png

  2. 拆解用户核心任务,权衡不同方案优劣 把举报行为拆解成三件核心任务:描述违规事实、选定举报分类、补充核对证据。

    image.png

 

  • AI 对话方案:依托对话分步收集信息,代价是多轮等待、操作链路变长;适合信息混乱,需要逐步引导的用户。
  • 表单 + AI 辅助方案:信息全部集中展示,用户自由编辑修改;AI 负责自动识别分类解决表单老痛点,规避对话模式下的等待成本。

    image.png

 

  1. 细节继续取舍:语音能力该如何安放 产品希望保留语音输入能力。如果把语音作为核心入口,会带来页面跳转、长文本识别出错、覆盖已有填写内容等风险。最终选择语音作为辅助能力,主体以文字表单为主,用户按需唤起语音输入补充内容,规避语音交互的短板。

    image.png

 

三、面对现成 AI Demo,设计师的介入方法论

不要一上来就全盘推翻原型,按照问题严重程度,划分三层改动层级,匹配对应的设计动作:

  1. 局部优化:业务路径逻辑成立,只是信息表达晦涩、交互模糊。只做文案、控件、细节交互的优化。
  2. 流程重组:业务目标正确,但现有流程给用户制造额外负担。重新编排任务步骤,横向对比多种交互方案。

    image.png

  3. 需求重审:整套方案建立在没有依据的假设之上。回到真实用户场景,重新校验原始需求是否成立。

    image.png

 

让团队接受你的改动:做可量化的方案对比

把 AI 产出的 Demo 和你的替代方案放在同一个用户任务下对标,统一评估维度,有理有据输出观点,而非单纯凭感觉:

  • 任务完成效率:用户是否能高效完成目标
  • 用户理解门槛:需要用户理解、输入的信息多少
  • 出错风险:信息填写、识别是否容易出错
  • 改造成本:开发工作量、项目排期的变化

重要提醒:方案达成共识不等于方案被验证。方案落地后,依然需要依靠真实用户使用数据,检验设计判断是否成立,不能把内部共识等同于用户认可。

设计夺回主动权的 5 个核心落脚点

  1. 分清目标和实现手段:回溯原始用户反馈,锁定要解决的真问题,拒绝把 AI 原型当成既定答案。
  2. 按问题等级决定改动幅度:局部问题改细节、流程问题重组步骤、需求存疑就回归源头确认,拒绝盲目全盘推翻。
  3. 善用 AI,各司其职:不要非全 AI 或零 AI 二选一。让 AI 做辅助增强,基础交互框架由人来把控。
  4. 完整核算任务全成本:评估理解、填写、等待、纠错的整体代价,不能只看演示时的流畅效果。
  5. 共识不等于验证:说服团队采纳只是第一步,最终效果依旧要交给真实用户检验。

四、写在最后

AI 抹平了产出原型界面的门槛,却替代不了设计师对用户处境的洞察。一份演示丝滑的 AI Demo 之下,很可能隐藏用户要承担的理解、操作、纠错成本。设计师的价值,就是把这些演示中看不见的用户痛点挖掘出来,拿出可对比、可落地的替代方案,推动团队看见风险与优化机会。

当然现实工作中会存在约束:紧急迭代、业务方向已经拍板的情况下,你的设计建议未必会被全部采纳。这套方法更多是帮设计师输出有理有据的专业判断,争取更大的设计空间,最终落地效果也受业务优先级、团队协作氛围、介入时机共同影响。

AI 时代,设计师不再比拼画原型的速度,而是比拼判断方案好坏的能力。

 

转载:优设

 

 

 

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

 

image.png

兰亭妙微ui设计公司分享:干货|5 个 UI/UX 设计妙招,高效处理用户出错场景

清阳 交互设计及用户体验

兰亭妙微ui设计公司分享:在用户体验流程里,错误问题的应对思路可以概括为双管齐下:一方面做好事前预防,尽可能规避错误发生;另一方面做好事后补救,当错误已经出现,让用户可以轻松修正问题。

此前已经分享过 8 条预防错误发生的设计方法,本篇聚焦错误发生之后,聊聊如何通过设计化解问题,降低用户受挫感。

5 个化解错误的 UX 设计技巧

  1. 提供撤销操作,降低用户损失 允许用户撤回误操作,不用为无意的失误付出高昂代价,直接减少出错带来的负面影响。

    image.png

  2. 清晰说明错误根源 报错不要只抛出笼统提示,直白告诉用户到底哪里出了问题,让用户理解失败的原因,而不是陷入困惑。

    image.png

  3. 给出明确的下一步行动指引 不只告知 “出错了”,还要告诉用户该做什么,提供可行的解决路径,引导用户完成修正。

    image.png

  4. 自动定位、聚焦错误项 表单等场景下,页面自动滚动并高亮出错的输入位置,省去用户自己排查问题的时间成本。

    image.png

  5. 借助视觉设计安抚用户情绪 报错界面避免生硬冰冷的表达,利用图形、色彩、文案缓和用户烦躁、挫败的负面感受。

    image.png

再完善的产品设计,也没办法做到完全杜绝用户错误。打磨这些细节,正是体验设计的价值所在,也是产品给予用户的信任。 如果你也有处理用户错误的设计思路,欢迎一起交流探讨。

 

转载:优设

 

 

 

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

 

image.png

兰亭妙微用户体验设计公司分享审美积累 | Abyss 数字资产 UI/UX 设计

丽洁 移动端UI设计文章及欣赏

在深色界面里,让每一组数字都有自己的位置。

 

兰亭妙微专注 UI 与用户体验设计,持续关注国内外优秀作品,分享界面设计与交互思路,进行设计审美积累。今天分享 Abyss 数字资产 App 设计案例。余额、行情、收益和钱包同时出现时,信息密度很容易压过阅读体验。
一、项目背景:为密集数据建立优先级
从资产总览到单个钱包,用户需要先掌握概况,再追踪变化,最后进入相关操作。Abyss 以分层卡片与数字排版组织这条路径,呈现出冷静、集中的产品气质。

     

图片1(1).png

图片1(2).png

     

图 1  资产首页与主要导航

总余额先抓住视线,钱包与收益卡片随后展开,关注列表接住更多行情。不同深度的蓝黑色划出内容区域,大数字与小摘要各司其职,密集首页依然保持明确重心。

图 2  收益统计与时间维度

收益页将金额、柱状趋势与周期选择集中呈现,下方再展开具体项目。蓝色图形在暗底上很醒目,图表与列表的先后关系也让总体变化和单项数据自然衔接。

 

二、设计策略:用对比度组织深色空间
①信息架构:总资产是起点,钱包、收益与列表逐步补充细节。②视觉语言:蓝黑背景、稍亮的卡片与鲜明蓝色形成层次;字号、字重和数字对齐共同区分总量、变化与明细。

 

Abyss | 界面细节与设计启发

图片1(3).png

图片1(4).png

     

图 3  钱包列表与资金操作

亮蓝色总额卡片成为钱包页的视觉锚点,存入与转出并列其下,资产列表继续向下延伸。总量、动作与单项金额形成三个层级,色彩与字号共同建立阅读秩序。

图 4  单个钱包的分析视图

单个钱包把余额、趋势和币种明细放在连续结构里,分段选项提示查看维度。与首页对照,可以看到同一套图表、卡片和导航规则如何延续到更细的分析页面。

 

③场景化交互:总览、收益统计与独立钱包使用相近的图表和列表规则,切换页面后依然容易找到熟悉信息。存入、转出等动作靠近资产摘要,让资金状态与操作上下文保持相连。

 

三、设计启发:深色主题的精致,需要有分寸的亮度
这组设计值得积累的,是背景、卡片、文字与高亮之间的细微差别。最亮的位置留给关键数字和动作,其余内容通过分组与间距建立秩序。这种方法也适用于设备监控和专业数据工具。

如有数字资产管理、行情工具类 App的 UI/UX 设计需求,欢迎联系兰亭妙微,交流产品场景与设计需求。

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

 

image.png

兰亭妙微设计思辨:你是为人设计,还是为用户设计?

涛涛 交互设计及用户体验

做设计的这些年,我们几乎每天都在说 "用户体验":这个会影响用户体验、那个不符合用户习惯、这个违背用户认知…… 但有没有人停下来问过:我们挂在嘴边的 "用户",和活生生的 "人",真的是同一个对象吗?

兰亭妙微设计心理学:UI 设计师必须懂的 4 个底层原理

涛涛 交互设计及用户体验

设计方法论在 UI 设计中的应用带来了显著好处 —— 系统性的流程和框架,让团队更高效地处理挑战、创造出用户真正关注的界面。但在所有方法论背后,有四个心理学原理构成了 UI 设计的底层逻辑:希克定律、确认偏差、邻近法则、菲茨定律。 兰亭妙微在每次设计评审中,都会用这四个原理检验方案。

兰亭妙微ui设计公司分享:用AI原型提前发现复杂交互问题

鹤鹤 设计思维

筛选、数据看板和对话界面常有多种状态,静态页面很难说明操作之后会发生什么。NN/g于9月11日发布的文章讨论了如何用AI构建可交互原型,把复杂任务的测试提前。本文简要介绍其案例,并给出兰亭妙微的实践建议。

日历

链接

个人资料

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

存档