通常来说,界面设计工作是在原型图之后开发之前,原型图的构架关系在一定程度上会影响到界面的设计的发挥余地。所以设计师同学要积极的参加到前期各个环节中。站在各个职能的角度上环视产品需求给出视觉体验建议,方便更好的开展今后的设计工作,了解和确定产品属性以及基调。
一个好的app视觉在一定程度上反映了产品的精神面貌以及品牌调性,同时也带给用户易懂且操作舒适的使用体验。
在产品界面设计之前,首先需要了解前期产品的一些数据和分析,用以支撑接下来设计工作的论点和依据:
产品目标用户人群和消费情况
调研结果表明人们每月用于互联网彩票消费的额度较高,同时互联网购彩者以男性居多,购买能力更强。另一方面,网易的用户以30岁以上的男性用户为主,这样的用户构成,也对网易的彩票销售起到了促进作用。
产品方向
以竞彩专家推荐为主要特色的足球、篮球赛事分析类App
体彩市场情况以及竞品分析
目前,体彩市场主要细分为彩票售卖、付费阅读、虚拟游戏三个领域。其中彩票售卖由于已经被叫停,故不在此次讨论范围之内。
主要竞品
竞彩猫、球商、小刀汇、精彩说等
竞品概况(视觉角度)
产品视觉角度分析:整体产品视觉不统一,且界面中层级关系混乱。竞品在用户体验上是低于整体app业内水平
设计方向
根据以上数据分析归纳产品的设计方向应为:层次鲜明,内容突出。男性用户更为理性,尽量减少过多结构视觉样式的表现,保持统一性且结构鲜明流畅,更突出内容和数据的呈现。在产品之初,不断在颜色和细节等方面渗透品质与品牌感。由于项目属于为专业竞猜用户服务的产品,专业内约定俗成的一些规范和特定的一些色彩搭配的含义可以诱发用户的一些直观情绪,设计中必须要考虑到避免使用一些不合时宜的色彩。
设计思路UI部分
1、首页主视觉部分
从业务和需求角度考虑,首页信息尽可能展现更多信息,在界面设计语言表现上需要尽量扁平处理,用颜色或者模块区分不同层级的信息。主次分明,做到能用一种维度区分,就不做两种处理。统一同类内容和模块以及元素,更好的呈现卡片内容和每个卡片之间的逻辑关系。在内容化设计上给出更明确的认知,辅助用户在使用场景下,快速找到需要获取的信息。
专家推荐部分间隔较阅读类产品稍大些。希望在头像和名称部分增加一下视觉通透感。用户浏览起来减少疲惫,处于舒适状态。方案卡片右下空间也是同理。
首页做了无顶部导航栏处理。从业务和用户角度考虑,第一屏作为重要信息流展示,需要展示更多信息,设计规划业务内容需要更多展示空间。
整个首页信息流分为个三个模块“专家推荐”“推荐方案”“编辑精选”。为了减少用户的认知成本并且不增加结构的复杂性,一个页面不适宜超过三个不同样式,所以在编辑精选卡片中有无数据都做了统一处理。
2、专家个人页视觉部分
专家个人页模块中,为了不增加样式的复杂性,专家介绍文字和数据收录在一个卡片中,且数字和文字组合版块需要适当增加留白空间,调整到最平衡的视觉结构,又通过这些空间突出了需要呈现的信息层级,符合视觉规律。
根据页面属性的需求,专家个人页的顶部用了个性化的背景设计却不花哨。突出专家个人的信息呈现。层级清晰,主次分明。
其中尽量将同类型场景、内容模版统一,达到简明统一的效果。比如专家关注和首页保持模块统一,关注专家页面和主视觉保持平衡等。产品内部,同类属性标签样式和颜色统一,如命中率标签等,解决用户对同类型场景的认知和统一视觉感受,浏览更流畅舒适。
首版本之后马上会有优化,其中有很多需要完善的部分,比如动效,文章中这里说的是只一种工作方法,如何通过立flag,完成UI的产出过程。整体遵循的原则应该是整体视觉的统一性信息呈现富有层次性和分布逻辑具有组织性。
其实,界面设计是一种视觉语言,产品用这种语言与用户沟通,用户在什么样的场景下使用产品,和产品的交互过程中,激发了用户的那些情绪,当这些情绪出现,我们的设计语言是激励还是安抚体谅?我们需要做的是用设计语言完成与产品交互之间的平衡,给用户带来更好的体验甚至小惊喜。
产品设计过程中需要有自己的理念,它不仅仅是狭隘的扁平化或者拟物化,这只是表象。这种理念应当是基于它是如何有益于用户的,又或者给用户带来什么样的好处,获得了什么样的启发,或许是生理上的,或许是情感上的。
我一直觉得做设计,其实是在克制,潜移默化是的。在你没有想好如何表达,最稳妥的做法是,克制你的表达欲。
因篇幅问题不能全部显示,请点此查看更多更全内容