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

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


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

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

网易红彩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

相关推荐

  • 一篇文章读懂用户体验(上)

    前言:一直有在梳理自己的知识结构,也靠这些所谓经验做了几年行业培训,今年是从业的第十一年,觉得差不多是时候把这些最初来自同行、互联网和书籍的知识再还给行业,我会把所有所得分章节逐渐整理发出,希望能对行业尽一份绵薄之力,同时也作为一种仪式,好让自己重新出发。

    2017-06-01
  • 【Mockplus教程】重命名

    对页面和分组的重命名可以选中单个页面,然后使用F2进入名字修改状态,改完之后鼠标随便 点击其它地方即可完成修改。 对于选中页面也可以双击页面节点进入修改状态。 完整演示如下:

    交互设计 2015-09-10
  • 搜狐设计师:我从产品经理转为交互设计师的经验总结

    从正式入职搜狐到现在已经四个多月,刚刚从产品岗来到了设计组转成了一名交互设计师 。今天来聊聊这个转变过程中的一些思考,希望能对职业迷茫的同学有帮助。

    2017-05-25
  • 阿里巴巴技术架构首次曝光 | 站在双11的肩膀上看阿里云企业级互联网架构

    2015天猫双11全球狂欢节以912.17亿元的答卷完美收官。 双11当天14万笔/秒的交易创建峰值和8.6万笔/秒的支付峰值双双刷新了世界纪录,相比首届双11,订单创建峰值增长了350倍,支付峰值增长了430倍。 天量数字的背后…

    2015-11-18
  • 用户体验是玄学吗?

    恍恍惚惚又是一年年底。又到了设计师们的“季节性迷茫期”,最近我的公众号后台经常接到好多朋友的信息,自己行间透露着迷茫和不自信。大的趋势和节奏还是和去年一样,有些视觉设计师询问我如何转UI,有些UI设计师问我如何才能培养产品思维…其实大家都在迷茫,在这里我想分享一个用户体验相关的综述给大家,希望能对大家找准自家的定位有帮助。我最初是一名UI/视觉设计师,然后随着一步一步的发展,给自己的目标也在发生变化,我现阶段给自己的最终定位是成为一名用...

    2018-02-06
  • 跨终端体验设计,绕不开的用户槛儿

      随着平板电脑的普及,越来越多的手机端APP将自己的应用拓展到Pad端,来为用户提供更丰富的多终端体验。此前一些设计师从视觉设计的角度探讨了多终端产品的设计,作为一枚用研,除了视觉体验,我们会更多地去…

    2015-04-18
  • 交互设计师的60日计划第十四天

    精神状态不好,效率略低。 20150812 门槛越高,交互设计师越难被替代 to b的产品相对to c的产品来说,门槛会高很多。做to b产品的交互设计师要了解许多复杂的背景知识,了解完全不熟悉的用户群体,才能开始着手做设…

    交互专题 2015-08-20
  • 【用户体验工作坊】用户体验地图实践

    提升用户体验是企业信息化部本年度重点事项。为此,敏捷推进小组已经组织了两期“用户体验工作坊”,并和京东大学合作举办了“创新训练营”。同时“用户体验工作坊”也是用户体验提升计划的一部分,旨在推动部门内部所有产品进行用户体验的优化升级。参加本次“用户体验工作坊”的有来自企业信息化部各个部门的研发、产品和项目经理近50人。🔺 赵卫老师在讲授用户体验实践方法🔺刘泽鹏老师讲授“用户体验生命周期”赵卫老师首先讲解了用户体验五大原则:01不要强迫用户...

    2018-04-26
  • 互联网设计的互惠原则:索取前请先给予【UXRen译#187】

    作者:凯特. 迈耶、 金. 弗莱厄蒂 |  翻译:毛毛,校审:天蛙   摘要:人类倾向于回报别人的好意,投之以木桃,报之以琼瑶。这种社会心理学理论可被应用于用户交互设计中,来获得用户的信任并让他们积极参与到你的…

    交互专题 2017-11-23
  • 不为动而动!动态效果在体验设计中的应用

    现在在网页和H5中使用动效已经成为一个大的趋势,随便打开一个H5都会看到一大堆跳动的元素在那里向你招手:看这里!看这里!但在这样的滚滚大潮当中我们是否应该思考一下:真的需要这么多的动效么?为什么需要?需…

    2016-07-06