B端产品设计-用户体验

大家日常工作中一定经常接触到各种各样的运维管理产品,有的用起来得心应手、事半功倍,有的却无力吐槽,体验很差。从用户体验设计的角度,他们都有一个共同的分类-B端产品(区别于C端产品)。那么,如何提升这类产品的用户体验呢?本文就此谈谈如何从交互层面提升B端产品的用户体验。

一、产品定义

B端产品(To Business)是企业在工作中使用的或出于商业需求而使用的系统、工具或平台,比较典型的如:百度云各产品、百度统计、监控平台及企业内部的ERP系统等。

B端产品的目标人群多为专业用户,需要具备一定专业知识才能使用。B端产品虽比较注重功能效率,但用户体验较差的产品也会使用户丧失使用的热情,导致工作效率下降。

二、产品特点

1. 功能性强

B端产品要满足企业日常工作的各种需求,必须有着强大的功能性,并能够帮助用户高效处理各种任务。

2. 专业严谨

从目标用户来看,B端产品主要面向具备一定的专业知识的企业员工或客户,因此产品的专业性高逻辑严谨规范性强,用户在使用时必须按照已有的规范操作,需要什么就使用什么。

3. 沉浸使用

从产品使用场景来看,B端产品主要是用于完成工作或商业活动,需要用户长时间沉浸式使用,达到“专注”的状态。出于工作需求,即便用户不喜欢或者产品比较难用,也必须使用。

4. 色调理性

产品的目标用户和使用场景决定了产品的“外貌”,在色彩方面,考虑到色彩对用户心理和工作的影响,一般使用冷色中性色作为产品色,避免使用红色、橙色等容易让用户产生躁动情绪的暖色。

三、产品设计方法

1. 让交互高效灵活

“高效”在工作中经常被提及,也是判断产品交互是否合理的重要标准之一。高效要求用户以最快的速度、最简的操作完成任务,但并不是步骤越少越好。

如:购物时的下单流程,若将订单填写、支付方式选择、密码输入等操作放置在一个页面内,直接点击“提交”完成,会发生什么可想而知。因为在支付流程的交互设计还要考虑用户的心理感受、财产安全等因素。

那么什么样的交互对用户来说是高效的呢?

能够在一个页面内完成的操作,不要分页或者跳转到其他页面完成。

对于比较复杂、流程较长的操作,引导用户分步完成,用户已完成、正在处理、待处理的步骤给予明确的提示,让用户掌握任务的进度,并在每一步任务中要提供返回上一步和中断任务的操作(中断任务因为损失较大,要有二次确认的提示)。

无关用户的复杂信息尽量收起,不要展示给用户,以免造成不必要的困扰,增加用户学习成本。

尽量遵守“三次点击原则”,对于80%以上的任务或操作,能够让用户在三次点击内完成,信息的查找也是同理。

2. 保持一致性

产品保持“一致性”能够有效降低用户学习成本,为产品确立统一的品牌形象,形成品牌效应。

尼尔森十大交互设计原则中对于”一致性原则”这样定义:

同一用语、功能、操作保持一致。同样的语言,同样的情景,操作应该出现同样的结果。

因B端产品逻辑功能比较复杂,即便在项目开始时确立了产品的整套设计规范,也未必能够满足后续不同的场景和业务需求,难免出现设计上不一致的地方。因此,在产品”一致性”的设计上,只需要做到规范产品80%的事情,为特殊业务场景和需求留一定的创新空间。

设计师需要从以下三个方面把握产品的“一致性”:

业务层和逻辑层:产品不同模块间如果有着类似的功能,要保持这些功能属性的一致,包括操作、跳转方式、界面标题、文案形式等。

框架层和结构层:保持页面框架、各级导航菜单、内容模块、组织形式的一致性,如“增删改查”的功能是弹窗展示还是新页面展示,导航和内容区域是左右分布还是上下分布,左侧导航功能是否支持收起等。

交互和界面表现层:产品的表现层主要包括界面色彩、操作方式、反馈形式及文字属性等,还有常被忽略的交互动作:悬浮效果、点击效果、转场动画等。表现层是产品与用户直接进行交互对话的窗口,这部分的操作一致性能够减少用户的学习和使用成本。

3. 设定错误预防和恢复机制

B端产品逻辑严谨性和专业性较高,用户在使用时经常不可避免的操作失误,设立错误预防机制一方面能够降低用户犯错的几率,提高工作效率;另一方面,避免二次修改给用户带来烦躁的情绪。

错误恢复机制能够在用户犯错后给予提示和引导,帮助用户纠正错误。

在错误预防和恢复机制的交互设计上要做到以下几点:

遵循用户认知和使用习惯,谨慎使用新的交互形式。如果使用,就要做好充分的提示和引导,给用户一定的时间去学习。

在用户执行错误的操作前,提示用户应当如何操作。通过精心的设计防止错误的发生,总好过用户出现错误再给予提示。

在用户犯错后,友好的提示用户,并给出正确的纠错方法。 提示与引导信息的文案应当注意语气,不要将责任推卸给用户,礼貌的对待用户,能让用户对品牌印象更加深刻。

4. 提供明确的反馈

用户使用产品时,用户与产品之间形成一种“沟通”,良好的反馈机制能够大大提升这种“沟通”体验。用户的每一步操作都应当得到相应的反馈,以便用户随时获取当前的系统状态。

那么,应该如何设计用户与产品之间的反馈机制呢?

定义组件的基本状态,每种状态都有不同的反馈。如按钮的5种状态(正常、鼠标悬停、鼠标按下、鼠标按下时弹起、不可点击状态),文本框的4种状态(正常、输入、输入正确、输入错误状态),表单的2种状态(静止、鼠标悬浮状态)等。

非即时性反馈要让用户看到状态的变化。如上传一段数据,要让用户知道数据正在上传,根据上传的时间采用不同的加载形式,对于加载超过2s的需要出现loading进行提示,如果加载超过10s就需要用进度条的形式展现。

内容的增、删、改要有前后变化的过渡。以删除一段数据为例,删除是一个危险的操作,一般需要弹窗进行确认,在点击确认删除后,要让用户看到数据消失的过程,而不是直接展示删除后的页面。

5.注重设计细节

考虑产品的特殊状态,如无数据、断网、长时间加载等,为产品做情感化设计。对于此类特殊状态,用户会产生焦躁、失落等情绪,可以通过图形化设计、幽默诙谐的提示、有趣的动画等形式,缓解用户的负面情绪,在不经意间给用户制造惊喜。

仔细斟酌产品的文案。从用户角度出发思考文案的设定,让用户感觉是自己在掌控一切。如”编辑事件”的效果要好于”事件编辑”,前者用户主观感觉自己在操控整个事情,而后者用户会感觉到自己被命令去做这件事。

适当留白能够增加页面可读性,降低用户阅读难度。人类短时记忆能记忆的信息量有限(大部分信息在人的短时记忆中可停留5-20秒,最长不超过1分钟),一个界面中展示信息过多,给用户带来的阅读压力过大。

总结

交互设计中的方法和设计原则有很多,常用的如格式塔原理、菲茨定律、席克定律、7±2法则、3次点击法则等等,方法很多,没有好坏之分,要灵活运用,不要被方法限制思维,设计的最终目的只有一个:以用户为中心,为用户体验负责

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 207,248评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,681评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,443评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,475评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,458评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,185评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,451评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,112评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,609评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,083评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,163评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,803评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,357评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,357评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,590评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,636评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,925评论 2 344

推荐阅读更多精彩内容

  • 刚刚跟同学聊天的时候,不经意说起,写作就是在胡思乱想的时候写的。本来觉得写东西是需要时间的,可真正写的时候却觉得写...
    红叶格格阅读 213评论 0 0
  • 既然一切是为了成长,就没有理由不写成长记录。我是二月份开始订阅专栏,连续追了两个月,在3月29日那天终于赶上了专栏...
    对酒几何阅读 157评论 0 0
  • 8.23 当初有时间,我想学习写作,所以开通了简书,报了诺爷的课程,在后面认识了猫叔,汗,说的好自然,其实是关注了...
    啊常的简书阅读 347评论 1 4
  • 看这个片子之前,我甚至不知道贾木许是谁,也不知道他以往的风格如何,而这部片子似乎也不是特别叫好叫座,所以,拒绝一切...
    不能空空阅读 709评论 0 0