整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

技术贴:一篇文章看懂链接(超链接)设计

人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。

产品设计时细节是产品经理最头疼的问题,一个button,一个链接都要考虑太多的细节问题。作者整理了常见的一些功能设计问题,一篇文章看懂这些功能设计。来学习吧。

定义

链接也称为超链接,所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

样式

链接可以是一个字或是一段字这样的文本,也可以是一个按钮,一张图片,当你点击后跳转到另一个目标,当你把鼠标指针移到某个链接时会变成一个小手,当然在手机上没有这一特点。

1. 文本样式的链接

文本样式的链接一般在搜索引擎的网站呈现蓝色字样,大多会在下面加上下划线以便识别,不过现如今考虑到不影响文本的可读性与用户体验,逐渐取消了下划线。而在一些别的网站考虑到界面设计风格各方面的因素而不用蓝色。

谷歌的文本链接是蓝色,没有下划线

百度的文本链接也是蓝色,关键词是红色,有下划线

而京东的文本链接有灰色,有白色,有黑色

2. 按钮样式的链接

按钮样式的链接比文本样式的更容易识别,每一个按钮都是一样链接。

按钮样式链接

3. 图片样式的链接

图片样式的链接可以是单独的一张图片,也可以是文字与按钮一起组成一张图片,只是鼠标指针扫过图片的任何一个部位都会变成小手。

如桌面弹出这种游戏小窗口的图片式链接

由文字/图/按钮样式一起构成的一张图片式按钮,鼠标可以点击图中任何一部位

打开方式

链接打开的方式有三种:第一种是在当前页面刷新跳转,国外的网站大多是这样的打开式;第二种是在新标签页面打开链接,国内大多采用这种;第三种是提示用APP打开。当然现在出现了一种新的打开方式,那就是二维码扫描。

提示用美拍APP打开

类型

按照连接路径的不同,网页中超链接一般分为以下3种类型:内部链接,锚点链接和外部链接。

链接还可以分为动态链接和静态链接。动态超链接指的是可以通过改变HTML代码来实现动态变化的链接,例如我们可以实现将鼠标移动到某个文字链接上,文字就会象动画一样动起来或改变颜色的效果,也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果。而静态链接,顾名思义,就是没有动态效果的链接。

1. 内部链接

与外部链接(即反向链接)相反,内部链接是指同一网站域名下的内容页面之间互相链接。如频道、栏目、终极内容页之间的链接,乃至站内关键词之间的Tag链接都可以归类为内部链接,因此内部链接我们也可以称之为站内链接,对内部链接的优化其实就是对网站的站内链接的优化。

2. 锚点链接

HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。

3. 外部链接

外部链接,又常被称为:“反向链接”或“导入链接”,是指通过其他网站链接到你的网站的链接。

外部链接指的是针对搜索引擎,与其它站点所做的友情链接。高质量的外部链接指:和你的网站建立链接的网站知名度高,访问量大,同时相对的外部链接较少,有助于快速提升你的网站知名度和排名的其他网站的友情链接。

如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。

链接是一种对象,它以特殊编码的文本或图形的形式来实现链接,如果单击该链接,则相当于指示浏览器移至同一网页内的某个位置,或打开一个新的网页,或打开某一个新的WWW网站中的网页。

链接状态

链接在交互上一般会呈现4种状态,即默认状态/悬停时状态/点击时状态/点击后状态。比如谷哥网站的交互体验。如下图:

点击前

悬停时,下面浮现半透明线条

点击时,有波纹晕开的动态效果

点击后,下面线条粗

有时候是3种状态,比如百度网和知乎应用:

默认状态

点击时链接变红

点击后链接变成紫色

IOS系统知乎应用的3种状态,而在Android系统没有用力点击这一状态。

默认状态

点击状态

用力点击会弹出预览小窗口

有些时候只有2种状态,如下图谷歌网:

默认和点击后状态一样

鼠标悬停时出现下划线

默认状态

点击时

而有时候比如在APP里有时候就一直只有一种状态,也可以称静态链接,之前的可以称之为动态链接。在不同的使用场景会因为当时的情况选择最合适的交互体验设计。有的情况下还会加上点击的音效,使用户体验更畅快,这在移动端用的使用情况多一些。

总之链接是网页不可缺少的构成部分,每一个链接的呈现都是经过深思熟虑的。

作者:潘瑶琼(简书作者)

本文由 @潘瑶琼 授权发布于人人都是产品经理,未经作者许可,禁止转载。



pp:Safari浏览器


适用平台:iOS、Android


上两周更新了一篇免费看漫画的笔记,没想到没几天App就被下架了。嗐~iOS好不容易出个免费看漫画神器,就这样没了!


不过姐妹们不用担心,作为App博主,必须要给你们安排到位。今天又被我挖到一个ios免费看漫画的方法。


和之前的一样:免!费!无!广!无!任!务!



在手机“设置”点个“Safari浏览器”,更改搜索引擎为“Ecosia”。



打开Safari浏览器,搜索自己想要看的漫画



姐妹们,看某平台付费榜Top1的漫画,这里都可以免费看全集了!!!而且资源超多,资源的搜索方式和之前全本小说笔记的方式有点像



选择一个合适的资源,就能免费看漫画



如果想要无广免费看漫画,在手机“设置”继续选择“Safari浏览器”,拉到最下选择“高级”,关闭“JavaScript”,就可以无广免费看漫画啦!


Safari浏览器对比cilidili有2个bug:


没有下载功能,不能离线免费看漫画


搜索的资源是比较多,但也会稍微有点乱,要费点心思找。


*不过不算太难找,我也是翻了两三个资源就能找到了,姐妹们不用太担心会很麻烦。毕竟可以免费看漫画,这个还是可以接受的哈~


免费看漫画真的太香了~集美们都赶快给我下!


全网同号:lak尼酱宝藏APP

总会有朋友买了iPad过来问我,XXX上买的XXX,你看看是不是真的?有没有问题?或者截个图,然后来问我这个屏幕完美吗?你看看我买的这个弯了吗?或者用全损音质的视频发给我,问我哥,你看这外放是不是有杂音?

哥,我不是千里眼也不是顺风耳,有些验机的事情还是得自己做呀!

胜在价格便宜,二手iPad通常是水最深的iPad。但是价格便宜并不能成为奸商卖假货的理由,这里以购买过程为线索,简单讲一下怎样验机,以及出问题后怎样维权的问题。

「如果已经入手,请直接跳到文末看 到手验机流程」

购机前

购机前最重要的是确定购买的平台,经常有人问我:XXX上买XXX靠谱吗?XXX上买的XXX是不是假货啊?这就要谈谈到iPad不同购买渠道的差异。

「官方平台」众所周知,最正规的是官方网站和直营店,选择这条渠道的基本上可以跳过购买时验机的流程,即使收到的机器有问题也很容易换新或退货,客服也做到了国内能做到的最高水平。但是官网价格稳定,唯一的优惠只有学生优惠(需要学生证核验)。

官网请认准:https://www.apple.com 或者苹果的天猫直营店(不是其他乱七八糟的店铺哦)。

「官方授权店」授权店有线上授权店和线下的授权店,但无一例外都是有苹果标志,并附带authorised的小字样,表示苹果公司核验授权的,店内的营业执照上也一般会有注明。授权店一般机器不会有问题,有问题调换也很方便,但是配件,比如壳,贴膜,以及apple care都是比较坑的,一张成本十块钱的贴膜能卖到上百。这类店好处就是方便,适合在中小二三线没有直营店的城市购买的用户,出问题维修也大概能得到保障,但是服务质量会比直营店差很多。以下是线上的授权经销商,如果看到有官方授权店的字样,又不在以下列表,那就要注意了:

https://www.apple.com/cn/buy/reseller/internet.html

复制到浏览器打开,或点击文末“了解更多”打开授权经销商列表

「特殊渠道(如某宝等)」这是题主购买的渠道,一般水很深一般不推荐,但是胜在价格便宜,通常会有上千的优惠,二手优惠更大。但是购买此类iPad没有发票和保修,如果苹果改变保修政策,换机和维修将会变的困难。iPad就有国行,港版,日版,韩版,美版,欧版,澳版等版本,但是所幸iPad版本差异并不大,而且都是国内郑州,成都,深圳富士康生产,所以质量不会差多少。如果要购买此类iPad,需要做大量功课,最好能有信得过的人,华强北也不一定都是奸商,深圳发货的也不都是假货,只要认真甄别还是能买到比官方便宜好几百的好机器的。有些优质的店家也能够提供一定的店铺保修,虽然有些聊胜于无,但是也是一份保障。

「 不得谈的保修问题」是否给予保修其实非常考验一个店铺的信誉。官方直营店最方便也最完善,支持15天无理由退货退款(拆封也没关系),支持保修期限内满足保修条件的所有保修。授权店麻烦些,如果拆封,没有问题不允许退货,如果有质量问题才可以退货,但是流程较为复杂,非授权网店保修需要看清楚其描述,一般情况也是拆封后只有问题才能换,且不能退。特殊渠道的保修基本就不要想了,购买前也要与商家沟通好,一般情况也是拆封后有问题才可以退,不拆封退货自负邮费。使用过程出问题有两种可能,一是自己拿去直营店维修,二是退回商家处维修,在这也不多赘述。

目前苹果的保修政策收紧,国行严格意义上要在保修期内并且带发票才能保修国外版的只有Wi-Fi版支持全球联保,但是刁钻一点的直营店也会要求提供购买凭证!缺少购买凭证,去申请售后大概率失败,基本上就是碰运气。这也主要是因为之前大批投机取巧的人去官方售后骗保,导致苹果不得不提高保修门槛。以前的政策是能换就不修,当场换了当时拿走。现在是能修就修,先返厂检查有没有动过手脚再判断你是否符合维修条件,无比繁琐,要怪就怪那些钻空子的人玩坏了规则!

购买时

必问事项」不论是在哪个平台,很多东西都必须与客服沟通清楚,一方面可以了解到产品的相关信息,另外也是日后出问题维权的依据。

一般必须问到的内容包括:保修时间和发票、机器本体和赠品内容、七天无理由退货的要求、物品运输过程中损毁的赔偿、产品质量问题等退货的流程等等。一切你想了解的内容,都应该及时与客服沟通清楚,否则出问题就有可能出现商家推卸责任的情况,这时候损失可能就需要自行承担了。

购买「二手产品」还需要额外询问几个内容:设备是否全原装、外观磕碰情况(最好要求附带图片)、验机助手的图片(这个后面详细讲)、设备的版本(判断方法看文末)、保修时间以及是否购买了AppleCare+。

下单后

下单后,通常在官网购买的iPad会提供产品的序列号和物流信息,而第三方购买的询问客服也能得到相关信息(当然有客服偷懒可能不愿意给哦!)。二手产品在购买后向商家要iPad序列号一般也是能要到的,拿到了序列号,就可以去官网查询保修了。公众号回复“保修查询”获取官网保修查询链接。

官网查询是最靠谱的方式,没有之一!

但是有时候查到保修时间会有一两天的差距,这可能属于服务器的时间设置问题,如果是官网购买,则保修时间从出库时间算起,这样偏远地区可能差距会有三四天。微信和其他网站查到的时间一般不准确,但是产出地和生产时间一般没问题,官网查的时间不会有问题,但是有时候颜色会显示不准确。总之一周以内的保修时间差距都是正常范围

  • 二手产品保修时间以查到的时间为准,通常二手产品都是过保修的,那么维修和服务保障情况会显示:已过期
  • 如果机器的序列号被人拿去骗保修了,那么维修和服务保障情况会显示:已更换

快递到手时的验机

在发货后,快递签收前这个时间段,退货是最容易被商家接受的。因此在这个时间验机也就显得尤为重要,但是快递员通常都很忙,没时间给你半小时一小时来检查有没有问题,因此只能粗略验机,下面说说流程。

「全新机器」到手验机一般是不允许拆开密封包装纸的,一方面是时间不够,其次拆开意味着贬值,因此一般要检查发件人收件人对不对,有没有猫腻,包装盒是否完整,开箱后内部物品是否完整,赠品是否到位,有问题立即联系发件人沟通。如果有幸能够拆开iPad包装验机,拆封前检查塑封(外包装的塑料膜)是否有人工破坏过的痕迹。其次看三码合一,盒子,盒子内侧,机器,保修卡的序列号,imei码是不是都对的上。

然后就可以开机看一下屏幕,这时候千万不要去激活,激活的话有问题退货也变得困难,当然时间也不允许你激活(激活需要wifi,以及十几分钟等待时机,快递员一般不会愿意等的),开机过程中可以观察屏幕有木有坏点,苹果的严格品控下一般不会有,有五颗以内也是正常情况,然后摄像头内有没有进灰,机身是否有磕碰,充电口和耳机口是否发黑(如果被使用过一般是有黑褐使用痕迹的),如果不满意就可以直接退了,最后开机后然后查看机器的imei和序列号是不是和机器背面对码,是不是处于未激活状态。

「二手产品」还需要注意以下几点,是否符合商家成色的描述,磕碰是否与图片相符合。产品颜色,型号,序列号是否与商家之前发给你的相符合。

如果有问题可以立即与商家沟通,并要求快递员暂时不要签收,获得与商家交涉的时间。

如果都没有问题就可以确认收货了。

激活后验机

这时可以借助app验机了,如果能成功激活,就可以进行下一步了,对于二手设备,如果对首次激活不太信任,可以抹除所有设置重现激活一次,这样就可以确定没有隐藏ID了。然后就可以在iPad上安装app进行验机了。

下面推荐三个app(App Store搜索下载):

  • 大名鼎鼎的「安兔兔测评
  • iPad也能用的设备数据查询软件「手机硬件硬件管家
  • 能够检查一些硬件功能是否有问题的「估呗

这样在设备端的验机就算基本完成啦。

如果是还不放心,或者是二手产品那么还需要进行以下几个操作:

在电脑上安装「沙漏验机」(复制链接到电脑打开):

http://www.shalou.net/

根据软件的操作提示验证机器是否有内部元件的更换和改动,二手产品必须查验,避免商家坑骗。

当然也可以安装老牌的「爱思助手」(复制链接到电脑打开):

https://www.i4.cn

但是爱思助手近期被曝光可以通过刷数据得到全绿的结果,因此最好结合其他软件一起看。

如果都没有问题,那么恭喜你!稳稳下车!

往期回顾

【共享账号】国区账号上线,内含丰富付费应用

【今日福利】Goodnotes与Notability专用笔记纸~

【今日福利】《致命女人》全集高清更新!迅雷会员,爱奇艺免费会员免费送

下面的横幅也拜托支持一下~

戳“了解更多”查看经销商列表