从少到叔,只用了5,还记得我刚入职的第一份作的导师我:「设什么捷径,的只多看、多、多,逻辑思维明确了,思清晰了,累积多了,项目方案就好解决了」。5的作中,也累积了一些得,下面就家聊聊我对 UI设的几点得一些启发。
文章目录
- 想、看、做
- 思维清晰
- 逻辑流畅
- 沉淀积累
- 总结
多想、多看、多做
1. 产思路要吃透
详细地分析需求,设计师更好的把握产的思路。多看需求中交互或产给的产流程图,在初步的交互结构图中,可根据需求大致的构页面的布和版,把页面容布和版记入心中,为整个项目打一个埋点,为将来设计创作时设计参考打好基础。
2. 换位思考很重要
分析需求时,需要更的站在互或产品经理的角度上去看待问题,看互流程图,想产品的逻辑思,消化互(产品经理)的整个产品引导意向。例之前小编做的一个案例,项目为智能家居管理和操控的 APP,在页面里有搜索框,但是基司身的业务和硬件接最就二个左右,两三屏的滚动查看就看完,对身的搜索意义不大。但对产品经理,在产品的延伸和前瞻来看,功能必须要有,所以产品的意图和产品经理的思路,我做出下的修改:
把搜索框隐藏来做为按钮,当用户需要时点击按钮,跳出搜索内容界面,样就以把屏幕空间留给主要功能展示,同时让页面局严谨不零碎。
思维清晰
1. 析用户使用人群
在做产品之前,首先要析产品内在需求和使用人群,为了更好的对用户动机深挖,最好搭建产品架构析图和目标用户动机析图,这带逻辑性地去析,对于前期做计推导和产品初步的风格落实起更好的数据支撑。例如下面就是队对于现有的一个 APP 功能深挖的析图以及一些目标用户的行为析。
把一些点列出来,预估会发生的事件,预估产品因为事件的向,以及功能使用景指向等发生的事件都例举出来,这对于定义视觉风格更利于站在用户角度考虑用户需要什,立的风格对用户行为动机产生什响。
2. 析产品功能属性
对于人,往往根据的性格、年龄、扮,职业等,给贴上标签属性。例如一个生扮性,会给她贴「御姐范」。年纪扮可爱的会贴属性「萝莉」「软妹」。同产品也是有对应的属性之,一个产品往往根据身主功能来归属的标签属性。例如产品有专属固定职业使用的称为工类app;有享、语音、人人之间互动的称为社交类app;集采购、买西的称为商类app。这些种种的类别属性划,在这个类别下还有细属性的划,往下延伸引导。例如这个app是社交类的,那它的主是「男性」?「性」?「性」?「老年人」?「年轻人」?如果确定是性那主的是什年龄层次性,是「15-25」?「25-35」?「35-45」?这些等等的往下细属性,面对这可以用一个思维导图析,深入剖析想要的数据。
这一层层深入挖掘析,最后理的得出使用人群的偏好、属性、使用景,这带逻辑的一层一层往下对于定义一款新的 App 产品的计风格有更确的指引作用。
逻辑流畅
1. 把握页节奏
音乐节奏会带动心情高低起伏,那么什么是页节奏呢?我们说页节奏是指我们页布局怎么去分割,予用户什么样视觉体验,让用户第眼看到什么,第眼知有什么,第三眼发现什么,都是我们视觉思路明确带着用户去体验。
在层关系上,要拿捏规划好,主推功能内容和附带功能内容还有运营需要达什效果,都是需要确的思路带用户往下的,下面是编之前做过的一个案例:
公的主产品是硬件销,而且星产品是路由器,所以才衍生了这个共享Wi-Fi app,硬件用户基数比较大,所以主要是购买了的路由器都可以下载这个 app,把家多余的 Wi-Fi流量享出去得一些报酬。
在表面上我们看似是一个共享功能的app,其我们的潜功能目的是为通 app 把用户导购买硬件,所以在主要页面上我们把告位特别突出,弱化主要的连接功能,让用户使用连接功能时先看到优信息,同时文案引导去连接Wi-Fi的用户,让其产生疑问「干嘛不自己买个路由器去分享Wi-Fi增加收益」的心理动机,所以在页面视上我一眼让用户看见告,二眼道有Wi-Fi连接功能,三现怎么去使用我们Wi-Fi功能,样一步一步让用户跟着我设计思路的节奏走。
产逻辑思路明确,户就会知道他处在当前位置应该操作么,一步该做么。
2. 尊敬交互逻辑
在赛上,我们说要尊敬对手,实在共事中,我们需要尊重交互设计的互流程图,不要随意更改互逻辑,果产生歧义要合理沟通,找决方案,所以时我们在前面讲到的在产品分析上透产品需求,以从产品上出和互探讨,目的达到一致才以更改。果我们只是为视上的效果看而去更改互,让整个 app 互处不流畅、不合理是不对的。
小编曾经碰到一个转的 UI设计师,因为页面有很多择项的功,需要一一择点击弹同弹给户择对应的容,因为择项的功较多。在页面布上好对齐和平衡,结果他把几个同功择的弹组件合成一个,在弹择的组件上择项分区,这样做后在户角上,户择了第一个功项却把面的未知功都择了,模糊了户当前使位置,户陷入了知一步怎么操作,怎么往走,这种交互中断的UI是合的。因为现有的app,很多户的使习惯已经成惯性的逻辑思维,我们想创交互,必须在现有的基础上改良或修改,而且是必须合的,这样才会户在使产过程中产生疑惑或焦虑。
视觉设时,我们设师应该跳出设思维的误区,不我们设把页面好看就可以了,其他的不我负责的就不了,往往这样错的,把页面得好看我们的基本责任,把页面得好看又好用我们达到的终目标。所以我们设师应该多学习交互逻辑熟悉产品思,这样出的作品灵魂的。
3. 规范细化
规范对于我们设的核就灵魂,视觉游对接交互(产品理),下游对接发人员,它都起到阐述设的规范化、统一化,让外人可以读懂我们设的逻辑思。
规范细化在交接工作也会起到高效率沟接梁,所以在设计好页时我们应该细化地理输出份设计规范,规定「标题」「副标题」「正文」等系列共使用组件大小、状态、距都是有共性,逻辑性,这样开发在写页过程知我们设计规范里共,在实现页会有底,知注意哪些号用多少,距是多少等等,我们后期验收工作也会减少很多劳动力。时在我们设计与程序慢慢地立合作默契,完成以后工作任务也到事半功倍效。
沉淀积累
1. 关注用户数据反馈
项目的线不意我们的任务已完,打造一优秀的app 不断迭完善的,app线后真的接触了用户,用户的使用数据反馈检验我们劳动果的真实证据。
上线后我们设计需要多关注用户使用数据,关注功能击率和留存率,多查看app商城用户评分,认真看反馈评论和后台收用户意见,这些最贴近用户真实反馈,累积下来处理,是我们下迭代动力,这样步步根据用户体验去优化品,才是真正意义上个优秀app品。
2. 做好项目结
所谓结写好,加分又加奖,设计师必须把自己做项目设计思维表出来,把自己设计所踩坑、埋坑,条理分明例举出来,避免下迭代和其他项目再犯样误,时项目亮也可以记录说明,这样下再做项目,吸取前成功经验,避开踩过坑,更利于我们做好个品,提高工作效率。
总结
以上几是小编在工作血与泪教训出经验。UI设计与其他视觉区分可能是更多考虑可玩性、使用性、耐用性,比视觉第冲击力要。
欢迎关注作者「京东设计心JDC」微信公众号: