交互设计:基本概念与工具选择
来源:互联网 发布:淘宝图片护盾怎么取消 编辑:程序博客网 时间:2024/04/28 05:17
产品原型可以概括的说是整个产品面市之前的一个框架设计。
以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、原素、人机交互的形式,利用线框描述的方法,将产品脱离皮肤状态下更加具体生动的进行表达.原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。
下列角色使用用户界面原型:
用例阐释者,用来了解用例的用户界面;
系统分析员,用来了解用户界面如何影响系统分析;
设计员,用来了解用户界面如何施加影响及它对系统“内部”的要求;
类测试人员,用来制定测试计划活动。
1,Balsamiq Mockups (有Web版本)
关于这个工具,黄主任在他的来,超酷的Balsamiq Mockups中有一些介绍。
优:看着超舒服,提供的组件工具很多。
劣:虽然提供了很多常用的工具,但反而让文字操作变得不太方便(当然,我们不是在介绍排版工具…)。另外,Web版本同样也缺少交互功能。
- Pencil Project
这里也有人介绍Pencil:The Pencil Project制作WEB超方便 (不过此文表述好像有点不对劲,Pencil不是用来制作Web的,它不过是一个用来做原型的工具而已。或者说它只是参与了制作Web的一个基础步骤。)
优:跟Mockups很像,但更简洁一些。是FireFox浏览器的免费插件,bug少,操作挺流畅的。
劣:作为简单的浏览器插件,它有许多工具没“准备”,当然,更没有交互功能。 - Dreamweaver
在上一篇的回复里头也有朋友提到过直接用HTML制作网页的交互原型。
优:在我刚接触工作的时候,不管是程序员,还是网页设计师,都是要了解HTML的。所以,HTML也恰好就是网站前后台的结合点,如果各方对网站有什么意见和想法,也可以直接在HTML上修改。同样,它提供了许多的原型工具,而且直接输出HTML格式的文件,拥有强大的JS库……
劣:问题是,制作HTML需要花比较多的时间,即使是无样式、无视觉效果的HTML。 - OmniGraffle
这个主要是用来做流程图~心弦同学对它评价很高:最好的原型和流程图绘制工具:OmniGraffle 文中介绍也挺详细的。
优:(看心弦同学怎么说吧)
劣:暂时只有Mac版。只是做流程图的工具,做交互界面的话应该不太现实(没准也可以做好=。=谁知道,麻烦告诉我~~)。 - 做流程图的还有 MS Office Visio
优:Office工具很全,操作也如我们往常熟悉的那样,好入门。
劣:收费软件,意味着庞大和复杂,好像还没有web版。有时候只是简单的一些操作需求就有点麻烦了。 - 专做脑图的软件 Mindjet Mindmanager (还有Web版本)
优:专一地做脑图。
劣:太专一了,所以只能做脑图,连想建立一些相互关系都非常不直观=。=
还有的其他的偶就不一一介绍了,跟我们的主题偏得有点远~~
前面一直在说,许多的原型设计工具都没具备交互功能,而比起做HTML,Axure RP Pro显然更简单,更直观,且可以把成品生成HTML、Word、图片等文件,携带与交流非常方便。我在工作当中也算相对比较喜欢使用它一些,因此在下面着重介绍一下RP这个工具。非常希望更多的人参与交流自己的经验,来完善我们的交互设计文档制作的“技能”^-^
- 初次见面,请多关照
如果你第一次见到Axure RP Pro,你可以到这里去认识它:Axure Tour ,RP的5.0测试版下载地址。
PS:不要笑话偶火星哦。虽然我知道做这行的知道这个软件的人很多,但我自己就是个新人,所以会一直以新人的出发点来继续探讨下去。 - 组件工具,直观便捷
有网页制作中所需要的大部分内容组件了:
还可以制作流程图哦: - 软件的一些小缺陷
~5.0版,Bug多,难道是因为我用的试用版?……
~当页面信息量多的时候,处理起来速度变慢,而且导出HTML之后操作也变得很不流畅。(突然想起那句:美丽是要付出代价的)
~感觉功能还不够全面,而且做得有点粗糙,做交互效果操作起来并不十分方便。比如像Dynamic Panel(动态面板)制作页面交互动态效果:一些一环套一环的操作步骤,不能设立能用面板,把面板放到Masters(通用栏)时又经常会出命名和层次间的许多问题。另外就是是上面那条提到的,面板内容越多,软件处理速度就会变好卡,而操作步骤这种功能,通常是不可避免的多内容。
~暂时还没有中文中版。这不算缺陷,是对某些人(比如我)而言的小遗憾。
~软件好像很注重Annotation(注释)部分,拥有很多的可选信息。注释图标在HTML中显示也很明显,看上去有点怪,影响HTML的整体性,要是提供注释的“显示方式”就好了。
- 交互设计:基本概念与工具选择
- 网页交互设计基本概念
- 与前端交互设计工具类
- 与后台交互选择的交互方式
- 选择原型设计工具
- 交互设计工具现状[1]
- 注意力与交互设计
- 注意力与交互设计
- 注意力与交互设计
- PCB设计基础知识与基本概念
- PCB设计基础知识与基本概念
- 系统安全分析与设计---基本概念
- spark基本概念与架构设计
- android中选择控件与选择界面自然过度效果的实现--一种新的交互设计
- 交互设计与自动化测试
- 聊聊收纳与交互设计
- 交互设计原则与属性
- 初识交互设计与Axure
- css position
- 安装java
- protoc工具的使用
- 测试V模型
- mac下想使用git原来还得安装呢吧
- 交互设计:基本概念与工具选择
- 云时代的企业应用的特质
- ln
- Cannot get https://gerrit.googlesource.com/git-repo/clone.bundle
- android应用开发之欢迎界面(AlphaAnimation)
- [python]-django学习笔记-[2]
- saas的由来
- MOSES翻译系统的训练,调优和使用
- Java中newString(abc)创建几个对象的解释