Tag Archive for '网站设计'

新的构思:互联网应该是这个样子的吗?

从去年11月左右开始正式思考这个问题,互联网是我们现在看到的这个样子,它能不能更好,未来肯定会更好,未来是什么样子的.

我们不是I am legend中孤独的英雄,所以我们可以互相交流,分享信息,获得知识,提升智慧.

我坚信互联网将会不是承担独立的作用,而是我们生活的一部分,甚至生活就是互联网,比如今天的电力.后世的孩子们肯定会因为我们要为了上网的费用而争论觉得可笑,因为所有的一切在他们的时代已经都在互联网上了,生活方式会被彻底的改变.已经看到诸如在iphone上选择咖啡的种类,然后到starbucks直接拿取这样的例子,手机支付实在不是一个新的话题,加上表现力已经不逊于三年前的手机芯片和浏览器,不管是apple,还是nokia,或者sony,都可以让网络的应用跳出发明www时候的范畴,包括当时哪怕最为广义的外延.

互联网到底用用wifi还是wimax,不是我关心的问题,3G或者4G总归要在我们的手机上实现,未雨才能绸缪.

同时,我在用leopard的time machine备份资料,这个软件可以让我的电脑回到我想要的时间,windows中有过一个还原点的概念,但是用mac的时光机器,是真正的将从桌面到文件都回到了当时.其实,这是一个比较cool的备份还原软件,数据存在了apple规定要的火线硬盘,以后,或许大家都是存储在互联网上了.

你会关心电力在哪里?水库在哪里?手机的基站吗?

我不需要知道google的数据中心在什么地方,我知道我现在已经把所有邮件通过pop3方式转到了gmail,一下子就增长到6G的邮箱,使我相信再过30年,回看过去的工作邮件将会变成一件很有趣的事情.同时,受限制于google doc的限制,我还不能把所有的文档都存储上去,会有这么一天,然后那些word,excel,ppt,以及works和pages的文档,分享变得容易,并且可以不需要自己的硬盘了.我相信,我所在部门的2008年预算表大概有将近10个版本,并且分布在20个人以上的电脑里,如果在google doc,那么就只有一个了.如果我是CIO,我会推荐测试google企业解决方案.当然,中国电信和中国网通需要给我们多一些信心,海底光缆也要更加粗壮一些.

互联网的呈现有些散乱,开发也越来越麻烦.

1996年的时候,我可以用notepad写html代码,上传到上海热线,我有了自己的网站.

现在,我发现独立的使用dreamweaver来制作网站已经不太可能了,因为我不是专业的美工,也不怎么懂css.

我相信,有了css和js之类,网站变得好看,可是这样的门槛,却把更多的信息呈现阻挡了.或许,幸好我遇到了wordpress这样的程序,于是有这里看到的文字和图片,但为了wp能够很好的工作,尽管它还没有把我想要表达的信息都呈现出来,我已经学了一点php,也对虚拟主机有了很清楚的了解,弄明白诸如mysql之类的事情.

需要这些吗?

弄一个wordpress,就需要知道php,linux,apache,mysql,ftp.wordpress好就好在你弄白了,结果能够正确的呈现,如果我不要显示的是blog,而是别的,比如思想,怎么办?我没有能力写一个thinkpress.

项目规划-页面设计-切页面-css-js-程序开发-测试-修改-上线

这样的流程肯定没有错,只是太”重”了,每个人看到的是相同的网站,网站虽然记录了你的cookie,但即便是google,也没有根据我的搜索习惯调整一下,好一些的大概是当当之类,遗憾的是结果不太准确,并且推荐只是属于附加内容.我们的流程越来越复杂,运营成本越来越高.没有那些cad辅助设计类软件,我们会看不到很多好玩的产品,那么什么来辅助电脑呢?可能还是只有电脑?

和人类.

信息的呈现,选择权在人类.在这样之前,我们要做的是帮助电脑.颠覆目前的设计模式失败的可能性是99.99%,但尝试总应该作,我不可能是第一个吃螃蟹的人,但我可以吃一下别的.

没有传统意义的页面

没有传统意义的数据库

没有传统意义的程序设计

我把NI项目理论的外延扩大了,除了这里坚持的网站设计上的研究和探讨,花费更多的时间研究”互联网应该是什么样子的”

我也放置了google和cj的广告,更多的为了做一些简单的测试,在这里,你不会看到怎么教你用网站赚钱,虽然这样的网站很流行.我志不在此.同样是有有人可以从中看出我支撑理想空间的动机了.

中午,家里运来了一台钢琴.我只会欣赏.

一个房间,是一台从发明到现在,都给人带来愉悦的乐器.

另外一个房间,放着四台电脑.

我想,肯定有人把事情弄复杂了,世界应该简单一些,互联网应该简单一些.

相关内容

汽车品牌专区设计-精细化的用户界面设计

在网站项目1:ui-ue设计原则这篇文章里,我们讨论很多基本的UI原则,大家也看到了遵循这些设计原则之后的页面效果,实际上,从客户到同事都还比较满意,原因我想了一下,可能有以下这些:

1 页面设计效果比较新颖.

2 extjs带来的类似windows操作系统的窗口呈现方式比较新颖.

3 用到的一些专题设计技术,比如会自动更新内容的新闻和企业博客比较实用.

1113_MG_1800

第一步走了出来,我们继续探讨网站设计的问题,还是继续拿汽车品牌专区来说事.大家其实经常可以在很多门户网站上看到各类专题,以前我也很喜欢看专题,因为信息集中.但是现在我不太爱看了,原因是千篇一律的设计已经没有了阅读的冲动,专题中不相关的内容也不少,各个网站同样主题的专题风格雷同等.

怎么把目前看来还算漂亮的汽车品牌专区做得更好呢?

我从以下几方面入手:

1 背景的层次感.

2 模块的区分度和辨识度.这是我最重点研究的UI和UE特性,良好的模块和模块之间的区分,良好的模块之前的内容的区分,无论是从短时记忆的组块理论,还是刺激的阈值理论,都是理论上的证据,有的已经另有文章阐述.

3 UI新元素的引入.除了暂时没有解决的实时图片的倒影功能,其他的静态图片都加上了适当的倒影,web2.0带来的这些新颖的设计适当的运用效果很不错.

4 人.在页面中合适的出现人的元素,可以增加页面的亲和力.

5 一致性.之前也说过这个问题,现在在模块,项目,文字,图片中更加强调这一点.

skoda_chinacars.com

在实际的这个品牌专区的制作过程,后台和运营也是至关重要的因素,我另外提出了”活的专题”的概念,专题中的大部分元素都尽可能的能够自动更新,这需要专题背后的很多平台协同工作以及配合紧密的工作运营流程.下次再说.

相关内容

Web 2.0与网页设计(web 2.0 for designers)

译言有很多好文章,下面这篇关于web2.0时代的网站设计,非常值得推荐。转载自这里原文出处

Web 1.0时代的网络是一小撮人为一大群人撰写内容的网络。人们从源头便可直接获取信息,要图片设计信息就去Adobe.com,要Windows信息就去 Microsoft.com,要看新闻就去CNN.com。然而,随着时间流转,越来越多的人在阅读网页之外也开始自己写些东西。一个有趣的结果随之而来 ——突然之间,信息多得我们无法与之保持同步了。我们没有足够的时间去关注所有想要我们关注的作者,而浏览有相关内容的全部网站更是显而易见不可能的事情。很明显,当个人写作渐渐成为主流的时候, Web 1.0的老模式应该改改了。

Web 2.0在此时登场,在这一模式下,网络上的信息是分布在分布式的小单位“微内容”。网络的构成元素由文档变成了数据。我们不再需要访问不变的旧式信息来源。现在我们所依赖的是一套以其新而有效的方式聚合并重组网络上“微内容”的新工具。

这些工具,也就是Web 2.0接口,将是设计创意闪光的先锋领域。

在这方面已经有了很多成功案例,比如RSS聚合、搜索引擎、门户、API(应用程序界面,它可以提供与数据相连的接口)和Web服务(通过XML-RPC、 SOAP和其它技术存取数据)。Google地图在功能上和类似服务差异不大但它提供的接口要优秀得多。Flickr的接口可以算是最具创意并且也是最受欢迎的。Del.icio.us则提供了个人和社群服务,它的覆盖面远不止一个网站。这些接口设计正在改变我们存储和共享数据的方式。至于内容来自何处倒不是那么重要了。

人们常常把Web 2.0描述为“作为平台的网络”,把网络看成是一个内容互动的平台之后,我们很容易发现这种变化对于设计的重大影响。想象一下吧,当来自不同领域的不同群体——公司、个人、政府等等——存储了一系列数据之后,我们便能通过一个接口将信息混合,这一点是任何单一传统网站都不可能做到的。举例来说,Amazon.com的内容数据库是对外开放的,任何人都可以针对一些特殊要求去设计一些更好的接口(比如Amazon Light)。它的力量在于,借助接口,人们可以通过内容的定制或与其他数据的重组创造出新的更有价值的工具。

对于网页设计师而言,Web 2.0有6个值得注意的趋势。在这篇介绍性的文章里,我们将为您介绍这些趋势并一一举例说明。在以后的文章里,我们会针对具体趋势作细节性的探讨。

用语义标记语言写页面:和XML接轨

语义标记,也就是精确描述页面每一部分作用的标记,是实现Web 2.0过程中最重要的一环。最常用的标记语言HTML和XHTML一般用于显示目的,设计师们可以通过对HTML标签应用CSS来改变页面风格。

这些标记语言并非完全没有语义能力。设计师们用它们能够描述页面,但这仅限于(X)HTML内建的标签范围内。比如,设计者可以用标签分别标记标题、段落、清单、引用以及自定义列表等项目。这些标签对一些简单的文档已经够用了。但是在大多数情况下,(X)HTML内建的这些标签远不足以精确描述页面内容。对于 Web 2.0来说,对页面的描述不仅是一项需求,它是实现Web 2.0的关键。尽管HTML和XHTML的潜力尚未被挖尽,RSS这项技术已经证明了语义标记语言毋庸置疑的实力。RSS利用XML实现网页内容的联合。它可以让网站更方便地告知访客什么时候有更新。现在你不再需要一遍遍地点开你所喜爱的网站来查看更新了,你只需在RSS阅读器中输入RSS源的地址,阅读器就能自动定期查看站点,在发现更新之后接收信息并且提醒你。它可以大大节约你的时间。

提供Web服务:超越站点

在语义语言得到运用之前的早期互联网上,网站仅仅是一系列“页面”的组合。十年前的网站往往更像是在线用户手册(干巴巴的静态HTML网页),它们的互动方式也仅仅是Flash、动画和JavaScript而已。在那时,网站推广就像是推销“地皮”——那是一个在线商城和门户网站在虚拟世界激烈竞争的时代。

从 90年代末,特别是这个世纪的头一两年开始,XML语言和Web服务开始推动网站的面貌发生改变。XML技术实现了不同系统间的内容共享和传输,Web服务提供了和站点内部相连的接口。视觉设计为内容提供了外观界面,而Web服务则是为同一内容提供的程序接口。这是一个相当有用的技术。如果网站开发者提供了Web服务API的话,任何人都可以建立一个和该站点内容相连的接口。

Amazon.com和eBay是这种由单一站点向Web服务转变的两个成功范例,所有人都可以通过Web服务使用它们提供的海量商业数据。依赖eBay的Web服务所建立的Andale是一个很有意思的网站,它通过分析价格和销售数据来告诉卖家当前的热销商品及其价格。

信息重组:内容为王

2004 年11月12日,在网络媒体协会的一次会议上,美联社CEO Tom Curley发表了一个重要而有远见的讲话,他说:“…在(互联网发展)的下一阶段,内容本身将会会比它的展现形式更重要…诸如搜索、RSS和TiVo之类录像程序——我这里说的只是一部分——等杀手软件正在逐渐打破我们试图存放内容的容器。”

Curley的讲话是针对记者和媒体行业的,但他的深刻见解对网页设计者们来说同样重要。网页设计在Web 1.0时代的目的是建立一个内容独占的站点。但如今,内容已经不可能由单一网站独享了——除非你试图与社会性的网络对抗并把内容锁在一个受保护网站之中。

Web 2.0时代的网站设计相对于网站本身,更注重事件驱动型体验的建立。RSS成为其重要组成部分并非只是巧合。不需要任何无关设计,RSS摘要就可以让人们订阅你站点上的内容并随时通过RSS阅读器阅读它们。

搜索也可以和RSS相结合,帮助人们通过标题和标签(可以通过PubSub或Feedster等等)来订阅所需的内容。这种所谓的“未来搜索”不仅能帮助人们整合不同来源的内容,也避免了人们因为站点的视觉设计而与之失之交臂的可能性。

由于内容以RSS的形式在网上流动并且以此方式被重新整合,网站设计者们的思维应当超越站点本身,并且要着重考虑如何去打内容牌。

导航和关联的主人:用户决定

由于Web 2.0内容重组的特性,访客们初次看到信息的地方很可能并不是最早发布它的站点。因此,传统上为访问某一特定内容而设计的网站导航系统将被针对Web 2.0的新特性而设计的导航系统所取代。这种分布式导航可能的形式包括RSS阅读器、博客上的链接、搜索引擎,也可以是其他一些形式的内容聚合程序。

这一特性也带来了一些副作用,其中一条就是有用信息的来源经常变动,而访客甚至不需知道信息的真正来源。还好,内容聚合程序内建的一些功能已经注意到了这一问题——它们能够记录访客的活动。通过记录微内容的访问量,聚合程序可以通过访客的历史行为预测他们在未来可能关心的内容。这就是我们在Daypop、 Del.icio.us和Blogdex等网站上所看到的。对人们历史兴趣的记录可能会在未来发挥作用。

这些第三方接口的强大功能使得访客不必访问内容的发布页就能获取信息,使用导航系统的人因此将越来越少。最常用的导航系统将由用户行为来决定,而不再需要特别的设计。

随时间而添加的元数据:由社群建设的群体信息

Web 1.0有一个看上去彻底改变了传统出版方式的特点,即随时修改出版物的可能性。在网上,纸上出版物的“版本”、“印数”等概念消失了。网上有的只是网站和它的当前状态。现在我们已经习惯这一形式了,乐观者们的希望可能会变成现实:随着时间增长,网上的内容只可能变得越来越好——元数据被不断添加,描述逐渐深入,话题变得明晰,参考更加全面。

Web 2.0在这方面走得更远,在该模式下,用户可以添加属于他们自己的元数据。在Flickr和Del.icio.us上,任何人都能给数字媒体(文件、书签、图片…)添加标签。不过,自行添加标签还不是最有趣的。最有趣的是所有人的标签放在一起时体现出的那些趋势。

举例来说,当我们在Del.icio.us上为一个书签添加“Web 2.0”的标签之后,我们可以进入del.icio.us/tag/Web 2.0这个页面看看别人给哪些项目添加了类似标签,也许还能从中发掘出一些我们本不知道的宝贵信息。搜索引擎可以查找网站设计者添加的那些元数据, Del.icio.us则为那些被传统模式所忽略的人所添加的元数据提供了一个杠杆。

转向程序设计:风格和结构的分离

Web 1.0时代,网页的视觉设计经历了两个发展阶段。早些年里,设计者们使用GIF动画和表格等小技巧来扮靓网页。而在最近几年,CSS逐渐流行起来,人们通过添加一个定义了风格信息的独立CSS文件实现了页面风格和结构的分离。尽管如此,视觉设计仍然是人们关注的核心——因为这是区分内容和吸引用户注意最主要的方法。

进入Web 2.0时代之后,网站的地位降低了,视觉风格也因此不再那么重要。Web 2.0时代流行的是XML,相对页面布局和内容展现方式,词语和语义更为重要。内容在网络中流动,并通过程序来存储。从非常现实的意义上说,如今我们的设计更多针对的是机器而不是人。这听起来有点像《黑客帝国》里的事情,不过Amazon.com的CEO Jeff Bezos说:“Web 2.0…它讲究的是让网络变得更适合电脑使用。”

这对网页设计者来说意味着什么呢?这意味着设计者需要考虑如何让内容和站点本身一样吸引人。这意味着设计者需要转向Web服务的开发,意味着设计者的思维应当超越站点的展现方式,并更多地考虑API和内容聚合。简而言之,设计者会更像是程序员。Web 2.0有一个简单的前端和强有力的后端,Bezos的话就是这个意思。

总结

Web 2.0意义深远。它像所有重大变革一样,从社会、文化甚至是政治等多方面影响着使用者。Web 2.0的设计者和开发者们是受影响最大的人群之一——不仅仅是因为他们需要新的技术手段,更重要原因是,他们需要认识到,内容应当作整体的一部分对待,它们并不是孤立存在的。

在这里我们作一些总结,下面我们再来看看这6个趋势:
1. 用语义标记语言写页面:和XML接轨
2. 提供Web服务:超越站点
3. 信息重组:内容为王
4. 导航和关联的主人:用户决定
5. 随时间而添加的元数据:由社群建设的群体信息
6. 转向程序设计:风格和结构的分离

我们撰写这个专栏的目的是帮助设计者们分析Web 2.0的这些动向并向他们阐述其意义。我们将继续探讨构建Web 2.0的一些新技术,详细介绍那些成功的新接口,并思考它给用户带来的社会性影响。

我们希望关注新技术前景的设计者们今后能帮助我们重点关注它们的实用意义,关注Web 2.0当前(和未来)对网站设计产生的细微而深刻的影响。

相关内容

网站首页设计-理论基础-短时记忆

前面从一个小型的专题开始,阐述了马斯洛需要层次理论在网站的重要性,也提出了我关于“自然界面”理论的两条基本原则。这个品牌专区单就一个专区来说,是一个很小的项目,也很难承载太多的意义和理论,而多个品牌专区的维护又过多涉及项目管理和运营管理,稍有偏题。现在,完成了之前的走马观花后,我们开始一个新的项目,就是网站首页的设计。实际对我来说,是首页的改版,不过我用入世的心态来看,修改和重建是一回事情(不是从设计和开发角度)。

昨天下午和两位以前的同学,现在都是博士级别的人,谈网站设计,许多没有打通的关节仿佛一下子通畅,阻塞的思路又有了新的突破方向,我们始终要站在巨人的肩上,以便更快的摘取想要的果实。

NI自然界面理论除了之前反复讲述的两条原则:网站流量为王、网站满足用户需要以外,也会引出之后的第三条了。

我们先来看一下记忆。

用户浏览网站,寻找自己喜欢的标题,从认知心理学的角度来说,可以认为是短时记忆的一个过程。

什么是短时记忆呢?

短期记忆(英语:Short-term memory)是记忆的一种类型。与长期记忆相比,短期记忆对信息的储存时间较短,信息储存的容量也很有限。

短期记忆的持续时间:短期记忆最重要的特征是信息保持时间相当有限。在未经复述的条件下,大部分信息在短期记忆中保持的时间很短,通常在5-20秒,最长不超过1分钟。短期记忆有时也被称为电话号码式记忆,如同人们查到电话号码后立刻拨号,通完了话,号码也就随即忘掉。如果想要将进入短期记忆的信息长期保持,必须对这些信息进行复述--可以大声进行,也可以是无声的——通过内部言语形式进行。

短期记忆的容量:与短期记忆有关的第二个关键概念是它的容量,又叫记忆广度(memory span)。短期记忆的容量非常有限,1956年,美国心理学家G.米勒发表了一篇题为《神奇数7加减2:我们加工信息的能力的某种限制》的论文,根据复述3至12位随机排列数字表的实验结果,发现信息一次呈现后,被试能回忆的最大数量——短时记忆的容量一般为7±2个单元。幼儿的记忆广度更为有限,通常是4±1个单元。中国学者测定的短时记忆广度是:无关联的汉字一次能记住6 个,十进位数字为7个,线条排列为5个。记忆广度还与识记材料的性质及人们对材料的编码加工程度有关。若识记的材料是有意义、有联系、为人
们所熟悉的,记忆广度将会增加。

短期记忆与长期记忆:短期记忆中的信息保持的时间很短,容量有限,这时如果插入新的识记活动,信息超出容量,或者未加复述,信息都会很快衰退被遗忘,而且无法恢复。但是如果加以复述,可以使即将消失的微弱信息重新强化,变得清晰、稳定,再经精细复述可转入长期记忆中加以保持。因此,复述是使短期记忆的信息转入长期记忆的关键。

这些定义来自于wikipedia中文版。大家注意我突出的文字部分。

我们一般都在首页堆砌了太多的信息元素,不管是模块、条目、图片等。用户在浏览网站的时候,在短时记忆的时间范畴内,寻找自己感兴趣的内容,50多年前已经有科学家告诉我们,我们聪明的大脑出于种种目的,只记住7个上下的组快,1956年米勒在《奇妙的数字7±2——信息加工的限度》一文中,提出了“组块”(Chunk)这个概念,并认为短时记忆的容量是7±2,即5~9之间;后来,信息加工认知心理学家都采用了这一概念。米勒认为,每个组块既可以是一个字母,也可以足一个单词,还可以是一个短语。组块所含信息量的多少和组块化过程密切相关。而组块化过程又受个体知识与经验的影响,组块化过程一般从两方面进行:一是把时间和空间上非常接近的单个项目结合起来;二是利用以往的知识把单个项目组成一个有意义的组块。正因为这样,在记忆容量方面存在个体之间的差异。

首页的屏幕长度并不是最重要的,首页有多少组块,组块如何在空间上结合单个项目,怎么充分利用用户已有的知识来形成组块,这些是我们要继续考虑和讨论的。凡事有一个数量化的指标就比较好界定,现在我们有了7这个数字。

下面这篇文章也深入浅出的讨论了组块对于短时记忆的影响并结合报纸媒体作了简单的阐述,而我们要做的是把这个理论用在网站设计上。

在整个阅读过程中,有一种心理活动在鞍前马后地默默为读者的阅读而忙活着,它就是短时工作记忆。这种心理活动人是很难自觉意识到的,但却是人的高级认知活动所必须依赖的一种基本心理活动。短时工作记忆也称短时记忆,它对信息的保持时 间约为一分钟,是信息通往长时记忆的一个过渡阶段,其对信息的储存具有暂时性、动态性和操作性的特点。有人把它比喻为一个工作台,当人在进行认知加工活动 时,一些相关的必要的信息作为工具或者原料被拿到工作台上进行操作,加工过的信息进入长时记忆,就成为人的知识和经验。由此可见,无论是浏览大标题小标 题,寻找重要信息,理解整个文本,报纸读者的有效阅读活动,尤其是速读,全程都离不开短时工作记忆这个基本的心理活动。

大量的心理实验表明,短时工作记忆这个信息加工 “工作台” 的容量是有限的,其容量为7±2,单位是组块。一个组块,它可能是一个音节、一个字母,也可能是一组单词、一组数字,再或者是一段曲调一幅画面,总之,组 块实际上是一种信息的组织或再编码。当组块过大时,7±2 的容量会相对缩小。“组块理论”是美国心理学家米勒提出的,他认为,测量短时记忆的最小单元就是组块。组块是能够迅速地将长时记忆中的信息链接起来的索引 项,亦是指我们所熟悉的信息量的一个单元。组块在很大程度上依赖主体的知识经验。知识背景不同,组块的方式不同,组块的大小也不同。实验表明,专家在其特 定领域内的记忆组块要比常人大的多。

用“组块理论”及“元认知理论”来解析报纸对长稿件的分割组织编辑,实际上就是将稿件中零散的信息点组织编码成组块。一个小栏头或一个小标题与其下面的一段或两段文字就组成了一个组块。让这些组块成为有效阅读的线索,为元认知的监控过程提供依据。

如果组块过多,多于7±2,超出了短时工作记忆的容量,则读者在阅读中难以有效整合信息,阅读线索显得零碎而混乱,阅读监控失去依据,在这种情况下,读者 往往会有障碍重重身陷阅读陷阱的感觉。据此,我们对上文所说的强迫性过度分割的解释就是,由于极力希望达到易读,忽视读者的阅读心理规律的报纸编辑倾向。 另外,如果组块过大,也会给读者造成阅读负担,因为我们不能把读者假定为专家。因此,要想在报纸编辑中,尤其是长稿编辑中达到易读,必须科学地、人本地把握一个度的问题,做到适可而止,恰到好处,效果最佳。

相关内容

推荐一个非常cool的站点

我一般不太在这里推荐我提供支持的站点,不过这个blog实在让我惊艳。vincentgz

Vincent.Z (20070604)-thumb

相关内容