首页

兰亭妙微ui设计公司分享:AI助手能做到哪一步,界面应该怎样说明

鹤鹤 交互设计及用户体验

同样是一段对话,有的AI产品能够查找资料,有的还能生成草稿、调用工具或完成后续动作。NN/g近期由Caleb Sponheim撰文介绍Agent Harness,解释模型周围的软件怎样组织上下文、工具和执行限制。兰亭妙微借这个概念,分享对企业AI助手界面的观察。下文围绕“整理一份设备维护记录并形成工单草稿”的假设任务展开,四张配图均为独立AI概念示意,用来讨论产品如何说明能力、过程与结果。

兰亭妙微ui设计公司分享:招聘后台怎样把候选人、阶段和日程连起来

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

招聘系统里,同一个人可能同时出现在申请列表、流程看板、面试日历和沟通记录中。页面数量增加以后,设计需要帮助使用者确认自己正在处理谁、处于哪个阶段,以及下一步由谁继续。dpopstudio近期围绕TalentFlow分享了招聘工作台的布局思路。兰亭妙微以原作画面为入口,围绕一组假设的候选人记录展开观察,讨论列表、状态与日程之间怎样形成连续的工作路径。

兰亭妙微ui设计公司分享:企业官网怎样把数据、内容和入口组织清楚

鹤鹤 网站设计文章及欣赏

企业官网里常见一组大数字、几张项目卡片和一个醒目的联系入口。这些内容既要表达品牌,也要方便访问者核对信息。dpopstudio近期分享了FundWise网站模板的设计思路,原作画面以深绿色、明亮重点色和模块化内容为特点。兰亭妙微这次从这些画面出发,讨论企业网站的数据展示与阅读路径。文中的项目资料列表是独立应用示例,配图中的商业数字仅作为原作者视觉展示的一部分。

兰亭妙微ui设计公司分享:电子签署页面怎样把文件、字段和进度连起来

鹤鹤 交互设计及用户体验

打开一份需要签署的文件,用户往往同时关心三个问题,文件是不是自己要处理的,哪些位置需要填写,完成以后会发生什么。dpopstudio近期以AItentico为例,讨论了电子签署界面的状态与阅读关系。兰亭妙微借这个主题分享交互设计观察,下面的流程采用假设的企业文件确认场景。原文配图按实际画面说明,补充界面单独标为AI概念示意,具体签署规则与身份要求由真实产品流程决定。

兰亭妙微ui设计公司分享:安全告警很多,怎样让后台仍然看得清

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

告警后台常常同时出现统计数字、事件列表、趋势图和详情。页面看起来很满,值班人员却仍要回答一个具体问题,眼前哪件事需要先处理。dpopstudio近期围绕GuardianOps分享了安全工作台的设计文章。兰亭妙微这次以原作配图为阅读入口,分享对告警界面信息组织的观察。下文以一个假设的设备运维队列举例,具体事件规则、权限与响应策略需要结合实际业务确定。

兰亭妙微高端网站设计的审美积累:FurniFlex 家具电商网站 UI 设计

丽洁 网站设计文章及欣赏

兰亭妙微持续关注国内外优秀网页设计作品,分享页面结构、视觉表达与交互思路,进行设计审美积累。

一、案例背景

FurniFlex 是公开展示的家具电商网站设计,涵盖首页导购和商品列表。它把室内搭配场景、家具分类、商品价格与筛选条件放在连续的浏览路径中,适合观察家居品牌如何兼顾生活方式表达与具体选购任务。

图 1  首页 场景导购与购买入口

图片1.png 

深青色首屏将品牌文案与室内场景分成左右两区,黄色购买按钮形成清楚的视觉焦点。场景卡片、方向箭头和下方服务信息衔接浏览任务,让用户先理解网站卖什么、如何开始选购。

图 2  品类与热门商品 两种浏览路径

图片2.png 

圆形品类图片先提供按家具类型浏览的入口,下方热门商品又按房间设置标签。商品卡片统一呈现图片、名称、价格、折扣与收藏图标,便于在同一网格里比较不同家具。

 

二、设计策略

首页以深青色承托室内场景图,金黄色集中用于购买按钮和关键入口。信息顺序从房间场景进入品类,再展开商品卡片;列表页改用白底与浅灰图片区,让材质、造型和价格更容易比较。统一的圆角、卡片比例与图标位置维持整体节奏,深色价格条则把首页商品名称和购买动作收束在一起。

图 3  商品列表 筛选条件与商品网格

图片3.png 

左侧将类别、价格、材质、颜色和库存分组,右侧以三列商品网格展开结果。排序置于列表上方,分页放在末尾;条件选择与商品比较分区明确,适合观察桌面电商页面的信息密度。

三、浏览路径与操作入口

样稿展示了房间分类标签、轮播箭头和收藏图标的选中样式。列表左侧按类别、价格、材质、颜色与库存组织筛选,右侧保留排序和分页;FAQ 展示一项展开、其余收起的状态,用深色背景区分当前内容。

图 4  常见问题与邮件订阅

图片4.png 

FAQ 将选购、材质、配送和退换等问题集中呈现,展开项用深色块突出回答。下方订阅区把邮箱输入与提交按钮合并成一条操作带,配合家居场景图延续整站的生活方式表达。

四、设计启发

家具网站可同时提供按空间和按品类寻找商品的入口,再用材质、价格等条件缩小范围。借鉴时应保持卡片字段顺序一致,并在购买路径附近解释配送、退换与选购问题,让视觉灵感能够接续到具体决策。

如有家具电商、家居品牌官网或商品展示网站设计需求,欢迎联系兰亭妙微。

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

 

image.png

用户体验设计交付成果 总结

涛涛 交互设计及用户体验

本文翻译海外文章,系统梳理 UX 项目全流程可交付物(交付文档 / 产出物),按照研究阶段、UX 设计阶段、界面设计阶段划分,说明每份产出的用途、内容要点,同时说明交付与后续支持的完整流程。

兰亭妙微研读笔记|用户体验设计必须知道的 9 种状态

涛涛 交互设计及用户体验

本文梳理用户完整使用产品全流程的9 类关键状态,提醒设计师不能只设计 “正常成功页面”,各类异常、过渡、收尾状态直接影响留存,很多用户流失就发生在这些容易被忽略的状态中。

兰亭妙微ui设计公司分享:让AI沿用设计系统,先把组件和使用规则讲清楚

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

同一套后台页面,即使使用了相近的配色,也可能在表格密度、按钮层级和状态提示上越做越不一样。让AI参与以后,这种差异还可能在多个页面里同时出现。Wayne Lin在Figma官方文章中讨论了怎样把组件库、规则和示例提供给agent。兰亭妙微借这个话题,分享一些围绕企业工作台的整理思路:与其反复要求“保持统一”,不如先把可以复用的东西与需要判断的地方说得更具体。下文界面均为独立AI概念示意,不是Figma实际功能截图。

兰亭妙微ui设计公司分享:AI聊天界面怎样让等待、阅读和操作都看得明白

鹤鹤 交互设计及用户体验

AI聊天界面的变化很容易被看见:文字在生成,按钮在切换,侧边栏又增加了一次会话。但看到变化,不等于每个人都知道发生了什么。Eric Bailey在近期文章中,从可访问性角度重新讨论了沉浸式AI聊天体验。兰亭妙微这次把阅读视角放到企业助手的使用过程里:一个人提交材料、等待回答,再回到自己的任务,界面应该怎样接住这些动作。以下包含独立的应用示例与AI概念配图,不是对某款产品的实测结论。

日历

链接

个人资料

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

存档