手机产品设计在流程上跟互联网产品设计出入不大,在交付物上也有交叉点。很多新入行的朋友一直困惑于手机产品设计该怎么进行,该交付什么样的产出物给团队其他人员。小公司产品经理可能一条龙式的包揽了需求分析、竞品分析、功能设计、交互设计等,交给技术人员的直接就是PRD(产品需求文档)。大公司由于职能细分,可能会有项目经理、产品经理、产品设计师、产品架构师、产品策划、交互设计师、视觉设计师等细分职位,那么设计沟通就成为更不可少的步骤了,时间都被浪费在流程和会议中了,大家经常会纠结于功能或者设计的细节,忘了我们的核心用户,忘了产品的核心价值,无数次的pk,最终力求找到每个人认为的最符合用户需求的设计方案。
本文旨在讨论围绕UED(用户体验设计)该在产品设计的不同阶段提供什么样的产出物,便于理清自己的思路,也便于团队之间的沟通。具体交付物的实现方法,后续会有更详尽的介绍。
一、概念模型(Concept model)
概念模型是灵活性很强的文档,你可以用它来展示某个特定产品中所蕴含的多种概念。它可以帮助你梳理一些模糊的想法并把它们记录下来,他们形成产品设计的基础。由于是用于记录和用户体验相关的潜在结构,所以受众可以是项目组全体成员。概念图可以任意的发散,供你组织零碎的想法。虽然概念模型仅仅说明了一套概念设想,但是一个产品最重要的环节也就是概念的提出和成型,所以他还是很重要的。
***这是当初个人YY的一个掌上百度的概念图,不代表实际产品立场***
二、人物角色(Personas)
人物角色,是指针对网站目标群体真实特征的勾勒,是真实用户的综合原型。我们对产品使用者的目标、行为、观点等进行研究,将这些要素抽象综合成为一组对典型产品使用者的描述,以辅助产品的决策和设计。
三、功能架构(Function Architecture)
功能架构的目的就是搭建产品的骨架,有几个主要的tab页,每个页面有几个区块,对应多少种可能的操作。这样去梳理一下,才知道各个页面的功能和内容。四、任务分析(Task Analyses)
五、流程图(Flowcharts)
六、原型图(Wireframe)
Home, while in the museum


Login screen, unsuccessful login


七、交互原型(Interactive Prototype)
八、视觉稿(Visual Design)
这个就不多说了,呵呵~
交互原型和视觉稿都最好配合着规范文档交付。交互原型的规范文档要梳理很多的全局交互问题,比如焦点问题、文案问题、触屏操作、按键操作等等。
手机产品设计跟手机平台设计还是有很大的不同的。平台设计要求规格严格,不能用太多随性的设计,产品设计区分大小,有些小的产品可以很随性很写意,大的产品功能架构比较复杂,但也不必一定等到各种构想和设计都成熟了之后再去做,而是应该允许试错,快速上线,收集反馈,反复迭代,不断完善。
今天介绍的这8种交付物,不一定都需要交给团队成员,有些也是为了自己梳理思路,所以还是要根据项目规模、时间安排来判断,该产出什么样的交付物最合适。






视觉稿,还想看看你的设计功底呢
牛逼的妞。。。。
值得学习。。。。拜读。。
很棒的文章,转走了,谢谢!
还是很不清楚概念模型里哪些该做为对象哪些该做为属性操作等…拿在线播放器来说,是不是对象就是播放器?操作就是播放、下一首之类的??
这篇真的很全面,对个人平时思考、积累都很很好的启发呢,而且整个过程分析下来,相信会清晰好多
偷偷的问一下,这张fe_mobile_interactionflowdiagram_72dpi_d9.png是用什么工具生成的?
相信随着流程的发展,inforgraphic会是未来团队沟通的一个方向
此文共欣赏!美人让我兮~~
交付物这玩意 依实际情况吧 项目和公司都分大小的。 大部分公司不会拘泥于某几个交付物 作为一些通用性情况 还可以
图的展现很棒啊,来实践一下吧。
学习之
然后弱弱的感觉新浪那个提醒流程结束处的 取消消息提醒 是不是不太合适
以及有一种判断是否取消新消息提醒也许能放到判断是否有弹出新消息提醒之前?
这也配叫专业吗?资深交互设计师都笑了。小孩子还半瓶子水都不到,就开始使劲的晃悠。能发些真正的东西出来吗?不要只是一味的搬抄些概念名字。请专业一些!
求这位资深交互设计师的作品以供学习。PS:您咋连个名儿都没有呢?
傻逼喷子,敢喷就不敢现真身?不要以为整个匿名乱喷人别人还不了嘴挺过瘾,出来混迟早是要还的,到时候生儿子没屁眼就迟了,懂不?
您能用真正的名字说话么,没有底气就别装资深,我觉得您不是笑了,而是怕了。
一直在关注移动互联网、手机产品设计,但不知道怎么切入这块 ,总结得很好学习了….
不错……借鉴之……学习之……
很详细 很受教~
最近正学做手机界面 没头脑中 借机整理一下
很专业,整个UED都涉及了,学习一下,顺便搬到公司的UED中借鉴一下
整理这些东西幸苦了。挺
elya是牛人,膜拜一下
整理这些应该挺辛苦吧?
我的工作流程是:
人物角色→任务分析→概念模型→功能架构→流程图→原型图→交互原型→视觉稿
跟你的顺序不一样,是不是错了?
应该没有对错吧,嘿嘿,符合自己习惯就好了,保证最后交付的东西能够把全部问题说清楚就行了
请问作为PM需要掌握什么基本软件,看您上面的图都不错。
喜欢,学习了!
喜欢,学习!
哇哇,厉害!
好文。最近也在整理这方面的资料。先借鉴之。