六套 App:构建我的产品设计工作流

工欲善其事,必先利其器。思维和方法论固然超级重要,但是掌握并制定适合自己的工作流也可以成倍提升效率。好的软件加上熟练的使用可以帮助解决遇到的所有问题,不仅可以减轻大脑和身体的负担,更可以让产品设计师在工作中如虎添翼。

工具有很多,适合不同的人,作为设计师,我的日常就是接受并讨论需求、拆解任务、设计流程与界面、制作原型和动效等。今天给大家介绍一下我每天工作中必用的六套工具,它们满足了我几乎所有的工作诉求,并且效果拔群。

界面与流程设计:Sketch + Axure + Xmind

日常工作中,核心的设计产出就依赖这三款 App 了。

在需求梳理阶段,会利用 Xmind 绘制脑图和流程图,明确所有的设计节点并呈现出来。 Xmind 免费版功能足够强大,支持各种样式的图表,并且上手门槛也很低,稍加学习就可以马上投入到实际工作中。

界面与原型设计阶段主要靠大名鼎鼎的 Sketch 和 Axure ,前者更擅长页面呈现,后者则更注重逻辑关系。在公司,因为相关组件比较完备,所以设计师使用任何一种都能够快速产出高保真的设计图,应对复杂业务逻辑也都没有问题。

Sketch 的优势在于,如果产出物包含了视觉内容,则其提供的信息更加精准,再加上学习成本极低,团队的开发同学也要求掌握 Sketch ,这样设计师就不需要标注和切图了,大大提升了工作效率,专注设计本身。

而早一些的设计师或产品经理可能更钟情于 Axure,毕竟功能足够强大,又可以产生可交互的原型。因为不方便使用外部存储平台,所以对我们团队而言,Axure 的 Team 功能是最不可替代的:能够快速将设计稿上传到服务器并供所有团队成员分享和查看。因此即便设计师使用 Sketch 进行设计,也需要将产出物放置到 Axure 服务器上,方便协作。

任务管理:Wunerlist(奇妙清单)

很早以前,我就有尝试在自己的项目过程中使用奇妙清单来管理日常任务,但是发现需求并没有那么大。而来公司实习以后,发现日常工作的并发数量已经远远超过我的极限(我最大线程数是3,就是一段时间里同时把精力分配到三件事已经是极限了),常常既要设计又要沟通,并且是多个需求同时存在,每个周期还很长。这个时候,任务管理类软件的价值才体现出来。

每次有新的工作需求过来时,我会把它先放置到「Tmall Intern」文件夹,并且在主任务里建立多个子任务,还要写上相关文档的地址和注意事项,因此这个文件夹里的任务是最重要的。而比较零碎的任务,比如什么时间开评审会、要记住提醒产品经理提供数据、或者准备内部培训的资料等就可以直接放在「收件箱」中。每次小块工作的开始和结束时,都要快速浏览一下任务清单,把必要的更新添加进去,并把已经完成的小任务清理掉。

另外,奇妙清单用来做记录也非常不错,不论是普通的沟通还是会议记录。上周就有一次和产品经理协商时某个要点因为没有及时记下来,很快就被我忘记了,导致后来出现了很多状况。而慢慢学会将所有的信息都记录在软件中以后,就可以解放大脑,不要再费力去记住那些复杂的内容,更专注于眼前的工作。

奇妙清单还支持协作,并且能够指派任务、互相评论。设置提醒和到期时间也非常实用,基本能够应付当前的各种工作状况。最后,产品横跨所有平台,不论我人在哪里,只要看一眼手机或者电脑,就知道现在需要去做什么事。

Mac 效率提升:Paste + Alfred2 + Dropshelf

量变引起质变,每一个简单操作的高效化将会大幅提升日常工作的效率。

Paste 是一款复制粘贴板管理软件,可以将所有复制过的内容(图片、文本、文件等)记录下来,并且一键快速调用。简而言之,就是你可以方便地管理每一个复制过的内容(我设置的是记录50次)。对设计师而言经常需要复制粘贴组件或文案,因此它真的可以减少很多重复操作,提升效率。(我推荐给一个运营朋友,她更是爱不释手......)

Alfred2 是 Mac 平台上最为传奇的效率神器,光是快速检索、打开文档这一件事就为我每天省下来大量的时间和操作,不论我在做什么,通过 option + space 就可以打开任何文件和 App,而相比之下 Spotlight 的检索真的是太慢了。购买 Powerpack 后,还可以使用功能更为强大的 workflow,效率更可以得到成倍的提升。

Dropshelf 则是我上周刚刚购买的软件,核心功能是在桌面的侧边提供一个小格子,用以暂存文件副本,并且在需要的时候快速打开或拖入设计稿中。如果说 Paste 主要管理的是复制粘贴内容,那 Dropshelf 服务的就是文件中转,比如我在做内部学习小组的时候就会事先把要用到的 demo 文件拖放到屏幕边缘的小格子里,讲解到某个时刻就直接打开或者拖到应用中,避免了反复在 Finder 里切换,非常方便。

动效与可交互原型:Pixate + Origami

动效与原型设计的软件实在是太多了,我前前后后尝试、接触了恐怕有不下十款,而最后则是选定了 Pixate 和 Origami 作为仅存的设计工具。

Pixate 前几天刚宣布加入 Google,Studio 免费之后基本告别了之前在 Web 端进行编辑的烦琐和卡顿,同时还支持 Windows 和 Android 设备。Pixate 操作非常简单,学习成本极低,基本通过半天的尝试就可以掌握核心操作方法,而后面就可以集中思考效果的实现方式。绝大部分的效果用它来实现都没有任何问题,看官方提供的几个 demo 就知道,即便是复杂的动效它也可以轻松应对,因此作为轻量级原型设计工具实在太合适了。在我的影响下,团队里不少设计师已经开始使用 Pixate 产出简单的 demo 用以查看和测试效果。

与 Pixate 相比,Origami 的陡峭学习曲线是大家所公认的,说实话很多时候我宁可写代码实现也不想去碰 Origami。但是它强大的代码导出功能、细致到每一个设计细节的动效能力又让人割舍不下。最近,我在团队中发起了一个 Origami 学习小组,每周两到三次下班后的学习,希望一起深入学习这个软件。同时,开发同学也会一起来参与学习,我也在尝试寻找设计-开发流程中的平衡点,让整体的效率最高。

总而言之,简单的效果使用 Pixate 实现,复杂的、需要微调、需要代码复用的动效则使用 Origami。

录屏与演示:Quicktime + PicGIF

做完 demo 之后,除了拿真机去给开发同学或产品经理演示,往往还需要把效果录下来,制作成 GIF 之后不论是发邮件还是放到任务管理平台都足够方便。试用了不少录屏工具,结果还是 Apple 自带的 Quicktime 最清晰最实用,录制成 mp4 或 mov 文件后,导入 PicGIF 软件,可以方便地将视频抽取帧变为 GIF,并且可以自由地调整播放速率、帧数等内容。

有个小 tips 是,演示动画可能还需要有触点标识,以表达手指正在进行的操作。Pixate 的录屏功能虽然不够清晰,却可以提供触点显示,在这个过程中再使用 Quicktime 录制就可以实现最完美的效果啦。

文件传输与共享:Pushbullet + Airdrop

做产品分析或者素材整理的时候,经常需要在手机或 iPad 端截屏,我这一个月已经数不清自己手机里存了多少张截图了,而把页面平铺起来确实是查看和对比的好方法。我工作中会用到一台 Macbook、一台 iMac、两部手机和一部 iPad,那么,怎么将图片方便地从任意一个设备传输到另一个设备呢?

Apple 自带的 Airdrop 是个很好的选择,速度很快,也是我用的最多的。但是 Airdrop 常常受到距离的限制(要用蓝牙),并且不知道是不是系统原因,有的时候又总找不到设备,所以我还配合使用了 Pushbullet。

Pushbullet 也是跨平台的产品,所以 Android 设备也可以一起加入文件分享啦,通过它可以快速精确地发送信息到指定设备,并且能够像翻聊天记录一样查看过往的信息,非常方便。

每个人都可以构建一套最适合自己的工作流,也欢迎大家留言分享你的工具箱,让大家的效率飞起来。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容

  • 正则:就是用来操作字符串(匹配和捕获)的一系列规则; 匹配:校验字符串是否符合我们的规则; 返回值-》布尔值 tr...
    刘晓洋阅读 293评论 0 2
  • 你是自由的风 唤醒草莓的耳朵 追赶浪花的脚步 你是自由的水滴 落在半空凝成云朵 落进小河哗啦啦唱歌 你在欢笑 你在...
    戈小浅阅读 251评论 5 7
  • Rainbow按前两天,看到简友老虎不吃饭饭相继刊发在简书上的两篇文章,描写了上海的两条老街区新乐路及汾阳路,恰巧...
    RainbowPeng阅读 1,224评论 18 16
  • 苟惟自由,弃置不顾! 每天有饱满的7小时工作,却没有半分感觉能活下去的经济...
    从前的骆驼阅读 188评论 0 0