中国设计之窗
English 设计信息平台 创意设计交易平台 设计服务平台  
首页 | 综合资讯 | 平面设计 | 工业设计 | CG动漫 | 互动媒体 | 室内设计 | 建筑设计 | 创意博览 | 设计资源 | 设计教育 | 设计竞赛 | 求职招聘 | 设计书店 | 设计论坛
 理论文摘
 | 频道首页 | 行业资讯 | 理论文摘 | 经典设计 | 设计人 | 专业技术 | 论坛 |  
  · 首页 互动媒体频道 理论文摘 设计理念
一组光影运用非常出色的网页设计 一套形象生动的 Icons 新加坡黑色系网站设计 WindowsVista5505.6rc1.60807欣赏 Xbox Live Video界面设计欣赏
商业网站设计之美往往来自于细节
 
作者:tianya8.net    来源:68design.com   发布时间:2008-04-02 07:47   点击:

  区别于艺术,商业网站设计之美往往来自于细节。

  一般来说,用户在使用你的网站的时候,是以理性的、实用性的角度来观看,他们更主要的需求

是在于自己的目的(任务)是否能更快更方便的达到,审美只是一种次之的心理需要。(当你使用

baidu搜索的时候应该不会想,baidu为什么不在页面加个背景图...囧)

  只有在需求能够得到满足的前提下,用户对于这个网站才会建立起是否具有美感的体验。如果目

的无法完成,那对他来说就是一个烂网站,不管你的页面有多么漂亮...

  相应的,不好的页面设计往往只是因为缺少细节。

1、减少用户的操作

  第一个例子:百度的搜索框

  当用户在输入框输入搜索关键词后,忽然发现自己原本要搜索的是贴吧里的内容,那么他会怎么

操作?点击“贴吧”标签。早期百度的处理是,仅仅切换当前搜索类型为“贴吧”,甚至原本搜索框

里的关键词都被清除了。那么用户只好重新输入关键词然后搜索。

  但现在你在百度上再进行这样的操作,会发现这个流程已经被优化了。

 

      

   


  这就是细节,让用户少操作,那么用户就会更喜欢你。

  其实这个例子是百度跟google学习的(百度是个勤奋的孩子),而采用了新界面的google首页,

这个细节已经失去意义了(是否是一种退步?)。

第二个例子:提示信息

  这个例子来自于前公司的一个页面。很多网页搜索框都会显示下面这样的提示信息,但当用户点

击输入框或者输入框获得焦点的时候,用户仍然需要将输入框内的文字一一删除。提示固然是好,但

当用户需要操作的时候,提示信息应该清楚,避免干扰用户的操作。

 


  这个输入框即是ldm的建议,很细节的设定,非常感谢。

2、给用户自由使用的权利

  所以的产品都会有一定的使用限制,比如不能将锂电池丢进火里,也不能把干燥剂吃下去,但在

合理的范围内,用户需要被尊重,也需要自由。

  为什么你得页面firefox下一塌糊涂?
  为什么你的播放器在MAC上就不能工作?
  为什么你得IM协议不开放?
  ......

  有人对IE死心塌地,有些人对firefox趋之若鹜,更有人喜欢用手机浏览你的网页,那么专注于细

节的你就应该考虑这种种影响。给用户自由使用的权利,也就意味着你的产品要在多种情况下都能使

用。

  “任何成功的法律都是用来保护小部分人的,它的标准语法应该是‘不得通过法律限制××权利

’;同样地,软件和服务应该‘不得阻碍Linux和Mac用户的使用’。(via Blog on 27 floor )”—

—诚哉斯言!

3、可以把用户看的很懒,但不要以为他们很笨

  傻瓜相机的成功成为很多人的口头禅,要把用户当傻瓜。

  事实上,我在浏览网页和在现实当中都不希望被人当成傻瓜。所以,为傻瓜的设计在很大程度上

成为“臃肿的设计”、“繁复的设计”。很多网站打着web2.0的旗号为自己的页面不断的增加没有必

要的提示和功能描述,生怕有人低智商不懂。

  UCDFEED上的结论很好,“好的设计能在一定程度上减少寻求帮助的机率”。也就是说,你的设计

足够合理,那么就完全可以避免用户的错误,减少很多不必要的提示。

  如下面网易通行证的注册表单的第一项,用户名的填写。这里的规则算是有些复杂,因此提示的

非常详细。但是提示的详细并不意味着就能防止用户的犯错,因为用户只有在遇到问题的时候才会去

看帮助。

 


  如果你要求最多18个字符,那么为什么又允许用户输入25个字符?
a-z是英文字符难道用户都不知道的吗?

  一定的技术改进,比如限制用户输入的字符类型以及限制输入框最多18个字符,那么用户就可以

在错误刚刚之时就知道错误,避免发生错误之后才提示的信息滞后。


4、视觉的细节在某种条件下更为重要

  正如前面所说,视觉的细节可能是作为评价的最直观的指标,但这也是最应该

1、功能细节

  正如我之前所写的,只有在目的能够达到的前提下,用户对于这个网站才会建立起是否具有美感

的体验。也就是说,当网站的基本功能能满足用户的需求的时候,你得界面设计将产生至关重要的影

响。在网站同质化愈趋严重的情况下,界面的美观和易用性就成为关键之处。

  至于怎样叫美观,见仁见智,但对细节的感官体验却相当一致。

  对比一下百度hi和msn的ui界面:

 


  至少hi在圆角上的处理缺乏细节,因此呈现锯齿状。而恰恰是这些小细节让hi的界面让人感觉(

引用某位同事的话)“很奇怪”。

  尤其是当你的产品在面临竞争的时候,视觉细节往往更是基本用户选择的主要原因。

本文相关关键字: 网\易 | 百度 | 百度hi | msn | google | 搜索框

编辑:chrums  

继续阅读:
· 下一篇:什么样的图标更具有可用性  
· 上一篇:创造Iphone内容的指导原则   

  相关链接文章
· 什么样的图标更具有可用性
· 导航设计与信息架构
· 从苹果电脑看视觉设计的深层审美文化心理
· 窗帘设计面面观
· 网页设计:提升设计效果的好方法和诀窍
· 网页设计八大必须注意的事项
· 如何设计一个成功的网站
· 跨媒体概念
· 博客可用性:十大错误设计
· Alan Cooper 的交互设计观
 
  热点评论文章
· 北京理工大学设计艺术学院05研设计作品展
· 如何提高设计师的收入?
· 中国新锐插画师作品联展
· 成都城市熊猫形象标识入围作品欣赏
· 中日合拍关羽动画关公形象日本设计惹争议
· “混搭程式”和“混搭主义”
· 全民审美缺失谁之过?
· 深圳税收宣传Flash动漫大赛作品展示
· 第三届文博会主题活动又增新章
· “禁播令”与中国动漫发展
网友评论:
用户: 验证码:
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·新闻留言板管理人员有权保留或删除其管辖留言中的任意内容
·参与本留言即表明您已经阅读并接受上述条款

美国Agencynet公司网...

Michael Flarup 的 i...

可爱的插画风格网页设...
[CMS] Template Running Error, click here to learn more." >
MBNTV UI欣赏

欣赏:11个完美的商业...
今日焦点
My Box 一桌两面 两用
· My Box 一桌两面 两用
· 伦敦100%设计展欣赏
· 私人诊所小册子设计
· 韩国赤色系网页设计风...
· 瑞士苏黎士格莱菲设计...
· “我们在一起”江南大...
· 字母摇摆 VI标识设计
· 众志成城 抗震救灾图...
· Star System沙发设计
· 2008 “我们在一起”...
· 全国哀悼日 各媒体头...
· 筑“心”家园赈灾主题...
· 70/80 - 香港新生代设...
· 奇遇的魅力
· 以色列著名设计家丹·...
精彩专题
点燃色彩激情  舞动无限创意  HP B8338 打印机助力服装设计行业
· 点燃色彩激情 舞动无...
· IDCF2007中国(深圳)...
· 连载:现代平面设计系...
· 07届艺术设计院校毕业...
· 2007文博会创意设计盛...
· 国际商业美术设计师(...
· 中国新锐插画师作品联...
· 2006中国国际品牌·设...
· 北京理工大学设计艺术...
· 如何提高设计师的收入...
点击排行
· 香港著名设计师陈幼坚...
· 07中国美院首饰设计毕...
· 以色列著名设计家丹·...
· 2008奥运部分海报欣赏
· 2008 “我们在一起”...
· 首届中国元素国际创意...
· 大气下的细腻——原...
· GESELL 时尚人体摄影...
· 平面设计演义之 商标...
· 2006年“卡尼尔”获奖...
· “环保X设计”日本设...
· 国外优秀版式设计欣赏
· 米兰设计周现场直击(...
· 2006广州4A年轻人创意...
· 手绘墙面设计 个性你...
总编辑信箱
news@333cn.com
友情链接本站导航广告服务|合作伙伴|设计服务关于我们版权申明
最佳显示1024x768 中国设计之窗 © 版权所有 粤ICP备05097527号
Tel:0755-83663023 83663069 83663063
客服:serve@333cn.com 资讯提交:news@333cn.com