Post by account_disabled on Dec 24, 2023 4:05:57 GMT
创建您的站点地图 您可以通过几种不同的方式来设计站点地图。您可能需要根据两个品质来选择方法： 信息 换句话说，你必须能够清楚地向观众传达你想要传达的信息。 例如，有 3 种常见的方法来创建站点地图，每种方法都具有最佳的导入信息： 清单1 列表格式是简单的有序或无序列表，使用嵌套来传达层次结构。 指数 设计师 内容管理系统 编辑 托管 顾客 团购网 新故事 可能的 盐 自由职业者 这对于传达页面主题和相对层次结构非常有用。您可以快速看到设计器、CMS、编辑器、托管和客户的页面获得相同的重要性级别，而特定的客户故事则低一级。 缺少的是这些页面之间的用户路径，因此它们不能很好地通信。例如，没有迹象表明设计器、CMS、编辑器和托管服务都出现在站点主导航窗格中标记为“功能”的下拉菜单下。或者这些页面中的每一个都是从网站的主页链接的。 这使得列表格式对于页面清单很有用，但您不想将其交给客户并说：“这就是人们浏览网站的方式。” 2. 横向图 希拉里·皮茨 (Hillary Pitts) 的站点地图（位于本节顶部）是水平图，可能是最熟悉的站点地图格式。 与列表一样，它捕获了站点的高级视图。与列表格式不同，它更清楚地显示页面/体验之间的路径，正如您在穿过地图中间的结账流程中看到的那样。
这使得它成为一个更好的工具，用于传达层次结构以及人们如何导航网站与客户和其他非技术人员。对于技术性的人来说效果很好！ 值得注意的是，由于皮茨的网站是一家电子商务商店，因此它不提供网站页面的全面清单。可能有一个或一千个不同的 WhatsApp 号码数据 产品页面 - 这对于地图来说并不重要，因为产品地图几乎肯定会由动态模板处理，并且从产品索引到产品详细信息的流程不太可能因产品而异。 但是，如果某些产品类型需要不同的内容模型，您需要记下这些内容。 3. 垂直图 垂直方案基本上是侧面有坡度的水平方案。由于从左到右的流程表示进展（在阅读从左到右的文化中），因此垂直图对于映射更具包容性的体验（例如特定的用户流程或更具体的空间的结构）最有用。 皮茨的水平图是一种接收电流段，实际上可能是垂直图（嵌入水平图的垂直图）的良好候选者。 您的站点地图有问题吗？尝试卡片类型！ 如果您和您的客户已经明确定义了项目的目标，那么创建站点地图可能会很自然地发生。但对于较大的项目和具有详细内容的项目，您可能需要拿出一个经过验证的工具：卡片分类。 将您自己、您的客户和其他利益相关者聚集在一起（亲自或以数字方式）来运行卡片类型。然后，将所有页面名称写在索引卡上，并将它们分成对你们都有意义的类别。 完成此操作后，根据列出的卡片创建站点地图，并由目标受众的一些成员运行它，以确保它对他们有意义。 一旦确定了站点地图，您就可以继续使用网格，该框架将变得更加具体和详细。
网站地图工具 框、箭头和任何具有文本编辑功能的设计工具都可以帮助您在绘制思维导图时完成工作。然而，使用将这些框和箭头作为预先存在的元素（通常称为模板）的工具会有很大帮助。 以下是一些预装站点地图元素的工具： 巴尔萨米克 莫库普斯 轴 顺利计划 写映射 思维节点 为什么我们需要格栅 站点地图提供了整个网站的详细蓝图，而线框则代表单个页面（或页面组）的详细视图。您看看是否可以获取站点地图，然后放大并增强该顶级地图中的单个页面。 与站点地图一样，网格捕获层次结构。但这一次，此层次结构仅限于单个页面，因此定义了内容在页面上流动时的相对重要性。 与原型类似，网格可以具有不同级别的保真度。有些网格基本上是最终设计，包括最终字体和大小、示例照片，甚至是可用于生产的副本。 其他的则更为示意性，坚持使用一组单色框和斑点，其中的内容有一天会出现。 现代设计流程站点地图 由于保真度范围广泛，因此向利益相关者解释线框的精确度非常重要。 花点时间查看此线框的内容。事实上，它有很多含义，要么需要转化为内容标准，要么在考虑内容标准的情况下进行审查！ 例如： 大标题类型意味着文章不超过 6 或 7 个单词 文章预告片可以比较长，这可以帮助缓解上述限制 每篇文章都需要突出一张图片 由于字体大小，滑块标题需要非常短 右上角有一个“国家/地区切换器”，可能需要翻译网站内容。这可能会对设计产生重大影响，因为德语的 6 或 7 个单词的标题可能比英语的标题长得多。 这仅适用于初学者。
这使得它成为一个更好的工具，用于传达层次结构以及人们如何导航网站与客户和其他非技术人员。对于技术性的人来说效果很好！ 值得注意的是，由于皮茨的网站是一家电子商务商店，因此它不提供网站页面的全面清单。可能有一个或一千个不同的 WhatsApp 号码数据 产品页面 - 这对于地图来说并不重要，因为产品地图几乎肯定会由动态模板处理，并且从产品索引到产品详细信息的流程不太可能因产品而异。 但是，如果某些产品类型需要不同的内容模型，您需要记下这些内容。 3. 垂直图 垂直方案基本上是侧面有坡度的水平方案。由于从左到右的流程表示进展（在阅读从左到右的文化中），因此垂直图对于映射更具包容性的体验（例如特定的用户流程或更具体的空间的结构）最有用。 皮茨的水平图是一种接收电流段，实际上可能是垂直图（嵌入水平图的垂直图）的良好候选者。 您的站点地图有问题吗？尝试卡片类型！ 如果您和您的客户已经明确定义了项目的目标，那么创建站点地图可能会很自然地发生。但对于较大的项目和具有详细内容的项目，您可能需要拿出一个经过验证的工具：卡片分类。 将您自己、您的客户和其他利益相关者聚集在一起（亲自或以数字方式）来运行卡片类型。然后，将所有页面名称写在索引卡上，并将它们分成对你们都有意义的类别。 完成此操作后，根据列出的卡片创建站点地图，并由目标受众的一些成员运行它，以确保它对他们有意义。 一旦确定了站点地图，您就可以继续使用网格，该框架将变得更加具体和详细。
网站地图工具 框、箭头和任何具有文本编辑功能的设计工具都可以帮助您在绘制思维导图时完成工作。然而，使用将这些框和箭头作为预先存在的元素（通常称为模板）的工具会有很大帮助。 以下是一些预装站点地图元素的工具： 巴尔萨米克 莫库普斯 轴 顺利计划 写映射 思维节点 为什么我们需要格栅 站点地图提供了整个网站的详细蓝图，而线框则代表单个页面（或页面组）的详细视图。您看看是否可以获取站点地图，然后放大并增强该顶级地图中的单个页面。 与站点地图一样，网格捕获层次结构。但这一次，此层次结构仅限于单个页面，因此定义了内容在页面上流动时的相对重要性。 与原型类似，网格可以具有不同级别的保真度。有些网格基本上是最终设计，包括最终字体和大小、示例照片，甚至是可用于生产的副本。 其他的则更为示意性，坚持使用一组单色框和斑点，其中的内容有一天会出现。 现代设计流程站点地图 由于保真度范围广泛，因此向利益相关者解释线框的精确度非常重要。 花点时间查看此线框的内容。事实上，它有很多含义，要么需要转化为内容标准，要么在考虑内容标准的情况下进行审查！ 例如： 大标题类型意味着文章不超过 6 或 7 个单词 文章预告片可以比较长，这可以帮助缓解上述限制 每篇文章都需要突出一张图片 由于字体大小，滑块标题需要非常短 右上角有一个“国家/地区切换器”，可能需要翻译网站内容。这可能会对设计产生重大影响，因为德语的 6 或 7 个单词的标题可能比英语的标题长得多。 这仅适用于初学者。