1. 首页
  2. 设计网站
  3. 正文

网站UI设计:“不好看”的网站存在逻辑

  一个网站是否好看,这与UI设计有关。UI就是用户界面。当然,最好的网站是形式和功能的统一,即实现了功能,并且用户界面也很美观。

  但是,这是一种理想。并不是所有的人都可以实现理想,网站也是一样。当“理想”无法实现的时候,就会有妥协。对网站设计来说,妥协的产物就是“不好看”的网站。

  

  不好看的网站一二三四

  我们举三个不好看的网站的例子,解释为什么会不好看。

  例1:维基百科

  维基百科之所以UI不够美观。有两个原因。一是这是一个人人可编辑内容的网站,过多的UI设计,就导致一个结果,用户编辑的内容会受到诸多限制,限制了编辑的自由。二是减少UI设计,可以增加页面的加载速度,对于一个知识分享类网站来说,这一点尤为关键。

  例2:58同城

  分类信息网站的UI设计也是不够美观,至少与很多电商平台相比较,是有较大的改进空间的。而国外的不少分类信息网站,更是“难看”。例如Craigslis网站,打开网站之后,会让用户感到这是一个上世纪90年代的设计。

  例3:老牌电商网站

  包括易趣网、亚马逊等老牌电商平台,其UI设计都有改进的空间。

  那么,这些网站为什么不设计的更好看一些呢?主要原因是用户习惯。不少老牌电商已经不再追求新增用户,维系存量用户是非常关键词,而用户习惯已经养成。大幅度的改版,可能会让用户觉得不习惯。

  例4:公益类网站

  不少公益类网站也是比较简单,UI设计较为粗糙。这样的设计是一种暗示:我们没有将用户的钱花在“外表”,而是在节省和用好每一分钱。

  哪些网站需要设计的“不好看”?

  通过如上的例子,对建站公司来说,是有启发的。

  的确是有一些网站,不需要设计的“很好看”。“好看”反而是错的、有害的。我们总结了四类网站,在UI设计方面可能无需着墨过多。

  一是当功能与UI冲突的时候,优先考虑功能。例如维基百科就是如此。功能是知识生产和传播,如果UI设计会妨碍用户编辑以及呈现内容,不妨舍弃UI而专注功能的实现。

  不过,如果基本功能是可以实现的,而UI设计对功能妨碍不多,功能和UI共存也是可行的。

  二是当UI妨碍模式运转效率的时候,可以轻视UI设计。例如分类信息网站就是如此。设想一下,如果分类信息网站用大量的图片、交互、动效,一方面,不可能在有限的界面呈现大量的信息。另一方面,会对用户“找到商家”的过程造成打扰。例如,你要租房,直接找到房东电话即可,但是如果这一过程中,需要看大量的图片,反而影响最后双方交易。

  三是用户习惯已经养成的网站。因为UI设计随着时代的变化而变化,之前可能“好看”的设计,几年之后被认为“老套”。所以,如果一个网站的用户是固定的,UI设计无需跟随潮流。即便是网站改版,也需要一脉相承。

  四是一些需要给用户留下“吝啬”印象的网站,特别是一些公益性网站、独特品牌文化的网站,“花里胡哨”的UI反而有损品牌。

    延伸阅读

  • 创造精彩体验:网站UI设计的关键要素

    摘要:在当今数字化时代,网站成为企业与用户之间互动的重要渠道。一个成功的网站UI设计不仅能够吸引用户,还能提供流畅的用户体验。本文将探讨网站UI设计的关键要素,包括可视化设计、...

  • 网站UI设计:“不好看”的网站存在逻辑

    一个网站是否好看,这与UI设计有关。UI就是用户界面。当然,最好的网站是形式和功能的统一,即实现了功能,并且用户界面也很美观。但是,这是一种理想。并不是所有的人都可以实现理想,...

  • 网站UI设计的3个细节

    就目前的技术和资源而言,建立一个网站并不困难。有经验的网站管理员可以在十分钟内建立网站。一些站长使用网站模板,很快就能建立一个网站,这对优化没有影响。在构建网站时,我们还应该注...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://lnbdc.com/article/1470.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();