七步打造一流UI设计|设计师必看

如题所述

七步打造一流UI设计设计师必看

1.用户故事User Story这一步是确定功能的。用户要用产品来做什么?如果一个产品要服务不同身份的用户,这些用户需要的功能也不一样,那就要一个个来分析了。

2.功能地图Functional Map写完用户故事以后,就知道要做哪些功能了,接下来就是梳理一下故事中涉及的功能,归纳出他们的关系。并不是所有梳理出来的功能都要开发,这里可以引入一个产品研发的MVP方法,即最小可行化产品。

比如你现在要做一个小红书,肯定是先做问答相关的核心功能,能满足早期用户最核心的需求即可,会员系统、关注系统、推荐系统等等看似必不可少的功能,都可以先不做。

3.功能流程图Flow Chart作为开发者,你知道了用户想要什么,也明确了要做椰些功能,接下来就是思考用户怎么操作才能完成他的任务或达到目的。有的产品逻辑会很复杂,所以这一步梳理清楚了,对于程序开发也很重要。

4.UI流程图UI Flow经过上一步,你知道用户会怎么使用一项功能了,这就可以规划操作动线了,U川流程图,就是在页面和页面之间的跳转流程,明确用户想完成任务,要经过多少个页面。

5.线框图Wireframe线框图和前面的U川流程图有什么关系?前面说了U川流程图是梳理页面之间的跳转关系,而线框图的信息就要详细多了,除了组件要画得更细致,所有的交互都要用文字详细标注出来,比如触发、回馈、状态变化等等。后面U川设计师看着这个能做视觉稿程序开发看着这个能明白具体的交互方式。

6.视觉稿Mockup这部分设计师就很熟了,该怎么做就怎么做啦,只是注意一点要关注设计规范,你在这方面注意的越多,最后开发实现出来的效果就跟你的设计稿越接近。

7.原型Prototype用线框图可以做低保真原型,用视觉稿可以做高保真原型,这里推荐大家做的是,可以操作的高保真原型。既然要做高保真原型了,那肯定要做可操作的,去找程序员帮忙做也可以,不过现在有很多好用的原型动效工具,你自己做也很方便。

温馨提示:答案为网友推荐,仅供参考
相似回答