从需求到原型,揭秘概念设计过程(一)

你的界面原型怎么来的?如何从需求分析到界面原型?我原来用的是设计沟通法:分析用户角色使用流程,构建用户与系统对话流,从界面布局字段开始去假想使用过程,逐步累加原型内容。这种从对话流到搭建结构的方法对于小型需求分析够用,但对于稍大型功能需求则容易陷入细节。那么大型功能需求该如何从需求到功能架构到原型?介绍一种概念设计方法。

1、什么是概念设计?

概念设计是理解事物的一种表现形式,将自然原始事物从抽象到具体的过程,是由粗到精、由模糊到清晰、由抽象到具体的不断进化的过程。也是将需求转化为原型,将头脑中的想法转化为界面线框图的过程。

其作用是将感性的模糊的设计经验转化为可见的理性的设计过程。又因其从粗到精到特性,所以优势是从上到下整体把控需求。

2、概念设计的过程

概念设计过程

初始需求通常以流程图或文字描述呈现,第一步获取材料:从中抽取实体、对象。第二部分析:分析整个业务的运作流程。第三步整理:结合材料的重要程度,与业务的时序划分物理空间的大小与时序。第四步细化:每个空间的元素的内部再按如上流程循环整理分析,通过用户绩效与可用性评估达成满意效果后可停止。每一个步骤都可依据实际情况调整顺序。

2.1、实体属性对象分析

从需求文档中分析可能包含的实体并列举可能的属性—将实体抽象成对象并找出对应的操作。一个大型功能包含多个对象,对象可以实例为多个实体,一个实体包含多个属性。对象的重要程度体现为信息架构,对象的方法体现为操作按钮,实体属性体现为界面字段。

对象-实体分析

2.2、结合材料的重要程度,与业务的流程划分物理空间的大小与时序

把界面平台比喻成一个空间有限的房子,每个房间如何划分,摆放什么就是拿到材料后需做的事情。空间分为四种:

——同一空间共存无互斥,比如房间的沙发与椅子可随机坐一个,界面表单可随机填写。

——同一空间共存但互斥,比如tab一次只能打开一个。

——不同空间时序上互斥,比如弹框,从上一界面打开,必须关闭后才能操作上一界面内容

——不同空间不互斥比如分屏功能。

了解界面空间特性后,结合材料与业务流程,提炼出重要、频率高的内容着重分配,比如更大更前更明显。

2.3、细化物理空间,配合用户绩效检验分配空间产生的效果。

概念设计从上到下,从粗到细,重复上述过程将一份材料拆分为4再到8的过程,最后拆分结果就是具体的界面原型。最后使用如下用户绩效方式评估可用性。

用户绩效,是指用户如何认知事物的过程与行为,这过程反应了用户效率与产品可用性。简单理解大概是这样的过程:理解——我在哪——我可以去哪?——我到了——怎么做呢?——下一步呢?。

——心理模型与理解力:如果你了解他,就可以使用它。首先要读懂每个控件的语言,明白某组控件想表达的概念,是否与你心里已认知的事物一致。一致则能理解,不一致则费解。如淘宝的购物车与超市的购物车概念一致,用户易理解。

——位置感知是指能意识到我们在哪,周围有什么,从所在位置到目的地位置到能力。如果你知道自己在哪,你就可以到达目的地。你距离目标多远?当前界面是否标识所处位置,意味着你是否迷路。内容越多标记位置方式越多越具体。

——视觉搜索效率是指浏览屏幕寻找特定目标的感知过程,过程中其他非目标元素都是干扰。如果你能找到自己所寻找的,你就可以完成目标。犹如茫茫人海中找人,如果你可以看到他,你就能抵达他的位置。内容越多越无序越不突出越难找,内容越小越有序越突出更好找。

——操作负荷是指与产品交互的一部分的操作中,我们所花费心理或物理资源的投资。如果操作的越少,花费的精力越少。物理空间越少,对应的路径小,越容易操作。

——工作记忆负荷是指与产品交互时用于存储和检索所需信息的短时的容量有限的记忆缓存资源。

以上为概念设计的过程,将不可言传的设计过程通过分析需求的实体对象任务流,到分配空间,再采用用户绩效验证。分析、实施、验证,逐步从抽象到具体的过程,下一篇想用实例来实践这过程。

参考书籍:《交互系统新概念设计》

推荐阅读:从概念设计到信息架构http://www.uml.org.cn/zjjs/200910222.asp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,937评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,503评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,712评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,668评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,677评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,601评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,975评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,637评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,881评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,387评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,971评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,409评论 25 707
  • 每天进步一点点点点点点点点点点点点点点点点点点点点点点点点点点点点点点~~从开始只能写几句话、模仿别人的观点,到现...
    一个帅气的名字呀阅读 18,033评论 4 31
  • 文|雁宸 图|堆糖 有没有发现你的生命中总会出现那么一些人,他毫无防备地出现,又一声不响地离开? 如果从眼神交流开...
    雁宸阅读 234评论 2 3
  • 说年 每次决定回河南过年都需要很大一勇气。同样也一年比一年有经验。 今天是回河南的第三个晚上,熬是三夜,天寒地冻的...
    晴致生活馆阅读 171评论 0 0
  • 今天刷网页,看到一个“孤独登记表”,从1到10级,第10级是一个人去做手术。 而下面的留言里,有人真的一个人去做过...
    白大侠阅读 248评论 0 2