导航设计模式的重要意义.doc

《导航设计模式的重要意义.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、导航设计模式的重要意义在本文中，我们将以几个热门网站和web应用为例讨论导航设计模式的重要意义。用户在使用你的网站或web应用时，需要清楚自己应当何去何从。如果你的应用无法提供方便的导航，用户将快速流失。所以说，为web应用设计出有效的导航功能具有至关重要的意义。"I•跳转+E3示例：Pinterest-问题：用户希望能够快速跳过web应用的某个部分。解决方案：创建快捷方式或热点，让用户能够直接跳转至web应用的特定部分。这一方式通常应用在app的开头或结尾处，但在其他时点也很常见。例如，用户可以在页面任意位置点击某个标签或按钮或者滚动前往

2、页面顶部。如果你的应用另外还采用了“无限滚动（见下方）模式造成页面随着下方加载新内容的不断增多而越来越长，那么这一模式将尤其有用。当用户需要使用只有在页面顶部才能看见的功能或信息时，让他们向前滚动个十几页回到顶部简直就是煎熬。在这方面，Pinterest采用了一个不太显眼的''返回顶部”按钮方便用户立刻滚动回顶部，从而有效解决了这一问题。2■单页Web应用问题：用户希望有一个集中的位置查看或对大部分或全部内容执行操作，这样就不用浪费时间在不同页面之间来回导航了。解决方案：使用现代web开发技术构建一个不需要在用户浏览过程中进行重新加载的单页

3、应用o这一模式还不仅仅是在应用开发完成后的小修改，它更大程度上是对web的工作模式进行全面的重构。在一定程度上，单页应用中的“页”并不是传统意义上的页面，它更像是一个特殊的数据页面。单页web应用会异步加载（使用AJAX）,也就是说它们能够瞬吋完成加载，用户在执行不同操作之间吋不需要等待各个页面分别加载。Gmai就是单页应用的一个很好的例子，其将多项操作融入了一个单独的“页面'冲。单页设计的趋势是这一UI模式中相对不太高端的一种实现方式，在这一设计模式下，所有内容均可通过同一页面访问。这一模式可以让浏览变得更快、响应更迅速，从而让桌面与we

4、b应用之间的界限不再如此分明。对于Spotify等web应用，考虑到用户有吋会在背景播放音乐的同时浏览其他音乐，这时单页应用模式的重耍性就愈发凸显，通过使用单页应用，用户就无需对页面进行重新加载，也不会造成音乐停止播放。在使用单页应用时需要考虑的一个问题就是URL结构。由于内容使用JavaScript动态加载，URL会失去作用，如果设计不当，还会造成无法访问特定视图oGmail和Twitter等应用通过为每个视图生成专门的URL来克服这一问题，这一方法还能够解决浏览器后退按钮失效的问题。3•推荐11ouIto£o*rafdDgarvSvg

5、eiIUchm«ninQfrK.iv«you»-.woBornloDMTTw>Pwm*EObon5UrwMWvy-Gw・4try弘口RuOiRwnlnoff啊RFY6nxi»•hUM^ro(Xr(*e»rx11G*哝*"vt>ufgutoEcMwd£*gar••tryJohannesDrarm，JOh*rv)0$BrohrmVUuiWC0wwdD9^

6、ATIOH•・)b-»TovcloIod«r：•UJU-you示例：Spotify问题：用户希望了解下面应当浏览哪些内容。解决方案：在不同时点显示内容建议和推荐，帮助用户浏览内容。Facebook、Eventbrite>Spotify和Yelp等很多应用会根据用户个人资料里的偏好信息或者其在应用中的过往交互记录生成针对性的内容推荐，从而帮助用户发现最新的相关内容。这些内容推荐可以以“流行主题”或“最新发布,，等形式出现。Facebook的做法是根据用户与时间轴上的帖子的交互记录提供“相关”页面，另外还会提供一个更具专有性的推荐栏以便用户发现

7、新页面和新关注对象。对于用户来说，这样的内容流可以无穷无尽，特别是在充满用户生成内容的社交网络应用上。正如WebUI设计模式2014中所讨论，在UI中提供一个完善的推荐引擎是帮助用户发现新内容的绝佳方式。3■相关内容SThcNrWJjorkEimeSarkozy^PlaguedbyAccusations,SeesLeft-WingPlottoDestroyHimSuWortart9tfannarFrvndiFWmXkclMSwto«>.・Ur«tw-lmbauKFrw»onPAMS-NicoLuSArkoc.tlte(cnnnpmidcnt

8、outferrdtheusprecedrntcdl^sto(beinghaukdbeforeanimvxiSAtnvp^nellor15bour>dquodo