设计五原则

2007-03-08 – 2:41 下午

翻译:Realazy
原载:http://realazy.org/blog/2007/03/07/five-principles-to-design-by/
作者:Joshua Porter
原载:http://bokardo.com/archives/five-principles-to-design-by/

技术为人民服务

人们经常埋怨自己的技术短处。当电脑当机,他们会说:“我一定是干了某些愚蠢的事情”。面对一个设计糟糕的网站,他们会说:“我一定是太蠢了,我竟找不着北”。他们很有可能去买一本傻瓜指南。

很不可思议!人们在使用技术时不应该感到挫折。就像客户,用户永远是对的。如果软件崩溃了,那是软件设计师的错;如果在某个网站上找不着北,那是web设计师的错。但这也不表示设计师要羞愧低头……他们更应该把这看作是一个学习的机会!好设计师与坏设计师最大的差别在于,如何处理他们的让用户正折腾着的设计。

技术为人民服务。人民不会为技术服务。

Read the rest of this entry »

美味书签(del.icio.us)的用户体验改进项目

2006-11-09 – 2:34 下午

作者:油茶研究会
原载:http://www.uxstudy.com/2006/11/09/delicious_project/

2006年初,CreativeGood公司在接受客户美味书签委托后,历时3个月,完成了其网站的用户体验改进项目,获得了如此评价:Creative Good的工作太优秀了。

“Creative Good did terrific work.”
- del.icio.us client

本次用户体验改进的目标是让非技术人员和网站的新访客也可以轻松的使用美味书签。在改进前,首页是这样的:

Read the rest of this entry »

改进网页可读性(Readability)的7个方法

2006-10-29 – 4:17 上午

翻译:油茶研究会
原载:http://www.uxstudy.com/2006/10/29/improve_readablity_of-_your_web_page/
作者:Christine Churchill
原载:http://www.webcredible.co.uk/user-friendly-resources/web-usability/web-page-readability.shtml

  1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。

  2. 把文字圈成小块 (”Chunk up” your copy). 大块的高密度的文字让你的用户感觉信息负荷超载,有压抑感。几个小技巧:
      

    • 用列表(或者1-2-3)和副标题.
    • 保持段落短小.
    • 在重要的观点上使用加粗或使用不同颜色,便于那些不太耐心而快速浏览的用户能抓住重点。
    • 控制文字的行宽(Use columns to control text width.).
  3. 避免杂乱的背景(Avoid busy backgrounds),让文字容易看清楚。 
  4. 少一点更好(Less is better). 在页面上放置越多杂乱的东西,越是让用户迷惑,分散注意力,不能集中阅读。网站看起来也不够专业.在放任何一项东西前想想,真的不放不可么?
  5. 使用辨识性好的字体(Strive for a clean font style for maximum readability.)
  6. 文字不要太小(Don’t use itsy-bitsy font sizes). 蚂蚁似的文字,很难快速的阅读。如果用户自己可以控制就更好了.
  7. 让链接更像链接(Make your links look like links). 如果不是标准蓝色链接,最好可以加上下划线。不是链接的文字,最好不要加下划线。

理想的设计师和项目经理

2006-10-13 – 5:26 下午

翻译:workstar
原载:http://hi.baidu.com/dongbao/blog/item/1663f624f4343a338744f931.html
作者:Scott Berkun
原载:http://www.scottberkun.com/blog/?p=431

我时常困惑:理想的设计师是一个什么样子的呢?我从技术公司的经理和副总裁那里寻找答案,试图去弄清楚,经理和设计人员之间的关系到底是怎样的。

理想的项目经理

优秀的项目经理与设计师之间的关系非常类似他们与程序员之间的关系。项目经理通常和设计师或程序员合作(而不是命令),他们通常接到其它各个部门人员的需求,经过取舍后,尽可能的以工程师和设计师的立场思考问题。理想的项目经理能够创造一个融洽的工作环境,使得市场人员、分析人员、设计师、测试人员等各个项目成员和谐地发挥各自最大的能力和作用。

项目经理无需参与具体设计,他们需要首先运用独特的能力去协调各种流程、项目、预算、保护团队成员等。只有当产品设计人员时间不够等情况,需要和项目经理一起合作、收集反馈的时候,项目管理人员才具体参与到设计工作当中。优秀的项目经理会是一个领导者、驱动机器,他们愿意为激励团队成员去做任何事情,甚至能够将甜点直接送到团队成员的嘴边^_^

理想的设计师

这是一个有着设计天赋的人员,并且是其他人眼中供人的领导者。他们不仅仅制作线框模型(wireframe model)和原型图,而且经常进行换位思考,传播好的创意,参加各种重要的讨论。当遇到设计难题时,他们是导航员,能够解决问题,实现创意,并且人们非常高兴去征求他们的意见。他们是一个优秀的沟通人员和合作对象,就像一个发电机一样,不断的将好的设计想法和创意传输到工程师、市场人员和其他的各个流程当中。他们需要和项目经理沟通何时将转移产品的设计权限、谁来将一个决定、一个设计、或一个问题传达到团队的其他成员当中。

设计师在设计任务中应该是一个决策者,并且当涉及到“易用性、样式和其他设计特点”时,应该给设计师足够的权限去完成设计任务。设计师在设计问题上的意见应该胜过其他人,就像在开发当中,工程师的意见是最重要的。一个优秀的产品设计师通过和其他人员的交流学习到这些能力,他是一个聪明的、有思想的、可靠的团队成员。

Read the rest of this entry »

焦点小组及其与其它用户研究方法的区别

2006-09-26 – 2:31 下午

出处:UPA中国

焦点小组(focus group)是在可用性工程中使用的比较多的一种方法,通常用于产品功能的界定、工作流程的模拟、用户需求的发现、用户界面的结构设计和交互设计、产品的原型的接受度测试、用户模型的建立等。

焦点小组依据群体动力学原理请大约6~9个参试(participant)对某一主题或观念进行深入讨论。焦点小组实施之前,通常需要列出一张清单,包括要讨论的问题及各类数据收集目标。在实施过程中需要一名专业的主持人,主持人要在不限制用户自由发表观点和评论的前提下,保持谈论的内容不偏离主题。同时主持人还要让每个参试都能积极地参与,避免部分用户主导讨论,部分消极用户较少的参与讨论。

图1:焦点小组图例

焦点小组图例  

Read the rest of this entry »

谁是 Jonathan Ive?

2006-09-25 – 3:56 下午

翻译:Exstasis
原载:http://chn.blogbeta.com/212.html
作者:Peter Burrows
原载:http://www.businessweek.com/magazine/content/06_39/b4002414.htm?campaign_id=ds7

谁是 Jonathan Ive?
——对掌握苹果设计魔力幕后人的深入观察

今年春天在加州的巴沙迪纳,Art Center College of Design 举行了设计师的集会 Radical Craft。会上各种各样的设计师们使满席的同行群情激奋。服装设计师 Isaac Mizrah 讲述了他鼓舞人心的成名故事。人工智能的先驱 Danny Hillis 展示了一台能模拟地形的电脑,据说它能显示一切东西,甚至是喜马拉雅山的三维图。荷兰发明家 Theo Jansen 则带来了一个大众汽车般大小的,由塑料PVC管制成“海滩生物”(beach creatures),那东西就像 George Lucas 的星际螃蟹那样“走”过舞台。

但是展示会上最大牌的明星却没有一点炫耀卖弄的架子。苹果电脑主管工业设计的高级副总裁 Jonathan Ive 穿着一件深色T恤,顶着刚剃过的头摇摇晃晃地走上台,仿佛一个在去星巴克的路上迷失方向的毕业生。这个39岁的英国人,懒散的坐在座位上,一点也不引人注目,安静的回答主持人和获奖编辑 Chee Pearlman 提出的问题。尽管被邀请了很多次,他还是拒绝卖弄他自己的设计能力,也不愿意谈论和他那完美主义的老板 Steve Jobs 一起工作的感受。

除了 Jobs,他是对苹果那些著名的炫目而令人惊喜的产品最有影响力的人。Ive 更愿意谈论设计流程(process)—— 他称之为“设计工艺”(the craft of design)。他满怀激情地谈论他的小团队以及他们如何共同工作。他谈到只将注意力集中在最重要的事情上和限制项目的数量,还谈到对一个产品如何被制造出来应该有深刻的理解:使用的原材质、制作加工时使用的工具、产品设计的用意。Ive 强调的更多是对工作极度关心的必要性。

Read the rest of this entry »

UI设计流程以及设计师参与的环节

2006-09-22 – 5:32 下午

作者:一翔
原载:http://www.uilook.com/blog/article.asp?id=18

拥有一个完善规范的流程,是决定着一个项目走向成功或失败的关键。
对于UI设计的工作流程,我觉得可以根据“市场分析-用户分析-架构-原型-界面-输出-完善”这条主线制定,每个环节UI设计师都应参与其中。

1.产品定位与市场分析
这一类工作大多都是由新产品研发部门以及市场需求完成的,但UI设计师应了解产品的市场定位、产品定义、客户群体、运营方式等。

2.用户研究与分析
这个过程是非常重要的,设计师应该找到合适的方法来完成此环节。你可以搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等,提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下,更可以制定实景用户分析。

3.架构设计
这里涉及到比较多的界面交互与流程的设计,根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。

Read the rest of this entry »

通过研究视线轨迹改良设计

2006-07-02 – 8:29 下午

作者:一叶千鸟 
原载:http://home.rexsong.com/?p=355

此研究报告来自名古屋市立大学芸術工学部木本晴夫教授,整理了部分文字和图片。

视线跟踪技术早期主要应用于心理学研究、助残等领域,后来才被应用于图像压缩及人机交互和可用性工程。从用户注视信息中:

  1. 推断人们感兴趣或引起注意的内容
  2. 通过所注视的对象可得到其指代对象
  3. 暗示对象之间的关系

能否自发、自觉地使用视觉导向的设计方法,并根据视觉路径走向排列关键信息,这是区别专业与业余网页设计师的一个重要依据。

Read the rest of this entry »

信息建筑师的现状和发展

2006-05-27 – 3:30 上午

作者:周晓英

我们生活在城市里,街道、建筑、绿地、城市设施包围着我们,因为有了负责物理空间的规划和设计的专家――建筑师们,人们生活中的各种需求得到满足,我们的环境越来越美好。我们同时也生活在信息时代,各种各样的信息片断、信息集合和不同的信息环境包围着我们,因为缺少信息空间的规划和设计专家,信息结构繁杂混乱,过多的信息堵塞了信息的通道,无用的信息污染了有价值的资源,没有通往信息的快捷通道,所以我们在信息空间中常常感到困惑或者迷失方向,对信息的需求常常得不到满足,我们的信息生态环境越来越差。

正如我们在城市中的生活需要建筑师进行各种功能设计一样,我们在信息空间的活动需要信息建筑师来为我们作信息的规划和设计。由于越来越多的人正在用越来越多的时间与信息打交道、通过计算机开展工作、与网络相联接,我们的这种需要也会变得越来越强烈。

1、 信息建筑师概念的起源与发展

1.1 基本含义

信息建筑师的英文是Information Architects, 国内对这两个字还有其他一些翻译方法,比如信息构筑师、信息架构师、信息构建师等,但比较多的提法是信息建筑师。由于信息建筑师仍然是一个需要得到社会广泛接纳的职业标签,由于它仍然是一个比较新的提法,所以目前国际上虽然对信息建筑师有很多的描述,但还没有一个比较权威的定义。

从工作内容的描述上看,我个人比较赞同的定义是一种宽泛的说法,即:信息建筑师是那些对从调查研究中、经验中、教育中、特殊情景或事件的认识中、事实或数据的集合中提取出来的知识的建设进行设计和监督的人们。

上述定义的优点是它能够把所有类型的信息建筑师包括在其内涵范围内,其中包括传统的主要在纸质载体上用图形形式和各种设计形式传达信息的人们,还包括了为网站设计和规划信息的人们,也可以包括了信息系统、CD-ROM、图书馆、教学等各种信息环境中为信息集合进行设计和规划的人们。上述定义的问题是:只是描述了信息建筑师的工作性质,没有说明信息建筑师的工作目标。因此,可以对此定义增加一个对工作目标的说明――通俗地说,信息建筑师的工作任务是对信息进行设计和构建,使它以最易于发现、易于理解和易于访问的方式展示给使用者使用。

Read the rest of this entry »

亚马逊网站导航栏的变迁史

2006-04-21 – 11:32 上午

翻译:JunChen
原载:http://chn.blogbeta.com/132.html
作者:LukeW
原载:http://www.lukew.com/ff/entry.asp?178

可以说是亚马逊网站普及了 Tab 式导航。这么多年来,他们一直在探索着一种用户界面,可以使他们越来越多的产品清晰的呈现在用户眼前。我们现在回头去看看亚马逊网站顶部导航的历史变迁也是一件非常有趣的事情。

1998年的亚马逊导航

在1998年,亚马逊网站只有两个一级大类:书籍和音乐。即使增加了一些分类,比如音像和礼物,水平的 Tab 式导航也能够扩展的非常平滑,并且通过颜色的不同,很容易区分产品。

1999-2000年的亚马逊导航

Read the rest of this entry »