Browse all articles in history

代人寻iPhone开发者

| 2 comments 2010-01-08 11:56:30

今天收到一封邮件,要我帮忙寻找iPhone开发者,说是有个项目,具体情况我不熟悉,有兴趣的朋友可以直接和邮件作者联系。经同意,邮件转载如下:

我们现在想要寻找一个iPhone上软件开发的熟手,part time或者full time协助我们开发这款软件,我们支付费用。不需要用到太复杂的算法或者达到很绚的效果,我们只想完成一个在iPhone上运行的iPhone style的应用程序,但紧迫的项目时间以及规划适合iPhone的软件架构这两方面,需要我们寻找资深的开发人员给与我们帮助。

联系人: 李兴华 (我们的技术负责人);张峰 (产品经理)

公司名称: 上海庞米电子信息技术有限公司

邮件: xinghua.li@permian.com.cn; cc: jeff.zhang@permian.com.cn

手机: 13764568757(李); 13818945272(张)

从“产品需求文档”(PRD)到“产品设计文档”(PDD)

| 28 comments 2009-12-21 23:02:34

传统上写产品需求文档(PRD)的做法,就是把用例、流程图和网页原型图一股脑的放到一个Word文档里。一般一个产品都包含乃几十个乃至上百用例,每个用例都有自己的流程图,每个流程图又包含了少则几个多则几十的网页原型图,结果就是产品需求文档变得庞大无比,写的人费事儿,读的人更惨。

自从我受到了这样文档的折磨,我就一直都在琢磨怎么才能把文档写得更简单一点,让阅读的人-通常是设计师和程序员-能够在最短的时间内领会产品的设计。

原来做UI设计师的时候,我创造了一种用流程图来表示产品交互的办法,这个方法受到了很多人的欢迎,这篇文章也引起了一定的反响。其实当时在实际使用的时候,我不仅产出这样一份流程图,还利用网页热区,把流程图中的界面元素(蓝色的元素)和原型网页(HTML文件)给结合起来了,这样设计师和程序员在看流程图的时候,只要用鼠标点一下界面元素,就可以连接到原型网页,非常方便!这个办法我一直都在用,只是当时没有写在文章里罢了。

后来随着工作性质的变化,我需要越来越多地考虑产品的整体和功能、而不是像原来一样只在特定需求内围绕界面做文章,我就开始寻找把用例整合进前述方法的可能。在经过了一段时间的摸索和实践后,我逐渐形成了自己特有的一套产品需求文档的写法,为了表示区别,我称之为“产品设计文档”,简称PDD。

本文就是对PDD的介绍。

PDD的组成部分

PDD有三个组成部分,它们分别是用例、流程图和原型图。

用例

用例从整体脉络上定义了产品所具有的功能。比如对于一个邮件系统来说,“写邮件”、“发邮件”和“删除邮件”等功能都是用例。

用例比较流行的写法,是在每一个用例中标明它的前后置条件和异常情况等属性。不过在PDD中,我完全放弃了上述属性,只保留用例的名称和简要描述。因为“用例”的出发点就是“用户”,如果你站在一个用户的角度来思考产品的功能,你会发现那些属性你根本就不会考虑。并且,各种前后置条件和异常情况,完全可以放在流程图中,这样更清楚。

用例

流程图

流程图是对用例的细化,它可以清晰地表现一个用例所有相关的前置、后置和分支条件。流程图的画法我在“画Web流程图的一点心得”一文中已经说得非常清楚了,在此不再赘述。唯一值得注意的是,我以前并没有意识到流程图本身也是有ISO标准的,因此“画”中使用的流程图元素并不符合ISO标准,也和一些已经成型的系统(比如这篇“描述信息结构和交互设计的图示词汇表”)有出入,因此元素在使用上还存在一些问题。在日常工作当中我已经对元素使用做了修改,以后有时间我会更新“画”一文的内容,也有可能直接把模板放出来。

流程图

原型图

原型图是对流程图中“界面元素”的展现。这个东西没什么可说的。

PDD的表现方式

用例、流程图和原型图一般都是产片需求文档(PRD)中已有的东西,PDD在这点上和PRD没什么区别。而下面要说的表现方式,则是PDD的精髓。我比较孤陋寡闻,还没看到过有人像我这样组织这三块内容,所以姑且认为这是我的首创吧。

用例和流程图

首先把用例和流程图整合起来。方法很简单,利用网页的frame标签,新建几个帧:

  1. index.html-另外两个帧的容器,不用解释吧
  2. navigation.html-导航帧,用于存放用例列表
  3. main.html-默认情况下的主帧,用于存放文档简介、作者、版本和更新日志一类的东西

然后新建一大堆网页,把所有的流程图都放在这些网页里,每个流程图(即每个用例)放在一个网页里,最后修改navigation.html,把用例名称和其对应的网页链接起来。完工以后,页面应该是下面这个样子:

PDD文档首页

左侧为用例,右侧为流程图左侧为用例,右侧为流程图

好了,左侧为用例,右侧为流程图,这样就把用例和流程图整合了起来,并且结构清晰,查看方便。

流程图和原型图

整合流程图和原型图的重点在于,提供一种方便的方式,以让读者能够在看流程图时方便的看到其中包含的原型图。为了达到这个目的,我的做法是:

  1. 在用OmniGraffle画流程图时,选择界面元素(蓝色的那个),然后在“检查器”-“属性:动作”中选择“打开文件”,然后按“选择文件”,找到你的原型图文件并按“确定”,这样你这个元素就和原型图链接起来了。如下图所示:

    在OmniGraffle中链接元素

  2. 在OmniGraffle中输出这个流程图文档时,不是选择图片,而是选择“HTML图像映射”,这样在生成出来的网页上,蓝色的界面元素都是可以点击的,点了以后就链接到原型图。很方便对吧?但这还不够;

    用OmniGraffle输出HTML图像映射

  3. Lightbox,把所有图片链接都改成弹出图层,这次再点刚才那些链接看看,效果是不是更棒?

    用Lightbox做弹出效果

好了,通过这样的方法,产品设计文档(PDD)就将用例、流程图和原型图这三块内容有效的整合了起来。

真的geek,能在MacBook Pro上安装OSX86

| 4 comments 2009-12-18 23:03:44

我一直非常喜欢Mac OS Panther/Tiger中的拉斯金属(brushed metal)效果,可惜Apple从Leopard开始就放弃了这个漂亮的界面。Mac下的换肤软件Shapeshifter已经多年不更新了,根本没法用。而其它几个新出的换肤软件(MagnifiqueFacade)还都不成熟。想来想去,貌似只能安装一个Tiger来解解馋。

第一轮:从macosx_10.4.4_dvd.dmg镜像安装

说干就干,Google了一圈儿以后发现这篇名为“10.5: Virtualize machine-specific 10.4 in Fusion 2 ”的文章,于是翻箱倒柜找出一张保存着macosx_10.4.4_dvd.dmg的光盘,加载这个dmg,然后按照文章中的说法运行OSInstall.pkg后,安装程序启动,紧接着弹出一个框,告诉我这个盘不能装,点“确定”后就退出了。

这点小事儿难不倒我,用Finder的“显示包内容”进入这个pkg,一般来说按照经验找到InstallCheck.sh,将其删除即可。可是进了包却没发现有这个文件,倒是有个OSInstall.dist,估计就是它了。用TextMate打开一看,果然所有的安装检测都在这儿呢。懒得改了,直接将此文件删除,反正检测是越少越好。

OSInstall.dist

再次启动安装程序,非常顺利,一路安装设置完毕,在虚拟机里启动时却总是kernel panic,说是“CPU被客户机禁用”,试了几次,都是如此。

第二轮:祭出JaS Patcher

呵呵,这错误咱再熟悉不过了。想当年咱也是创办“PearPC中文站”和“OSX86 China”的人,什么千奇百怪的错误没见过。

于是再次翻箱倒柜,顺利找到给Mac OS X光盘打破解补丁的JaS.Updated.Intel.Auto-Patcher,按照说明开始给这个dmg打补丁。在经过了漫长的等待后,全新的打过补丁的OSX86光盘镜像新鲜出炉了(BurnThisImage.iso)!

OSX86光盘镜像

为了以防万一,我先把刚才用的那个VMware虚拟硬盘挂上(mount),然后用磁盘工具把这个虚拟硬盘格式化一下,再次启动安装程序,安装仍旧没问题,可是启动后问题照旧-“CPU被客户机禁用。咦?

第三轮:先安装Mac OS X再破解

这次先用第一轮的方法安装了系统,接着打开第二轮中得到的光盘镜像,手动安装几个负责破解的pkg包,我琢磨着这样应该能完全破解掉OS X对BIOS/EFI和CPU的检测,并顺利启动系统吧。

结果事与愿违,在经过了数次尝试后,第三轮仍旧可耻地失败袅……

第四轮:乾坤大挪移

在经过了2天3轮10小时的折腾后,我不得不放弃直接在我的MacBook Pro上用虚拟机安装Mac OS X。就在我精疲力尽之际,突然发现墙角还有一个大大的箱子-没错,能完美运行OSX86的PC正安静的躺在里面。于是把它搬过来接上电源显示器鼠标键盘,开机一看是Windows,“我的电脑”里倒是有个名为Macintosh的分区,不过格式为fat32,显然原来的OSX86被我给格式化掉了,翻了翻文档记录,发现这台PC上次的开机时间为2008年1月6日,ft……

这次我决定做个大胆的尝试。我在这台PC上启动了VMware,新建了Freebsd虚拟机,然后用OSX86光盘安装了一个系统出来。谢天谢地,OSX86在虚拟机中安装非常顺利,这还是这两天的第一次。安装结束后在系统启动前,我关掉VMware,然后用U盘把虚拟机文件拷贝到MacBook Pro上,接着双击FreeBSD.vmx,VMware启动,我默念“老天保佑”……

虚拟机类型仍为Freebsd

系统启动界面出现,再等1分多钟,桌面出现了!是第一次启动Mac OS X的配置向导。我成功了!

第一次启动

系统启动后我试了试,没发现任何异常,速度可以接受,网络可以用。更让我惊讶的是,虚拟机里的系统声音系统完全正常,不仅能播放音乐,甚至内建麦克风也可用!

麦克风

Finder还是Tiger中的最好用:

Tiger中的Finder

看到漂亮的brushed metal,这2天的折腾算是值了。

“人本设计沙龙”第一次活动播报(12月3日晚更新:活动视频放出)

| 11 comments 2009-11-23 11:56:49

第一次活动圆满结束!

一周以前放出了活动的消息,截止到活动前一天,报名人数超过150名,而当天实际到场的则超过120名!现场真的是非常火爆,大厅内的椅子一加再加,很多后来的朋友只能坐在门外了!

辛勤的工作人员

感谢活动所有的工作人员(估计大家昨天都累坏了):曹晓刚(活动发起人)、hax(活动发起人)、老郭(俺滴老板,赞助了本次活动)、何昕悦(默默地做了很多后勤工作,包括在现场点心不够的情况下又空运大量KFC蛋挞)、王莉莎(负责签到等后勤的美女)、老范和杨延哲及安静(摄影师团队)、唐一丁(帮我们出谋划策组织会场)、kinki(给我们制作漂亮海报的美女)……

会议文字直播

人间网上的直播

Twitter上的直播

问答

会场中和会后很多朋友问了各种问题,这里一一作答:

问:这个活动以后会继续吗?下次什么时候举办?

答:当然会办下去!办一次这样的活动牵扯到很多的人和事,非常消耗精力,更不要说大家主要是利用业余时间来做。因此目前尚不能决定下次的活动时间,保守估计会在明年春天。届时会有各种通知,比如你可以订阅我的RSS、follow @hdsalon、留意JavaEye人间网Web20ShareBlueideaUCDChina等网站。

问:下次活动有没有什么变化?

答:目前能够透露的是,为了进一步提升话题和讨论质量,我们会把投票机制引入话题的选择过程。此外,“5分钟闪电发言”会考虑改成5-15分钟的弹性发言。

问:演讲人的PPT能不能放出来?

答:曹晓刚的可以:http://www.slideshare.net/FelixDing/ss-2564257

一些相关的blog文章

活动的照片和视频

活动视频下载:http://dingyu.me/hds/video-200911.m4v

部分活动照片如下,更多的照片详见Flickr上的相册

开场

看图猜迷:打一迪斯尼的动画片

东宝的演讲非常精彩

茶歇

人间网共同创始人曹晓刚

淘宝的轻侯一上来就领着大家做健身操

如果你也拍了照片,欢迎发给我:felixding[at]gmail.com。照片或是你blog的链接也可以。

人本设计沙龙-2009年11月“且听风吟”活动预告

| 10 comments 2009-11-13 19:22:00

11月17日更新:沙龙的官方twitter上线,请follow @hdsalon,统一使用tag #hdsalon。

11月16日更新:沙龙的专题网站发布,内容不断更新中。请随时关注这里的消息:http://dingyu.me/hds/

朋友们,由我发起的“人本设计沙龙”,将于下周日下午在张江高科博雅酒店粉墨登场!这是一个面向网站产品经理、产品策划、需求分析、设计师和所有网站产品设计从业者的交流活动。以下是活动介绍:

活动主题

我们只谈Web!所有和Web产品设计相关的话题都可以,比如:

  • 发布你的新站点、你创造的新功能和新概念

    Twitter通过SXSW而大放异彩,我希望“人本设计沙龙”会成为下一个重量级产品的舞台!

    你也可以介绍一个你创造的自认为相当棒的新功能,甚至是你提出的一种新的产品概念。

  • 讲解一个技术方案的应用

    如果你想谈技术,请重在应用,而非技术方案本身。

  • 分享自己的产品设计经验和心得

    “需求文档怎么写”、“产品原型应如何设计”,这些都是产品设计师常见的问题。如果你在产品设计的某个环节上有经验或心得,不妨拿出来分享。

  • 征询某个问题的答案

    工作中遇到了问题?别担心!"沙龙"提供了“5分钟闪电发言”这样的机制,来让你抛砖引玉。

  • 寻找志同道合的朋友

    说不定你还能找到另一半呢!要知道设计师中MM的比例还是相当高的 :)

活动形式

沙龙主要以主题演讲+百家争鸣的方式进行:

  • 主题演讲

    每次活动共有三场主题演讲,每一场主题演讲为时40分钟,可以让讲师和听众充分交流互动。

  • 百家争鸣

    由数场“5分钟闪电发言”组成,可以提问等解答,也可以迅速介绍自己的产品或设计。

谁能参加

我们欢迎所有对Web产品设计有兴趣的朋友,比如:

  • 设计师
  • 产品经理
  • 程序员
  • Web传经布道者
  • ……

一些必须遵守的规则

  • 不能泄露所在公司的商业机密,不能违反自己的职业道德

活动时间、地点及费用

  • 2009年11月22日(星期日),下午1:30分开始签到,2点活动正式开始,5:30结束
  • 上海浦东新区张江高科碧波路699号博雅酒店一楼会议厅,张江地铁站出站后步行5分钟即可
  • 本活动由盛大创新院赞助,参加者无需支付费用,同时提供免费的咖啡、红茶、甜点、水果……

报名及话题投递

虽然不报名也可以参加,但你报名可以让我们更好的准备,比如定多大的会场和多少零食等等。

目前这次活动尚有一个主题演讲、以及4-6个“5分钟闪电发言”的机会留给各位,请踊跃投递你的话题!

立即报名/投递话题!

活动组委会

  • 丁宇 felixding[at]gmail.com
  • 曹晓刚 xiaogang[at]gmail.com(活动赞助与媒体支持请与他联系)
  • hax

同时感谢所有为这次活动帮过忙的同事和朋友们,让我们共同期待它的到来!

About

我在厦门拍的照片

丁宇(Felix Ding),电脑Geek,狂热的爱书和爱乐分子,99年迷上网页设计,并从此一发不可收。现在在上海做用户体验/产品设计咨询。Email: felixding[AT]gmail.com。

订阅到RSS

Latest Comments

  • 三十 2010-09-06 12:07:59

    唉,我也三十出头了。

    三十立不立?

  • 徐帆 2010-09-05 18:53:48

    为什么我的评论没发上去。。。。原来说是我没有填写我的妹儿。。好吧,重新再来一次。原来你三十啦,看起来不像呀。我还欠你一餐饭噢。。。。。原来你也读红楼啊,这年头成稀罕物儿了。。

  • Felix 2010-09-02 14:09:15

    @Aether 你没有读出重点。

  • Aether 2010-09-02 13:56:42

    又是一篇用Windows用户习惯来比较Mac用户习惯的文章么……

  • stefan 2010-08-31 16:46:03

    big_smile.gif

    生日快乐,虽然有点晚 (*^__^*) 嘻嘻

  • tevin 2010-08-28 00:13:22

    eye_up.gif 原来你小时候就喜好摆这个POSE,到现在可能下意识的都会出现。

  • 丁宇 2010-08-27 23:28:05

    @JoJo 同一个。

  • JoJo 2010-08-27 23:24:48

    是同一个人吗?周云蓬,韩寒独唱团中一位写了“绿皮火车”文章的作者与你日志中唱歌的周云蓬是同一个人吗?

  • JoJo 2010-08-27 23:16:05

    angel.gif JoJo是女孩的名字吧...难道以为偶是男生...嘿嘿...老丁童鞋有什么聊天工具吗?还是只有这个自己开发的博客?

  • 丁宇 2010-08-27 22:48:53

    @JoJo 原来是mm,欢迎!你的问题很好,我尽快解决这个问题。

Douban