如何创建用户体验网站地图:基本设计原则(create a ux sitemap: essential design principles)

你想设计一个直观且用户友好的网站或应用程序吗?一个好的网站地图可以阐明网站的目标和目的,创建网站组织方式的高级视图,避免重复内容,让整个设计团队都在同一个页面上。这篇wikiHow文章教你如何创建一个组织良好的网站地图,不仅对你的用户更好,而且可以提高你的SEO。...

步骤

  1. 1收集你的信息。在你开始设计网站之前,你需要知道你的网站是关于什么的。该网站推广的主要产品和服务是什么?目标市场是谁?他们需要知道什么信息?他们会发现哪些功能有用?你需要做一些研究来确定你的网站或应用程序将包含哪些内容。
  2. Image titled Create a Sitemap in UX Step 1
  3. 2开始创建图表。网站地图只是一张图表,显示不同页面在网站或应用程序上的链接方式。您可以使用图表创建软件,如Microsoft Visio、LucidChart、Miro或Google Drawing。你可以使用图形设计软件,如Photoshop、Adobe Illustrator,甚至MS Paint。
  4. Image titled Create a Sitemap in UX Step 2
  5. 3为你的主页创建一个块。这应该在你的图表的顶部中心。这表示用户在输入网页URL或打开应用程序时将登陆的主页。它应该标记为“主页”,并有一个类似“0.0”的参考号。你的主页应该包含一个导航菜单和/或突出显示的类别列表。它还可以用于提供任何您希望用户能够快速导航到的高优先级网页。将高优先级网页的链接添加到主页将有助于提高这些网页的SEO排名。
  6. Image titled Create a Sitemap in UX Step 3
  7. 4为主页块下方的每个主页创建块。主要页面是主页上导航菜单或类别列表链接到的页面。它们可能包含一个类别中的页面列表,或者如果你正在设计一个大型网站(1000多个页面),它们可能包含一个子类别列表。这些块应在主页块下方水平列出,并从主页块到每个主页块绘制一条线。每个区块都应该有一个标签和参考号,如“1.0”、“2.0”、“3.0”等。以下是一些主页标签的示例:最新新闻(参考号:1.0)、教程(参考号:2.0)产品(参考号:3.0)定价(参考号:4.0)推荐(参考号:5.0)社区(参考号:6.0)注册(参考号:7.0)登录(参考编号:8.0)
  8. Image titled Create a Sitemap in UX Step 4
  9. 5为辅助页面创建块。对于较小的网站和应用程序,辅助页面可能包含信息页面。对于较大的网站和应用程序,它们可能需要包含子类别中的页面列表。每一个次要页面都应该水平地列在它将列在的主要页面块下面。从主页面块到将在该主页面上列出的每个辅助页面块绘制一条线。以下是带有参考号的标记主要和次要页面的示例:教程(参考号:2.0)入门(参考号:2.1)基础(参考号:2.2)高级功能(参考号:2.3)故障排除(参考号:2.4)产品(参考号:3.0)创意设计套件(参考号:3.1)网页设计套件(参考号:3.2)应用程序设计套件(参考编号:3.3)定价(参考编号:4.0)免费试用(参考编号:4.1)个人(参考编号:4.2)专业(参考编号:4.3)企业(参考编号:4.4)
  10. Image titled Create a Sitemap in UX Step 5
  11. 6根据需要为第三页创建块。包含子类别列表的大型网站将需要包含子类别页面链接到的信息的第三级页面。如果需要,请在次要页面块下方的次要页面块上为次要页面上列出的任何网页创建块。从第二页到链接到的每个第三页画一条线。避免链接到第三级页面之外的任何页面。这会让你的网站或应用程序架构更深入。深层架构不仅让用户更难浏览你的网站或应用程序,也让谷歌和其他搜索引擎更难索引你网站上的所有页面。理想情况下,用户应该能够在不到3次点击您主页的情况下访问您网站或应用程序上的任何页面。你的网站架构应该尽可能平坦,网站地图上的页面不超过4行。
  12. Image titled Create a Sitemap in UX Step 6
  13. 7为笔记和其他内容留出空间。在规划网站时,您或您的团队可能会决定添加一些额外的页面或内容。一定要留出空间,以便进行内容扩展。此外,在任何可能需要特别注意的页面上留下笔记。如果你觉得你的网站架构太深,考虑重新组织你的网站。查看是否可以将新页面添加到现有类别。如果需要,考虑将新类别或子类别添加到主页或主页。
  14. Image titled Create a Sitemap in UX Step 7
  15. 8删除任何重复页面。如果您或您的团队成员发现任何重复页面或过于相似的页面,请合并并删除任何重复页面。您可以从多个主要或次要页面链接到同一页面。
  16. Image titled Create a Sitemap in UX Step 8
  17. 9删除任何不必要的页面。如果你有太多的主要或次要页面,你的网站将开始感到臃肿和难以浏览。考虑合并和删除任何不必要的主页和次页。
  18. Image titled Create a Sitemap in UX Step 9
  19. 10.与你的团队讨论。使用网站地图的主要目的之一是让你的整个设计团队都在同一个页面上。与团队成员交谈,听取他们的反馈。他们可能对如何更好地组织网站、使其更容易导航有想法。听取他们的反馈,并根据需要对网站地图进行调整。一旦你和你的团队对网站地图满意,你就可以开始构建你的网页或应用程序了。
  20. Image titled Create a Sitemap in UX Step 10
  • 发表于 2022-03-20 05:47
  • 阅读 ( 83 )
  • 分类:IT

你可能感兴趣的文章

想成为用户体验设计师吗?以下是如何开始

... 用户体验设计师通常关注无形的东西:用户如何与产品交互以及他们如何浏览产品。用户体验设计师的工作是确保用户的需求得到满足(在使用产品时不会混淆)。 ...

  • 发布于 2021-03-15 07:56
  • 阅读 ( 201 )

用户界面和用户体验设计有什么区别?

...产品是否满足用户的需求。用户体验设计师想知道人们是如何使用产品的,以及设计是否有助于他们实现目标。他们的工作是优化产品,而不仅仅是确保它的功能。 ...

  • 发布于 2021-03-29 15:15
  • 阅读 ( 352 )

了解如何使用adobe为web和移动设备创建出色的设计

...和专业质量的后效资源。 Adobe Premiere Pro CC Essentials培训:关于使用Premiere Pro创建视频的完整课程。您将学习如何创建视频过渡、组织视频片段、学习颜色分级等。 如果你不了解HTML5和CSS3的基本知识,...

  • 发布于 2021-03-30 06:35
  • 阅读 ( 206 )

前苹果设计师说,公司已经失去了“优秀设计的基本原则”

...an before, that beauty has come at a great price. Gone are the fundamental principles of good design: discoverability, feedback, recovery, and so on. Instead, Apple has, in striving for beauty, created fonts that are so **all or thin, coupled with low contrast, that they are difficult or impossible ...

  • 发布于 2021-05-02 11:21
  • 阅读 ( 321 )

pebble和essential设计师liron damir加入谷歌,开发家居产品

...,担任公司的新职务。 Damir离开了Andy Rubin's Essential的职位,他曾担任该公司即将推出的**(估计还有Essential的Ambient OS项目)的用户体验主管。在他之前为电视开发webOS的经历、在Pebble的工作和在Essential的工作之间,Da...

  • 发布于 2021-05-29 06:11
  • 阅读 ( 56 )

网页设计师(web designer)和web开发人员(web developer)的区别

...帮助您了解web构建过程的两个不同方面,以及这两个术语如何根据它们的角色适合。要想弄清楚两者之间的区别,这很重要。   谁是网页设计师? Web设计是理解Web工作原理的第一步,它包含Web构建过程的几个不同方面和规程...

  • 发布于 2021-06-25 16:13
  • 阅读 ( 313 )

网页设计师(web designer)和web开发人员(web developer)的区别

web设计师和web开发人员的主要区别在于,web设计师创建网站的外观,而web开发人员进行编程来开发网站。因此,一个网页设计师除了具备网页设计的技术技能外,还应具有想象力、创造力和出色的沟通能力,而一个网页开发人员...

  • 发布于 2021-06-30 17:21
  • 阅读 ( 192 )

使用google sitemap优化您的站点

Google Sitemaps刚刚为您的验证网页添加了一大堆很酷的Google统计数据。使用谷歌网站地图,您可以获得:Statistics about your site and information about URLs we had trouble crawling.Better crawl coverage to help people find more of your web pagesFresher search resultsA...

  • 发布于 2021-08-03 00:39
  • 阅读 ( 141 )

网页设计(web design)和网络开发(web development)的区别

...建一个看起来很棒的网站。他们还了解网站的可用性以及如何创建用户友好的网站。他们的设计鼓励互动,因为这样做既简单又直观。设计师所做的不仅仅是让网站“看起来漂亮”。他们真正决定了网站界面的可用性。 什么...

  • 发布于 2021-09-04 22:17
  • 阅读 ( 270 )

什么是创建在线平面设计组合的最佳技巧?(the best tips for creating a graphic design online portfolio?)

...见。无论投资组合的设计有多出色,如果潜在客户不知道如何与设计师取得联系,他或她将永远不会使用所提供的服务。一个很好的经验法则是,联系人信息不需要任何滚动,并且应该足够明显,可以在三秒内找到。通过这种方...

  • 发布于 2021-12-08 13:23
  • 阅读 ( 224 )
熊水琴
熊水琴

0 篇文章

相关推荐