<![CDATA[Jeff's Blog]]>

<![CDATA[Jeff's Blog]]> http://www.jeffdesign.cn/blog/ zh-cn PBlog2 v2.4 Jeff's Blog http://www.jeffdesign.cn/blog/images/logos.gif http://www.jeffdesign.cn/blog/ Jeff's Blog http://www.jeffdesign.cn/blog/article.asp?id=292 <![CDATA[Axure RP 6.5 正式版及中文汉化包下载！]]> jeff214@126.com(jeff) Fri,04 May 2012 15:31:19 +0800 http://www.jeffdesign.cn/blog/default.asp?id=292

2012-4-19，Axure公司发布了Axure RP 6.5 正式版！
Axure RP 6.5 正式版下载地址：http://www.webppd.com/thread-5342-1-1.html
Axure RP 6.5 正式版汉化包下载地址：http://www.webppd.com/thread-6001-1-1.html

以下介绍和测试一下Axure RP 6.5的主要新增功能：
特别提醒：由于Axure6.5的新增功能，使得用Axure6.5编辑和保存过的rp源文件都无法再用Axure6.5以前的版本再打开编辑。这一点需要特别注意。

1. 去除了原来的超链接组件，而是在文本块组件里选中某些文字，然后通过工具栏上的超链接按钮来添加链接。

2. 因为上面的变动，在组件样式编辑器里增加了两项（Text Links Mouse Over 和 Text Links Mouse Down）超链接鼠标悬停和鼠标按下时的样式。默认的设置就是在某段文本中增加了超链接以后，当演示时鼠标悬停在链接上时会自动增加下划线。

3. 在组件的样式编辑区里，可以设置组件或图形一个旋转角度，这样在Axure划斜线就容易多了。

4. 可以给输入表单指定直接回车就响应的默认执行按钮。在输入框等表单组件上右键，选择Assign Submit Button，然后选中你指定的链接既可。（按钮需要提前在标签上命名）

5. 可以设置动态面板相对于浏览器窗口位置固定，在动态面板上右键，选择Pin to Browser...。然后设置要固定的位置。之前要想实现该功能，可以用前端代码来修改。

6. 滚动到图片热区（锚点）时，增加了动画滚动效果。

7. 内置的日期等变量可以直接用在函数公式里了，比如计算今年+5=？。GenDay与Day的区别。

8. 移动动态面板时，移动的位置可以是某个函数计算后的结果。

9. 新增加了拖拽时的几个内置变量，DragX, DragY, TotalDragX, TotalDragY, DragTime。

TotalDragX：每次拖动面板时，面板在X轴方向移动的像素距离。
TotalDragY：每次拖动面板时，面板在Y轴方向移动的像素距离。
DragTime：每次拖动面板时，面板被拖起的时间，是毫秒为单位。

DragX和DragY似乎是瞬间被拖动的距离，似乎可以用来判断拖动速度的快慢。（待研究）

10. 条件判断里增加了一项value，可以用于函数与函数的对比。

11. 输入框和文本域可以设置背景色透明了，再配合右键关闭输入框的边框使用更好。

12. 增加了几个样式的箭头。（目前测试版竖线时选择箭头样式有Bug）

13. 可以读取文本块或矩形里的内容了，但是还不能用于条件判断时直接对矩形内容进行判断。

其它操作时的增强的功能：

1. 有自动辅助对齐了。

2. 给组件添加事件时会保持住事件的显示位置，不会跳回到第1个事件上去。当一个组件上事件太多时，这一点功能十分有必要，不然总要在多个事件之间滚动来滚动去。

3. 在事件动作上直接双击，可以直接打开动作编辑窗口。对于设置变量和组件值的修改时比较方便，省去了原来一步步的进入方式。

4. 在组件事件上可以直接使用Ctrl+C和Ctrl+V来复制和粘贴事件，原型时只能通过右键操作。

5. 添加事件链接到某个页面时，提供了搜索功能。

6. 条件判断中，提供了对组件的搜索功能。

7. 编辑区最大尺寸增加到 5000 x 20000 像素。

8. 可以直接将图片文件拖入到Axure编辑窗口了，这个功能方便多了。

9. 在Axure RP中内置了AxShare服务，可以上传原型至Axshare服务器。便于原型的分享和可用性测试。分享的原型会在列表框增加一个反馈的功能。方便收集意见反馈。相关功能查看.

10. axure里画流程图时，某些功能有了改善。比如：连接线交叉时会自动产生一个跨越的弧线。

]]> http://www.jeffdesign.cn/blog/article.asp?id=291 <![CDATA[山洪灾害监测预警系统！]]> jeff214@126.com(jeff) Fri,20 Apr 2012 16:16:12 +0800 http://www.jeffdesign.cn/blog/default.asp?id=291
山洪灾害监测预警系统！碰到和难伺候的客户，光首页、登录页做了好几版！修改了无数次！被折磨了1个月！现在总算解脱了！

最终首页效果，左侧半圆以后要做成动画模式。

登录页

二级页面1

二级页面2

二级页面3

弹出窗口

首页飞机稿1

首页飞机稿2]]> http://www.jeffdesign.cn/blog/article.asp?id=290 <![CDATA[蓝景商城(www.ljlj.cc)正式上线!]]> jeff214@126.com(jeff) Thu,15 Mar 2012 13:57:02 +0800 http://www.jeffdesign.cn/blog/default.asp?id=290

点击进入蓝景商城
蓝景商城3.15正式上线，注册即享万元大礼包等你来拿!
家具、建材、家电、家饰各种活动，各种实惠，周周特价，天天有惊喜！
咨询电话010-82116367

蓝景商城首届3.15诚信购物季，马可波罗、大自然、松下、索菲亚等名品建材低至4折起！
点击进入4折专区]]> http://www.jeffdesign.cn/blog/article.asp?id=289 <![CDATA[中信证券投顾云平台界面设计!]]> jeff214@126.com(jeff) Thu,23 Feb 2012 16:44:27 +0800 http://www.jeffdesign.cn/blog/default.asp?id=289

中信证券投顾云平台界面设计，是根据原型设计的视觉界面！每个设计师出一版效果，供客户选择！我就是凑凑热闹，在闲暇之余也设计了一版，很一般！

点击查看大图

]]> http://www.jeffdesign.cn/blog/article.asp?id=288 <![CDATA[中信证券投顾云平台原型设计！]]> jeff214@126.com(jeff) Mon,20 Feb 2012 17:09:15 +0800 http://www.jeffdesign.cn/blog/default.asp?id=288

中信证券投顾云平台原型设计，公司的新项目，Android系统的！现在主要负责原型交互设计这块，也参与了界面设计！过些时候会发出来让大家板砖！

点击查看大图

]]> http://www.jeffdesign.cn/blog/article.asp?id=287 <![CDATA[雅森网第一屏改版！]]> jeff214@126.com(jeff) Thu,05 Jan 2012 14:47:39 +0800 http://www.jeffdesign.cn/blog/default.asp?id=287
点击查看大图

]]> http://www.jeffdesign.cn/blog/article.asp?id=286 <![CDATA[如何了解我们的用户–无线终端用户理解工作方法分享！]]> jeff214@126.com(jeff) Tue,27 Dec 2011 15:03:25 +0800 http://www.jeffdesign.cn/blog/default.asp?id=286
转自：Tencent WSD Blog

一、用户理解方法和经验

1.1 概念解释

用户理解是用研基本工作之一，目的是帮助大家看清我们的产品是给谁，包括用户的人口学属性，使用产品的目标、行为、动机，以及用户价值观，以及用户对某些事物的倾向等。

1.2 基本思路

界定需求→梳理现有问题→寻找用户→定性研究→输出阶段性报告→定量研究→输出最终报告→汇报→结果跟进→后续用研。

这里有些工作可以并行，有些工作在特殊情况下会反复迭代，这个需要根据项目具体情况灵活处理。

1.3要点介绍

下面按照用户理解基本思路介绍一下各项工作中的要点和经验：

需求界定要明确，具有可执行性

产品侧过来的需求一般都是大而全的，想知道用户是什么样的，想知道用户怎么使用产品，想知道产品的视觉风格怎么确定，想知道现有版本有哪些问题，想知道新版本用户使用会不会有问题，想知道的事情还有很多。用研人员会与需求方进行沟通，了解需求提出的背景，帮助需求方梳理需求，当然有一些需求在一次用研中是无法完成的，我们会建议需求方分割成几次用研。双方对需求达成一致后，需求方会发邮件提需求，用研组接口人承接。这部分在刚才介绍的用研团队工作流程规范中有明确规定。

下面是我们梳理需求的一个例子，供大家参考：

梳理现有问题，对现状达成共识

为了避免用研报告输出的结果都是大家知道的，为了提升用研的质量，在动工之前梳理一下现有资源中暴露出来的问题很重要，项目组会有这方面的资源。就无线客户端而言，我们一般会通过自己的几个平台寻找、挖掘现有问题。当然还有其他的渠道，比如app store、论坛等，但有一定局限性。

了解现有问题之后，会跟需求方沟通，对已知现状达成共识。

寻找用户，权衡各渠道样本差异性

要做用户理解，一定要找到用户才行，寻找典型用户一直是个难题，我们目前主要还是在QQ以及产品相关的入口去找。

调研公司也是一种途径，但存在周期长、用户不一定符合要求、到场率低等问题。另外，不同入口还会影响最终的数据结果，他们之间的差异性可以作为基础用研来研究。

另外，产品经理也会有一些用户积累，在做用研的时候，我们也会注重创建用户池，对于快速调研，这些渠道很有用。

有时用户不会这么直接送上门来，我们必须在茫茫人海中一遍一遍筛选，比如之前给QQ音乐（symbian+java）做的流失用户研究，后台无法提取到定义中的流失用户，必须得从手机QQ用户中筛选出symbian和java的用户，在筛选出音乐用户，再筛选出流失用户。

定性研究，寻找背后的原因

定性研究的主要目的是确定“选项”和挖掘深度，比如要了解用户使用某产品的场景，定性阶段解决的问题是：用户都在哪些场景使用该产品，用户为什么在这些场景下使用该产品，在每个场景中用户的需求是什么。

定性研究主要通过访谈、可用性测试、焦点小组、问卷等形式完成，定性阶段挖掘出来的内容与一个用研人的素质和从业经验有很大关系，要时刻思考用户表述的背后的原因，挖掘深层次的需求，这也是创新概念产生的源泉。需要注意的是：如果有其他人跟你一起进行访谈等工作，每次访谈结束后，一定要对一遍结果，确定没有误解和遗漏。

输出阶段性报告，为最终结果做铺垫

这个不是必须的，我们输出这个报告主要是和项目组同步阶段性成果，配合迭代节奏。

定量研究，注重总结自己的技巧

定量研究的主要渠道是问卷（PC tips/手机tips/产品反馈入口），电话外呼。比较特殊的是“电话外呼”，我只用过一次，好处是样本损失率很低，坏处是费时费力。

提高问卷回收率是有一定技巧的，下面介绍一下各种渠道的问卷回收率及技巧：

通过pc tips投放问卷一般回收率是0.5%，但设计好图片，标题和说明语可以大大提高回收率，我做过最好的是投放40W，回收18538份，4.6%。手机tips的点击率大概是5%，回收率很难预测，跟投放时间点和时间长度有很大关系，我之前投放过的一次大约0.6%。电话外呼要看数据来分，数据有效性高、用户配合度高的话，60%-70%都有，低的话不到10%，voc有电话外呼业务，但一般不会承接超过100个有效数据的需求，再多工作量太大了。

输出最终报告，细节决定成败

这部分主要跟大家分享报告的一些细节，我的经验来看，这些细节决定最终汇报的质量，影响本次用研工作获得的认可度，关于细节，主要介绍三点：标题，报告结构，人物画像的展现形式（如果有）。

标题：

我习惯为报告起一个主标题，一个副标题。下图是一些之前报告的标题。

报告结构：

结构一般包括：用户画像（用户基本属性、目标、行为、观点等）、定量的数据结论（产品的使用场景、习惯、行为数据等）、相关的影响因素分析（不同用户群、类别、因素等在产品使用中的差异性和相关性分析）、用研建议、后续用研计划。

人物画像展现形式：

这个我还在摸索中，目前大家比较倾向于在一张图片中展现任务的照片，基本信息，价值观，生活描述等，感觉堆积了很多文字，信息可读性不强，没几个人会认真研读的。现在大家都很注重数据可视化，人物画像的形式也该优化一下了。

自己的项目中尝试用卡通人物+动画的形式，但卡通人物不真实，无法全面反映任务的特点，后来还是用真实用户的照片了。

汇报

我的经验是汇报要选择关键人有空的时候，除了事先沟通，在订会议室的时候也要留意

对于汇报形式，我的经验是一定要很正式，我们越重视，参会的人员也会越重视，对用研结果的推行有很大帮助。报告结果的关键关注人一定要到场，现场尽可能多一些互动和反馈。

结果跟进和后续用研计划省略。

二、后记

用户理解是一项耗时耗力的用研工作，但给最终产品形态带来的价值却是无法直接评估的，这取决于我们选择呈现的数据与产品设计的关系，那些数据会影响到产品的形态，哪些数据是无关紧要的，还取决于对数据的挖掘深度和用研结果的推行。

最后，要特别感谢段总友情提供的头图！]]> http://www.jeffdesign.cn/blog/article.asp?id=285 <![CDATA[抛弃静态设计稿！UIDesigner2.0震撼上线！]]> jeff214@126.com(jeff) Mon,05 Dec 2011 14:53:44 +0800 http://www.jeffdesign.cn/blog/default.asp?id=285
转自：腾讯CDC

交互该是一个动态的过程。有没有一个工具，可让你真实表现出每个控件的响应动作？可让动态原型的制作更加简便？UIDesigner 2.0 也许正是你要找的那个它！全面支持用户自定义软件操作界面的2.0版本，让您随心而动，创造专属！

视频演示：

Flash动画

在线播放

下载地址：点击下载]]> http://www.jeffdesign.cn/blog/article.asp?id=284 <![CDATA[iPad游戏体验之差异化设计！]]> jeff214@126.com(jeff) Fri,02 Dec 2011 13:50:05 +0800 http://www.jeffdesign.cn/blog/default.asp?id=284
转自：Tencent WSD Blog

在iPad一代刚出之际绝大多数人都喜欢称其为放大版iPhone。但到目前的iPad2已经再也很难听到这样的说法了。这也就说明这设备已经有存在价值了。它为特定场景赋予了一定服务。在国外的一项统计中显示，人们使用平板电脑最频繁的其中一个功能是：玩游戏。
那iPad游戏会是iPhone的放大版吗？答案固然是否定的。

先来看看iPad平台的特征1024×768像素的大尺寸屏幕支持3G/WIFI模式配备9.7英寸触控屏没有默认的屏幕预期方向允许用户选择外接键盘并替换屏幕虚拟键盘
用户可以应用dock与电脑分享文件

接下来将iPad的游戏作初步研究：

仔细的观察iPad的使用姿势，基本上iPad定位于在沙发上、床上使用的产品，因此我们可以看到9.7英寸屏幕可以为用户带来笔记本电脑的感觉。同时灵敏的触控屏幕和丰富的手势也带来了不错的体验，因此我们都会将iPad放置在腿上或者双手握持状态下来使用。那也就是说iPad自身设计的特性注定了它将如何区别与iPhone，在使用场景也更加偏向于固定位置。譬如沙发、床上、会议中这类。

那么这些场景能够给予iPad的游戏什么样的特性呢？

更大的操作范围

首先在这类场景中人的肢体将能够更加集中于设备上，这也就是说应用中活动的区域将可以更加大。这个特性也在游戏设计中得到更多的实现。譬如在塔防类游戏中可以设计更多特性的兵种同时出现在一个场景中来丰富游戏性。在消除类游戏中更加得以应用。由于区域的变大让游戏在效果上能更加丰富之外也让玩法更加多变有趣。

这类的体验在之前非常火的植物大战僵尸和切水果中体现的淋漓精致。还有一些塔防如三国群殴传、史诗塔防中也能深切的感受到这类体验的爽快感。

游戏过程中更加精神集中

由于处于非移动场景中，在固定的场所被干扰的机会将大大降低。

让用户更加集中精神去玩游戏。也可以将游戏设计得比iPhone游戏单个阶段时间更加长。

手持时间更加短

由于iPad的使用场景定位就不是在移动过程中为主的设计。所以在重量上是会让用户不可能长期握于手中。而外设也因此而诞生许多让其固定角度位置的设备。那也就是说用户使用的过程中更加会将iPad放与可固定的位置而取得长时间的操作。那这个的特性在设计游戏时个人更加倾向于将游戏设计成点击触摸的模式而非重力感应类的游戏。这样的设计更能让用户玩得更加轻松。譬如:切水果类的游戏和塔防类的游戏在iPad上能够更加好的体现。那种游戏操作感也更加舒服。这类游戏采用大跨度玩法的游戏更能让玩家获得更爽快的体验感觉。

游戏色彩更加鲜艳靓丽避免单暗色调

由于iPad拥有更强大的硬件支撑。所以在表现上那也是相当给力。那我们设计游戏时更加应该做到如下几点。

1、高保真的艺术表现：人们期待在iPad上看到一场奢华的视觉盛宴并沉浸其中。视觉要求不是简单地放大，而是提高分辨率，捉住一切机会完善各个细节，让用户体验身临其境的感觉。

2、高保真的视觉效果：清晰、细致、栩栩如生的事件和动作响应可以带动人们的情绪，让其更好地融入游戏中的独特环境。

但也有需要注意的地方，由于iPad显示面积相对iPhone“巨大”许多，那在这样的屏幕中通常会出现镜面的效果。这也就是说在设计游戏过程中如果使用单色调又是偏暗的色彩那会导致玩游戏需要调整好一定的角度不动才能够“安心”玩游戏。

所以我更加建议游戏本身设计时尽量考虑游戏使用的场景中是否容易出现这类现象。如果有这类现象那应该将游戏的色彩定位于更见丰富使其减少镜面效果的产生。（虽然有些iPad会用磨砂的膜能减少镜面效果。但设计时如果能减少大面积的镜面效果那才更容易被玩家接受。）

当然注意的还有图形有标准深度，24bits（红，绿，蓝各8bits）另外还有8bits的alpha通道。一般来说，推荐使用PNG格式。

非物理感应游戏把玩游戏角度更加固定

前面可以看到iPad由于尺寸比较的大，因此单手握持下很难控制。因此绝大多数的用户使用iPad都是平放着进行操作。所以iPad的使用更加固定也就是视角上也会更加固定。

譬如大多数的用户会使用一些类似支架的东西来作为iPad的角度调节器，以寻求更加舒适的角度。

在这角度的考虑上比较多的情况是让iPad稍微倾斜一定的角度。那也就是说在玩游戏的过程中手指触摸屏幕的范围将不能太过偏屏幕边缘。这样的设计更加能够让玩家的手放置的更加舒服。

更丰富的互动

尝试在不改变基础体验的条件下发现更多的互动，例如：

1、多玩家模式

2、通过增加镜头角度、旋转、开关、控制键或者多种游戏定制的方式，为用户呈现更多的东西

3、适当的话，可以考虑支持多指手势，由其是与通用控件结合的时候

想像一下用户可能会如何跟别人一块玩你的游戏。将你的思维扩展到两个维度：物理设备的分享和虚拟数据的分享。比如说，两个用户可能在同一个屏幕的对边一起玩游戏，或者让不同的人在某个设备上（譬如iPhone）的游戏应用中与你进行一场PK。这类体验在著名的水果忍者游戏中也是玩家乐此不倦选择的模式。

游戏ICON更大像素体现游戏内容

iPad应用程序需要一个72 x 72像素的应用图标。这些尺寸给你一个相当大的区域，使你能够讲述一个关于你应用的故事。这等于将你的游戏海报绘制于图标上。让人们见到这图标就能够理解你将给予他如何的冒险或情感。使用一切技术表现你的图标让其富有更多的细节，这将让人更愿意将其留于桌面。

iPad游戏更需要“安静”人群

iPad的设计也影响了游戏人群的划分。iPad的人群在使用其玩游戏时更加偏向选择固定的位置坐下并依靠外在设施进行辅助操作游戏。iPad使用场景根据国内200多位用户调查，iPad使用场景前3位是——床上、卫生间、差旅途中。8成用户会在床上用，一半用户上卫生间带着，4成用户差旅途中用。看来的确是打发无聊时间利器。

iPad游戏与iPhone游戏的区别最大的是使用场景的区别。iPad让玩家坐下获得游戏快感。而iPhone游戏则是在站立移动过程中让玩家获得更好的便携性。所以iPad游戏的设计并不是可以单纯将iPhone游戏放大处理。而是要相对不同体验设计不同游戏体验感觉。]]> http://www.jeffdesign.cn/blog/article.asp?id=283 <![CDATA[TraceMe位置快信界面设计！]]> jeff214@126.com(jeff) Fri,04 Nov 2011 16:54:06 +0800 http://www.jeffdesign.cn/blog/default.asp?id=283
TraceMe位置快信界面设计！从原型设计到界面设计都是由我一个人完成的，就连名字也是我想出来的！但最后界面设计稿采用了另外一个同事的！Android、Iphone都有相应版本！请大家多提宝贵意见！

插播广告：史上最易用的手机定位工具TraceMe位置快信横空出世了，好友之间,可以实时共享位置,分享位置,并找到对方! 它是通过地理位置定位技术和地图合成技术实现在线点对点位置发布、位置导航的的一个实用工具。

点击查看大图

]]>