概念设计123

先阐述自己对产品“概念设计”的理解。

  1. 主要对象有功能、逻辑两大部分。
  2. 介于“需求分析”和“具体设计”之间的流程。
  3. 由感性到理性的发散过程。

重要性

实践表明,一旦概念设计被确定,产品设计的60%到70%也就被确定了。然而,概念设计阶段所花费的成本,在总的开发成本和设计周期中所占比例通常都在20%以下,也就是说概念设计是产品开发的低成本端。(杠杆最大省力点@陈亚华博士)

如何进行?

通过抽象、概括、归纳等方法将已有的创意需求进行分类,并找出其中的内在关联。应该从江湖局势、形式方向、民族地域、历史人文的角度去演绎,而不应该过分深入到用户角色,技术可行性、交互流程中。

  1. 元素,提出核心功能点。
  2. 关系,根据用户自然需求放大。
  3. 集合,进行产品定位。

如何呈现?

不止一次听设计师提到画概念图最好的方式是纸和笔,我认为如此最大的好处是保留随意性,能够得以全身心投入发挥,用软件处理最终概念图比较妥当,毕竟在公司还需要给高层汇报和整理归档。

  1. 手绘,在纸、玻璃板或黑板上随意发挥。图1
  2. 拍照,对讨论后的理解和回味,可以达到事半功倍的效果。图1
  3. 打印,软件处理的最终版本。图2

另外想到的

  1. 属于“信息架构”的组成部分,都需要广泛了解商业意图和用户需求。
  2. 和“产品创新”有直接关系,是另外一个课题,网上已有不少类似的好文章。
  3. 其实任何产品的“概念设计”都讲究两个固定需求:创新?独特?

附图

图1. 前几天的例子,其实是概念&架构混合图,意思意思。

Yahoo.NCP.名人

图2. 著名的“用户体验重要性概念图”例子。

用户体验的价值

16 Responses to “概念设计123”

  1. 白鸦 Says:

    其实我不赞成“一旦概念设计被确定,产品设计的60%到70%也就被确定了”的说法,往往概念设计也可以只是一个方向概念,甚至没有什么具体太大的东西,

    概念设计可以有很多不同的应用,“度”的范围很广.

  2. 兔子 Says:

    个人感觉概念设计应该类似在素描中的大轮廓,确定了产品大的方向和目标.

  3. 小甲 Says:

    呈现很重要,怎么让项目相关人士都能很快速地理解和参与进来是一个难题。玻璃板和便签纸的配合应该会比较合适:)

  4. 奇遇 Says:

    还有一个办法感觉不错: 整理出共有几个角色,分别整理出每个角色达到某个目标需要的流程和元素,然后把角色的关系画清楚,这样整体就关联起来了。 呵呵 个人的心得,仅供参考。

  5. flowingice Says:

    “一旦概念设计被确定,产品设计的60%到70%也就被确定了”,这句话可能和人的“先入为主”观点有联系,概念图一旦大致确立,其实产品的很多模式都有沿袭的危险。。。

  6. 千鸟 Says:

    “杠杆最大省力点”不是我说的,只不过读到觉得很有道理,从自己项目经验来看也没错,所以才搬出“陈亚华”,呵呵。我不喜欢老变需求,特别是核心的概念,这方面的意见分歧,我觉得还是存在于对“概念设计深度”理解的个体差异上。

  7. 与GUI设计师沟通的小技巧(ZT) at onling’s blog Says:

    […] 在uxstudy看到这篇翻译的专业沟通技巧的,发现着实不错,我们在设计产品时候,概念设计阶段,经常是通过草图交流的,但是功能以及交流相对都比较简单,所以平时交流的时候倒没注意到这些细节技巧,但是如果涉及到一个大团队的协作,合乎的表达方式很重要,但是要在一张纸上把要沟通的都表达清楚还是很困难的,看来以后在概念设计阶段要尽量把一些元素表达清楚。特别是一些细节上的指示。关于概念设计如何展开,大家也可以参考一下千鸟写的概念设计123的文章,大家大致可以知道如果开展一个产品的概念设计,虽然那边说一旦概念设计被确定,产品设计的60%到70%也就被确定了。有点夸张,但是概念设计的确在产品开发中占有非常重要的一个环节,而前期概念设计的讨论沟通我想是整个概念设计的重中之中。还有草图沟通是一方面,必要的一些软件在最终表现上还是必要的,要想找一些工具,把你的草图阶段的表现更好地表现出来,可以看看这些画原型图的工具,这样能更清晰地把你的设计想法表现出来,跟其他团队成员更好沟通。好了,好好学习一些这些技巧,相信对大家都有帮助的。 列出产品需要的所有视觉元素,包括图标,标志,窗口,按钮等等。 Make a list of all the graphic “things” needed for the product, including icons, widgets, marketing logos, buttons, controls, etc. 在一张纸上给这些视觉元素都草稿出小图案,让GUI设计师明白你想要的。 Take the list and make a crude thumbnail sketch of each item on a page so the visual designer can “see” what you want 创建层次框架图,如果层次不是特明确的,批注上什么是最重要的。 Create wireframes that show hierarchy and where hierarchy is not clear annotate the wireframes with callouts indicating what is most important 任何视觉限制都要提醒,比如文字大小或者颜色限制。 Note any visual restrictions; for example, type size or limitations to using color 还包括品牌使用规范,限定或者参考。 Include any branding guides, restrictions or preferences […]

  8. 老冬瓜 Says:

    概念设计确定后,产品设计也差不多有60%到70%了。 其实最后变化的部分也就10%不到。如果变化太大的话,那不知道前景和概念设计都做什么了。

  9. 老冬瓜 Says:

    不过可能大家所站角度不同吧。大家所认为的概念设计的范围也不一定一样。

  10. Kyo Says:

    如果说一个以USER NEEDS为主的设计来说,自然自我发挥的空间上是很受限制的. 因为OBJECTIVES被确定,之后的ID,IA的设计完全是针对USER的. 至于概念设计我个人觉得听上去比较主观, 即便是这样,概念设计也是要以USER为中心来画圆的. 不同的概念针对的不用的USER. 同时,我比较认可第3个理解,就是"由感性到理性的发散过程". 无论是从一个WEBSITE的角度,或者是WEB APPLICATION的来说,都可以理解为从概念到实现, 从抽象到具体这样的过程.

  11. happy3g blog » Blog Archive » 整理自“以用户为中心的设计”博客! Says:

    […] 概念设计123 […]

  12. 餐桌美食 Says:

    概念设计主要是表达出产品的愿景和目标,如果讲的太复杂,也不利于视觉设计的展开!

  13. gaojie Says:

    至于概念设计我个人觉得听上去比较主观, 即便是这样,概念设计也是要以USER为中心来画圆的. 不同的概念针对的不用的USER. 同时,我比较认可第3个理解,就是"由感性到理性的发散过程". 无论是从一个WEBSITE的角度,或者是WEB APPLICATION的来说,都可以理解为从概念到实现, 从抽象到具体这样的过程.

  14. iceFiFi » Blog Archive » 《UCD火花集》电子书版下载 Says:

    […] 概念设计123 http://ucdchina.com/blog/?p=23 […]

  15. 厦门根雕 Says:

    写的不错,博主十分有才,先记录下,以后常来读读。

  16. 《UCD火花集》电子书版下载 « Tokgoo Says:

    […] 概念设计123 http://ucdchina.com/blog/?p=23 […]

Leave a Reply

You must be logged in to post a comment.