丁赛雅 / UI UX返回业务案例
← 项目目录

跨端规范:统一语义,适配不同操作

网页端需要高密度管理,平板端需要现场触控,PDA 与手机需要聚焦任务。统一的是状态与动作含义,布局根据场景变化。

识别共性任务约定状态与动作建立页面模板补齐异常与空态核对跨端实现

围绕使用者的任务组织信息

网页端

如何在列表、树和明细之间保留上下文?

平板端

如何兼顾任务密度、批量选择和触控范围?

PDA / 手机

如何在有限宽度内完成现场输入与反馈?

实际界面与跨端分工

跨端规范:统一语义,适配不同操作实际项目界面
工作项目界面 · 企业与客户信息已替换

关键设计判断

页面模板对应业务结构

本机规范包含菜单、详情、新增、编辑、弹出界面、空状态与打印单。

从树表、主子表、步骤表单等结构选模板,避免仅靠换颜色统一。

组件先统一语义

按钮、状态标签、输入、展示、反馈和导航分开管理。

主要动作、危险动作、禁用和错误状态保持一致含义;各端调整尺寸与位置。

异常和空状态也属于交付

空列表、导入引导和错误反馈决定使用者能否继续任务。

根据未创建、筛选无结果和异常等原因提供不同说明,不使用同一空白面板。

标准之外保留迭代记录

源稿含“新设计及修改组件”和草稿,说明规则随实际业务调整。

公开案例展示已整理的规则,探索与参考内容保留为设计过程,不计入已落地效果。

进入交互原型

本机原稿保留网页规范、移动规范、图标组件库。移动规范含 PDA 标准界面、平板标准界面、组件分类和修改组件页。

展示范围:本机网页端、移动端、平板与 PDA 规范结构,以及公开整理后的可交互组件库。没有把社区共享组件声明为独立原创。