• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 超全面!降低用户成本的产品设计方法总结

超全面!降低用户成本的产品设计方法总结

作者:鸿影 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含产品设计,用户体验,经验分享,降低成本等相关知识,鸿影希望在学习及工作中可以帮助到您

鸿影:最近在整理接下来几个月的业务体验事件规划,发现产品无论 B/C 端,在新用户上手这块都存在较高的门槛,而目前已有的版本在降低用户认知、学习、操作成本方面,挖掘得并不够深入,便计划把降低成本作为接下来体验设计上主要的研究与推进目标。确定目标后,笔者近期也对降低成本这块的设计方法作了一些相关调研整理,在此总结分享出来。

新手引导

新手引导是工具型产品降低用户学习成本最通用的手段之一,我们对启动页浮层、气泡提示框等常见的引导形式也非常熟悉。而设计新手引导时较大的挑战,在于挖掘合适的出现场景,在最终呈现上做到简洁克制。过于白痴、啰嗦的新手引导,很容易被没有足够耐心或原就更习惯自主探索的用户选择全部跳过,难以达到设计者的初衷。

△ 来源:Clara

新手引导大体可划分为沉浸教学式和互动探索式两类,而对于操作教学类的场景,相对直接、可以快速得到反馈的互动探索式引导,更容易帮助用户记忆和迅速上手,具体形式可以使用小气泡、内嵌式文案(下图)、弹框、以及近年火爆的对话式交互等,当用户成功根据引导完成操作后,还可以通过反馈信息设计给用户以愉悦和成就感,刺激进一步的探索。

△ 来源:Worktile

认知减负

能帮助用户认知减负的常见手段有经验习惯迁移、可读性优化、复杂性简化等。

经验习惯迁移上,可以通过遵循行业产品比较成熟通用的设计规范 & 模式,借鉴生活中的实体形象等,帮助用户基于既有经验更快速地学习上手。而对一些没有太多模式可以借鉴的 B 端产品,则更需要在前期深入调研了解目标用户的操作习惯,进而设计出符合他们认知的产品。

△ 来源:Ant Design Pro

可读性优化上,可以通过结构化关键词提炼、可视化图表插图、更友好易懂的文案、趣味故事化等手段,降低用户浏览学习大块内容时的压力与抵触心理。没有人会喜欢阅读大段大段枯燥的文本,而如果我们将专业枯燥的文本转化为有清晰目录结构关键词的段落、可视化图表、直观的插图故事等等,就能有效提升内容的可读性,降低用户阅读学习的成本。

△ 来源:Dribbble

不过这块有个问题是,需要优化可读性的大段文本很多并非完全写死的信息,而是由运营、商家灵活配置。范围大,可控性低,怎么样才能完整走查场景、抽象可视化组件规范、整理可复用性高的参考模板、提供简单易用的后台工具(再高级一点,可以结合 AI 技术,直接基于输入信息自动配置好)帮助运营、商家配置出友好易读的信息,以及建立线上内容的规范审核机制等,挑战比较大,是值得我们更深入地去思考探索的地方。

△ 来源:微信公众平台

复杂性简化上,可以通过对复杂信息/操作的拆解、封装与隐藏等,让原先过于复杂的信息与操作对用户变得更加简单和友好。

在《屏幕上的聪明决策》一书中,提到了一个「分组淘汰」的办法,模式类似体育杯赛淘汰阶段的分区制,从每个1/4区的胜出者中决出冠军的机制,即信息偏多时将内容进行分组筛选,每组选出最好的一个,最后综合决策,降低决策过程压力,提高最终结果的满意度。

在产品设计中,也可以基于类似的思路,将复杂内容进行拆解分发给不同的用户,用户只需要关注被拆解出来的一部分内容,最后系统基于几批用户的判断综合决策最终结果,有效降低单一用户的认知与决策压力。

举个例子,我们有个众包评审场景,需要让用户判断某段内容属于A类信息、B类信息还是C类信息,为了提升结果的准确性,用户需要同时学习掌握A、B、C三类信息的判定标准,而如果将其拆分成三组分发给三批用户,一批用户判断内容是否属于A,一批用户判断内容是否属于B,还有一批用户判断内容是否属于C,最后系统根据三批用户的判断结果综合决策内容性质,就可以有效降低单一用户学习掌握信息的成本,最终结果也能得到保障。

学习模式

对于一些面向固定人群的专业化平台型产品(比如网络协同平台),有时通过简单的新手引导和对产品本身的认知减负,并不能大幅有效消解业务复杂性本身带来的上手门槛,而向专业用户提供帮助文档、教学视频等自助学习工具,是这类产品的典型标配。

△ 来源:Asana

这一块我们可以做的,一是对于学习内容媒介本身的丰富,相比传统的帮助文档。动图GIF、视频、直播、音频等方式对于用户来说更为直观有趣,易于接受,学习效果更好。

△ 来源:阿里云

除此之外,互动模式上也有很多值得探索的地方。比如像 Coursera、Codecademy 等教育类产品,在专业知识教学过程中会引入实时练习机制,通过练习题的结果反馈帮助用户更加有效地掌握知识。当我们的产品需要对用户进行相对复杂的教学培训时,不妨借鉴使用类似的手段,除了提升学习质量之外,也能减少教学过程中的枯燥感,让用户乐于持续学习下去。

△ 来源:Codecademy

考试设置是另一种手段,对于业务来说可能目标更多是对用户的过滤,但我们也可以通过考试帮助用户对知识进行查漏补缺,将考试试题与知识点关联起来,在用户完成考试后生成知识图谱、改进建议等,进而引导用户有目的地针对性学习巩固,而不是在重复学习已掌握知识上浪费大量时间。

△ 来源:猿题库

最后,让用户之间互动交流起来也是可以考虑的模式,比如评论交流、社区互助等,运营和专家用户通过交流平台为新手用户答疑解惑。

△ 来源:Worktile

除了以上手段之外,提供在线帮助(包括知识库搜索、智能客服、人工咨询等)、线下专人服务等,也可以帮助降低用户上手产品的成本,篇幅有限,在此就不详细展开了。

△ 来源:CrowdFlower

如果你有更多对于降低用户成本的方法思考与实践,欢迎探讨交流。

欢迎关注公众微信号:「鸿影的设计思考录」

优设人气专题

产品设计好文合集 |?iPhone X 学习指南丨优设独家专访丨在线抠图神器丨灵感大全

Sketch神器?|?免费图库丨配色神器丨读书计划丨PPT 神器丨鲁班设计

iOS 11 学习指南丨人工智能丨PS 教程丨AI 教程丨C4D 教程

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 网站产品设计参考的几条原则
  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 为什么几个人的小团队更加高效更加靠谱?
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 怎么做私单才能又快又赚钱?来看老司机的私藏流程!
  • 想成为互联网设计师?先来看这篇超全面的介绍!
  • 为什么不要再问用户「你们到底想要什么」?
  • 这10个不好用的微信设计,有哪些深层次的产品逻辑?
  • 基础小科普!浅谈「列表视图」与「网格视图」的用法

相关文章

  • 2017-08-06你的网站适合IE8访问吗?
  • 2017-08-06关于各类HTTP 返回状态代码详解
  • 2018-08-23入门手册!帮你快速掌握15个常见的产品设计术语
  • 2018-08-23这个大公司越来越重视的体验文案编写师,到底是干嘛的?
  • 2017-08-06提高网站可用性的10个小技巧
  • 2017-08-06更受欢迎 更具创造性的深底色网页设计实例
  • 2018-08-23我们拿到了InVision Studio 的内测资格,设计师们关心的都在这里
  • 2018-08-23交互基础小课堂!目标导向设计之“设计研究”
  • 2018-08-23让设计不再是小透明!超全面的用户引导设计指南
  • 2018-08-23用实战案例告诉你,一幅插图是怎么画出来的?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网易设计师:为什么你应该学会「行为设计学」?
    • 最常见的日期选择器,原来有这么多细节设计!
    • 实用干货!如何进行一场高质量的UI设计评审?
    • 专访微博产品经理:骂之前,先给我个机会解释一下
    • 分享5个有帮助的CSS选择器丰富你的CSS经验
    • Banner设计终极宝典!6招搞定点缀元素的运用!
    • 单手操作不方便?来看这两个新颖的交互方式是怎么做的!
    • 8种引导方式,7个设计要点,让你全面了解新手引导!
    • 超全UI设计规范,带你了解规范设计全流程
    • 以Apple Music为例,为你解读格式塔7大法则

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有