一只设计师的工作小结:在想好之前,先克制你的表达欲

我一直觉得做设计,其实是在克制,潜移默化是最好的。在你没有想好如何表达,最稳妥的做法是克制你的表达欲。


我一直觉得做设计,其实是在克制,潜移默化是最好的。在你没有想好如何表达,最稳妥的做法是克制你的表达欲。

一只设计师的工作小结:在想好之前,先克制你的表达欲

网易红彩1.0版本·视觉

通常来说,界面设计工作是在原型图之后开发之前,原型图的构架关系在一定程度上会影响到界面的设计的发挥余地。所以设计师同学要积极的参加到前期各个环节中。站在各个职能的角度上环视产品需求给出视觉体验建议,方便更好的开展今后的设计工作,了解和确定产品属性以及基调。

一个好的app视觉在一定程度上反映了产品的精神面貌以及品牌调性,同时也带给用户易懂且操作舒适的使用体验。

在产品界面设计之前,首先需要了解前期产品的一些数据和分析,用以支撑接下来设计工作的论点和依据:

产品目标用户人群和消费情况

调研结果表明人们每月用于互联网彩票消费的额度较高,同时互联网购彩者以男性居多,购买能力更强。另一方面,网易的用户以30岁以上的男性用户为主,这样的用户构成,也对网易的彩票销售起到了促进作用。

一只设计师的工作小结:在想好之前,先克制你的表达欲

产品方向

以竞彩专家推荐为主要特色的足球、篮球赛事分析类App

体彩市场情况以及竞品分析

目前,体彩市场主要细分为彩票售卖、付费阅读、虚拟游戏三个领域。其中彩票售卖由于已经被叫停,故不在此次讨论范围之内。

主要竞品

竞彩猫、球商、小刀汇、精彩说等

一只设计师的工作小结:在想好之前,先克制你的表达欲

竞品概况(视觉角度)

产品视觉角度分析:整体产品视觉不统一,且界面中层级关系混乱。竞品在用户体验上是低于整体app业内水平

设计方向

根据以上数据分析归纳产品的设计方向应为:层次鲜明 ,内容突出 。男性用户更为理性,尽量减少过多结构视觉样式的表现,保持统一性且结构鲜明流畅,更突出内容和数据的呈现。在产品之初,不断在颜色和细节等方面渗透品质与品牌感。由于项目属于为专业竞猜用户服务的产品,专业内约定俗成的一些规范和特定的一些色彩搭配的含义可以诱发用户的一些直观情绪,设计中必须要考虑到避免使用一些不合时宜的色彩。

设计思路 UI部分

1、首页主视觉部分

从业务和需求角度考虑,首页信息尽可能展现更多信息,在界面设计语言表现上需要尽量扁平处理,用颜色或者模块区分不同层级的信息。主次分明,做到能用一种维度区分,就不做两种处理。统一同类内容和模块以及元素,更好的呈现卡片内容和每个卡片之间的逻辑关系。在内容化设计上给出更明确的认知,辅助用户在使用场景下,快速找到需要获取的信息。

专家推荐部分间隔较阅读类产品稍大些。希望在头像和名称部分增加一下视觉通透感。用户浏览起来减少疲惫,处于舒适状态。方案卡片右下空间也是同理。

一只设计师的工作小结:在想好之前,先克制你的表达欲

首页做了无顶部导航栏处理。从业务和用户角度考虑,第一屏作为重要信息流展示,需要展示更多信息,设计规划业务内容需要更多展示空间。

整个首页信息流分为个三个模块“专家推荐 ”“推荐方案” “编辑精选” 。为了减少用户的认知成本并且不增加结构的复杂性,一个页面不适宜超过三个不同样式,所以在编辑精选卡片中有无数据都做了统一处理。

2、专家个人页视觉部分

专家个人页模块中,为了不增加样式的复杂性,专家介绍文字和数据收录在一个卡片中,且数字和文字组合版块需要适当增加留白空间,调整到最平衡的视觉结构,又通过这些空间突出了需要呈现的信息层级,符合视觉规律。

根据页面属性的需求,专家个人页的顶部用了个性化的背景设计却不花哨。突出专家个人的信息呈现。层级清晰,主次分明。

一只设计师的工作小结:在想好之前,先克制你的表达欲

其中尽量将同类型场景、内容模版统一,达到简明统一的效果。比如专家关注和首页保持模块统一,关注专家页面和主视觉保持平衡等。产品内部,同类属性标签样式和颜色统一,如命中率标签等,解决用户对同类型场景的认知和统一视觉感受,浏览更流畅舒适。

一只设计师的工作小结:在想好之前,先克制你的表达欲

首版本之后马上会有优化,其中有很多需要完善的部分,比如动效,文章中这里说的是只一种工作方法,如何通过立flag,完成UI的产出过程。整体遵循的原则应该是整体视觉的统一性  信息呈现富有层次性和分布逻辑具有组织性。

其实,界面设计是一种视觉语言,产品用这种语言与用户沟通,用户在什么样的场景下使用产品,和产品的交互过程中,激发了用户的那些情绪,当这些情绪出现,我们的设计语言是激励还是安抚体谅?我们需要做的是用设计语言完成与产品交互之间的平衡,给用户带来更好的体验甚至小惊喜。

产品设计过程中需要有自己的理念,它不仅仅是狭隘的扁平化或者拟物化,这只是表象。这种理念应当是基于它是如何有益于用户的,又或者给用户带来什么样的好处,获得了什么样的启发,或许是生理上的,或许是情感上的。

我一直觉得做设计,其实是在克制,潜移默化是最好的。在你没有想好如何表达,最稳妥的做法是,克制你的表达欲。

 

作者:cain lynn

来源:ME网易移动设计

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23398/

(0)
CatherineCatherine
上一篇 2017-05-05 06:44
下一篇 2017-05-05 08:54

相关推荐

  • 接下来炎热的8月,这3个设计趋势会更加流行

    趋势大多是这样,兴衰随着时间的推移快速的变化。

    2017-06-05
  • 对于传统交互设计思维的一些反思

    在传统的交互设计流程中,比较看重从设计目标建立到最终方案推导过程的逻辑性、终端用户体验与用户心理认知模型的匹配性等,相关的 UCD 设计方法很多。可是,被我们奉为圭臬的那些经典交互设计流程与方法,真的足够好吗?

    2017-05-03
  • 用户体验设计影响力,引起两会代表关注

    现今,用户体验设计已成为社会广泛关注的话题,在今年两会上,用户体验设计的影响力也引起了两会代表关注。设计创新与科技创新互为表里,需要协同发展;从国家层面启动基于用户体验的设计创新倡议,构建用户体验设计创新战略和行动纲领。两会期间,全国政协委员叶友达向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》。叶友达委员在接受《人民政协报》采访时指出,据国家知识产权局发布的报告显示,2017年发明专利申请量138.2万件,同...

    2018-03-16
  • 用户体验的创新设计和研究

    2018年全国两会期间,全国政协委员叶友达教授向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》,建议加大对基于用户体验的设计创新的宣传力度,建立全国或区域用户体验研究机构,促进科技创新成果快速、高效落地。长期以来,用户体验的“以用户为中心设计”(User-Centered Design, UCD)的理念一直冲击着传统的“以技术驱动设计”的理念。有研究表明,美国两个世纪以来著名的53位创新者的创新过程,从电话到互...

    微信热点 2018-03-27
  • 2018年交互设计趋势

    想必你还在对昨天HJUX视觉伙伴们给出的视觉设计趋势啧啧称赞,那么赞别停!今天团队的交互伙伴们将带来2018年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的“交互趋势年夜饭”,只愿给力求打造极致用户体验的你以启发和帮助。干货阅读时间预计5分钟设计是围绕人解决问题,因此对2018年交互趋势的预测,我们将目光聚焦在细腻的情感体验打磨、达成目标的交互介质、解决问题的效率、发生交互行为的场景这几个方面,探究出了以下6大趋势:全感官...

    2018-02-02
  • 央视(传统媒体)与互联网巨头(AB)在新交互形式“脸部识别”上的互怼

    支付宝霸气回应:“被盗我全赔”表明了对于人脸识别这个技术领域有比较大的知识储备与研究,针对人脸识别交互本身并不是支付宝作出这个霸气回应的核心因素

    2017-03-17
  • 窥探交互设计师成长之路指南!

    一部窥探交互设计师成长之路的实用指南!传授高效、靠谱的交互设计学习方法!IAMUE网站创始人倾力之作!

    2016-06-13
  • 闪光的消亡对于用户体验来说意味着什么?

    而 Flash 是一个控制狂,那些拥抱 HTML5 的人往往是渐进增强的冠军。最后,我们的用户获胜。SuAnne 探索途径挑战现状,为现代的 web 设计。 Adobe 公司的决定停止移动 Flash 平台的开发及在 HTML5 相关的努力增加其…

    2014-09-04
  • 个性化赋能电商转化率的四个基本方法【UXRen译#173】

    作者:DAVID MANNHEIM |  翻译:xiuxiu,校审:Gogi   相关性可以提高用户体验,这不是什么秘密;用户体验的改善能带来转化率的提升,从而进一步提升用户忠诚度和留存。 那么问题来了:如何提升相关性? 答案在于个…

    交互专题 2017-08-07
  • 在交互设计过程中,你需要持续关注的五个问题

    认真对待交互设计过程中的每一个设计环节、每一个问题,是提高交互稿质量的基石。过程中的问题很多,需要我们持续关注并解决。

    2017-05-02