行业关键字
UI设计UI理论和资料 → 正文
概念图-UI博客精选(48)
作者: 郭宇 来源: 郭宇的设计空间 时间: 2006年11月29日
设计师有能力帮助创新团队成员之间进行更有效的沟通,概念图就是其中的方法之一。在创新的开始,未来的产品既看不见,也摸不着,创新团队的成员无法有一种直观的感觉,沟通起来只能通过语言和文字,而语言文字所表达的事物始终是抽象的,凭习惯和经验才能理解。概念图的好处在于,设计者可以根据人脑思维的特点将所想到的概念以及概念之间的关系用图表画出来,这样大家会有一种相对直观的感受,易于理解和沟通。
-
1960年,Novak博士根据Ausubel的学习理论着手研究概念图技术,并写出了那篇著名的文章 Learning How to Learn, 如果要说起设计界如何开始广泛使用概念图,我会首先想起我的一位老师Hugh Dubberly, 有趣的是在过去的十几年时间,在不同的设计学校,他只教概念图这一门课,而且居然给学生布置同一个作业,即制作一张概念图来教会一个对棒球毫无所知的成年人如何打棒球,去这个网站你可以看到我当年的作品, 而我也在不同场合遇到许多也画过棒球概念图的人。2001年,Hugh 绘出了一幅震惊业界的品牌模型图(pdf)。

画概念图并不难,也不需要掌握任何绘画软件,铅笔和纸即可。软件的唯一好处是你可以花较短的时间来完成一份更加精美的作品, 但对概念图的优劣并无帮助。下面提供一些简单的步骤供参考:
1.列出一个概念清单并且给每一个概念一个描述。注意这需要我 们想概念时一部分一部分来想,就像想一个人,想他的头时,就 想不到他的脚,想眼睛时想不到鼻子,比如经常见到的亲人—母亲,眼 睛一闭,脑子里想的形象仍然是模糊的。这是思维的特点,不可 能像照相那样清晰和直观。
2.思考一下各个概念之间的关系,可以用矩阵的形式来互相打分,这样就可以对所有的概念分出主次和了解它们之间的关联。
3.用一个句子将那些主要的概念(节点,多为名词)串起来(节点间用动词连接)形成主干,然后再从每个节点用其它句子分出支干,这样就形成了初步的概念图。
4.用不同的色彩和字体来排版优化形成最终的概念图。

我发现概念图并非只是象牙塔中的玩物,在实际应用中也非常有效。2002年底,我在Netscape工作时曾经花了一天时间绘制了一幅简版的儿童信用卡概念图,总结了一些经验供大家分享:
- 概念图可以将团队中讨论过的概念及它们之间的关系用一张图表来显示,是很好的记录Ideas的方式。
- 商业目标,市场传播点和用户的种类都可以在概念图中体现。
- 概念图可以使创新团队既看到森林也看到树木,有一个Big Picture。
- 利用概念图,技术负责人可以在项目早期对概念的可行性进行整体评估,只保留可行的概念,避免将来不必要的浪费。
- 利用概念图,公司高层也可以在项目早期对所有概念给公司创造的价值进行整体评估,做出更有效的立项决定。
- 确认的概念图可以使团队的所有成员拥有一个共同的目标, 下一步的工作也将更加具体。

以下收集几个我过去同事做的与设计相关的概念图例子:
- Luke Wroblewski 的用户体验图集
- Bryce Glass 的用户体验重要性概念图
- Matt Leacock 在1999年做的互联网搜索概念图
- Flickr 的概念图集
- Hugh Dubberly 的概念图集

原文地址:http://hi.baidu.com/guoyu/blog/item/1cfc513d064551ee3d6d97bc.html

更多UI博客精选

(责任编辑: vincent

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版