《如何从零构建UI组件及设计规范》共分为5个系列,分别为:介绍篇、设计原则、全局样式、基础组件、通用模版。本篇介绍了九曳供应链平台经常使用到的22个组件,总结了平台对于这些组件的定义、组成、使用规则、使用场景及注意事项,以及产品在设计时所要遵循的规范。

如何从零构建UI组件及设计规范(四):基础组件

Ps. 本文约11000个字,90张图片,内容较多,建议收藏后阅读。

    Button 按钮Link 链接Radio 单选框Checkbox 复选框Input 输入框Select 选择Switch 开关DateTime 日期时间Upload 上传Transfer 穿梭框Form 表单Table 表格Tag 标签Pagination 分页Message 轻提示Notification 警告通知Modal 弹窗Dropdown 下拉菜单Tabs 标签页Steps 步骤Tooltip 文字提示Special 特殊组件
如何从零构建UI组件及设计规范(四):基础组件

1.2 一般规则

据研究,次要按钮和主要按钮的左右差异可以忽略不计,但是保持产品、系统的一致性更为重要。

按钮位置:主按钮在右侧,所有的辅助按钮显示在左侧。九曳规范的【次要/主要】按钮顺序是按照设计规范来,前后应始终遵循。完成相同或相近的功能按钮放置在一起,减少鼠标移动的距离。

按钮文案:文字简短,6个字以内,以动词为主,表述清楚操作按钮会发生什么,例如创建、保存、删除等,不能出现反问、否定等词汇。

错误使用:不要将按钮用作导航元素。如果需要跳转到新的页面,可使用文字按钮。

文字按钮:当按钮标签过长(超过6个中文字符),导致视觉出现问题时,建议该用链接文字;按钮需要嵌在文本中时,应该使用链接文字;当命令是次要的,应该用链接文字;

图标+按钮:有图标的按钮会给人权重较高,需要引导用户去点击它可使用,如导入导出等。

三个按钮:在极少数,需要三个按钮的情况下。除最右边的是主要按钮,其他两个都是次要按钮。如果三个按钮具有的权重都差不太多,那么三个都应该是辅助按钮。

如何从零构建UI组件及设计规范(四):基础组件

1.3 删除按钮

删除无法轻易撤销,通常是永久性的。如果对象将不存在,需要警告用户任何不利的后果,例如数据丢失。

删除后:用户删除数据后,返回其列表页面时,需要对列表的数据进行动画处理,并消息成功提示;如果删除失败,需要发出通知告知用户删除失败。

弹窗删除:高影响。数据很重要、新建非常耗时麻烦、删除的内容有大量数据、关联其他的重要项目等。

气泡窗删除:低影响。新建很容易、操作需要连续删除多个内容等。

如何从零构建UI组件及设计规范(四):基础组件

1.4 按钮样式

图标禁用样式:默认禁用状态是通过降低透明度的来设置的。

组件:50%透明度;

文本:25%透明度;

图标:50%透明度。

如何从零构建UI组件及设计规范(四):基础组件

1.5 更多按钮

至少需要 3个 以上的按钮,更多可以包括任意操作。

删除位置:一般将破坏性的才做放到最后,比如删除。

排序:按照重要的、使用频率高低来顺序,但也需要合乎逻辑。

文案:和正常按钮一样,使用动词作为操作的词汇,不要使用句式。

如何从零构建UI组件及设计规范(四):基础组件

按钮数量:至少3个以上操作才可使用「更多」。

如何从零构建UI组件及设计规范(四):基础组件

1.6 使用注意事项

按钮文案:文字要以动词为主,表述清楚操作按钮会发生什么,例如创建、保存、删除等。具体详见「标准词汇库」。

如何从零构建UI组件及设计规范(四):基础组件

按钮文案:文字要简短,不要超过6个字,同时需要清楚说明操作按钮时会发生什么。

如何从零构建UI组件及设计规范(四):基础组件

不同尺寸按钮:相邻的放置不同尺寸的按钮不可以放在一起。

如何从零构建UI组件及设计规范(四):基础组件

列表页按钮应用

突出的方法,不局限于强化重点项,也可以通过视觉单元的形式(通过改变间距亲密性)。

在一些选项上,或者需要慎重决策的场景,设计应该保持中立,不要去诱导客户去点击某个按钮,所以如果需要突出一项或者更高频的操作,可以通过间距做设计。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

2.2 一般规则不要使用图标作为链接;链接文字字符一般不受限制,但也不可过多;如果链接文字特别长,但便于用户理解,也必须精简,以防止文本换行;链接文字应当与目的地的标题一致;避免使用术语“单击此处”,链接文案需要结合目标站点名称,使用有意义的描述性标签。

如何从零构建UI组件及设计规范(四):基础组件

2.3 错误案例

避免使用术语“单击此处”,链接文案需要结合目标站点名称,使用有意义的描述性标签。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

3.2 举例说明

默认选择:一组单选按钮应该默认选择一个选项。如果没有默认选择,切勿显示它们。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

4.2 事项

全选复选框:当页面存在多个同类内容的复选框时,需要提供全选的功能,要求:

勾选全选,则选中当前页面所有记录;去掉当前页面某个记录的勾选,则全选也去掉勾选;刷新页面后,自动去掉已勾选的记录及全选的勾选。

标签位置:复选框和标签保持一行,并始终显示在左侧。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

5.2 常用输入框形式

输入框形式有4中,分别是顶对齐、右对齐、左对齐和隐藏标签,这里只推荐前两种,使用方法如下:

    简易表单:顶部对齐,字段少于4个,或者字段名称字数多;较复杂表单:右边对齐,字段数量较多,4个以上,默认推荐使用该对齐方式。标签名称尽可能不要超过6个字,超过的用“……”显示。

如何从零构建UI组件及设计规范(四):基础组件

5.3 一些注意事项

必填项:

界面的必填项必须以红色 * 标识出来;当必填项没有填写时,在光标移走时,文本框下方以“请输入…”红色文字来标识;当界面排列较紧时,如果必填项没有填,可通过消息提示来提醒。

输入框操作:

数字输入框 在输入非法值时直接给予提示;当输入的内容达到了字段的长度限制时,不显示新输入的字符,并提示不允许再输入。

验证和错误:

验证可以简化流程,并让用户在填写表单时保持简洁。有关完整指南,参阅表单使用页面。

如何从零构建UI组件及设计规范(四):基础组件

字符数

文本字段和文本区域需要有字符数限制,输入框长度一般为最大最大输入内容。如果是段落字符计数器超过字符限制,则提示用户字符超过限定数量。

如何从零构建UI组件及设计规范(四):基础组件

5.4 输入框规范

输入框样式

如何从零构建UI组件及设计规范(四):基础组件

输入框高度:40px、32px、24px 三种高度,默认使用32px。

输入框长度:输入框的长度尺寸需严格按照规定的尺寸来,80px、120px、160px、240px、320px。

如何从零构建UI组件及设计规范(四):基础组件

搜索输入框

如何从零构建UI组件及设计规范(四):基础组件

数字输入框

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

6.1 一般规则

默认显示:择下拉框不存在默认值时,则默认为“请选择”,当有默认值,则显示默认值,比如:所有、全部等。

验证方式:验证有助于简化流程,用户在填写表单时出现错误,应实时提醒。

如何从零构建UI组件及设计规范(四):基础组件

6.2 高级选择

可多选:适用性较广的基础多选,用 Tag 展示已选项。

单选可搜索:利用搜索功能快速找到选项。

如何从零构建UI组件及设计规范(四):基础组件

6.3 选择和下拉菜单

选择和下拉组件看起来相似,但它们具有不同的功能。两者基础代码也不同。一个是可以根据需要设置下拉菜单组件的样式,而选择组件的外观可以使用浏览器所自带的。

选择:用户从选项表选择一个(或多个)并用于数据的提交组件。

下拉菜单:对面页面的内容进行过滤、排序或操作等。

如何从零构建UI组件及设计规范(四):基础组件

7.1 一般规则

内容:操作切换,阐明该操作执行后的结果。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

8.2 错误案例

使用分隔符:使用“-”作为分隔符;日期为个位数时,需要用“0”补齐;表达时间范围时,用“至”作为连接。

如何从零构建UI组件及设计规范(四):基础组件

使用分隔符:如果日期是用中文,那么表达时间范围时,用“-”作为连接。

如何从零构建UI组件及设计规范(四):基础组件

日期格式:日期、星期与时刻一起使用时,格式为「日期 时刻」、「日期 星期 时刻」。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

9.2 拖拽上传

把文件拖入到指定区域上传,且支持点击上传。文件上传需要明确文件的大小和文件格式,例如:文件大小不超过5M,文件仅支持PDF.ZIP.EXL等。

如何从零构建UI组件及设计规范(四):基础组件

9.3 缩略图上传

一般用于图片文件上传,用户可以点击缩略图放大或者删除。当上传图片数量到达限制后,上传按钮消失。

使用场景:一般用于上传面单、头像等。

如何从零构建UI组件及设计规范(四):基础组件

9.4 使用注意
    用户可以一次选择一个或多个文件上传。默认情况下,可以接受任何文件类型,如果有需要添加参数以验证特定的文件类型。单击添加文件的操作后将触发浏览器的上传窗口。用户选择要上传的文件后,浏览器特定的上传文件窗口将关闭,并且这些文件将显示在“添加文件”指定的区域。文件发生的任何错误应显示为内联错误 Alert。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

11.2 表单对齐方式

默认推荐类型右对齐,普遍适用于绝大多数场景。如果一个页面需要展示两栏及以上,采用左对齐。考虑海外场景的话,使用顶对齐。

如何从零构建UI组件及设计规范(四):基础组件

11.3 表单布局简易表单(F布局):一般情况下,16个字段以下,好处能够做到提交前审查完所有的字段,避免非必填字段的遗漏,这也是默认布局。较复杂表单(Z布局):16个字段以上,方便快速提交,避免滚动带来的效率底下。错误通知显示在表单的顶部。

如何从零构建UI组件及设计规范(四):基础组件

11.4 表单组件使用当存在两个或两个以上的选项时,并且它们之间存在互相排斥的关系,使用单选按钮。可以选择任意数量的选项,每个复选框和和其他的复选框不存在任何联系。独立存在的复选框可用于打开或关闭某个选项,例如勾选「阅读条例」。下拉选择一般用于有大量需要选择的字段。

如何从零构建UI组件及设计规范(四):基础组件

11.5 表单使用规范

表单结构:表单应该帮助用户尽快的完成其目标,所以不要使用竖列排版布局。

如何从零构建UI组件及设计规范(四):基础组件

默认焦点:打开一个新表单,光标默认停在第一个待输入的文本框中。

如何从零构建UI组件及设计规范(四):基础组件

表单按钮:不要将按钮放在表单的正中间,当前采用的是简易表单按钮放在左边,复杂表单按钮放在右下角并浮层。

如何从零构建UI组件及设计规范(四):基础组件

表单验证:用户单击文本字段以外的位置时,失去焦点显示验证,并将错误提醒显示在组件的下方。

如何从零构建UI组件及设计规范(四):基础组件

不要长篇大论:表单项的标题、提示不要使用不易理解的词汇或大篇文字,造成理解成本过高。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

12.2 字段过多

字段合并:头部重新加一个名称,前面列可以多放字段,缺点是占用行高。

滚动条左右滑动:需注意第1列和最后操作列固定浮层,尽可能避免左右滑动。

如何从零构建UI组件及设计规范(四):基础组件

12.3 附加功能 – 分页

默认样式:默认展示样式,有当前页+总页+总条目数量+分页按钮组成。

延迟加载:不注重内容的数量,需要用起来更方便一些,使用场景:新闻公告通知等。

如何从零构建UI组件及设计规范(四):基础组件

12.4 附加功能 – 排序

排序数据表有三种状态:没有排序(arrows),向上排序(arrow-up),向下排序(arrow-dowm)。

图标指示当前的排序状态,并且在激活排序后显示。

如何从零构建UI组件及设计规范(四):基础组件

12.5 附加功能 – 工具栏

全局操作:表格工具栏保留用于全局表格操作,例如表格设置,隐藏过滤器,设置表格数据。

图标大小:该区域可添加关于表格功能的图标,图标大小为16×16。

图标数量:建议表格工具icon数量不超过5个。

如何从零构建UI组件及设计规范(四):基础组件

12.6 错误案例

数字对齐:无论表格大小,不要将内容单元格居中;名称、标题和文本向左对齐,数字右对齐。

如何从零构建UI组件及设计规范(四):基础组件

文字链接:将所有的操作链接放到最后操作列中。

如何从零构建UI组件及设计规范(四):基础组件

计量单位:计量单位默认放在表头,并右对齐。

如何从零构建UI组件及设计规范(四):基础组件

字段过多:字段过多尽可能采用合并的方式。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

13.2 标签分类

基础标签:正常情况下,采用基础标签。

轻标签:分类内容重要性很低,可采用轻标签。

如何从零构建UI组件及设计规范(四):基础组件

13.3 其他标签

内容标签:如选择输入框、详情页信息内容等。

如何从零构建UI组件及设计规范(四):基础组件

13.4 错误案例

不可用矩形标签:不要使用矩形作为标签,会让用户误以为是按钮。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

14.2 分页器分类

基础分页器:默认分页器,一般情况下表格都需要展示。

可跳转分页器:除特殊要求,一般不提供输入具体页数查询。

如何从零构建UI组件及设计规范(四):基础组件

小型分页器:一般用于详情页内部。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

15.2 举例说明

成功提示:如表单创建成功,则需要简要提示。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

16.2 警告提示-使用规则

警告提示的消息持续存在,直到用户关闭或者问题解决。一般与字段结合使用,解决表单输入的错误问题。

如果需要显示多个子类型:

使用规则:

用户注意的紧迫性排序的:错误 > 警告 > 信息 > 成功。表单中,警告提示通知显示在表单的上方。警告提示不可覆盖其他内容。如有可能,并为用户提供清晰的后续步骤。如有多个警告提示,不是一个接一个的显示,而是全部显示,比如:显示多个错误警告。

各警告提示分析:

错误:阻止用户继续操作,直到消除错误。警告:通知操作可能会产生的意外结果,持续显示到用户关闭,可继续执行任务。提示:提供操作无关要的其他信息,不需要进一步的操作,不显示图标。成功:确认操作完成,不需要进一步的操作。16.3 警告提示 – 使用案例

横幅通知:标语占据界面的顶部,和模块页面宽度保持一致。警告提示持续存在,直到问题解决或被用户关闭。放置在相关内容的顶部,通知消息不要覆盖其他内容,其包含的链接重新上传。

如何从零构建UI组件及设计规范(四):基础组件

16.4 通知消息 – 使用案例

通知提示位置:显示页面的右下角,如有多个可进行覆盖。通知消息展示重要消息,不是很重要通知消息,不需要强吸引用户的注意力,放入导航栏消息中。

如何从零构建UI组件及设计规范(四):基础组件

16.5 轻提示和警告通知区别

如何从零构建UI组件及设计规范(四):基础组件

16.6 对话框 – 通知消息

短期任务或者需要提醒用户注意的重要信息时,对话框效果最好。与导航到新页面相比较,对话框不容易迷失方向。

缺点:对话框是破坏性的,强制吸引用户的注意力,在一般工作流程中,应当谨慎使用,否则会严重影响心流体验。如九曳平台需要客户关注公众号,以便能够及时获取作业消息,这是一条非常重要希望客户能够及时获取到的通知消息。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

17.2 模态窗 – 注意事项

不可以:

不要嵌入链接:不要在模态窗访问其他页面的信息。不要显示大量信息:模态窗本身显示的信息有限,不要显示复杂或大量数据。不要嵌套:不可以在模态窗打开另一个模态窗。解决方案:第一种则是第一个任务的时候,就不要用模态;第二种则第二个模态框可采用气泡框。不可整页:正常模态框的宽度最大不超过600px,九曳平台所推荐的表单模态框宽度为400px和500px。

使用场景:

简易表单:字段数量少于6个。需要立即回复:使用对话框来阻止用户继续其他进程的信息。紧急/重要信息:告知用户当前工作的紧急消息,通常用于报告系统错误、传达用户操作的后果或告知用户平台紧急发布的消息等。需要做决断:确认用户的决定。如果该操作具有破坏性或不可逆性,则使用危险按钮。17.3 模态窗 – 新增表单

模态框主要显示关键信息或请求完成用户工作流程所需的输入,九曳平台推荐字段少于6个也可使用。

元素解析:

    标题:标题应需要简短,不要超过6个字,需要描述对话框的任务或详细信息放到下方的内容中。主体:包含模态窗任务所需的信息。它包括消息文本和组件,模态应包含和当前任务有关的内容。输入框、选择和日期组件如不做要求,都采用右对齐。按钮:包含完成或取消对话框任务所需操作按钮。关闭:关闭X图标将关闭对话框而不提交任何数据;点击除窗口意外其他位置将自动关闭;按Esc关闭。遮罩层:遮盖页面内容的屏幕叠加层。

如何从零构建UI组件及设计规范(四):基础组件

17.4 模态窗 – 危险按钮

危险模式是用于破坏性或不可逆的一种特殊类型。在危险模式下,用危险按钮替换主按钮,它们通常用于发生重大影响时用作确认操作的确认,如果操作不正确,将导致严重的数据丢失。

删除选择:根据其重要性和使用频率来选择。

如何从零构建UI组件及设计规范(四):基础组件

17.5 模态窗 – 形式规范

消息确认:互动。需要用户确认信息,可包含多个按钮。

简易表单:输入数据后保存表单,一般包含取消/主按钮。

如何从零构建UI组件及设计规范(四):基础组件

17.6 模态窗 – 错误案例

不要使用链接:弹窗在任务中属于中间过渡过程,需要用户处理完当前状态,所以不要使用链接让用户跳转到其他页面以致用户中断当前的工作流程。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

18.2 左侧菜单

左侧菜单:左侧菜单由「组标题+菜单选项」构成。

如何从零构建UI组件及设计规范(四):基础组件

18.3 选择和下拉菜单

选择和下拉组件看起来相似,但它们具有不同的功能。两者基础代码也不同。一个是可以根据需要设置下拉菜单组件的样式,而选择组件的外观可以使用浏览器所自带的。

选择:用户从选项表选择一个(或多个)并用于数据的提交组件。

下拉菜单:对面页面的内容进行过滤、排序或操作等。

如何从零构建UI组件及设计规范(四):基础组件

19.3 容器案例

容器使用除横过来作排序,也可以列作排序,注意列排序不需要加分割线区分。

如何从零构建UI组件及设计规范(四):基础组件

19.4 其他样式

可改变样式,会有更好的使用体验,如图为「页面页签导航」和「快速时间导航」。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

20.3 步骤竖排

竖排步骤一般用于任务、工作流情况。为排版需要步骤数量超过6个,也可竖排。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

21.2 使用案例

图标提示:用于描述图标按钮的作用或作用效果,文字要尽可能简短。

如何从零构建UI组件及设计规范(四):基础组件

文字解释:帮助解释文字或者某个图标的意思,如图所示。

如何从零构建UI组件及设计规范(四):基础组件

如何从零构建UI组件及设计规范(四):基础组件

22.2 日历

用于显示日期,下图为预约仓库的剩余量。

如何从零构建UI组件及设计规范(四):基础组件

参考文章

在整理九曳设计规范的过程中,参考和学习了大量平台和一些优秀的文章,不一定都能够全部列举!

《Uniform Design System》(by: Hudl)《Carbon Design System》(by: IBM)《Clarity Design System》(by: MIT)《Element》《Ant Design》《An Extensive Guide To Web Form Usability》(by: Justin),讲述Web表单可用性的重要以及怎么使用。《Design better data tables》(by: Andrew Coyle),怎么设计让数据表结构有着更好的用户体验。《如何优化数据表格设计》(by: Meng)《如何设计复杂信息架构产品》(by: 尤文文)《web表格设计攻略》(by: 张鹏涛TAO)《提高表格可读性的一些技巧》(b: founderdesign)#相关阅读#

如何从零构建UI组件及设计规范(一):介绍篇

如何从零构建UI组件及设计规范(二):设计原则

如何从零构建UI组件及设计规范(三):全局样式

本文由 @徐银高 原创发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议




阻力设计在产品中的应用

阻力设计在产品中的应用

阻力是指物体在流体中相对运动所产生与运动方向相反的力,不仅在自然间中常见,在互联网中也广泛存在。本文作者从五个角度,深入分析阻力设计在产品中的应用,希望对你...

2020-06-18
如何成为一个合格的数据架构师?

如何成为一个合格的数据架构师?

数据架构师在互联网行业中是个很重要的职位,是企业数据资产最重要的“奠基者”。那么,如何成为一个合格的数据架构师呢?本文作者基于自身经历,从三个方面展开介绍,推...

2020-06-18
倒推“抖音短视频”APP产品需求文档

倒推“抖音短视频”APP产品需求文档

文章是倒推“抖音短视频”APP产品需求文档,但由于作者是第一次写需求文档,所以仅对核心需求进行了需求分析与说明。一起来看看~ 目录: 一、文档综述 1.1文档属性 1.2产...

2020-06-18
微信“拍一拍”,真的是一个没什么用的功能吗?

微信“拍一拍”,真的是一个没什么用的功能吗?

昨天微信上线了“拍一拍”功能,用户点击2次头像,会产生头像抖动,震动反馈,且在聊天框中显示“XX拍了拍XX”。 这个功能推出后,很多微信群都在疯狂拍一拍,引起了一波拍...

2020-06-18
数据大屏设计师,我不信你没有这些困惑(上)

数据大屏设计师,我不信你没有这些困惑(上)

从事互联网行业的人,每天都在接收新知识,时常也会有迷惑的时候,尤其是数据大屏这样比较少有人踏足的领域。本文作者以自身经历出发,对数据大屏设计提出了自己的一点...

2020-06-18
客户关系管理的15个模型总结(下)

客户关系管理的15个模型总结(下)

对于ToB产品,仅仅基于用户需求来设计产品架构是远远不够的。B端产品服务的是有着几年,甚至几十年管理积淀的企业,必须依靠一定的理论知识来支撑系统的设计规划。本文...

2020-06-18
B端产品设计:价值主张与需求对应的价值

B端产品设计:价值主张与需求对应的价值

B端产品的需求来源于场景,产品经理通过满足客户需求从而产生价值。因此,SaaS产品经理面对扑面而来的需求时,应当更清晰理解并评判需求的价值。 01 2008年,著名商业...

2020-06-18
以知乎为例,探讨未来产品设计的几大变化

以知乎为例,探讨未来产品设计的几大变化

知乎作为一个典型的问答社区,它本身反映了内容社区产品的很多典型问题。本文以知乎为例,探讨社区类产品未来发展的一些变化,对内容社区感兴趣的童鞋不要错过。 前段...

2020-06-18
如何用产品思维打造线上课程?

如何用产品思维打造线上课程?

如何用产品思维来给自己打造一个线上课程呢?本文从市场调研、课程开发、运营推广、成交这几个方面分享如何打造自己的课程,希望对大家有所帮助~ “地摊经济”重出江湖,...

2020-06-18
「武侠连载」营销中心设计——优惠券

「武侠连载」营销中心设计——优惠券

优惠券是常见的一种营销推广的方式,但是你真的了解它吗?本文作者以武侠故事的形式,对优惠券展开了生动的分析,对优惠券感兴趣的童鞋不要错过哦。 (武侠情节接上文“...

2020-06-18
金融支付财务融合业务-实践分享1:订单、账单、交易流水、账套知识解构、原理解析

金融支付财务融合业务-实践分享1:订单、账单、交易流水、账套知识解构、原理解析

本文作者从实际工作实践出发,结合案例等分享了电商金融支付财务融合中的基本概念和相关原理解析,包括:订单、账单、交易流水和账知识解构,供大家一同参考和学习。 ...

2020-06-18
关于卡片设计的分析与思考

关于卡片设计的分析与思考

卡片是APP常见的设计形式,它既有好处也有弊端,因此需要根据场景和内容确定展现形式。本文从四个方面对卡片设计展开分析,推荐给对卡片设计感兴趣的童鞋阅读。 卡片是...

2020-06-17
内容型产品中,付费会员功能如何设计?

内容型产品中,付费会员功能如何设计?

付费会员制度让用户预付会员费,将钱留在平台,那么未来一定会有消费行为,那么会员制度要如何设计,才能激励用户付费呢? 01 为什么要做付费会员? 讨论这个问题之前...

2020-06-16
文字社区是否可以拥有弹幕?

文字社区是否可以拥有弹幕?

从社区产品的角度来思考,弹幕功能对于内容生产方,内容消费方以及平台方而言各自有什么意义?图文内容社区是否有机会拥有弹幕呢?如果可以发弹幕,用怎样的形式呢?本...

2020-06-16
FMS财务系统收支结算总结

FMS财务系统收支结算总结

本文按照FMS收支结算划分,结算流程分类及各系统交互,财务系统内部结算基础能力,收支结算整体结构的顺序来依次介绍,总结财务系统收支结算的结构,和一些作者的个人思...

2020-06-16
如何迅速提升用户好评?试试这三种方法

如何迅速提升用户好评?试试这三种方法

小编推荐:如何提高一个产品的用户评分,改变大家对这个产品的印象呢?本文作者给大家介绍了三个概念:用户体验地图、峰终定律和服务蓝图,并详细解释了该如何使用这三...

2020-06-16
对工具型产品易学习与易使用的思考

对工具型产品易学习与易使用的思考

小编推荐:易学习是指怎么让新用户的学习成本降低,能够很快地掌握产品的使用,它的前提是足够简单和容易理解。而易使用是指,如何让用户快速、高效地完成一项任务,达...

2020-06-16
比对象还懂你!推荐算法为啥这么准?

比对象还懂你!推荐算法为啥这么准?

信息过度和广告过多的社会中,推荐算法的使用也就显得理所当然,但是它是如何做到了解用户的呢?本文从用户画像的定义和设计出发,结合实际案例,深入浅出地阐述了基于...

2020-06-15
B端平台产品需要培养的4种意识

B端平台产品需要培养的4种意识

对于许多刚入行不久的产品经理来说,B端平台产品是比较有难度的一项工作。本文作者基于自己的工作经历,提出了四点关于B端平台产品需要培养的4种意识,希望对你有帮助。...

2020-06-15
广告系列:保留价

广告系列:保留价

在一次拍卖中如果所有买家的报价均小于卖家的估价时,则拍卖品不出售由卖家保留,此时卖家的估价就是保留价,也叫底价,全称市场保留价。对于卖家来说,保留价的设置保...

2020-06-15