在我的单页应用程序(Javascript(AngularJs)Webapp)上,我正在显示一个分页的项目列表。
我每页显示10个项目。
为了保留用户在其他页面上导航时随时打开的当前分页,我将当前页码放在浏览器的localStorage上。这是工作流程的示例:
myItemsList.html
。myItemsList.html?page=2
。myOtherPage.html
。myItemsList.html
直接由于localStorage而显示在页面上myItemsList.html?page=2
,以便潜在地继续其导航。这会使用户感到困惑,也许期望将页面1视为新的开始导航。
如果我显示在列表的顶部,则会出现一种类似“第2页”的标签,以警告他他正在浏览导航的前面部分,这对UX友好吗?
还是应该完全避免持续当前的分页?
如果我不坚持当前浏览的页面,可能会发生以下情况:
myItemsList.html
。myItemsList.html?page=2
myItemsList.html?id=123
myItemsList.html
(自“单页应用程序”以来)。当前的分页(第2页)将丢失,用户需要重新启动它才能继续其项目发现。这似乎很棘手...
对于这样的用例,我应该选择哪种策略?
URL应指示导航。
当我导航到您的网站(例如example.com)时,我希望它位于第一页。
当我导航到您网站的(带有书签)页面时,例如example.com?page=2,我希望位于第二页。
当我按下“后退”按钮时,我期望与上一页完全一样。您无需刷新整个页面,只需监听历史记录事件并相应地进行更新。
我坚信这个问题不属于stackoverflow ...
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句