如何理解「关系」的含义?鹅厂设计心得+案例

用户头像
深圳/UX设计师/3年前/603浏览
如何理解「关系」的含义?鹅厂设计心得+案例

听到这些,不是很清楚对方的意思?

在我们日常处理需求、界面设计时,总是会听到这样一个词:关系。比如 「页面关系、产品关系、功能关系」等等...这个词貌似贯穿于需求处理的整个过程。

相信不少小伙伴第一次听到这个概念的时候,心里是懵逼的:

不知道对方在说的是什么意思?担心自己跟不上对方的节奏,以至于后期展示错误、重复性的工作。

因此本次想写下这方面的话题,帮助有需要的朋友提供解惑,也给自己沉淀一下(我也懵逼过...)

笔者认为,「关系」的理解可以从这三方面切入: 概念定义、影响作用、区分联系。


1、概念定义

要理解关系的含义,首先得从「概念和定义」上出发。毕竟要理解它,首先你得知道: 它是什么?

可以说「概念和定义」是理清关系的 内核,也是区别不同对象之间的依据。

比如QQ音乐10.0版本,把「动态」tab升级成「扑通」后,要 如何正确理清「扑通」的关系?

概念上:怦然心动的表达

‘扑通’一词来源于心跳,寓意在遇到心爱之人或物时怦然心动的状态与表达。

寓意要给用户带来新的感觉与内容,而不再是以前单调无味的‘动态中心’。

定义上:UGC互动社区

以前,QQ音乐用户只能在歌曲、视频、榜单等页面消费平台 PGC音乐内容

10.0版本后,扑通社区开始支撑 用户UGC内容消费与生产,用户可以与用户间、平台间进行一系列多元化互动。

包括:内容发布器、明星房间、扑通小组、内容广场、明星话题等等。

图片来自《构建音乐社区-QQ音乐1O.O设计总结》

就像扑通的概念一样:就是要给用户带来「怦然心跳」的感觉。

2、影响作用

指对涉及的事物 所产生的作用与影响,是关系的第二层含义表达。

继续拿QQ音乐的‘扑通’举例: 这个模块在QQ音乐里处于怎样的一个关系?

作用上:提升用户粘性与平台亲密度

它用于提升qq音乐整体用户的交流意愿、同好之间的交流频次。从而增加用户使用深度和平台粘性,建立用户、明星、平台之间的亲密感。

图片来自《构建音乐社区-QQ音乐1O.O设计总结》


影响上:指导输出内容

因为有了前面的概念定义,围绕这个定义的 「一切组成内容」(如产品调性、需求功能、视觉风格等等),就有了一个「清晰、统一」的输出方向。


比如:需求功能上: 搭建「用户间、用户与平台间」的多元互动通道。

图片来自《构建音乐社区-QQ音乐1O.O设计总结》


视觉上:优化feeds流

‘‘更好支撑用户UGC内容消费与生产,重点优化了动态feeds流与动态发布器。在视觉上,放大头像和图片展示区域,缩小富媒体高度,在文字字号字间距等也反复尝试,以达到更好的阅读体验。’’

图片来自《构建音乐社区-QQ音乐1O.O设计总结》


产品调性上:logo设定

以上图片来自《构建音乐社区-QQ音乐1O.O设计总结》

...等等内容。

「作用影响」也是验证「概念定义」是否成功、有效的依据,以便及时调整产品策略、定义关系。

3、区分联系

这可以说是「关系」最表层的体现,也是我们经常遇到的场景: 它和它是什么关系?

往往是2个(或以上)的对象之间的联系描述。这种联系,不仅包含了 「差异点」,有时候还包含了 「共同点」

就拿我们常用的「微信」来举例: 同样是微信上的搜索,消息列表上的搜索,跟‘搜一搜’里的搜索,它俩有什么关系呢?

这种情况,就举得理出它们之间的差异点和共同点。

A-差异点

首先从概念定义上,消息列表上的是 「社交搜索」,即围绕用户的社交关系、社交信息等所关联的内容查询。

作用是帮助用户梳理出「社交」场景下的一切信息。包括联系人、关注的公众号、涉及群聊、聊天记录、功能、已使用过的小程序、已收藏内容等。

若「社交」场景下无法满足用户的查询需要,微信会提供入口让用户进行 更全的搜索,让这两个搜索系统进行衔接。

而‘搜一搜’,更多是 「全局」搜索(或者叫综合/生态搜索),即可 查询整个微信生态上所有的信息,查询维度、查询结果更全更丰富。

包括「社交搜索」里不能查到的‘音乐、表情、文章’等等。

B-共同点

当然了,二者都是围绕微信上的「信息查询」而服务、而且都使用同一套搜索框架(只不过检索内容不同而已)。

结语:

看完这些,你是不是对「关系」一词的理解更加清晰呢?是否理解之前产品同学说的'页面/功能/模块关系',大体在说什么了呢?

没办法,我之前也懵逼过,所以才有这么深刻的沉淀之文...

最后总结一下,日后再听到「关系」这词,可以从「概念定义、作用影响、区别联系」这3个方面去理解对方说的是什么?

注:现阶段笔者是这样的感悟,不排除以后有更高维度的理解。如果你有不一样的想法,欢迎一起交流~

6
举报
|
11
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】汽车icon
UI界面 组件
【新年UI图标】珠宝icon
Security Camera UI kit
UI通用设计素材1
3D渐变流体抽象矢量UI背景图
【新年UI图标】钱包icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
抽象液态渐变UI背景模版
【新年UI图标】银行卡icon
智能家居中心 简约 UI设计组件库
科技医疗透明柜UI界面设计
【新年UI图标】影音icon
UI应用平面图标
新能源APP应用UIKit
拟物风质感写实UI卡片合集源文件
【新年UI图标】30个图标
【新年UI图标】秒杀icon
高级感金属拟物 UI设计组件库
新拟态风格 UI设计组件库
高级表盘系列UI源文件
UI 登录界面设计模板包
【新年UI图标】会员icon
你可能喜欢
相关收藏夹
大家都在看
登录注册