美文网首页产品相关图例交互设计交互设计——原型制作(axure)
第8章--原型制作、测试和开发-交互设计指南 读书笔记

第8章--原型制作、测试和开发-交互设计指南 读书笔记

作者: 友交互 | 来源:发表于2016-07-13 21:16 被阅读80次

原型制作、测试和开发在设计过程中的位置:

在原型制作的时候必须首先考虑的是界面设计。

8.1界面设计

界面是人们看到、听到和感觉到的,仅是交互设计的一部分。是交互设计师的选择实现的地方,这些选择是关于人们如何与产品解除或产品如何相应的。

对于数字产品,形状不一定追随功能。屏幕上的对象可以是任何形状的并且可能为任务目的服务。

通过交互设计和视觉设计,引导用户的视线,对视觉界面进行眯眼测试。交互设计师掌握一些视觉组织原则有利于和视觉设计师沟通。

(作者写了一些的视觉设计的内容,这里不作为重点列出)

测试音效--记录下来,在其他人身上测试。频繁听,看是否会厌烦。

8.2原型制作

原型中的动态转变过程,能帮助发现新问题。

不必为每个细节制作原型。可以为不同剧情制作2、3个方案,进行ab测试。

展示原型之前要为受众涉众适当的期望,告诉他们关注重点。

根据受众情况选择合适精细程度的原型进行制作和展示。

如果想要评估整个功能和产品流程,低保真原型比较合适。如果想要获得外观、感觉、动效等元素细节,高保真原型更合适。

8.2.1低保真原型

通常是静态的,便于快速组合和丢弃。

1、纸面原型--每张纸包含一个设计时刻,最好尺寸符合一定的规范,否则界面可能会不切实际。(网上有各种型号的手机、平板的纸面模型可以下载,打印出来,直接在上面画)

2、物理原型--适合设计硬件

8.2.2高保真原型

包含页面跳转,反馈,美学。同时正确设置涉众的期望,不要让他们觉得是最终产品,尤其是对客户来说。

8.2.3服务原型

(区别于产品原型,这里说的是给服务做原型。我的重点不在服务上,这里就省略了)

8.3测试

使用原型进行可用性测试。(使用原型测试跟使用产品测试比,无法使用真实的数据,用户用起来可能不是很顺畅。)

同样要招募人员、设计主持人脚本、记录观察到的点、出测试报告等。

可以进行A/B测试。测试中,设计师不应为设计辩护。

启发式评估:(这本书在测试部分的闪光点)

如果没有资源可以进行测试,可以对原型进行启发式评估,走查原型。

检查重点:以下应该避免

1、完成关键功能需要太多的动作、点击次数、步骤?

2、缺少解释,比如:您处于第3步,共4步

3、反馈、前馈做得不到位

4、是否需要展现的功能被隐藏了

5、迷失在产品中,不知道自己处于什么位置

6、数据是否丢失,尤其是用户输进去的信息

7、视觉层次没设计好?

8、死循环

8.4开发

设计师要介入开发阶段,解决实际开发中遇到的问题、设计阶段未曾想到的问题。

设计师在敏捷开发中的挑战是:它不允许考虑大的局面。理想情况是允许一个传统的设计过程,然后转向用于开发的敏捷方法。

8.5总结

设计几乎没有“结尾”。产品总在发展。

相关文章

  • 第8章--原型制作、测试和开发-交互设计指南 读书笔记

    原型制作、测试和开发在设计过程中的位置: 在原型制作的时候必须首先考虑的是界面设计。 8.1界面设计 界面是人们看...

  • qq红包测试

    需求:QQ红包测试 1、查看原型图,设计稿 2、了解开发实现,参与CodeView和前后端交互(走哪些接口数据) ...

  • 页面交互说明自检list

    原型设计方案确认后,最重要的便是交互注释文档的撰写,需要输出给到UI设计和开发人员开发,交互原型上的注释说明的清晰...

  • APP开发会存在什么风险,怎么降低APP开发风险呢?

    一般的APP开发流程,需要经历需求采集、需求评估、原型图制作、设计图设计、编程开发、技术测试、技术验收等环节,通常...

  • 产品设计

    产品设计包括用户研究,交互设计,视觉设计和原型制作,交互设计不可外包。 富有创意的产品并非来自偶然,成功的产品会遵...

  • 移动设计

    一 设计流程 1. Web app产品流程 需求->交互原型->视觉效果图->前端demo->开发->测试->上线...

  • 产品经理常用的写、画、管理的常用工具

    武器一:AXURE(产品原型制作工具) Axure是一个专业的快速原型设计工具,轻松实现页面设计和交互动作,还可以...

  • 如何高效分享Axure原型 | 附安装包和教程

    UI设计师会根据原型设计效果图,开发人员会根据原型文档进行产品开发,测试人员会参照原型测试开发出来的产品。 又由于...

  • 如何用Framer.js进行UI原型设计

    原型设计是现代数字产品设计和开发工具包的一流成员 Framer是一款原型开发工具,可让您将静态模型转化为交互式原型...

  • 产品交互必不可少的四大视觉元素

    怦然心动——情感化交互设计指南-读书笔记1 以下四组有益于交互的视觉元素: 1、基本的设计元素:色彩、字体和空白区...

网友评论

    本文标题:第8章--原型制作、测试和开发-交互设计指南 读书笔记

    本文链接:https://www.haomeiwen.com/subject/clzgdttx.html