Archive for October, 2009

完美机器

Posted October 31st, 2009. Filed under 杂七杂八

如果你去问你身边的朋友,在他/她的眼中完美的手机是怎样的时候,他们的回答往往是两个极端的。

有的人会告诉你,”我的要求很简单,能打电话和收发短信就ok了”。
当然更多情况下,我们听到的是另外一种声音:”当然是功能越多越好了。。我希望能够用手机看书,看电影,听音乐,可以随时随地无线上网,外观时尚,大屏幕,全触控,这才叫拉风”,过一会他们会补充说,”当然最好扩展性好,我暂时还想不到的功能可以通过安装第三方软件来实现,当然很重要的,还要能够待机时间长点。”
如此,用户需求点其实是相当的多,尽管用户决定是否购买的一句只是其中一到两个特点,但全功能已经是电子产品”出人头地”的基础依据了。往往在一些科技点评网站,用户对于其功能的缺陷是毫不讳言,对其功能优点却毫无感知,以至于我们甚至找不到一个口碑十分之好的产品。即使是nokia N810这样堪称典范的产品,在国内仍然是挑战颇多,有人对这个键盘的设计颇多指责,有人甚至毫不遮掩对于全触控的偏好,而对物理键盘大加鞭辟。
寻找一种完美的机器几乎上是不可能,因为你总能在其他产品上找到闪光点,就像是别人家的老婆总是觉得比较美一样,别人手里的电子产品总是有一些自己所不具有的魔力。下面只是就我个人而言,所期待的所谓”完美机器”:
1、沟通
通话、短信这些功能不在话下,随时随地的接入网络,甚至保证24小时在线,这已经是网络时代的基本需求。因此一方面是能够保障机器的操作能够延续手机的简单方便,又能照顾到功能的强大和可扩展就非常必要了。
2、娱乐
电子书,音乐,视频,这些早已不在话下,我们需要阅读的体验接近于kindle,音乐/视频的体验接近于ipod系列
但这些娱乐功能最大敌人却是电池,没有强劲的电力支持,这些娱乐都变得娱乐不起来。据说微型核电池已经初见曙光,十分期待着人人都带着核电池的时代。
3、扩展
一方面是硬件上的可扩展,能够更新硬件而不是让我换一部机器,应该是可自动升级的开放平台,而不是让我去刷机,可以连接其他设备,比如显示器、投影仪,可以用来控制其他设备,比如电视机,房门,当然它应该还是足够聪明的,最好能够语音和手势识别。
4、设计
为了让这款机器能够永不过时,最好是设计简约的,不要太多时尚的元素,最后的最后,要给我配一个query键盘。
也许看看这些需求之中,有些早已不新鲜,有些却还在梦想中,这样的一部机器是要能够基本替代手机、MP4、PDA、甚至netbook,是的,有什么不可以呢。相对于windows mobile、android、sybian,maemo更像是面对未来手上设备的平台,尽管maemo仍然只运用在nokie的网络终端,而非便携式手机设备,但n810的后续产品已经接近于上面的想象,我们希望的是一部具有电话功能的便携式设备,而不是在手机上加载其他功能。

10款交互设计原型开发工具

Posted October 21st, 2009. Filed under 设计与工作

所谓“工欲善其事,必先利其器”,尽管小米加步枪可以也可以打败敌人,但如果朱棣有了坦克装甲部队,那岂不是更容易平定安南?

关于原型开发工具,各有哥的使用习惯,有人喜欢axure、photoshop,也有人喜欢手绘,robert还见到过高人直接用excel制作的交互原型,不仅能够布局,还具有基本的链接和跳转功能,相当佩服。工具只是实现目标的一个手段,因此选用何种工具完全基于个人的习惯及方便。当然在某些公司为了便于不同的设计师之间进行交流以及重用而规定使用相同的工具,那就另当别论。

下面只是个人所使用过的并且认为值得推荐的工具,我尽可能的将其便利性与不足写出来,当然如果您发现有所不足或有更多的补充,也欢迎随时和我联系。

1、Axure RP(Rapid Prototyping

Axure(读音为Ack-Sure)无疑是目前最受关注的原型开发工具,其能通过组件的方式帮助网站或软件设计师快速建立带有注释的原型(流程图、线框图),并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件。

Axure借鉴了office的界面,能够让用户快速上手,并且提供了丰富的组件样式修改,使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。然而最让人称道的是,Axure的丰富的脚本模式,可以通过点击和选择能够快速完成界面元素的交互,如链接、state切换、动态变化等效果,使得Axure能够生成十分接近于真实产品的原型。另一方面,Axure能够导入其他人创建的元件库,使得Axure能够满足绝大多数类型产品的设计。

但Axure仍然有一个让人头痛的问题:对于中文的支持不太友好。在小部分元件上输入中午的时候,经常需要像碰运气似的反复切换输入法,破坏了咱们设计师的用户体验。

瑕不掩瑜,Axure仍然是交互设计师的首选原型工具。

2、Microsoft Office Visio

Visio在2000年被微软收购,并在2002年成为office2003套件中的一个组件,最新版本是2007。Visio能够获得推荐的原因是因为Visio的适用性非常之广,从网站界面、数据库模型,到平面布置图到工艺流程图,Visio都提供了相应的元件库和模板来进行快速创建。

相较Axure而言,Visio更适合于传统行业的生产或流程设计,或者软件及互联网行业中的信息、数据和流程的说明,而不太适用于web界面。因为其的基于web的元件库还是比较少,并且形式和结构也更类似于word中的图形工具,因此在原型开发效率上都有所不足。

3、Balsamiq Mockups

这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件。其提供了丰富的手绘风格的web常用元件,包括常用的html控件、以及一些组合控件,如多媒体控制器、标签页、列表、Iphone界面元件等。

Mockups最值得赞赏之处在于其提供的多数组件都可定制外观,对于中文的支持也不错(选择View > Use System Fonts)。

4、Mockflow

Mockflow和以上工具最大的不同在于Mockflow是一项基于Adobe Flex技术开发在线服务,提供了与Balsamiq Mockups基本相似的功能,甚至更丰富的组件,虽然其元件定制化不够强大,但其提供的元件库默认样式却非常适合用来做商业产品原型的搭建。有一个让我爱不释手的功能是模板,可以设置基于任何页面的模板来进行新的页面设计。

与其他模板工具相比,mockflow有一个非常特色的功能,基于web的存储可以在任意电脑上联机打开,同时可以其他人进行快速的分享,并收集在线反馈意见,非常适合虚拟团队的原型设计交流。

虽然在线服务的基本帐号只能创建一个文件,但单个文件却没有限制页数,因此也基本上足够使用。

5、Pencil sketch

Pencil 是一款基于Firefox的扩展组件,安装之后即可在Firefox的工具菜单中打开Pencil的绘图面板。功能比较简单,仅能用以日常简单工作的辅助 说明。提供的默认元件都是基于软件工程,因此更适合用于windows桌面程序的简易界面搭建,或者是基本的页面功能说明,并不适用于严肃的原型开发,但 好在体积小、又轻便,能够方便将网页中的元素直接拖到或者复制到当前的画布中,这也是Pencil安装在Firefox所带来的便利之一吧。


更多工具

在以上列举的原型开发工具都是较为常用的,也是在国内的交互设计师们比较常讨论的,但其实和Axure功能相似的软件还有很多,下面也就一些简单说明:

6、GUI Design Studio

这 是一款真的非常强大的原型制作工具,没有在上面推荐的原因是因为我还没有实际体验过,但冲着这工程级的界面设计就没有去尝试的冲动,但是从官方网站的截图 和视频演示来看,这款软件的操作模式和前面的原型工具大有不同。Axure之类多是基于页面的原型设计,对于web网站尽管很实用,但是对于软件界面的流 程设计却略显繁琐。而GUI Design Studio却另辟蹊径,直接以建立元素与元素之间的关联的方式来自动化的创建动作流程,而从视频演示来看,这样的确很大程度上提升了软件界面原型搭建的 效率。

7、Prototype Composer


Serena 公司免费提供的原型开发工具,功能确实强大,提供了基于项目管理主要流程的产出物文档模板、原型工具以及开发流程控制,这个软件的开发理念非常好,用这一 款工具来满足项目开发流程中各个环节的沟通和决策。但软件的学习和使用成本比较高,要了解其中的全部功能,貌似需要花不少时间。另外软件的效率和稳定性还 有待提高,试用的过程中多次出错及停止响应。

8、Lucid Spec

由 Elegance科技推出的Lucid Spec是一款很类似Pencil的原型工具,仅仅是提供了更多控件。不过Lucid Spec强调了生成干净的说明文档的功能,这可能是针对于多数原型工具的自动化生成规范的冗余而言的,不过老实说Lucid Spec提供的原型界面太过简陋,并且生成的说明文档也未见优化有怎样的提升。视频介绍

9、Irise Professional Edition

Irise与其他原型工具相比其中一个特色在于提供了样本数据的功能,这是类似于excel表的一个样本数据库,可以通过界面元素直接获取样本数据库中的数据,这样所生成的原型甚至可以使动态数据更新的。

10、Adobe Reader

Adobe reader?没错。其实理论上任何可以创建图形和文本的工具都可以用来原型开发,因为原型本身就是对于业务逻辑和功能界面的模拟或仿真,因此有何理由不能使用PDF格式呢?BoxandArrow的这篇文章《PDF Prototype:》提醒了我们,所有的原型工具都只是工具,而不是设计本身

当然原型工具还有很多,您可以在这篇文章对比更多可用以进行原型开发的工具。

Tagging遇到的问题

在讲到这么多的优势的同时,Tagging不可避免的也存在一些设计上的不足和缺陷。

无意义的、错误的以及不准确

社会化分类不可避免的会产生一些无意义的、错误的或者更多情况下是不准确的描述信息,而由于这些信息的自由发布和传播,一方面无意义的tag会影响信息的专业性和信任感,另一方面错误的或不准确的tag也会对用户理解信息产生干扰。

同一事物的不同描述

最明显的事例就是:对于一张美女照片,有人会以“美女”,有人会以“美人”,当然也会有人直接tagging之以“女人”,更遑论“woman”,“girl”,“female“,”beauty”之类跨文化或语言的差异性。因此当用户通过搜寻“美女”时,可能无法获取被tagging以“beauty”的信息。
这就引入了Tagging的受控词表问题,我们仍然可以通过搜索引擎的受控词表的方式来建立词汇相关性,即当用户在搜寻“美女”的时候,同时也会将“beauty”的信息返回,也即是说在通过tag来关联信息的时候,“美女”等同于“beauty”。

需要大量用户的参与

同wikipedia一样,建立一个高效、覆盖面广的tag系统需要大量用户的贡献,如何提升用户的参与性,并提供高质量的tag就是Tagging系统的大问题。

学习成本较高

与传统的分类法相比,Tagging仍然算是一个比较难以理解和使用的东西,因此大部分应用了Tagging系统的网站都在tag输入框附件提供了“标签是什么”或“如何添加适合的标签”等信息。

关于Tagging,我们看远一些…

自动化的tag生成机制

Tagging面临的一个很大难题就是如何帮助用户为信息创建有意义的tag,一般采用的引导方式是根据其他用户的标签来为用户提供候选tag列表。

qq写日志时提取频度词作为标签

智能识别与混合式Tag

尽管受控的Tagging存在着争议,但通过机器分析的方式来自动识别信息的内容仍然是一种让人欢欣鼓舞的向往。如果图像、音频和视频的智能分析能够提升效率和准确度,那么由程序来代替用户产生标签也并非不可能。
在flickr和yupoo的照片页,我们可以看到有机器读取的照片信息,包括当前照片的相机类型及EXIF信息,这些信息只是智能分析的雏形。毕竟与这些照片固有的结构化数据相比,要识别图像或音频还需要更多的技术壁垒要攻陷。

Tag API

Tagging作为一种分类法,大大提高了内容的可发现性,并发掘了内容与内容之间的相关性。但tagging在各个社会化网络中都是作为独立的体系,那么是否能够有一种机制能够在不同的网络和系统间共享tag数据,使得tag的内容索引范围更大,并且而能够通过tag来聚合各种格式的资源?

分面

尽管tag现在主要还是应用于内容的聚合或索引上,但Tagging从其实际意义而言就是为信息增加了更多维度的属性值——即为信息添加了多个分面——理所当然的tag理论上也能够建立分面搜索模型。

可视化

关于Tag的可视化研究国外已经有很多有趣的实例,下面只是列出了几个最近看到的信息可视化项目:

Tagged Colors
作者: Christian Giordano
年代: 2005
地址: http://nuthinking.com/did/tagged_colors_03/
项目描述: 这个程序呈现了词语与颜色之间的关系。通过数据库记录flickr上关于颜色群组上照片的颜色值,关键因素是的所有已注册的标记图像的颜色均匀性,对这些颜色的平均属性和标记的知名度之间的关系。
Visualizing tagging behavior in Nicovideo
作者: kynbit,Institution
年代: 2007
地址: http://www.flickr.com/photos/kynbit/sets/72157603197725957/
项目描述: 在日本, Nicovideo (日本人称这个服务为 Nico Nico Douga) 是一各与youtube类色的用户生成内容的服务。在本项目中,作者尝试通过视觉化这个协作网络上的tag来理解“nicovideo上发生了什么”。

更多的信息可视化资源请查看VisualComplexity.com

TAGGING是一种社会化的应对大量信息的分类法。TAG作为信息的附加元数据(metadata)为信息提供了附加的或补充的信息,能够弥补传统层级结构在信息筛选上的不足,提供搜寻信息的更多维度,并且更重要的是,通过tag能够帮助系统实现信息的跨纬度相关性分析。

社会化

Tagging作为一种模式,首先是由信息的浏览者或使用者(而非设计者)来添加信息的分词描述,借以管理其信息,或分享给其他用户查看和再次使用(reuse)。
这就有别于传统的层级分类结构,层级结构在处理少量的数据时具有相当多的优势。信息架构的专家或行业的资深人士能够从经验出发,选择适当的维度来对信息进行整理和分类,能够帮助用户快速筛选信息,并且也更符合用户在其他领域搜寻信息的思维模型。

而Tagging则是由用户来参与分类设计,尽管用户并不能直接意识到自己是在参与分类过程,但在客观上仍然是一种社会行为。当有足够多的用户参与这种社会行为,那么就能够根据获得tag数据来提供与层级分类截然不同的信息检索方式。
从这个角度而言,Tag模式与wikipedia的模式有异曲同工之妙;通过多人协作的方式来完成信息的准确标注

大量信息

如上面提到,当信息量较少或并不复杂时,信息的层级分类足以满足搜寻的需要,则无需采用Tagging,因为这将使得信息的组织更加复杂,尤其是当分类和tagging同时存在时,用户对于类别和tag会产生理解上的障碍,而并不能有效提升信息的可发现性。
而对于存储和提供大量信息的服务,如flickr、amazon等,层级分类法无法帮助用户准确定位信息,分类也无法完整传达信息本身的分面(facet),那么引入tagging,由用户贡献对于分面信息的描述,这就为信息补充了相应的元数据(metadata)。如Tagging系统能由用户提供一张照片的拍摄地点、时间、相机型号等信息,这些信息往往是层级分类法所无法覆盖的。

分类法

Tagging仍然是一种分类法,因为其本质仍然是对于信息的分类索引
层级分类法的瓶颈在于专家的分类法并不能完全匹配用户对于信息的认知和理解,对于信息的理解不同,而导致不同用户对于同一样事物的有着不同的指代词。
在现实的小书店,我们往往是通过文学艺术、科学技术、医药健康等等分类来组织书籍的排放位置,尽管这种方式低效,但的确符合顾客的认知模型,顾客也能够据此来查找相应的类别。
但当我们面对图书馆级别的数据库时,层级分类结构的局限性就显露无疑了。当我在浩如烟海的图书馆里找《钢铁是怎样炼成的》,我是要找“工业原材料”,还是“文学艺术”,还是“参考手册”,抑或“成功励志”?
另一方面,大量的信息本身也是比较复杂的,很难将之划分到相应的领域,有过类目设计的同学应该对此感同身受。
Tagging则从另一个角度重新设计了信息的分类模式,tag本身是分散和无层级的,因此任何一个tag从本质而言都是一种分类模式,唯一的区别在于层级分类是先定义篮子,然后往篮子里放不同的水果,而Tagging则是将每一个水果系上一个或多个tag,这样就产生了一种充斥交集和关系的tag链,当我们以为这只是产生了更多的混乱的时候,我们发现当提起一个tag的时候,相应的水果都被我们找到了。这种方式不仅解决了信息难以分类的问题,也更方便用户建立不同信息的联系。

Tagging的类型

自由的tagging

在多数web2.0网站的tagging系统中tag的实现仍然由用户贡献的,如果flickr、delicious等,用户对于非受限信息都能够自由的tagging,通过大量的数据积累而使得通过tag库组织内容成为可能。 比如flickr和delicious已经能够通过tag的搜索进行信息的搜寻。

受控的(引导式)tagging

受控是指tag并非完全由用户提供,而是由系统提供相应的词表来提供预设,或推荐用户进行选择,当然在大多数情况下用户仍然是可以自行修改。但基于“多数用户是喜欢偷懒的”的假设,若非必要用户一般不会修改预设的信息,这时信息的tagging对于用户是比较简单的,但是产生的tags是否有意义就是一个问题了。
如QQ空间的日志发布页面,tag由程序根据用户的日志内容自动匹配受控词表,或遍历出现频度较高的单词作为推介的标签。这种方式固然有一定的算法依据,也的确大大降低了用户tagging的难度,但自动生成是否能够替代用户的词汇,并且这是否也造成tag词库倾向于系统的识别,而不依赖于用户的认知?

优势

在讨论Tagging的优势前,我们首先需要明确的是Tagging并非是层级分类的替代方案,他们只是是分类法的两种不同模式。在不同的用户、内容和情境下,采取不同的信息架构策略,则可以选择两种模式之一或者两者兼而有之。

  • 弥补专家(层级)分类法的不足
  • 还原用户的实际理解与认知
  • 无限的扩展性,以及较少的运维成本

汪峰――为了让生活继续

Posted October 15th, 2009. Filed under 杂七杂八

可以置身事外吗可以视而不见吗
可以低头不语吗为了日子好过点
可以忍住眼泪吗可以表达愤怒吗
可以告诉我你真的很孤独吗

你不知道该如何面对可你已经无路可退
你要坚持到最后一刻为了让生活继续
你不知道该如何面对可你已经无路可退
你要忍耐到最后一刻为了让生活继续

可以做个交换吗可以给个机会吗
可以保持训练吗为了日子好过点
可以亲吻蓝天吗可以抚摸彩虹吗
可以在离去之后看到你的微笑吗

你不知道该如何面对可你已经无路可退
你要坚持到最后一刻为了让生活继续
你不知道该如何面对可你已经无路可退
你要忍耐到最后一刻为了让生活继续

不仅仅是好听,更在于这让我们从节奏中找到自己对于现实的反叛和情绪的落脚点,然后在喧嚣之中找到寂寞的痛快!

读书

Posted October 13th, 2009. Filed under 杂七杂八

1、办了张公司的枫林晚借书卡,99元一年可以借24本书,期满可以折算回99元购书券买书,很不错。图书室的书不是很多,不过有一些挺不错的书,竟然有阿道司・赫胥黎的《美丽新世界》,不过新译版本叫《美妙新世界》。

2、在图书室读唐・库比特的《快乐之路》,十分钦佩其从生活语言中探寻宗教影响世俗的痕迹的敏锐感知。如果说人类并不比动物更多理性,那么人类一定比动物更多情感,生气、愤怒、兴奋、悲伤、爱,宗教只是给了人们消耗过多情感的一种方式,宗教的这种意义并不在于需要存在一个超自然的神来作为一切未知的因,而是给了人们去表达情感与爱的出口,这样的爱是没有具体对象和实体的,而是一种抽象的,对于大千世界的一种情感。
3、在手机上读《明朝那些事儿》第一卷,将朱元璋的杀戮,看到头皮发麻。在网上查”朱元璋杀了多少人”发现很多数据,有人说杀的官吏有6万人,有的说法是10-15万,当然也有人煞有介事从精神病学来研究朱元璋杀官吏的心理是一种精神分裂,当然更主流的说法是小农意识+政治手腕。但是无论如何,以反贪之名,杀人如麻,倒也是前无古人后无来者了,尤其是朱明一朝的酷刑,凌迟、枭首、诛族,此外还有用开水烫、用铁刷”洗刷刷”、抽肠、脸上刺字、割鼻子、阉割、挑膝盖等等,还有剥皮实草,真的中国有史以来的酷刑之极致。
当然有人为朱元璋辩护,尤其是站在当下之背景下,强调在酷刑和杀戮的背后是明朝官吏的贪腐。但以这种泄民愤的方式来蔑视生命,尤其是其大面积不分青红皂白的连坐,斩草除根的行径更是让人无法理解。

信息架构师是一个常常被误解的职称。他们是设计者?开发者?管理者?还是以上全部?我们在本文将探讨信息架构师是做沈恶魔,为什么它和可用性相关,以及在信息架构中需要用到的工具/软件。 我们也会顺便分享一些对于信息架构的初学者来说有用的tweeters(twitter用户)、书籍和资源。即使您已经对这些内容非常熟悉了,您也可能从中发现一些可能错过的内容。

一般的工作领域猜想

一个信息架构师加入了我在亚特兰大工作的项目团队。因为我对这个领域不太熟悉,或者至少说不知道它的准确定义,我问道:“你好,john,总的来说 信息架构师是做什么的?”他的回答是如此的含糊不清:“你知道当你去到一个银行的网站…上面有一些有关它的东西——颜色、文档、有关情绪的照片——这 些产生安全感的元素。那就是我要干的。当然,大部分是” 等等。“那就是图像设计师,”我想。我想等我去做一番研究之后再来问这个问题——那么,这里就是了

谁是信息架构师?

我觉得了解一份工作到底是干什么的最好方式是直接去聆听做这张工作的人是怎么说的。下面是引用一些信息架构师的话:

Jessie James Garett 说:

信息架构是一个范围很大的范畴。但不论是特定的场景或者给定目标的信息架构项目,我们经常考虑的是建立更有效的沟通结构。

——Jessie James Garrett

信息架构学会如此定义信息架构:

一门有关通过组织、标签web站点、内部网络、在线交流和软件,来帮助(提升)可用性和可寻性的艺术和科学。

——信息架构学会

最后,引用Andrew Hinton的话:

Flickr任凭我上传照片,并且可以让我组织它们,给它们打标签,我感觉很舒服。这里没有一个权力机构来告诉我怎么给我的照片打标签。这部分是由于它(Flickr)不愿意由于你做错了什么而让你觉得受伤害…Flickr不是一个任务严谨的系统。它是一个好玩的平台…如果你想要一个严肃的图片库,那么你可以使用类似国家档案馆或Corbis那样的,而不是Flickr。在(由系统)管理信息和打造基本平台让其他人来自己管理两者之间是有区别的。

但这两种方式都是信息架构。

——Andrew Hinton 于 Linkosophy

每段引言都让人深思。但在自己做了一番功课后,我认为没有一段引言能真实的描述这种工作。信息架构师游走于图像设计师网页设计师用户体验设计师前端开发可用性专家(我写过一篇关于所有这些工作的文章)之间。事实上,这些专业拥有相同的话题:用户为中心的设计(参考Jessie James Garrett的关于用户体验的元素的PDF)。随着时间过去,这些专业的职责已经比较清晰。图像/网页设计师专注于色彩、字体、样式等的运用来传达讯息,而信息架构师则从更有目的性的角度关注站点的结构。她可能问:用户浏览站点的流程是怎样的?软件如何帮助用户分类他们的信息?如何让用户回到之前的内容?那部分信息帮助了客户吗(比如:帮助下决定)?

为了达成这些,信息架构师需要集中与这些东西:目标用户群、网站相关的技术、会呈现在网站上的数据,以及(最好能有的)关于想法的早期可用性测试。

信息架构的进化

信息架构师不仅仅是设计师、梦想家或者项目管理者。他们 必需能够从许多不同部门那里获取意见,来完善他们的工作。一般来说,他们开始是设计师,或者与设计师一起工作。在某种程度上,网站设计的技术要求也会成为 他们的兴趣或职责。最好的信息架构师要和不同的部门合作,建立和维护网站最终样式的一致愿景。

可能你现在的情况与此类似,或者你在思考你的工作定位是否是信息架构师。如果你心痒痒想了解更多,我建议你查看“信息架构学会的‘我是架构师’吗?

树立愿景

为了理解信息架构师如何影响一个项目,你可以想象(这个场景)在一幢大楼被建好之后再指派建筑师来工作。这是一个很可笑的说法,但它的确发生在今天。即使建筑在很好的规划营造之后,他们仍然可能面临着改动。Stewart Brand在他的书《建筑如何学习:他们建好之后发生了什么》详细描述了这种有趣的情况。再一次的荒诞不经,我们地地道道的把今天信息架构师放在相似的境地——指派他们去被一些自诩的信息架构师们已经搭建起来的网站。那是因为多数人一点都不了解。越早将愿景传达给专家,愿景越早得以实现。

很多人说,“在多数项目中信息架构师不是必需的”,这只是因为信息架构师的角色与项目经理相似——尽管并不完全一致。只有当你的站点需要处理大量的数据,特别是用不同一般的方式来处理的时候,信息架构师才是必需的。或许你的站点涉及关于书籍的新的搜索方式,比如?

信息架构师做什么?

信息架构师在一个项目团队中经常处理以下事情:

1、 研究客户和商业

信 息架构师们在项目中承担各种各样的职责。为了研究项目的客户群,他们需要涉猎或指导可用性测试、卡片分类练习,焦点小组访谈,用户调研等。目标是提供关于 影响项目的足够多的信息。信息架构师需要知道人们如何使用你的程序,人们如何处理程序提供的信息,以及当用户使用你的程序时他们的心智模型是怎样的。

2、 数据分析

信息架构师通过定期的探索获得的认识,来定义站点的基本情况是怎样的,以及网站如何来实现目标。在这点上,信息架构师能够和设计师、工程师以及其他对于项目产出物感兴趣的团队成员亲密合作是很有帮助的。通过分析数据,信息架构师可以创建一系列的用户角色

用户角色真实用户群体的目标和行为的一个代表。在多数情况下,用户角色是通过分析用户访谈收集的数据而综合得到的。他们一般用1-2页纸来描述,包括行为模式、目标、技能、态度和生活环境,运营一些虚构的细节来使得用户角色更贴近于生活中的人物。对于每个产品,一般都会创建多于一个用户角色,但其他一个经常会作为设计的主要焦点。 ——www.wikipedia.org

3、 开发标签/导航/站点架构

最 后,信息架构师会,本质上是,结构化站点。信息架构师会产出一些产出物,诸如网站地图、网站流程图和线框图来传达站点从实际角度来看如何运作。实际上,优 秀的信息架构师在创建这些产出物时会将所有的想法考虑进来:商业上的、技术上的和社会的(用户)。通过这些,信息架构师将帮助决定站点的总体方向。例如, 信息架构师应该定期的测试站点,研究报告,并且评估开发流程中任何用户测试结果。

著名的信息架构师

信息架构的发展也成长了该领域的专业人士。下面是我列出的5位多产的信息架构师:

Donna SpencerDonna Spencer Donna Spencer是以为自由职业的信息架构师、顾问、作者和培训师。她有9年在家以顾问身份从事宏观和细节设计的经验。曾经设计过大型的企业内网和外部网站,电子商务和搜索系统,商业软件,设计模式以及一个内容管理系统。 了解更多关于Donna Spencer
Nick FinckNick Finck Nikc是一个有着12年互联网从业经验的资深专家。他的专长涵盖网站设计、网站开发、用户研究、网站分析、信息架构和网站出版。他是众多的刊物上网站设计相关文章的作者,也是网络数字杂志《网站专家在线杂志的选择》的创建者和发行者。 了解更多关于Nick Finck
Jesse James GarretJesse James Garret 1995年Jesse开始从事于互联网——在最开始是作为一名作者和界面开发者,然后是作为界面设计师和信息架构师。2001年他创办了Adaptive Path公司来帮助人们解决用户体验问题。现在他主要是撰写文章和发表演说,关于用户为中心的设计和信息架构。他是《用户体验的要素》一书的作者。
Louis RosenfeldLouis Rosenfeld Louis帮助开创了信息架构学,合作撰写了主要的文本,在他著名的顾问公司担任主席达七年之久。Lou还合作创办了信息架构学会,也是该学会的顾问团的成员。他同时还是用户体验网络的合作创办者。
http://louisrosenfeld.com了解更多关于Louis
Andrew HintonAndrew Hinton Andrew从1990年开始即以各种方式开始设计信息系统,从1999年开始称自己为“信息架构师”。他在2002年合作创建了信息架构学会,并且承担了赚钱其宣言的全部责任。现在,Andrew描述自己是一个专业于信息架构的“用户体验设计师”。 了解更多关于Andrew Hinton

 

相关的twitter

http://uxbooth.s3.amazonaws.com/uploads/2009/02/leaflets-touch_bigger.png
@blueflavor
http://uxbooth.s3.amazonaws.com/uploads/2009/02/ap_twitter_logo_normal_bigger.png
@adaptivepath
http://uxbooth.s3.amazonaws.com/uploads/2009/02/nickfinck_square_bigger.jpg
@nickf
http://uxbooth.s3.amazonaws.com/uploads/2009/02/konigi-avatar_bigger.png
@Konigi
http://uxbooth.s3.amazonaws.com/uploads/2009/02/lou_new_bigger.jpg
@louisrosenfeld
http://uxbooth.s3.amazonaws.com/uploads/2009/02/n541900810_692168_2992_bigger.jpg
@kauf
http://uxbooth.s3.amazonaws.com/uploads/2009/02/jjg-deli_bigger.jpg
@jjg

用到什么工具/软件?

信息架构相对于产出物而言,更多的是一种脑力工作。因此 它经常受到更多的仔细审查。信息架构师需要平衡体验、研究和用户投票,来提供网站应该如何架构的合理化建议。这是他们工作的本质。为了传达他们的意见,信 息架构师通常需要创建线框图。这些线框图能帮助所有的相关方理解网站架构的宽度和深度,包括所有与用户的交互方式。你可以从wikipedia.org上了解更多关于网站线框图的信息

visio1、 Microsoft Visio 微软进入图表领域的前沿,Visio是微软office套件的最新成员。Visio是高端IT和信息架构领域专业人士的基本沟通工具。但是它缺少XML格式输出,并且缺少对于苹果电脑的兼容性,是一个值得注意的问题。 了解更多关于Visio 2007
OmniGraffle2、 OmniGroup’s OmniGraffle OmniGraffle是OmniGroup出品的微软Visio的竞争者,并且做的非常不错。只需要一些简单的点击操作(和下面列出的一些资源)你就能够开始用线框图传达你的想法。OmniGroup说他们的产品可以制作图表、进程图、快速的页面布局、网站原型,以及更多。它能够支持微软的Visio格式,链接PDF,你甚至可以将图表和AppleScript结合起来。 了解更多关于OmniGraffle
axure3、 Axure公司的Axure RP Pro 5 Windows平台上备受关注的推行信息架构的产品。不好的是,它生成的HTML原型有太多“混乱”“冗余”的代码,相比比用Axure生成活动的程序便捷,这太不值得了。Axure公司描述他们的RP Pro5是“快速创建线框图、原型,以及软件和网站规范的主要工具”。 了解更多关于Axure
lovely chart4、 Lovely Charts Lovely Charts是一个全新的图表程序,由用户体验架构师合This is Lovely!的创立者Jerome Cordiez提供。它和上面的解决方案在很多方面不同:它是免费的,基于web的,并且非常简单。尽管这并非所有人喜欢的,但这个想法很有创意,并且我认为这能成为初级信息架构师最佳的交流媒介。 了解更多关于Lovely Charts

相关资源

下面列出的资源应该能帮你进入信息架构领域。通过学习如何创建用户角色来用模板生成你的第一个信息架构图表,就是这里了。点击,下载,享受吧。

OmniGraffle资源

  1、 文件模板 让你迅速开始的高质量模板。包括基本的UX文档需要的共享的图层,例如标题页面,线框图,故事板。列引导线和一个普通的栅格工具使得它非常容易操作,并且使得你的布局紧密。 2、 线框图模板 Konigi提供的另一个好东西,这些线框图包括了定义用户界面的大多数元素。这绝对是必须的模板。 3、 用OmniGraffle创建原型 这个简单的视频为你真实如何将你的线框图链接起来,使得你的客户能够对于他们如何使用站点获得直观的感受。

VISIO资源

  1、 设计师Visio模板 Peter Vandijck是《为设计师的信息架构》一书的作者。他提供了很多信息架构非常有用的Visio模板 2、 线框图模板 Dave Ross为Visio的爱好者提供了一系列的初学者模板。 3、 线框图、网站地图、流程图模板 Nick Fink做了一件很棒的事,在他工作中收集和创建了很多模板。在他的网站上你能读到很多关于如何将这些模板运用到你的产出物里的想法。

网络资源

  1、 角色创建图表 用这个图标来创建你自己的用户角色,然后围绕他们开发你自己的程序。 2、 Visio和OmniGraffle的模板 Garrett Dimon放出很多Visio和OmniGraffle的资源。比如,他的页面描述图表对于“不集中于页面布局,而是规划和策略上的设计页面”非常有用。 3、 信息架构学会的工具 信息架构学会有大量可用的丰富和独特的工具,从网站地图生成器到任务分析表。 4、 Jessie James Garrett的可下载的信息架构资源 包括模板、模式、形状库,甚至还有用来表达信息架构概念的Powerpoint对象。

相关书籍

各种资源

总结

这是有关这个每天都在演变的复杂领域的基本摘要。我并不指望本文可以反映5年来信息架构的当前状态,我只是认为我们都可以从项目里的信息架构获益。以后我会更透彻的考察信息架构的疯狂理念。在此之前,先下水试试看,下载一份OmniGraffle,然后不要迟疑尽管在下面留言吧!

翻译自Andrew Maier “Complete Beginers Guide to Information Architecture

暴雪新首页

Posted October 8th, 2009. Filed under 设计与工作
blizzard new homepage

过了一个多星期才发现Blizzard的新首页,与以往的暗金色调截然不同,深蓝的主色调与精心设计的flash banner相得益彰。当然暴雪的每次首页改版都是让人惊艳的,此次的改版着重在信息架构和设计风格上,从导航上可以看出和之前的版本相比,更加简洁和清晰,突出了game、company和community三个区域,加大了品牌传播的力度,也不再像旧版过于强调游戏本身。

在设计风格上抛弃了旧版繁琐的纹理和沉重的历史感,而代之以简洁却不单调的纹理和华丽的光影效果,使得整个网站更显活力,在立体感的塑造上,也强调了线条分割和圆角边框,更具web2.0的风格,尤其是在新闻页面

暴雪主页 | 穿越时空看看暴雪主页的历史

每个人都有自己的时间机器

Posted October 5th, 2009. Filed under 影视关注

和kiki又回顾了一遍该片,尽管被评为十大票房失利影片之一,但这部电影对于我而言仍然是一部难以取代的经典。尽管以好莱坞打造的《时间机器》无法逃脱英雄拯救世界的宿命,但有小说作为蓝本,更有小说原作者H.G.威尔斯的曾孙西蒙・威尔斯的执导,因此剧本仍然在好莱坞式的喧闹之中浸透着关于人性的的思考和形而上的追问。

时间旅行,改变过去,这或许是每个人都曾有过的想象,what if,如果,我们的记忆经常会穿插这些单词,为了某些原因我们如此的期望能够回到过去修正某些错误,这也正是亚历山大要造出时间机器来拯救失去的爱人的起因。

黑暗中殷红的血,渗入雪中…

时间旅行:悖论与梦魇

说出《时光机器》的深刻,在于它的确在故事之中渗透了对于过去、现在与未来的追问,也借由因果律来试图让现实更具意义,用两句广告词来说就是,过去不可改变,未来尽可掌握。亚历山大无数次的回到过去试图拯救爱人,都会发现爱人会以各种方式死去,为什么过去不可改变?如果严格来推导的话,过去不可改变并不成立。

我们假设的确是可以造出一台时光机器能够穿越时间旅行,那么这里的第一个问题就是当亚历山大穿越时空时,现在的这个世界是处于什么状态?是一一如既往的继续前进,还是二停滞等待过去的某个可能因来推导一个新的”现在”,抑或是更有可能的三,整个世界连同亚历山大本身进行了一次回归,所以得物理、化学和随机状态都如同倒带一般回溯到过去的某个状态?

如果现在的世界一如既往的前进,那么当过去的某个关键点被激活,那么以后的历史都会如蝴蝶效应般产生巨变,那么过去的这个点之后的历史如果与现在的历史衔接,无论是修正还是重写都无疑是对于时间连续性的一个挑战,如果说现在的世界停滞了,那无疑说第三种说法更靠得住。这些在现实中无法理解的进程在理论物理中尽管都可以找到渊源,但却都带来更多的问题,如果我们所处的只是无数个叠加的平行世界的一个,那么无疑改变历史只是增加了一个或者多个可能的或然世界而言,这的确是无法改变我们所在世界的过去,但却很明显创造了一个更有可能改变过去的叠加世界,但这个与亚历山大的世界并无交集的世界的存在有有何意义?!如果说时间真是一种错误,并非只能向前的矢量,那么让时间之矢改变方向也就并不是不可能的事,因此改变过去并不会现在造成影响,因为一旦时间扭转,那么现在也就不存在了,那么时光机器上的亚历山大是否还存在呢?是否他本人也回归到事故发生的当晚,然后历史不可避免的继续发生一切,然后变成了历史的反复?这无疑让我们联想到《x档案》中有关时间的那一集

这些不过影片背后的一些疯狂想法,也许无助于理解这部影片,但却让我们更理解时间旅行的本质,这是一种有关征服的理念。改变过去,这往往只是神的力量,当观音大士用净水回复人参果树时,这无疑是一种极为可怕的力量,因为历史可以被改变,这也是《红色警戒》这部游戏的背景依托,如果时间旅行真的可能,那无疑是这个世界的梦魇。

每个人都有自己的时间机器

在影片的后面,地下族群的首领和亚历山大的一句话让人印象深刻:”我们都有自己的时间机器,带我们回到过去的是回忆,带我们去到未来的是梦想。”

我并不认为首领以及地下的族群是邪恶的,或者说是反派,正如首领在解说自己的历史时也说明了这是80万年来的进化的结果。但我们在首领与亚历山大的对话之间,听到的是生命本能、自然选择与文艺复兴的两种对于人的态度。当亚历山大质问首领是否了解人类的价值的时候,那种腔调分明就是路德的强调(”我是一个人,这个头衔比君主还要高些。原因是:神未曾创造君主,神唯有创造人,使我成为一个人”)。

因此对于亚历山大而言,对于未来的选择并无关善恶,而只是基于人的意义和价值而做出的选择,而这里也是威尔斯赋予时间旅行的意义所在,是的,我们不能改变过去,因为那违反因果律,无法自圆其说,但是我们却可以在现在掌握未来,因为未来是那样的充满不确定,我们的选择则可以使得明天有一个不同的开始。

亮点

推荐当亚历山大开动机器准备去向未来时的那段展示时光荏苒、沧海桑田的画面,以及影片结尾的画面,同一个地方,不同的时间,我们的生命如斯充满不确定和戏剧性。