一直在努力研究
SEO技术

建设网站需要注意哪些细节?网页设计的八个重点

1.确定你的客户浏览网站的目的

营销工具永远要从消费者的角度思考,当消费者使用电脑跟手机的地点、目的不同时,我们也要赋予电脑、手机版网站不同的功能。

首先,确定客户用手机查询你的资讯时,最想看到什么,就是网站的重点,同时也是决定要做响应式网页的重要关键。

2.重新思考浏览路线

从网友要看的重点中,就能重新思考并安排整个网站的浏览路线。

除了电脑版页面之外,也得把移动端考虑进去。因为移动端的屏幕尺寸较小,每一个放置的元素都必须是万中选一的重点,一点空间都不能浪费。审慎安排每个重点的位置,如电话、地图、产品资讯,可以缩短网友寻找资料的时间。

3.简化简单但绝不能简陋

考虑于手机、平板这些移动端的屏幕比电脑小,处理效率也不一定比电脑好,因此网页设计必须要简单,尽可能缩小网站档案,才能缩短网页载入的时间,即使在3G环境下也能顺利浏览。

但是简单不代表简陋,少了华丽特效还要能吸引网友目光,才能考验网页设计师的真工夫。通过技术,可同时兼顾网站美学与档案大小,让响应式版网站兼顾品牌形象的营造。

4.瀑布式设计,舍去横向卷轴

Google应使用者导向,移动端阅览率(67%)远大于电脑(33%)的前提下,调整利于移动端的演算法。所以为了方便在有限的移动端画面上阅读并操作网页,响应式网页应采直式设计(单栏式设计),并舍去横向卷轴。只要往下滑,就可以看完所有资料。

5.加强导览功能

阅读文章时要从最后回到顶端还挺麻烦的,因此让单元列与分类清楚好找,可以加强导览功能、减少滑动画面的频率。

另外「回到首页」、「回到上一页」的面包屑导航功能键也很重要,必须清晰、易点选。

6.以触控屏幕为出发点

手机、平板上的按键、超链接若没有1个食指尖大(约44px),将会是一场永远都点不到的悲剧。

滑鼠移到按钮上可以触发某些功能的特有效果,在手机上也绝对要舍弃,因为手机只能点击,没有hover的特效,像下拉选单、滑鼠移过去变色等效果都需舍弃。

7.视觉回馈是细节也是重点

不只要让按钮更大、更明显,让网友在点选时可以看到按钮的颜色变化,可以让网友知道他已经点击成功,能避免网友重复点击。

载入网页时呈现loading画面,让网友知道网页正在载入,也能避免网友重复点选、延迟载入的时间。

这些虽然都是细节,但会大大影响使用者对这个网站的好感度,直接影响品牌印象。

8.响应式强化手机原生功能

手机没有电脑的大屏幕,但却拥有电脑所没有的移动性,响应式网站不只是将电脑上的资讯重新排版,应该要特别将这些优势发扬光大,让移动下更具商机。举例来说:

移动端网站可以一键拨号、可以一键开启地图,透过手机原生功能可以加快交易速度。

网站上可安装套件让网址即时分享到微信、微博、QQ,便利客户为您口碑营销。

原创文章,转载请注明: 转载自「月噬仙博客」

本文链接地址: 建设网站需要注意哪些细节?网页设计的八个重点

文章的脚注信息由WordPress的wp-posturl插件自动生成

赞(0)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址