如何做好信息发布功能设计?来看高手的分析。

自媒体正在深刻地影响着每个人的生活,刷抖音、看资讯、看视频成为了大众生活中必不缺少的内容。地铁上、吃饭时、睡觉前,甚至上厕所都会不由自主地打开各种 App。

各大平台都在绞尽脑汁争夺用户的时间,不仅要满足普通大众信息获取的需求,还要吸引用户转变为创作者,为平台创造源源不断的内容。所以平台的用户会群体有 2 种角色——普通用户和内容创作者,相应的平台就需要融入发布功能,方便用户随时随地的发布信息。

发布功能主要是由发布入口、发布页面和内容编辑器构成,今天的主要内容包括:

  • 入口形式的讨论
  • 发布页面的设计细节
  • 返回页面的问题

更多功能设计:

如何做好搜索设计?我总结了3个原则!

搜索设计看似简单,展现形式上只有一个输入框和搜索按钮就可以了,但是里面隐藏了很多交互细节。

入口形式

发布入口比较简单,通常采用 icon 形式提示用户即可。在布局上存在 3 种形式。

如何做好信息发布功能?来看高手的分析!

1. 主导航图标入口

我认为这种形式视觉上最醒目,能够给用户最强的提示,功能的优先级最高,保证在不同频道页都可以随时调用发布功能。这也可以看出平台对创作者的重视。知乎、小红书、西瓜视频都采用了这种形式。

如何做好信息发布功能?来看高手的分析!

知乎 8.0 版本升级中的一项,就是将发布功能从右上角调整到了主导航位置。或许是希望用户不仅仅将产品看作是一种搜索工具,而是希望更多用户参与其中,成为平台内容的贡献者。

如何做好信息发布功能?来看高手的分析!

图片来源于公众号「体验进阶」

当然这种形式会占据底部导航空间,需要对产品信息架构做出比较合理的组织才可以。

另外在创作的特定节点或特定时刻,入口可以增加引导信息,激发用户的创作欲望。例如小红书的冒泡引导信息。

如何做好信息发布功能?来看高手的分析!

2. 右上角的图标入口

右上角的发布图标也是一种较为常见的入口形式。这种形式更加灵活,既可以成为框架层面的功能,也可以固定在某一页面中。

例如今日头条的发布功能就处在框架层面,在各个内容频道都可以随时发布内容。而空出来的主导航位置,作为运营活动位可以灵活植入各种活动。目前春节期间推出的就是集福卡活动。

如何做好信息发布功能?来看高手的分析!

为了提高入口的可识别性,今日头条采用了图标与名称结合的方式,更加明确地告知用户“功能是什么”。

如何做好信息发布功能?来看高手的分析!

脉脉的发布功能 icon 也是经过多轮变化,图标形式经历了“笔”、“纸飞机”,最终演变成了现在的“加号”。为了能够更好地引起用户关注,图标特意做了加大处理。

如何做好信息发布功能?来看高手的分析!

3. 页面悬浮图标

悬浮图标只是作为特定页面的扩展功能,通常放置在页面右下角。例如豆瓣、雪球的发帖功能。这种设计或许只是权宜之计,多多少少会影响普通用户日常浏览需求。某些场景下还会与运营活动位相冲突。

如何做好信息发布功能?来看高手的分析!

发布页面的设计

发布页面更偏向于实用主义,主要解决用户“发什么”和“如何发”的问题。

1. 发布什么内容

自媒体平台的内容包括了图片、文字、视频、文章等形式。

微博采用扩展菜单的形式展示发布内容分类。用户选择后,即可进入对应的内容编辑页面。

如何做好信息发布功能?来看高手的分析!

而更多的产品选择了底部浮层的形式,这种方式可以承载更多的信息内容,从而引导用户参与到平台活动中。例如今日头条融入了“打卡挑战赛”、“邀请你参与讨论”等内容。知乎中也增加了“创作活动”、“创作灵感”等内容。帮助创作者了解热点,在一定程度上解决用户“发什么”的问题。

另外浮层可以通过布局更好的将信息分层,例如头条将更多的空间留给了微头条。知乎则突出了回答问题和提出问题。通过低门槛的功能,吸引用户成为平台创作者。

如何做好信息发布功能?来看高手的分析!

2. 如何发布内容

很多时候没有明确主题的问题反而更难写答案,例如调查问卷中的开放性问题,如非必须,我从来不填。同样用户发布信息时,可能只是有一个想法,需要去组织语言,所以需要增加一些引导信息或者技巧性提示,降低用户的思考成本。

另外就是对于文字输入的场景,直接拉起输入键盘,也是减少用户操作的规定性设计。

这些细节都可以带给用户更好体验。

如何做好信息发布功能?来看高手的分析!

返回页面的设计问题

在信息编辑页面,取消操作后,应该返回到哪个页面呢?

今日头条等产品会提示保存信息后,直接跳离发布页面。而知乎取消操作后,会自动保存编辑的信息,返回到发布页面,保留用户继续发布内容的机会。

如何做好信息发布功能?来看高手的分析!

知乎返回到发布功能页面

我猜测这是两种不同的设计观点造成的。

一种观点认为,用户既然选择了内容发布,是有了比较明确的发布动机。中途停止了信息发布,很大可能不会立刻再次发布内容。

另一种观点则认为,用户有多种发布信息需求,中断了某个信息发布,并不代表不再继续其他内容的发布,并且发布页面中的拓展信息,或许有助于激发用户新的发布动机,所以将退出的选择权交给了用户。

作者:子牧UXD

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/238031.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2023年3月2日 12:06
下一篇 2023年3月2日 12:06

相关推荐

  • 输入体验如何保证友好?

    拒绝固定形式 适用固定的输入形式,最突出的问题是受制於脚本校验的限制。这不是用户输入的错误,移动端的界面设计要支持输入框灵活的内容。 使用默认值与自动完成 能够根据用户输入的历史记录去提供预设的默认值...

    2022年6月25日
    0115
  • 浅谈线框图

    线框图其实就是网站设计的低保真设计图,主要作用有这三个部分: 1、 网站设计的内容大纲; 2、 网站设计的信息结构; 3、 用户的交互行为呈现。 线框图其实就是网站设计的骨干与核心,能够帮助平衡设计的保真度...

    2022年6月11日
    0156
  • 新手引导页面设计要注意的三个方面

        1、不要使用过长的新手教程 为了降低使用者流程中可能存在的摩擦,尽量遵循少即时多的原则。如今不少的使用者APP应用页面,在打开时都会有新手引导页。而静态的话一般用来呈现产品的功能和价值,动...

    2022年6月25日
    0182
  • 有点独特的页面设计两条小贴士

    学习优秀案例的最佳实践 页面设计少不了要学习和模仿,不要鄙视这点,尤其是还没有成熟的设计师们。即使你拥有一定的经验和技能去打破那些固定的设计原则,去进行创新甚至是完全改变,前提都需要虚心去观察和分析...

    2022年6月17日
    0113
  • 小编分享简单易用的网页设计思路分享。

    极简主义的出现和流行,使得很多站长对这种风格的网站建设非常着迷。在网站制作的过程中,一个简单的页面更容易被用户把握,可以将用户的注意力集中在内容上。那么,如何制作网站做一个简单易用的网站页面,下面...

    2023年6月13日
    01
  • 浅谈保守派的交互设计  

      提及到网页设计中的对话模式,保守派的交互都少不了“菊花”。基本目的是告知使用者网页正在忙着处理着他们的请求,具体的流程大抵是: 使用者点击按钮; 按钮触发变为禁用状态,按钮上显示出进度状态如菊花...

    2022年6月25日
    0231
  • B端产品如何做好移动化设计?B端移动化实战经验。

    在移动互联网的高速发展的今天,我们如何才能让 B 端产品在移动化时能更好的满足用户诉求与期望呢?本篇文章小编将以「门店通 – 汽配门店管理系统」作为案例,分析并总结B端产品移动化的设计思路。 B端移动App设...

    2023年3月2日 SEO操作
    04
  • 实战复盘!拿下 iF 设计奖的 CleanMyMac X 是如何设计出来的。

    编者按:这篇文章来自英国资深设计师 Dmitry Novikov,他是著名 Mac 管理类工具 CleanMyMac X 背后的视觉和体验设计师,他将设计的过程和想法发布到他自己的 Behance 当中: CleanMyMac 可能是 Mac 平台上最常用...

    2023年3月1日 SEO操作
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息