复杂网站上的响应式导航

资料来源：网络整理时间：2023/3/22 4:18:34 共计：3558 浏览

　　设计规划的最新项目中，我们从受众研究开始，以找出公共用户使用者在与健康同类相关的网站站点上寻找的各种信息。考虑到MLHU的网站站点有1300多个网站页面需要大修，因此我们需要确保优先级信息内容得到应有的关注。

　　作为设计规划工作室，我们尝试了不同形式的受众研究。我们的首选方式方法之一是吸引用户访问浏览线框网站站点，查看他们执行多媒体视频录制所需的时间来执行各种任务并查找网站站点的各个部分。这种测试样式风格并不总是能产生完美的结果，因为许多没有经验的用户使用者在理解没有图形，颜色等信息内容的网站站点时会遇到困难。但是，它仍然可以为寻找信息内容的难易程度供应提供有价值的见解。

　　当定义模版结构和网站站点sitemap地图时，此方式方法结果效果很好，但是我们还不处于那个阶段，需要退后一步。MLHU有必须在网站站点上代表的各种委员会和团体，我们需要确保听到每个人的声音。

　　我们首先与被任命在网站站点上工作的所有委员会成员会面，以确定网站站点的哪些部分最重要。在听完每个小组陈述其为何需要在网站站点上突出显示其信息的情况后，我们开始确立建立适当的层次模版结构。我们意识到有很多不同的部分和区域，我们需要一种将它们分为较少的父项的方式方法，以便用户使用者能够更快地解释和导航。我们决定将很多相似的类别拼凑在一起，并为每个类别命名。这些将成为我们的四个主要导航项目。

　　这是一个很大的成就，但是我们很快意识到我们需要引起对其他重要网站页面的关注，这些网站页面不一定分为这四个部分。我们创建了一个支持菜单，以容纳并供应提供对其中一些与健康无关的主旨主题的浏览访问。一旦我们构建了这种简化的导航并将其处理到线框中，我们就将它们进行了一个测试期，在此期间，我们让用户访问浏览网站站点的各个区域，执行任务并查找信息。

　　看着人们使用这种简化的导航，我们注意到他们每个人都能够快速找到他们正在寻找的网站站点部分，然后轻松地找到他们想要的特定网站页面和信息。实际用户使用者的这些结果加强了我们在信息架构中做出的决策。

　　MLHU的网站sitemap地图。（查看大图 | 来源）

　　从这里开始，我们可以进入界面设计规划阶段，其中包括包含模拟自适应响应式移动视图。许多客户使用者都在为响应型移动手机站实际上是他们在台式机上看到的同一网站站点，而不是面向手机端移动设备的全新外观这一概念感到困惑。在样机阶段少显示这些客户使用者端有时很有价值。

　　因此，我们通常将平板电脑视图留在此步骤之外，以使我们能够控制网站站点从大“桌面”视图向下过渡到小“移动”视图的方式。在MLHU的情况下，我意识到随着某些目标用户使用者的年龄增长，我们不能依靠典型的右上方汉堡包式导航。

　　感觉到该解决方案对于某些用户使用者而言会更加困难，我选择了基于文本信息的垂直导航。通过允许用户使用者在进行选择之前查看所有菜单选项，这为第二级导航供应提供了更好的部署布局。

　　MLHU的移动手机站。（查看大图 | 来源）

　　实作

　　在MLHU项目中，我们最初关心的问题是我们是不是是否可以使移动导航模版结构与桌面版本保持一致。通常，可以将导航隐藏在汉堡包式按钮（一种常见的设计规划模式）下。但是，我们的目标受众的年龄范围很广，我们认为显示导航的全文将更加用户使用者友好。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：品牌网站建设解决方案要包含的五个要点 | ·下一条：企业制作响应式网站的优势有哪些