网页设计技巧:让复杂变得清晰

Web design的本质是信息和内容,我一贯提倡的观点如此,并且认为国内互联网大环境的畸形发展导致我们误解长达十年之久。尤其在阅读完Christina Wodtke, Austin Govella两位合著的这本书之后,更加清晰了对整个方法体系的看法。

与具有划时代意义的《web信息架构》相比,本书没有过多涉及学术基础原理,直接将IA理论放到互联网中进行推演,建立了网站IA理论实施的初步思路和方法,并迅速得到同行认可。

作者首先在开头抛出了很多总结出来的经验与经典,在现实生活与网络生活中寻找某些共同点,给读者建立初步“架构”意识。其次分别在用户、技术、企业角度提出平衡法则,与我曾经提到产品体系分别有“业务架构、信息架构、技术架构”三套体系的存在,并需要互相牵制的观点类似。

在关键的实施流程中,作者巧妙利用了抽屉、CD架、砖瓦匠等实际物和人,形象阐述了信息架构对用户和用户行为造成的影响。把抽象问题给具象化了下来,图文并茂例子鲜活,在忍俊不禁的同时,还得不断提醒自己拿笔做记录。后边所举包括搜索、导航例子,甚至全站设计的流程模拟,其中都内嵌了很多专业术语和名词,可以帮助读者更有效理解。

但信息架构始终还是个专业名词,个人认为互联网产品的信息架构职能,通俗了说就是更早我们做网站时代的网站规划,其目标如本书副标题“怎样规划令人流连忘返的网站”。可惜,国内从事信息技术做网站、互联网产品的网络公司却很难看到信息架构师的身影,或者信息架构的流程。

据我所知,海外4A广告公司早在01年便已设立“信息架构”职位,以便更好、更专业的服务高质量品牌客户的网站设计需求。而国内传统互联网公司大部分是产品经理在承担这部分职责,因为普通设计师没有能力和经验来完成这部分工作,何况没有执行权利也无法保证策划方案的实施。因此很容易造成两者不是在奔同一个目标的现状,因为策划追求创新和创意,执行追求效率和成功率。

当然,也不是说做互联网产品必须有个“信息架构”职位的存在,或者一套看似专业的“信息架构”流程。关键产品经理和产品设计师都应该培养架构意识,做互联网产品需要资深设计师来“解放”产品经理,各司其职,各尽其能。这是我三四年实践,以及在奥美短期工作学习积累的心得体会。

也许在某些互联网从业者眼里,“信息架构”又是好事者炒作出来骗钱的概念,互联网的下个理论泡沫。事实上,信息架构是美国建筑师Richard Saul Wurman在1975年创造的新词,比交互设计、以用户为中心的设计等概念都早。首先信息架构是门跨学科的专业技术,其次信息架构是个极其抽象理论概念,第三信息架构还很不成熟。在此三个前提之下,写书传达清楚为什么?是什么?怎么做?我觉得做到相当不容易,其过程本身就是个对信息架构理解深度的考验。

在国内日趋规范和成熟的互联网大环境,可以看到问题都在慢慢好转。对于专业产品设计师来说,应该清楚认识到自己核心竞争力所在。理想的分工和协作在国内的确还很遥远,但,是时候做准备了。

时间: 2024-08-26 06:49:46

网页设计技巧:让复杂变得清晰的相关文章

CSS网页设计技巧:input按钮在IE浏览器的兼容问题

文章简介:CSS网页设计技巧:input按钮在IE浏览器的兼容问题. 这段时间在处理网页默认的input 按钮时,IE下常显现不一致的宽度问题,让人感到很纠结.所以今天请教了几位高手把这个问题解决了,现在贴出来和大家共享一下,当然这个方法在网上曾有人写过,大家可以一起来相互探讨一下. Html Code: <input type="submit"; class="form-submit" value="subscribe" name=&qu

网页设计技巧:特殊人群的设计关怀

文章描述:网页设计技巧:特殊人群的设计关怀.   2010年12月,Thomas应邀参加中国交互设计体验日大会,展开了一次主题为<特殊人群的设计关怀>的演讲.演讲主要介绍了在做产品设计时,公司对于特殊群体的一些考虑.以下是对这次演讲的现场记录: "盲人对QQ的依赖度非常高." 在正式演讲之前,想请大家看一段视频.大家可以看出这是个怎样的用户吗?是的,这是一位盲人.可能很多人会吃惊,盲人怎么可以使用QQ?其实盲人不光使用QQ,他们正在利用互联网的很多服务充实自己的生活.我们关

网页设计技巧:创建网页背景材质的方法

文章描述:网页设计技巧:创建网页背景材质的方法. 在网页设计中创建背景材质通常是根据设计方向展开设计的第一步,也是确定设计基调的重要环节.虽然大多数情况下,网页背景材质是非常细微和低调的,但是由于整个背景的范围较大,所以会给人强烈的心理感受.所以这篇文章中,我会就网页背景材质创建过程中常用到的方法做一总结,希望对于大家在设计中的开头步骤能够给与帮助的参考. 一.使用现成的图案来创建网页背景材质. 1.下载现成的图案样式,或者自己动手创建图案,关于如何自己创建图案,之前我写的一篇文章<在Photo

登陆网页设计技巧深入分析

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在前面"案例分析:高转换率的着陆网页设计技巧"内容,我和大家分享了高转换率着陆网页设计技巧,在本篇文章中,继续和大家一起分享登陆页面设计实践. 商业性较强的的主登陆页面,简单设置 诱惑性极强,给页面创意四射的激情,多步骤形式,细分网站观众,当场得到与游客视频对接六个设计技巧是高转换率着陆网页设计必须要达到的,这里补充四点.

网页设计技巧:网页设计中的F式布局

文章描述:今天我们来重点介绍网页设计中的F式布局.传统的布局方式,依赖布置视觉线索,"控制"用户的视觉路径,相较之下,F式布局更加自然,更加友好.本文将讲述一些F式布局的规则.原理以及设计方法. 网页设计中的F式布局 今天我们来重点介绍网页设计中的F式布局.传统的布局方式,依赖布置视觉线索,"控制"用户的视觉路径,相较之下,F式布局更加自然,更加友好.本文将讲述一些F式布局的规则.原理以及设计方法. F式布局简介 F式布局是一种很科学的布局方法,基本原理依据了大量的

网页设计技巧:设计精美网页图标技巧

文章描述:满足四大要素!让网页设计中图标更有吸引力. 图标在网页设计中用途广泛,几乎每个网站中都存在着图标.通过这些小小的图标,可以方便的实现视觉引导和功能划分.如果选用恰当,图标能和页面中的图片有机融合,保持视觉上的一致性,同时也能够和整个网站的风格相契合.图标并不是华而不实的小玩意儿,小图标有大用处.在网页设计中,如果设计师并不擅长图标设计,那么就需要在图标选择上下功夫了. 一般来说,根据使用手法.使用场合的不同,一张图像可以有多种解读,图标亦如此.图标不但能够吸引用户的注意力,还能分割页面

网页设计技巧:web设计可用性错误

文章描述:你会犯哪些网页设计最常见可用性错误? 在过去十年中高品质的可用性一直是业内讨论的核心,因为它对用户来说越来越重要.好的可用性也可以帮助建立品牌知名度,从而提升用户对一个网站或者是一家公司的评价.今天人们依然高度关注可用性,是因为大大小小的公司已经证明了好的可用性策略是多么重要. 在过去几年中,良好的可用性成为那些成功的初创公司的核心.多数情况下,简单的想法最具创造性,可用性主要是指:使一个功能或者产品易于使用,但同时也要保持产品质量维持在高水平上. 如今,很多文章会谈到普遍意义.在对该

你知道这些css网页设计技巧吗

css|技巧|设计|网页|网页设计 本翻译并未得到作者或网站授权.一切权利都归原作者及原网站所有.如果你得到原作者或原发表网站的授权,可以自由使用本翻译. 1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去:

网页设计技巧:设计颜色尺寸对齐方式对比

原文链接:http://webdesignledger.com/tips/the-principle-of-contrast-in-web-design 译者:猪小凡 网页设计是由很多个不同的元素构成的,而这些元素的重要性都不同,并且有些元素还需要尤为的突出.有些元素彼此之间存在着联系,而另外的元素之间则一点关联性都没有.比较难办的部分就是如何有效的在视觉上来传递元素之间的关系.这就该用到对比原则了. 对比就是两个或更多个元素之间的不同.通过对比,设计师就可以创造出视觉趣味性,同时引导用户的注意