点击登录
  • 欢迎访问江西SEO朱曙明博客,本站提供SEO网站优化教程,分享SEO基础知识,讲解优化经验,提供免费SEO教程。
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏江西SEO吧。

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

作者: 要白、明飒

来源:微信公众号【淘宝用户体验设计】

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

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

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

设计背景与思路

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

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

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

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

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

设计理念:去中心化的工具内容化设计

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

工具内容化设计交互结构

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

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

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

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

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

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

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

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

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

注:相关网站建设技巧阅读请移步到建站教程频道。


喜欢 (2)
[15949548564]
分享 (0)
江西SEO博客
关于作者:
江西SEO朱曙明为你分享SEO知识技巧,帮助SEO新手站长快速学习成长。也分享一些生活美文。
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址