眼下正值就业的“金九银十”,又有大批新人小伙伴要涌入UI设计这片红海啦。然而在某度搜索“UI设计师”会发现,其实大部分人对这一行并不是十分了解。笔者作为一名正奋斗在一线的UI设计师,给准备入行或已经入行却仍然迷茫的小伙伴们解析一下,UI的工作内容以及流程究竟是怎样的。
UI设计师具体做什么?
UI设计师又称用户界面(User interface)设计师,在软件开发团队中负责产品视觉设计工作。其工作的目标简单来说就是让软件界面变得更美观更好用。
在具体工作中,设计师不仅需要很硬的专业技巧,沟通能力也不容忽视。只有充分了解项目、各岗位沟通一致,才能最终完成符合市场和用户需求的产品。
UI设计师的工作流程?
1.需求分析
通常来说,需求分析的工作是由产品经理负责的:将产品定位、功能点等撰写成需求文档,交付给设计师;设计师理解需求后,再从用户角度考虑,把需求转化为易于理解的界面即可。然而实际的工作中,这种方式存在一些问题:由于设计师没有参与前期的需求分析,很难通过一份需求文档或简单的沟通就完全领会产品定位、目标用户的情况、使用痛点、痒点等信息。一连串功能列表往往让设计师无所适从。
所以,UI设计师往往会适当参与需求分析的过程,更有利于理解产品需求,提高设计效率,避免后期产生沟通问题。
这一阶段,设计师可以用纸笔或者专门的原型软件,将初步的设计构绘制成线框图(低保真原型),重点关注框架、流程、基本功能和内容。切记不要过早地陷入设计细节,例如页面的尺寸是否符合栅格、用什么风格的图标、按钮是否需有圆角等等。
这里笔者推荐摹客设计平台的在线设计功能,拥有海量组件和图标,只需要拖拽便可快速制作界面,并且支持多人协同工作,能够极大的提高团队沟通效率,最小成本的试错并找到适合的设计方案。
2.设计执行、交付
经过了前期的需求分析,接下来就需要设计师根据获得的线框图,制作高保真设计稿了。动手前需要先浏览所有页面的功能点,和开发人员沟通确认,这样可以减少交付时不必要的麻烦。
设计稿主要分桌面端和移动端两大类,随着智能手机的普及,大多数UI设计师面对的都是移动端的设计需求。主要内容包括以下内容:
- App图标设计。这是产品给用户的第一印象,很多时候App的下载率、打开率等都和App图标的美观度密切相关,因此非常重要。往往需要多个设计备选,并通过多次评审才能最终确定下来。
- App启动页、引导页设计。分别是头一次和每次打开App时用户看到的画面。设计的目的是传达产品的核心功能,让用户更好的熟悉产品。然而数据表明,绝大多数用户对于启动页和引导页的关注度并不高,所以尽量减少引导页数量和画面内容,设计风格也推荐简洁明了,突出主题。
- 产品登录页设计。为了获得用户信息,登录页的设计也是必不可少的。为了减少用户因不耐烦而跳出,登录的步骤需要最大程度的简化,常用的方式就是手机验证码登录和第三方账号快捷登录。
- 产品内部页面设计。这一部分的设计内容千差万别,相同的是都需要尽量遵守各种硬件设备的设计规范,且始终保持统一。这里是体现UI设计师基本功的地方,需要熟练掌握。
高保真设计稿一般需要多次修改才能最终敲定,接下来就是设计稿的交付工作了。
高保真设计稿是项目开发的标准和依据,其使用者有产品经理、前端工程师、测试工程师,有时甚至包括市场推广和用户调研人员等。为了让这么多种不同的角色都能理解你的设计方案,高保真原型务必要表达的清楚、规范。一旦表述不清、出现歧义,开发的成果就可能出现偏差,影响整个团队的开发进度。
交付设计稿时需要括以下内容:
- 简要的设计说明:简单交代设计的背景,页面内容,重点功能等;
- 页面层级全览图:方便项目成员快速浏览产品层级结构;
- 交互说明:为了在静态的设计稿中说明动态的操作效果,需要进行逻辑严密的标注。例如,文字过多怎么显示?操作瞬间会出现什么反馈效果?内容缺失改如何显示?跳转到哪个页面?等等,都需要详细注明。
- 标注、切图:用来交付给前端工程师用以软件开发。
作为产品开发的重要环节,高保真设计稿的设计和交付不仅考验UI设计师的专业程度,动辄几十甚至上百页的设计稿标注说明更是需要极大的耐心和细心才能确保万无一失。但只要借助摹客设计平台提供的设计协作功能,就可以极大提高设计稿的交付效率。摹客提供自动标注、批量切图的功能,还能在线审阅,快速的制作页面全览图,甚至可以直接制作动态交互效果,不必再为繁琐的交互说明而烦恼,大大解放了设计师的生产力。
3.设计走查、验收
走查、验收是设计师最重要的工作之一。许多刚入行的设计师并不重视检查工作,认为自己已经严谨细致的做了高保真的交付工作,执行的不好是开发和产品经理的问题。殊不知,当用户用到一款糟糕的产品,首先一定会觉得是设计师水平欠佳。这会使设计师自身的劳动成果,乃至整个团队的劳动价值大打折扣。
因此,不是设计稿完成设计师就可以休息了。产品上线之前最重要保证最终落地的效果和品质。开发还原的过程中,程序员们可能会遇到各种潜在的问题,这个时候和他们保持沟通和配合是非常必要的。
4.了解市场反馈
在立项初期,公司会制定出新设计上线后要达到的目标,通常是点击量、转化率提升了多少,或者具体的应收目标等。不要觉得这些是产品经理或者市场部的同事们需要操心的问题。好的设计本应该为公司创造价值,所以这些来自市场的可量化的反馈,也是检验和提升设计能力的途径。
另外,可以根据市场反馈的问题改进和优化产品。小的问题可以及时解决、迅速发布;较大的问题可以留到下次优化迭代时统一解决。毕竟再好的产品也不可能一步到位,快速上线、迅速试错、根据反馈立即改正才能更好的适应激烈的市场竞争环境。
如此一来,便形成了推动产品不断迭代的闭环,设计师的能力也伴随这一过程成长。
以上就是UI设计师的常见工作流程,可以看到UI设计并非画画界面这么简单的一份工作,一名优秀的UI设计师除了需要过硬的手上功夫和丰富的跨专业知识,还需要优秀的沟通协调能力,才能保证从需求整理到设计、上线全过程顺利稳定的进行。希望今天的分享能让你对UI设计工作的内容和流程有一个较为清晰、全面的认知,对你的发展有所帮助。