AboutFace(四)交互框架

设计框架定义了用户体验的整个结构,包括交互框架与视觉设计框架,有时候还有工业设计框架,这些包括底层组织原则,屏幕上功能元素的排列,工作流程,产品交互、传递信息的视觉和形式语言、功能性和品牌识别等

定义产品的交互框架


(1)定义形式要素、姿态和输入方法

形式要素:高分辨率电脑上的web应用,还是小巧、轻便、低分辨率、光暗中均可见的手机,还是嘈杂场所容易分析的电话亭——形式对设计暗含的限制 

产品姿态:指用户将会投入多大的注意力和产品交互,以及产品将会对用户用户投入的注意力做出何种反应

输入方式:鼠标、键盘、小键盘、摇杆、手柄、触摸屏、声音、等

(2)定义功能元素和数据元素

以我们之前的场景故事为依据,用界面语言的描述方式描述在需求阶段确定下来的需求,然后再将设计具象化

列出数据元素并将其分类同时考虑他们从属等关系;数据元素就是你要在界面上呈现的那些内容,比如订单,收藏产品,照片,客户记录等

功能元素是用于操作数据元素极其显示的操作,举之前薇薇安打电话的例子功能元素包括


定义功能的时候,把产品想象成一个人,如果他彬彬有礼,他乐于助人,接下来他会怎么做,他可以贴心的做些什么

(3)确定功能组和层级

将数据和功能元素分组,纳入屏幕,框架、网格等更高等级的容器元素,表现形式可以用韦恩图或者缩略图形式

此时需要考虑以下主要问题:

1.哪些元素需要大片的视频区域,哪些不需要?

2.哪些元素能够容纳其他元素?

3.容器如何组织才能优化工作流?

4.哪些元素需要捆绑使用?哪些不是?

5.相关联的元素使用时顺序如何?

6.哪些元素有助于人物模型作出决定?

7.采用何种交互模式和原则?

8.人物模型的心理模型如何影响元素组织?

(4)勾画交互框架

框架草图要简单,开始采用方块图、名称、不同功能区的简单描述即可,可以加上一些视觉细节来 表达其内容的大概意思,不要陷入细节设计中,一旦草图中的细节够多,就可以用计算机工具来制图。

(5)构建关键线路的情景剧本

关键线路的情景剧描述了人物模型如何使用交互框架同产品就,本关键线路场景以任务为导向,关注情景场景中广泛描述和暗含的任务细节,我们可以通过故事版的方式来更加直观的展示

如何创建故事版

(6)通过验证性的场景来检查设计

本步骤目的为找出设计方案漏洞,并根据需要调整

替代场景:薇薇安举例,如果她决定通过电子邮件回复而不是电话回复,就变成了另一个代替场景

必须使用的场景:指必须执行,但又不经常发生的动作,比如智能手机的一个必备场景就是二手手机需要删除原来用户的所有信息

边缘(错误)情形场景:非典型情形下一些产品必须要有但是却不常用的功能,比较像系统有可能会出现的bug和漏洞,比如薇薇安想要添加两个重名的人,薇薇安不想碰到,但如果存在这种情况手机应该能够处理

定义视觉设计框架

视觉设计框架流程包括以下过程:

(1)开发视觉体验特征

选择三到五个形容词来定义产品音调、语言和品牌承诺

Cooper的建立方法

(2)开发视觉语言研究

(3)将已选择的视觉风格用于屏幕原型

滴滴案例

定义服务框架

之后深入研究,再看《服务设计》这本书,包括服务地图等常见方法

验证与测试设计

测试内容


何时测试

最终评价是对已完成的产品进行测试,主要用于产品比较;和重新设计时找出问题形成性评价是是对设计过程中的交互过程的某一部分测试,主要用于在产品诞生前发现弊端的测试,

对于可用性测试可以在《纸质原型》这本书中寻求更多的方法,测试方法之后细化

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

推荐阅读更多精彩内容