文章标签 ‘交互设计’

没有评论原型设计软件Axure6:含汉化包+新增功能介绍

2010年11月27日

看了介绍 几个新功能都必要吸引人 解决了以前的一些麻烦问题

2010年11月22日,Axure公司释出了最新的Axure RP 6.0.0.2826测试版。

2010-11-23 10-13-07.jpg

Axure RP 6是一次重大版本升级,全新的架构。
PC版本与Mac版本达到了风格统一。这次同时放出了它们的测试版。
PC版安装过程中会自动更新.NET Framework4.0。

Axure RP 6.0.0.2826备用下载:
英文PC版下载地址http://u.115.com/file/f9d967ce12
汉化包下载地址http://www.webppd.com/thread-2143-1-1.html
(先安装英文原型,再把汉化包文件覆盖到axure安装目录,英文原版与汉化包的版本要对应。)

英文Mac版下载地址:
http://maxure.s3.amazonaws.com/AxureRP-Pro-Beta-Setup.dmg

此次Axure RP 6 Beta版新增功能下面一一道来:

1. 可以设置页面背景图片、颜色以及相对于浏览器整体居中了。

2010-11-23 10-31-58.jpg

2. 可以设置整体在线框边缘变为手绘风格的,以及是否彩色输出。

2010-11-23 10-37-25.jpg

3. 因为是全新的架构,不再存在某些输入法中文无法输入的问题。

4. 可以设置文本行间距了,同时个性化字体可以输出到Html。

2010-11-23 10-47-20.jpg

5. 更加易用的事件编辑器,再也不会像之前版本那样,编辑器窗口自动变大了。

2010-11-23 11-21-25.jpg

6. 输出Html时可以选择用哪个浏览器打开。

2010-11-23 11-43-33.jpg

7. 增加了栅格系统,自带960宽的12栅和16栅。
在菜单栏:Wireframe-Grid and Guides-Create Guides…中

2010-11-23 11-47-01.jpg

8. 增加了页面和模块的搜索功能。

2010-11-23 11-50-16.jpg

9. 增加了快速隐藏网格的快捷键。Ctrl+’

2010-11-23 11-53-52.jpg

10. 新的测试版本不能再输出Word2000格式的文档了,只能是Word2007格式。

11. 兼容性,用Axure6可以打开以前所有版本制作的RP源文件,但是如果是Axure6制作的RP源文件,将无法使用像Axure5.6这样的低版本打开。

2010-11-23 12-39-00.jpg

12. 取消了原来的状态栏,改为拖放组件时直接在右下角显示组件的位置和大小。

2010-11-23 15-08-19.jpg

13. 没有了原来的收起工具面板,不知是为何考虑的。如果能有像Photoshop那样的Tab隐藏工具面板的快捷键就方便了。

2010-11-23 16-33-22.jpg

14. 条件判断,判断组件或变量值时增加了包含与不包含,这下可以判断输入框是不是包含@符号,用于判断是不是邮箱地址了。同时还增加了一个不是数字或字母的判断,原来版本只有“是”数字或字母的判断。

2010-11-24 10-59-44.jpg

15. 增加了针对变量或组件值的公式计算,貌似可以加减乘除运算了,还可以插入当前日期或页面名称。具体怎么使用还不熟悉。

2010-11-24 12-17-08.jpg

16. 可以创建临时中间变量,方便记录各输入组件的值,而不是设置全局变量。

2010-11-24 12-23-21.jpg

17. 增加了三个可用于条件判断的类型:
1. text on focused widget 是判断当前光标所在的组件内容值。
2. drag cursor 拖动鼠标的判断(目前我还不知道是干吗用的)。
3. widget rectangle 可以判断两个矩形组件是不是叠放在了一起(不知道有何实用性)。

2010-11-24 14-55-07.jpg

18. 增加了一个可被赋值的类型:
1. text on focused widget 给当前光标所在组件的文本赋值。

2010-11-24 15-02-50.jpg

19. 矩形右键多了个分配给某个组,不知干什么用的。(可能和未来拖拽有关)

2010-11-24 15-34-33.jpg

20. 右键有了特殊性粘贴,但试了试并不清楚怎么用。

2010-11-24 15-42-25.jpg

转载自
http://www.webppd.com/thread-2121-1-1.html

没有评论交互设计的定义、目的、价值、方法、文档

2010年3月18日

交互设计的定义
交互设计是指设计人和产品或服务互动的一种机制, 以用户体验为基础进行的人机交互设计是要
考虑用户的背景、使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使得最终
用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。交互设计可以划分为纵
向和横向(动态的和静态的)

纵向太深,用户会在一层一层挖掘后,感觉焦躁,同时也容易迷失。横向太宽,信息量多了,
用户会觉得复杂,找不到自己想要的东西。

交互设计的目的
为了产品有效易用,为了让客户对产品产生依赖,为了让客户使用产品愉悦。当客户想要设计或
者改进一个交互式系统,使用户与其交互的过程更加有效、易用,ETU 可以为其提供交互设计服
务,比如:
某个交互系统,用户通过它来进行日常的工作,通过执行一系列的步骤来完成某项任务。交互设
计可以系统变得简单易用,用户使用其工作的效率大大提高。某购物系统,流量很大,但是在生成订单的过程中,用户却大量流失。交互设计帮助该系统找到
用户流失,不能完成购买的原因,进行改进,让用户获得良好的购买体验。

某电子产品,技术先进,但其人机界面的设计可能由研发技术人员来完成,用户觉得产品的使用
方法比较费解。交互设计可以帮助其存在的可用性问题,帮助改进,让用户很容易学会使用它。

交互设计的价值
通过改进设计,使得产品的使用者可以很好的学习、快速有效的完成任务、访问到所需的信息、
购买到所需的产品,并且在使用的过程中获得独特的体验,情感上的满足。

交互设计的好坏会影响用户对产品的印象,同时也会影响用户对品牌的看法。好的交互设计会给
市场带来增值、会提高用户对品牌的忠诚度、会促进销量,从而使公司业务带来良性循环。

交互设计的开展时间
新产品研发过程中,新的用户界面的产生可以引入交互设计。
已有的产品,对产品的人机界面的交互部分需要改进,可以引入交互设计。

交互设计的方法
交互设计一般从标识需求开始,不管是新产品还是改进产品。在这之后,进行任务分析 /功能分
析, 提出满足需求的概念设计,提出候选设计方案,接着制作原型的交互式版本,并进行评估,
根据评估结果可能进行重新发掘需求、修改需求,也可能直接进入重设计。

交互设计中使用的方法包括角色设定,情景设定,故事版,认知走查,用户可用性测试,眼动仪
分析等等。

交互设计花费的时间
根据用户研究内容和项目大小作调整。

交互设计的文档
最终原型设计
UI 设计规格说明书

源地址:http://www.etucn.com/fw2.html

没有评论交互设计模式——空间记忆

2009年12月17日

当人们进入一个全新环境时,他们需要对空间建立认知模型,要有个空间记忆的感觉。同样,当新用户来到全新、陌生的网站时,用户也希望有个类似站点地图的东西。但如果想让用户更加自如的使用网站,让用户毫无顾及的去尝试,不怕迷路,我们必须为用户建立起空间记忆模式。它犹如沙漠中迷途者手中的指南针与行驶在荒原上汽车装的GPS一样,那么在网站上空间记忆模式的应用有哪些表现呢?

来自用户的抱怨

“我敢发誓,这个按钮一分钟以前还在这里。它哪里去了?”:

当人们使用东西或文档时,他们经常通过回忆它们在哪里来再次找到它们,而不是它们的名字。很多网站把它们的表单按钮——确定、取消等——放在预定的位置上,部分原因是由于它们的空间记忆依赖性。在复杂的应用系统中,下面这些元素也可以由记忆它们的相对位置找到:工具条上的工具、层级结构中的对象等。因此,你应该小心使用像响应式展开(Responsive Disclosure)这样的模式。把某个东西添加到界面上通常不会引起麻烦,但是把控件重新排列会打乱空间记忆,从而难以找到。这得看具体情况,如果你不确定的话可以做一些用户测试。空间记忆和习惯之间的关系很密切。和习惯一样,空间记忆也是一个在应用中及在应用间保持一致性会带来好处的理由。人们会期望在类似的地方找到类似的功能表现。顺便说一句,网站导航菜单列表的顶部和底部都是很特别的区域,从认知的角度说,与处于菜单中间的项目相比,顶部和底部的项目会获得用户更多的注意力,记忆也更持久。如果他们发生改变,对用户的重新建立空间记忆势必会造成影响,请慎之。
阅读全文…

分类: 交互设计 标签: ,

没有评论网页栅格系统研究(3):粒度问题

2009年12月7日

研究(2)中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。(注:如非特别指明,栅格系统均指24列960栅格系统)

淘宝的首页截图)目前尚未严格遵守栅格系统,如果重构的话,宽度方向可以考虑采用下面的栅格布局(只考虑页面主体部分,忽略高度的比例):

(图1) 阅读全文…

没有评论网页栅格系统研究(2):蛋糕的切法

2009年12月7日

首先澄清一个应用场景问题。研究(1)中指出,对于结构复杂的网站,不少设计师们喜欢采用960固定宽度布局。但要注意的是,960并不是万能钥匙,大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局,最大限度的呈现信息。Google更是简简单单,主题部分就一个列表。eBay的页面非常简洁,商品页面宽度自适应,信息自然流畅,噪音少,购物很踏实。类似的站点还有很多,对于这些站点来说,宽度自适应布局更受青睐。

阅读全文…