给菜鸟UI/UX设计师的5点建议

分享Shandy Tsai的个人学习心得。从求学、第一份工作,第一次换工作,中间经过许多挫折与吸取教训的心路历程。

犯错是必须的,成长是辛苦也值得的。这次通过插画的方式,轻松地带大家认识产品设计师的各种辛酸血泪lol

图1. 妈我真的不想再改了…

一、看到Behance, Dribbble的美丽prototype,不再兴奋地跳起来

刚开始学习UX/UI时,常常会浏览Dribble , Behance等设计作品网站,看到华丽的动画、优雅的排版,会非常兴奋地想学习效仿。

直到工作一阵子后,发现最具挑战的是把设计真正实现的开发过程、考虑到不同的使用情境,及与多方团队合作的沟通技巧。

当然,不是说这些理想prototype不再重要,而是更加了解实际开发的过程及挑战。

图2. 「什么动效?代码能实现的才是好动效」

 

二、发现Wireframe只有设计师看得懂

Wireframe是设计过程中很重要的环节,进行思考、初阶成品,让设计师可以专注于使用流程及互动。还记得在学校、求职的过程,都会要求要做线框图,以解释设计流程。

但是 . . . 我发现好像只有我看得懂? ? ?

「Shandy你在呈现设计时,请尽量使用高保真设计原型」还记得刚入职时,PM跟我这么说,当时的我百思不得其解。后来与各部门沟通经验多了,才逐渐明白:

1. 大部分的人是视觉动物

大多数人需要拟真的设计原型,才能感受、想像产品交互,提供真实回馈

2. 需要更多步骤去解释产品交互

通常Wireframe只有简略的少数画面,但实际产品包含了画面切换,甚至是一个下拉选单dropdown、search bar搜寻列,都有可能影响到用户体验。

3. 有时候视觉元素会影响用户体验

虽然说Wireframe尽可能减少视觉元素,但视觉设计是用户使用产品的第一印象,包含图片、插画、色调等

当有足够经验时,你会渐渐明白使用Wireframe的适当时机。如果是产品团队在开发阶段、重视流程或是功能性>外观,这时候使用Wireframe是快速及有效的方式;但如果需要跨部门讨论、进行用户访谈时,尽量使用高宝真的prototype,会得到更真实的想法及回馈。

图3. 设计提案报告完了,大家好像都似懂非懂,原来是什么都不懂?

 

三、工程师是你最要好的朋友

有些设计师会认为工程师是敌人,他们总是问一大堆问题、提出需求、甚至打击你的设计:「如果按这个按钮,界面应该要长怎么样?」、「可不可以给我这个图片的svg档」、「这个功能技术端无法实现」…等。听到这些问题,差点又多长了几根白头发。

好的产品是设计、工程与商业的结晶,缺一不可!

不同的意见是很正常的,因为你们出发的角度不同,目的都是为了让产品更完善。工程师考虑各种使用情境,与交互细节。他们会从元件的角度去思考,尽量重复利用,减省资源及时间,他们是产品的建造者及捍卫者。

学习理解开发者的角度及思考逻辑、试着理清问题、解释设计理由,相信你们可以一起”搬砖”的很愉悦顺利!

图4. 好的产品是一个团队共同努力的成果,试着站在对方的角度思考

 

四、没有一次到位的设计

刚开始接触UX/UI的朋友,会认为做好用户研究、资讯架构、竞争者分析后,画出来的设计图就是最后定案。

NO NO NO 这是一个常见设计迷思

与视觉设计很不同的是,产品设计是多方合作的过程。与PM讨论功能目的、和工程师理清各种使用情境、与QA确认设计细节、聆听使用者回馈等。

所以当设计提案被打回时,是非常非常非常正常的。记住,大家都是为了让产品更好,或者想要贡献产品想法。许多时候是在于沟通技巧,如何有效呈现设计与捍卫设计。因此,理清真正的问题、适时聆听是很重要的。

图5. 怎么没有一次射中靶的…

 

五、产品是迭代(永无止尽)的过程

这点跟第四点有相关,也就是说当你设计完了、也开发完了,用户也使用到新功能了,你深深叹了一口气:「啊~终于结束了这三个月的折磨日子」

殊不知,这时真正的产品大魔王才开始…

直到用户使用产品,我们才会得到真正的数据,了解实际使用情境及回馈。有可能需要修改设计、或是增加辅助功能等。能尽量减少修改次数的方法之一,就是在推出前做User Testing,提早了解产品缺陷及即时修正。最著名的例子—  Netflix做了非常多的A/B Testing,去理解用户、最佳化用户体验。

图6. 山这么高、这么远,我腿这么短是要怎么爬过去

 

结语Conclusion

话说了这么多,想要成为一个优秀的产品设计师,不只需要精进设计实力,还要考虑现实状况、学习与各部门沟通技巧,及“非常良好”的耐心细心,才能领导团队创造一次又一次更好的产品。

没有最好的产品,只有更好的产品

好,我知道听起来压力很大

还是先来放松一下,来~~~跟我深吸一口气,吐一口气~~~

快给我回去认真工作!!!

图7. 最好的解决办法就是戴上耳机,动动屁股,让脑袋静一静

每天更新,
全站高品质素材免费下载!