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

自媒体正在深刻地影响着每个人的生活,刷抖音、看资讯、看视频成为了大众生活中必不缺少的内容。地铁上、吃饭时、睡觉前,甚至上厕所都会不由自主地打开各种 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日
    0127
  • 现今流行的极简网站案例之一

    黑白灰:禁欲主义 不可否认,合理的黑白灰使用是大气而难忘的,很轻易就呈现出质感。也就是很多页面设计师信手拈来的配色方案。但是就如今的扁平化火热程度,再盲目的使用黑白灰反而缺失了亮点。再者,不合理的运用…

    2022年6月9日
    0155
  • 购物网站移动端详情页怎样设计才吸引用户眼球

    对於一个购物网站而言,网站装修是影响网站流量的重要因素之一,但要导致买家最终决定购买的原因却是产品详情页的设计。即使你的网站装修设计得再好,但产品详情页设计头图页面设计不好,即使为你的网站带来不少流…

    2022年6月25日 建站资讯
    0137
  • 如何让动效设计快速又清晰

    快速 当界面设计当中的控件元素需要借助动效来转变位置和状态的话,动效元素的速度应当设计得适中。简单来说就是不能太慢,不能让用户为了动效的加载而等待。同样的,也不能太快,否则用户不能很好的明白和理解这个…

    2022年6月25日
    0139
  • 界面的对比度如何借助深色系背景提高?

    深色系的界面设计配色,几乎是唯一一能和色彩都能够形成鲜明对比的色系组。也就是说,深色系背景与其他颜色只要合理的搭配,就能够带来更好的对比。 提高界面的对比度有什麽作用?最突出的固然是辨识度和清晰的重要…

    2022年6月25日
    0146
  • 6个让动效更高级、更耐看的设计技巧,超多案例参考。

    动效是设计师的一个主要发力点,界面里加入动效,可以增加趣味性和引导性。从业务层面来看,设计师首先要积累这方面的技能经验,到了实际项目中才有发挥的空间,较大程度地给业务赋能。所以,我结合常用的界面动效…

    2023年3月1日 SEO操作
    03
  • 分享杭州网页设计中客户提出需求如何把握。

           网站设计并不是一件设计师自己就能完成的事情,在网站设计过程中客户需要同设计师进行实时沟通,理解并且掌握客户的心理是设计师极为重要的一项设计技能,设计师要能够了解客户的需求,设计出客户满意的界面…

    2023年6月18日
    01
  • 超全面的B端设计规范指南(一):基础组件。

    新的一年,先祝大家运势涨如脱兔,因为年前和过年这段时间工作没那么忙,就抽空继续整理了一些工作中对B端设计的总结,希望可以带给需要的人一些启发。如有纰漏,欢迎各路大神指正。谈到 B 端组件,很多人的印象是…

    2023年3月7日 SEO操作
    09

联系我们

QQ:951076433

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