网站如何提高界面的交互性

网站建设知识 phpacg 2年前 (2018-04-24) 146次浏览 0个评论

  互联网信息时代的开展为网站设计及网站中的人机界面交互设计提供了史无前例的开展空间,越来越多的软件和互联网公司末尾注重网站中的人机交互和用户体验在产品中的重要作用。而网站中的用户界面是用户和网络发生接触的第一个窗口,关于互联网产品的用户体验以及访问量、注册量、销售额甚至本钱等都有至关重要的影响。

  在一个网站中,网页上的可交互元素,包括页面上的按钮、链接、文本框等,更应合理设计才干带来好的页面交互性。那么如何提高网页的交互性呢,主要是要留意以下几点。

  1 留意网站的链接、按钮和LOGO

  一个网站的链接和按钮都应该契合用户的运用习气。目前链接文字通用的表现方式是字色蓝色并带下划线的文字。而按钮应当是有一定的平面感,看上去就是一个突出的按钮,一看就知道是可以点击的。而LOGO是与其它网站链接以及让其它网站链接的标志和门户。在通常状况下,经过点击LOGO可以前往到网站的首页。所以,LOGO即是一个网站的名片,LOGO更是网站的灵魂所在,除此之外它还具有一个重要的导航功用。网站的LOGO作为一个重要的网页元素,当鼠标移上去或许划过等事情,应该有相关的信息照应。

  2 网站页面加载进度

  网站的每个链接,包括网站的首页翻开都需求时间加载的,只是某些网站功用较为复杂,加载起来很快是而无需担忧页面延迟。但某些网站的加载往往不能一次性完成,例如淘宝这种大型购物平台,页面有很多的商品图片,加载需求一定时间,这个时分是需求一定的照应式的,所以页面更应该给出提示,否则让用户等候太久是很不友好的做法。

  理想上,有很多的要素会影响到网页初次加载的照应时间:HTML文件的文档的大小;页面中的各种元素例如代码、图片、flash、音频、视频等元素文档的大小;HTML页面的复杂水平(阅读器可以很快的展现复杂的页面);用户反响的快慢也会影响阅读速度;被网页页面调用的其他内容所在的效劳器的访问速度;网站的域名和外部域名的DNS的解析速度也会影响网页的加载速度;用户所运用的计算机的各种功用(假设计算机的资源消耗过多,或许配置过低,阅读器也会变得照应缓慢);效劳器的配置的上下。

  除了上述要素会招致网站照应的快慢以外,一些人为的要素及一些硬件也会影响网页加载的速度。例如:效劳器端、客户端和网速。效劳器端主要包括:效劳器的地域,能否双线,处置才干等。

  那么如何提高页面的阅读速度呢?采取以下几种基本的方法可以有效的提高网页的阅读速度。

  (1)在不影响页面质量的前提下,尽能够的优先优化HTML代码。(在页面上传效劳器之前,先去掉HTML文档中的没必要的换行标志以及注释。但为了保证页面的可读性和可维护性,注释的代码还应当保管在源代码中)。

  (2)为了增加文档之间的依赖,在制造网页时页面中应尽能够少的包括其他外部援用。(可以将多个脚本放入一个脚本文件,图片处置的技术将多个小图片兼并成为一个大图,这样就只需求加载一次)。

  (3)把开发的网页外面的字节增加一些,把没用的字节都删了。尽量多运用div来规划网页,少运用表格规划。

  (4)尽能够的定制图片及包括图片的元素的尺寸。让图片自身就契合网页的要求,这样可以尽量防止页面展现时由于图片不能一次性加载而形成页面元素跳动的现象。

  (5)小脚本放在头元素中,而比拟大的脚本则放在页面的尾端加载,这样页面可以在大的脚本加载完成前展现出来。假设把大的脚本放在页面的头元素停止加载,则阅读器会等到脚本完全加载完成后才显示页面内容。

  3 网页中应隐藏不常用的操作

  网站中不经常运用的操作可以不用突显出来,将其弱化或隐藏。例如,网站中有某个弹出层是简直不用到的,为了不对用户形成搅扰,我可以在当鼠标经过的时分才出现这个弹出层。这个是基于上文提到的不搅扰用户留意力角度动身的。比如,在新浪微博中,微博的屏幕功用只要在鼠标移到对应某条微博的右上角并单击鼠标的时分才会弹出操作提示框,否则是看不到屏蔽操作的,这个就是一个隐藏操作的详细表现。

  4 尽量增加弹出信息

  为什么要尽量增加弹出信息呢,这里举一个例子来说明一下?当你正在看一部精彩的电影或看一本精彩的书,这时接到一个无实质内容的电话,你一定会十分恼火。网页设计也是一样,假设能在以后页面显示完成就尽量在以后页面加载完成。关于那些弹出信息,例如弹出层、跳转页面、模态窗口等都影响用户体验。

  5 网站对用户需求引导-网站导航

  一个好的网站是可以让用户片面阅读,所以网站导航十分重要。每个用户在阅读页面时往往都是不确定性的、无规律的,同时用户更不喜欢选择。所以,网站需求时辰让用户看清以后的位置。假设阅读者不能快速、便捷地找到它,他们就很有能够去别的网站。例如,很多博客网站除了首页导航之外,还将分类作为第二导航放在页面的边栏。此外,网站的页脚也很重要,由于有局部用户阅读时接触到的是网站的底部,这个时分网站的页脚可以方便的让用户找到以后的站点位置。

  不时以来,网页界面设计的研讨主要针关于视觉方面,而设计的内容、流程和准绳虚拟了实物产品的设计,基本上没有太大的改动。随着信息科技的开展和人机交互技术的成熟,交互界面的设计曾经生长为一个独立的行业。本文论述了基于增强理想的交互界面概念,剖析了其突出特点,总结归结交互界面设计的流程与准绳。交互界面设计是一个全新而又复杂的研讨范围,本文的研讨仅仅是交互界面设计的冰山一角,如何将交互界面设计的实际特性剖析清楚、了解透彻,还得依托同行们的不懈努力和少量实际,运用户和网络的信息交流愈加简便、高效和兽性化。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

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