《破茧成蝶》交互原型设计基本内容

基本概念 原型是设计方案的表达:它是产品功能与内容的示意图,既包含静态的页面样式(线框图),也包含动态的操作效果(交互说明)。原型按照精细程度,可分为低保真原型和高保真原型。

低保真原型:与最终产品不太相似的原型,它可以是纸面原型(草图),也可以是用软件绘制的线框图。

高保真原型:高保真原型在外观、操作上与最终产品基本一致。高保真模型相当于一个高级模型,更适合做展示用,并不等同于真实的产品。


标准的原型应该包含什么内容——

1) 简要的说明与信息结构:

变更日志:对于比较大型、周期较长的项目,往往是做一部分评审一部分,评审后定期更新,因此,在整个项目周期过程中,需要填写更新日志,方便项目成员查看每次更改的内容

变更日志一般包含日期、变更内容、变更原因、备注等内容。

版本说明:针对不同的产品,如果是更新迭代比较快的产品,还可以添加版本说明,针对每次迭代更新的版本列出版本说明,能够让项目成员针对每次的更改一目了然。

信息结构:产品内容包含什么,它们是如何组织的,页面层级是如何分布,这些都可以在信息结构中体现。产品原型中的信息结构不同于需求文档,产品需求信息结构更多体现产品的逻辑结构。

2)任务流程与页面流程

任务流程:是指用户使用产品时,,它每一步的操作会遇到什么结果,系统如何反馈等。

页面流程:比任务流程更清新,具体。通过页面流程图,不仅可以看到具体的页面,还可以看到用户如何操作,从一个页面跳转到另一个页面的完整的过程。

3)线框图&交互说明

交互说明包含的类型:

1)限制:包含的范围、极限值等。

范围值主要指数据的取值范围,比如下拉菜单、筛选按钮、滑块等,必须标注选择范围。

极限值主要是数据的显示比例,比如最多应显示多少数字,超时如何显示等。


2)状态:包含默认状态、常见状态、特殊状态等

默认状态主要指默认显示的文字、数据、选项等。如输入框默认提示文字

常见状态主要指针对某一个模块,经常遇到的状态。如签到模块登录已签到、未登录签到等。

特殊状态一般指非正常情况的样式、文案、说明等。如加载失败显示


3)操作:包含常见操作、特殊操作、误操作、手势操作等。

常见操作主要指正常操作时得到的反馈状态。如翻页控件,聚焦、鼠标悬停、点击后的不用状态。

特殊操作主要指一些极端情况下的操作。如用户在极端情况下的操作,勾选列表时超过默认选项等。、

误操作主要指用户操作错误时的情况。

手势操作主要指用户使用移动产品时的操作方法。常见的有点击、双击、长按、捏、伸、滑动,等待。


4)反馈:用户操作后得到的反馈动作,包含提示、跳转、动画等。

提示主要指操作后,系统反馈给用户的文字说明。

跳转主要指点击某个链接后,页面跳转到哪里。手机应用,有时需要表面页面跳转时的转场方式。同时需要注明界面的不同位置以不同的手势操作时,会跳转到哪里。

动画主要指用户操作后,系统通过动画的方式反馈给用户。


交互说明注意事项:

1)尽量使用真实、符合逻辑的数据内容

2)不遗漏特殊状态的描述

3)避免过长的说明

4)避免流水账式的说明(流程图代表文字说明、用表格罗列各种状态、组织文字说明、制作一定的动态效果)

5)原型有更改,需要及时更新交互说明

写交互说明时除静态页面外,还需要考虑各种动态情况;除正常情况外,还需要考虑特殊和错误的情况。

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

推荐阅读更多精彩内容