加入收藏|设为首页

手机版
$(function(){ $("#sj").hover(function(){ $(".wap_in").show(); },function(){ $(".wap_in").hide(); }); });
惠州-惠城
0752-2285080 130 752 11555
深圳
重庆
昆明
贵阳
$(window).scroll(function(){ var scrollTop = $(document).scrollTop(); if(scrollTop > 0){ $("#top").addClass("s_down"); } else { $("#top").removeClass("s_down"); } initTop = scrollTop; });
新闻中心
经典案例 [ 更多 ]
  • 中国大麦网

  • 田美花园

  • 树年手机

  • 黑龙潭

  • 以幸时尚摄影

合作伙伴

用户体验的网站首页设计的准则

2014-05-30 10:59:40 来源:知讯网络 字体大小:TTT
[摘要]  最近在给学员培训的时候发现一个问题,就是他们在设计专题或者页面的时候自我意识太强,缺少页面设计的基本思

 最近在给学员培训的时候发现一个问题,就是他们在设计专题或者页面的时候自我意识太强,缺少页面设计的基本思维,想怎么设计就怎么设计,有些只是看到别人的页面是这样,他也就闷头模仿,还传递了一句名言:“模仿是雷管,创新是炸药”。话虽如此,可是既然要成为一名专业的编辑或者页面设计师就必须懂得页面设计有哪些准则,如何站在公司的角度考虑公司的利益,如何站在用户的角度给用户良好的体验,如何站在行业的角度延续行业长期培育起来的用户习惯,在网页设计中一定要注意这些准则。

  下面重点说说在主页设计的时候我们应该赋予主页的十二个任务:

  第一个任务:体现站点的标识和使命

  上 次看到一组数据,说当今全球网站数量已经上亿了,平均每天看1万个网站,那么一个人要花30年才能看完这些网站,可是30年中又会有无数的网站诞生,也许 又要花60年才能再看完,总之这辈子是看不完了。说明网站竞争相当激烈,同一个类型的网站同时有上万家在竞争是不足为奇的,所以在竞争中一个网站的主 页就显得格外重要。

  主页要不能放过任何一个可能访问或者正在访问甚至访问过的用户,大家都削尖了脑袋想办法如何处理这三个问题。那么对于任何一个访问你网站的用户你就要了解 他第一次打开你网站他关心什么。经过长时间的调查和试验,用户第一次打开一个网站大部分是这四个问题:

  A 这是什么网站?

  B 网站上有什么?

  C 我能在这里做什么?

  D 为什么我应该选择这里,而不是其他地方?

  下面我们以阿里巴巴为例看看他是如何表达这四个问题的。

  阿里巴巴在国内是电子商务类网站用户体验公认做得最好的,这个不想论证,就看他的网站LOGO,橙色加黑色,网站整体CI就是这个色,标识下方的“全球领先的网上贸易市场”。

  第一个问题:阿里巴巴是做什么的?看完这个LOGO如果您还不知道,那么接着您的视线从LOGO位置水平向右移,看到导航,还不知道是做什么的?天!好吧,请托动滚动条,浏览一下网页。

  第二个问题:我能在这里做什么?从阿里巴巴首页右上角的导航条,很明显的告诉用户,用户在这里可以“采购”和“销售”这是主打服务,其他的看用户的需求。

  第三个问题:网站上有些什么?如果前两个问题你在阿里巴巴上已经没有疑问了,那么这个问题阿里巴巴已经在主页上很好的回答你了。

  第四个问题:为什么我应该在这里?“全球领先的网上贸易市场”这句话的效果不要小看哦!

  好了,通过阿里巴巴的例子,已经告诉各位看官主页的第一个任务――体现站点的标识和使命。主页要告诉用户我这是什么网站,我是做什么的,为什么你应该来我的网址。

  第二个任务:网站导航和站点层次

  网站要给出网站提供的服务的概貌,既要包括内容――“我能在这里找到什么?”。也要包括功能――“我能做什么?”。还有这些服务是如何组织的。这项工作 通常由持久导航来处理。其实一个网站的导航是非常重要的,他是网站的通道,通道如何设计才能让用户最方便快捷的到他想去的页面,如何设计才能把网站最好的 内容体现在用户面前,导航设计有哪些讲究,避免出现哪些错误,这些问题后面的文章都会一一解答。

  第三个任务:搜索

  对于信息量大的网站搜索是很必要的,否则即使你其他元素处理得再好,用户在你网站上体验的感觉就像波音747的靠背椅全部换成了小板凳!

  第四个任务:导读

  就像杂志封面一样,主页要用一些“里面有精彩内容”的暗示来吸引我,“内容推荐”部分应该突出最新、最好、最热门等的内容片断,例如头条或者热销和热文等等。“功能推荐”部分邀请用户去访问网站更多的栏目或者使用一些个性化功能或邮件简报等。

  第五个任务:内容更新

  如果网站的成功取决于用户是否经常来访,那么主页应该有一些经常更新的内容。即使是不需要固定访问者的网站也需要有一些活跃的迹象,哪怕只是一个到最新的新闻链接,告诉用户这里并不是一潭死水。

 

             公明网站建设,网站制作,网页设计,网站推广,

$(document).ready(function() { $("#selectXiangGuanLianJie").change(function() { var hrefstr = $.trim($(this).val()); if (hrefstr != "" && hrefstr != "0" && hrefstr != undefined) { var tmp = window.open("about:blank", "", ""); tmp.moveTo(0, 0); tmp.resizeTo(screen.width + 20, screen.height); tmp.focus(); tmp.location = hrefstr; } }) }) var yzhzsfid = "10000007"; $(document).ready(function() { if (para("q")) { $(".ccooperate .item").eq(para("q")).show().siblings().hide(); $(".xymenu li a").eq(para("q")).parent().addClass("current").siblings().removeClass("current"); } else { $(".ccooperate .item").eq(0).show().siblings().hide(); $(".xymenu li").eq(0).addClass("current").siblings().removeClass("current"); } $("input:text,select,textarea").bind({ focus: function() { $(this).css("border-color", "#222") }, blur: function() { $(this).css("border-color", "#bbb") } }) }) function fontSizeChange(){ $(".newspage center.info span").click(function(){ $(this).addClass("current").siblings().removeClass("current"); if($(this).hasClass("small")) $(".zw").css("font-size",14); if($(this).hasClass("middle")) $(".zw").css("font-size",16); if($(this).hasClass("big")) $(".zw").css("font-size",18); }) } fontSizeChange(); $(".rxxm").imgFade(); setFullHeight(); $(window).resize(function(){ setFullHeight(); }); $(".rxxm").imgFade();

深圳知讯
深圳业务咨询

惠州知讯
惠州业务咨询

重庆知讯
重庆业务咨询

贵阳知讯
贵阳业务咨询

昆明知讯
昆明业务咨询

客服李小姐 客服李小姐

客服许小姐 客服许小姐

客服王小姐 客服王小姐

 备案客服 备案客服

var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Ff0883abc848f2bd29b354805cee56dbd' type='text/javascript'%3E%3C/script%3E")) var box = new LightBox("idBox"); $("idBoxCancel").onclick = function(){ box.Close(); } $("idBoxOpen").onclick = function(){ //box1.Close(); box.Center = true; box.OverLay.Color = "#000"; box.Show(); } var box1 = new LightBox("idBox1"); $("idBoxCancel1").onclick = function(){ box1.Close(); } $("idBoxOpen1").onclick = function(){ //box.Close(); box1.Center = true; box1.OverLay.Color = "#000"; box1.Show(); } function kefu_close() { document.getElementById("bottomDiv1").style.display="none"; $(".footer").css({"margin-bottom":"0px"}) }