Arquitetura da Informação
UX
Design
Usabilidade
Conteúdo

数字信息架构 - 常见错误基本步骤

在设计(UI)之前和编程(Dev)之前,你需要组织(AI)。

数字信息架构 - 常见错误基本步骤

在设计(UI)之前和编程(Dev)之前,你需要组织(AI)。 信息架构是我们定义系统如何​​构建以便对用户有意义的阶段。

跳过这一步就像在绘制平面图之前先购买沙发来开始盖房子一样。 请遵循以下基本步骤来创建可靠的人工智能。

第 1 步:内容清单

我们有什么? 列出一切。页面、PDF、视频、工具。 创建电子表格。如果是重新设计,请审核当前网站。剩下什么?垃圾桶里会放什么?

步骤 2:分类定义

我们要如何称呼事物呢? 分类法是分类系统。

  • 我们应该使用“Cars”还是“Automobiles”?
  • 我们应该按“品牌”分类还是按“类型”分类(轿车、SUV)? 分类法应该反映用户的语言,而不是公司的语言。

步骤 3:卡片分类

用户如何对事物进行分组? 这是AI的黄金技术。

  1. 在卡片上写下内容的名称(物理的或数字的,如 OptimalSort)。
  2. 要求真实用户将这些卡片分为对他们有意义的类别。
  3. 请他们说出这些类别的名称。 你会发现你自己永远无法想象的心理模式。

步骤 4:站点地图

绘制层次结构。 这是一个树形图。显示页面之间的父子关系。 这可以帮助您可视化网站的深度(到达终点的点击次数)和宽度。

步骤 5:导航线框

这不是页面布局,而是导航布局。 菜单在哪里?过滤器在哪里?页脚是什么样子的? 验证用户是否可以从 A 到达 B 而不会迷路。

结论

良好的信息架构可以降低开发成本(减少返工)并提高搜索引擎优化(Google 更好地理解有组织的网站)。 不要跳过这一步。在邀请客人之前先整理一下房子。

另请阅读

  • 【数字信息架构-真实案例常见错误0
  • 【数字信息架构-常见错误快速指南1
  • [数字信息架构:如何为用户组织内容2
  • 【包容性设计:如何选择必要步骤3
  • [数字无障碍用户体验4
  • [用户体验中的深色模式:完整指南5