当前位置:主页 > www.3363kj.com >

www.3363kj.com

2017版“我的淘宝”设计可能是迄今为止最懂你的

发布日期:2019-09-15 10:09   来源:未知   阅读:

  www.15144.com淘码王高手论坛www.tt698.com,“我的淘宝”2017版历时半年对“工具与用户”的思考、梳理和设计终于上线落地。究竟是怎样的?一起来看看~

  回顾2014~2016,我的淘宝一直是工具、工具、工具的产品定位。2017年,会不会有什么改变呢?我们虽然还是会坚守淘宝用户相关工具服务的产品角色,只不过,2017版我的淘宝设计,可能是迄今为止最懂淘宝用户,且与每一个用户的联系都最为直接密切的淘宝生活相关工具的设计了。

  以前我的淘宝的个人工具场景的设计,乃至大部分应用的“我的”管理场景的设计,给用户提供的都是一种纵深访问路径的工具分发使用场景。设计形式大多采用图标加文字的列表或者宫格。用户来到“我的”页面,整体路径从外至内呈树状分布、整体流量从上至下呈急剧衰减。工具服务在“我的”场景下,需要目标用户主动去挖掘发现,不直接不显性,十分被动。用户往往只对核心的几个工具留有印象。

  这次改版我的淘宝,希望能从单纯的所有工具入口集合向更懂用户的使用场景的个人管理空间转型,希望我的淘宝能从更个性和智能的场景上连接用户和淘宝。让用户在“恰当的场景”轻易地发现“适合的服务”。因此,我们为我的淘宝制定了“去中心化的工具内容化设计”的设计理念。

  工具服务的内容化设计是一种显性化设计,能让用户所见即所得,快速明确的理解到工具所提供的核心功能和服务;也能有效地减少用户与工具所提供的核心服务之间的交互步骤和流程,让用户在当前工具的内容区完成与工具的核心交互,是一种去中心化的服务设计形式。

  基于工具内容化设计的设计理念,我们需要设计一个合适的交互设计框架结构来承载我的淘宝多样化的工具业务。因此,我们在我的淘宝的产品结构的Z轴和Y轴上进行了工具内容化设计的交互结构的定义。

  在Z轴上,我们主要思考的是用户使用工具卡如何快速的进行信息获取和交互。如下图提供给查询订单物流用户的工具服务:点击物流信息条,用户能快速获取详细物流信息动态以及获取自提柜码等操作(比原本的通过多步骤进入物流详情页面查看要便捷)。

  而Y轴设计,则是工具业务卡落地形式的归纳和总结。我的淘宝是用户的淘宝相关服务工具的集中地,对不同的工具用户具有不同的使用心智,我们将所有工具归纳为三种设计类型,既满足不同用户在不同使用场景中的需求和心智,又不至于让整体界面功能过于复杂。

  以上,我们通过定义去中心化的设计理念和我的淘宝Z轴和Y轴的交互结构,确定了整个工具内容化设计的框架。同时,我们也提炼出了我的淘宝工具内容化设计的三个核心关键词:“卡片化”、“显性化”和“个性化”,并将之作为这次设计改版的核心思想时刻检视之后的工具服务接入设计。

  工具的内容化设计理念的核心就是让用户能快速明确的了解工具的核心功能和服务。所以我们采用了能承载丰富多样的内容的大容器设计,将单个工具从入口形式交互修改成可以承载核心功能和服务的“卡片化”交互;将工具服务的核心功能、行动和价值“显性化”(用户对工具业务的感知和理解);将工具的需求场景“个性化”,用户可以根据所需的服务场景来定制自己的个性化工具。

  我的淘宝三种工具内容化设计类型分别是:固定工具卡、提醒工具卡和常态工具卡。

  三种工具内容化设计类型的定义,使我的淘宝这块工具大阵地按照用户的人群属性和使用场景进行了个性化划分,每个用户都能通过管理页面定义自己需要的工具和使用顺序。

  在工具的内容化的具体细节设计上,我们通过定义清晰的通用设计布局形式来统一用户的认知和使用心智,以及统一工具服务的接入设计。

  基础布局由工具标题栏、内容区、核心行动点3部分组合而成。其中,标题栏和核心行动点样式保持严格一致,内容区则提供布局模版满足业务个性化的业务诉求。基础布局整体遵循中心线对齐规则,保证用户从上至下浏览页面时视觉线不分散。

  我们在内容显性化表达的诉求基础上,尝试了进一步的视觉互动设计。动效在界面展示中起着强视觉吸引的作用,但过多以及不恰当的运动方式会使用户浏览页面时视线混乱。如果顺着用户操作手势进行动效设计,也就是“顺势而为”,则让过程更为自然与恰当,也符合操作预期。

  我的淘宝头部采用了多层级视觉差效果,用户在手指滑动页面时,不同元素根据移动距离进行不同的动效过程,用户名与标题自然转换。整个动效过程用户自主操控,同时也增加了界面的使用趣味。

  另一个“顺势”是时间上的顺势,适时告诉用户关注什么。业务卡片的内容会跟随时间不断更新,比如淘气值卡片,在每月8号左右会进行数值更新。为了“顺势”告知到用户,当用户向下滑动页面查看业务卡片内容时,对应的淘气值会进行数字翻动与箭头变化的微动效,适时吸引到用户告知淘气值的数值变化。

  我的淘宝2017版历时半年对“工具与用户”的思考、梳理和设计终于上线落地。通过“去中心化的工具内容化设计”的设计理念让“正确的用户”在“恰当的场景”轻易的发现“适合的服务”。一切都是为了更懂用户。从目前数据来看,用户使用内容化工具相较纯工具入口形式,DAU提升1~5倍不等。结合舆情反馈,去中心化的工具内容化设计方向理念是一个不错的尝试。

  整个落地过程虽然繁琐无比(因为我的淘宝是一个工具阵地,任何一个工具的业务方都不是我们自己),我们需要和每一个接入的工具业务方商讨后订立落地类型、跟进设计规范的执行、审核最后的工具内容化设计后的产出效果。但是,我们一点一点定义好了清晰的设计规范和流程以便后续工具场景的顺利接入。

  后续,我们也有许多需要继续完善的地方。如何让正确的用户在准确的场景轻易的发现适合的服务工具,这需要我们算法的不断完善,也需要我们不断从人群场景、发现场景、个性化场景反思产品的后续。

  作者说到后面,自己还要跳出来强行解释为什么这点东西弄了半年之久,想必不说心里也是有点慌吧。

  作者堆砌了一堆的高级名词,一句很简单的话,被说的特别复杂。。估计是用来评审、拿奖金

  这类app就别提了,play常年1星,求下架系列(阿里的产品基本都是求下架系列,各种后台,关联唤醒。。。),要你提醒各毛啊,各种糟心的提醒,一个买东西的app肿的不行,极简核心版有没有啊?要不是有DIYer的杂货店买卖零件,早就卸了,可以说你完全不懂我,除了在选商品给我推荐以外,支付宝连我看电影的什么信息都贴出来,还没有个同意按钮,广而告之。。。真希望别这么作四

  线上课程 文案小白只要掌握这些实用方法,就能轻松写出80-90分的好文案

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

Power by DedeCms