网页中“上一篇”“下一篇”设计思考

网页制作Webjx文章简介:网页中的“上一篇”和“下一篇”链接问题.

一篇博客文章页中,正文的下面总会有两个操作“上一篇”和“下一篇”。每次看到这两个链接,我都要思量半天,“上一篇”究竟指的是新的一篇还是旧的一篇。

问了两个同事,给了我两个不同的解释:

高峰: “上一篇”肯定是旧的一篇,因为上一篇是先发的,所以是旧的,下一篇是后发的,所以是新的

丹丹:“上一篇”是新的一篇,因为文章是按照时间顺序排列的,排在上面的肯定是新的,排在下面的是旧的

再看看QQ空间,“上一篇”是指新的一篇,但是百度空间的“上一篇”却是旧的一篇。

新浪的博客采用的是“前一篇”和“后一篇”,仿佛这样的效果好一点,“前”可以理解成“从前”,“后”可以理解成“后来”/“以后”,但还是需要思考。

产生这些问题的原因,是这些“上/下一篇”“前/后一篇”不能提供一个容易理解的、直观的心里模型,导致了用户无法理解或者错误理解。我提供一些个人的解决方案:

1. 在新窗口中打开内容页,内容页不提供类似“上/下一篇”的操作,看完这篇就关闭窗口,重新回到列表页,这样就避免用户去思考这个问题

2. 使用“新的一篇”和“旧的一篇”,因为与“上/下”“前/后”相比,“新/旧”是对时间最直白的描述

你还有更好的解决办法么?

时间: 2024-10-27 01:40:10

网页中“上一篇”“下一篇”设计思考的相关文章

PHP实现上一篇下一篇的方法实例总结_php技巧

本文实例分析了PHP实现上一篇下一篇的方法.分享给大家供大家参考,具体如下: php实现上一篇下一篇这个主要是通过sql来根据当前的id来进行判断然后筛选出当前ID之前的数据或ID之后的数据了就这么简单,具体的我们来看看. 实现网站文章里面上一篇和下一篇的sql语句的写法. 当前文章的id为 $article_id,当前文章对应分类的id是$cat_id,那么上一篇就应该是: 复制代码 代码如下: SELECT max(article_id) FROM article WHERE article

jsp页面显示新闻.公告之类的上一篇下一篇

http://hi.baidu.com/a393060727/blog/item/19dc08d5f2408acd51da4b3b.html     jsp页面显示新闻.公告之类的上一篇下一篇(转载) 2009-07-14 23:23 此方法有二种:1 在JSP前台页面判断并输出,(适合初学,易理解)2 在SERVLET里判断并输出(符合MVC架构)我们先说第一种方法: 先说dao层,主要是取比当前ID小的只一条,取比当前ID大的只一条,注意排序!下面是在查询时的最基本语句,这是最基本的:   

php实现上一篇下一篇的方法总结

实现网站文章里面上一篇和下一篇的sql语句的写法. 当前文章的id为 $article_id,当前文章对应分类的id是$cat_id,那么上一篇就应该是:代码如下 SELECT max(article_id) FROM article WHERE article_id < $article_id AND cat_id=$cat_id; 执行这段sql语句后得到 $max_id,然后 SELECT article_id, title FROM article WHERE article_id =

ecshop调用文章显示上一篇下一篇

首先调用文章中的上一篇和下一篇语法为:  代码如下 复制代码 上一篇:<a href="{$next_article.url}">{$next_article.title}</a> 下一篇:<a href="{$prev_article.url}">{$prev_article.title}</a> 如果要实现当在第一篇文章或最后一篇文章时候,上一篇下一篇没有就用"没有了..."可以用一个if语句控

yii2实现 "上一篇,下一篇" 功能的代码实例

最近做了简答的文章详情页面,需要在页面底部加入上一篇,下一篇 按钮,分析了下,最基本需要有文章的标题和id(作为参数). 开始想的是当前的id加减1,但考虑到如果部分id丢失就不对了,于是分别查询比当前id大和小的记录并且限定为一条,于是有了以下代码. 代码如下,不对的地方请指教. 控制器中 //查询上-篇文章 $prev_article = 你的模型::find() ->andFilterWhere(['<', 'id', $id]) ->andFilterWhere([其他条件) -

ASP实现上一篇,下一篇过程代码

ASP实现上一篇,下一篇过程代码 Rem==上一篇== Rem====================================================== Rem= 参数说明: Rem= pid当前ID,prame:栏目前辍(如一般web_news表,字段时一般为wn_**,prame就代表wn) Rem= ptable(表前辍.如一般表名是:站点名_表名(shenzhe_news) ptable:就代表shenzhe) Rem= 说明:采用上面命名法,可使该过程达到通用 Rem

上一篇,下一篇过程代码

过程 Rem==上一篇==Rem================================================================Rem= 参数说明:Rem= pid当前ID,prame:栏目前辍(如一般web_news表,字段时一般为wn_**,prame就代表wn)Rem= ptable(表前辍.如一般表名是:站点名_表名(shenzhe_news) ptable:就代表shenzhe)Rem= 说明:采用上面命名法,可使该过程达到通用Rem==========

Drupal 7 实现上一篇下一篇的简单方法

在模板/sites/all/themes/liuzhiliang.com/template.php文件上加个函数  代码如下 复制代码 /**  * myNodePrevNext  * 文章上一篇下一篇  * $nid - 节点id  * $type - 节点类型  */ function myNodePrevNext($nid, $type) {     $output = '<ul>';     $sql_previous = "SELECT n.nid, n.title, ur

Wordpress上一篇下一篇程序代码

很多WordPress给文章加上一篇下一篇这个功能,代码如下写法  代码如下 复制代码 <?php previous_post_link('%link'); ?> <?php next_post_link('%link'); ?> 上在的用法最此函数的最简单的用法,此函数还有更多更好的参数与用处,比喻说同分类下的下一篇文章.不显示文章标题而只是提取链接,自定义瞄点文字  代码如下 复制代码 <?php previous_post_link($format, $link, $i

上一篇,下一篇过程代码_应用技巧

复制代码 代码如下: Rem==上一篇==  Rem================================================================  Rem= 参数说明:  Rem= pid当前ID,prame:栏目前辍(如一般web_news表,字段时一般为wn_**,prame就代表wn)  Rem= ptable(表前辍.如一般表名是:站点名_表名(shenzhe_news) ptable:就代表shenzhe)  Rem= 说明:采用上面命名法,可使该过