公开访问登录
返回全部文章
设计与体验公开文章

一个简单的界面检查清单

在交付之前,从层级、阅读、交互和无障碍四个角度重新看一遍自己的界面。

这是一篇用 HTML 编写的示例文章。它与 Markdown 文章共享相同的导航、阅读排版与权限规则。

信息层级

页面上的核心任务应该一眼可见。标题、说明和操作之间应有清楚的关系。

阅读体验

  • 正文有足够的对比度与行距。
  • 长标题可以自然换行。
  • 手机上没有意外的水平滚动。

交互与反馈

按钮需要明确的名称,表单需要可见的标签,提交需要显示结果。

键盘与无障碍

试着只用键盘完成页面上的主要操作,确认焦点清晰,并可以离开每个浮层。

为什么不用整份 HTML 页面?

这里只保存文章正文,导航、样式和权限交给知识库统一处理,维护起来更简单。

— 感谢阅读 —继续探索知识库