创业公司设计师怎样从0到1设计一款APP（四）——Hi-fi输出（上篇）

这一篇应该算是《创业公司设计师怎样从0到1设计一款APP（四）——Hi-fi输出》的上篇，当项目进行到Hi-fi阶段时，设计师会同PM一起开会，经过立项阶段，走过low-fi过程，来到Hi-fi的这一步。在这一系列的相处过程中，大家会遇到问题，然后解决问题，会产生摩擦也会一笑泯恩仇。

这篇主要集中于讲Hi-fi的主要内容和与PM相处之道。下篇会详细分析Hi-fi在输出过程中的注意事项以及标准。

交互设计师与PM的恩怨情仇

楼主的文章主要是从自身的职场经历去写的，每个公司情况不一样，楼主只是抛砖引玉，和大家一起探讨。当然也欢迎和大伙一起交流~

工作这几年，从一个毕业生，新手设计师，成长到现在熟练的过程，其间与PM的撕逼之战，从最初相互咄咄逼人，到现在的平和商量，主动为对方思考的过渡，走了不少弯路，撞了不少南墙，才一步步纠正自己的思维与行动。越是成熟的人，处理事情的方式越温柔。

1.角色定位与交流主旨

交互设计的角色是帮助、协助PM一起完成产品，不是画设计图，也不是切图，而是帮助团队一起经历产品从0到1的整个过程。为什么会在开头强调这个事，这个决定设计师对自己作品的态度，不是完成任务，作为交换工资的筹码，而是倾注自己的激情与心血的作品，是自己的一个代表面。

而交流的主旨呢，不是从气势上压倒对方，证明自己的做法是对的，或者说显示自己多么聪明，而是帮助PM，帮助团队顺利完成产品的开发，产品好，团队好，对方好，自己才能更好。这就是一种双赢的思维吧。

2.工作内容的交流

与任何人的工作内容都包含两个方面，一方面是对方向你的信息输入，另一方面你给对方的信息输出。

PM对交互设计师的信息输入主要是场景的沟通与对用户画像的建立。想讲明白一件事，咱们做的产品是给什么人在什么情况下因为要解决什么问题而干了什么事。会有相应的用户画像，即对我们的目标用户进行年龄、职业、兴趣爱好等方面信息的确认。

当交互设计师拿到这样的信息时，最不在状态的反应就是没有任何反馈，一切听从PM的信息传输。比较好的做法是，在讨论当时就说出自己的疑虑，跟PM进行沟通，最常见的术语是“有没有考虑过在这种情况下用户...”、“倘若用户不这么做，而是...”等等。及时的反馈会帮助PM进行场景上的完善和调整。

当然，这样的讨论过程是个持续输出的状态，不管自己做low-fi还是hi-fi的时候都会遇到，然后自己一边做一边想到问题，一遍去问PM。不反馈的话，这些问题在开发的阶段都会一个个蹦出来，逃也逃不掉。

PM对设计师另一个信息的输出就是针对设计稿。首先会设计稿整体对用户传达的信息是否有所体现进行refine，接着会对信息是否完整，流程是否通常进行进一步的确认。

3.提供必要的情绪价值

生活的方方面面都是在与人进行沟通，你帮我，我帮你进行解决问题。除了解决工作内容后，如果能学会与人交朋友，让别人更开心地与你合作，提升同事与你合作的体验是一件干得特别漂亮的事情。有空再展开这篇进行讨论吧，楼主也在锻炼自己这方面的能力中。

Hi-fi的三个阶段

做Hi-fi，说明产品的功能和流程基本确定，产品雏形已经形成，现在拿出low-fi图开始进行细致地UI设计，做出精美的商业视觉效果，让用户感受到这是一个值得信赖的成熟产品。

Hi-fi大概也可以分为前期、中期和后期三个阶段。前期的主要任务是hero screen（主功能页面）的尝试设计，通过它进行视觉风格上的确定。包括代表色、代表字体以及它们搭配方案、用法等的确定。

中期，在确定好风格的基础上进行APP其他页面的视觉完善，比如辅助功能，页面的空状态和无网络状态的确定。

后期，继续完善，抽出时间，来进行创意性以及个性化的设计，这些会是产品的点睛之笔，让灵魂呼吁而出，比如个性化的loading小动画，lauch card（启动页）等等。

总的来说，设计师先学会做人，然后才能用心体会到做事。敬请期待下期对Hi-fi阶段的详细解析~

Sophia的tips：
成长总是一点点进行的，给自己多一点的耐心~

相关文章
《创业公司设计师怎样从0到1设计一款APP（三）——Low-fi输出》
《创业公司设计师怎样从0到1设计一款APP（二）——立项》
《创业公司设计师怎样从0到1设计一款APP（一）——概述》