交互设计及用户体验

UI设计师如何提高产品的用户体验,驱动产品优化|北京蓝蓝UI设计公司

周周

UI设计师在产品开发过程中扮演着至关重要的角色,他们通过设计用户界面和用户体验,为产品注入生命和灵魂。为了提高产品的用户体验并驱动产品优化,UI设计师需要关注以下几个方面:

6000字干货!3个优秀交互设计师应该具备的边界感|北京蓝蓝UI设计公司

周周

售卖软件服务的公司,最理想的状态就是开发一套通用的解决方案或产品,而几乎不用接收任何定制化需求(定制化需求大多会被内化成通用产品的新功能)。这种经营模式下,公司全部的业务和技术力量都可以集中在这一套标准化产品上。因为人力充足,那些为了提升体验满意度而做的努力就很容易有结果,设计师基本不用太过担心投入的成本。但很多公司面向的客户形态无法做到这种理想状态,这些公司对外交付的版本一般都是基于主线版本的定制化版本。为了效益,客户当然越多越好,交付肯定越快越好,这就意味着评审交互设计师输出的交互设计方案时,体验至上不再是首肯的目标,按时交付才是。所以支撑外包项目的时候,交互设计师如果没有边界感,输出的交互设计方案在后面的评审阶段将会被不断推翻,无法落地。前面虽然说了标准化产品维护过程中设计师不用过多考虑实现成本,但标准化产品也会有迭代周期,在一个有限的迭代周期内,也同样需要考虑边界问题按时完成版本迭代任务。那么交互设计师支撑外包项目或版本迭代项目时都需要有哪些边界感呢?今天我们来谈谈需求边界和技术边界。

 

4000字干货!UI设计中的弹窗/浮层/提示框,怎么用才对?|北京蓝蓝UI设计公司

周周

我们最近在设计 OS 底层组件的时候,经常会遇到很多底层控件规范的讨论。今天就这篇文章详细分析,包括控件定义、命名、使用等等规范,打磨好基础控件的设计细节。

当我们设计师在设计界面时,经常会面临一些困难的决策。有非常多的设计手法可以向用户表达同一个意思。有时候,设计师发现想要确定哪个元素最适合完成设计目标,是一件很让人纠结的事情。

例如,在一个给定的场景中,信息如何呈现是最好的?是应该打开一个全新的界面,一个浮层还是弹窗?

如果设计师使用浮层,又将面临一个新问题——选择哪种关闭方式,是关闭按钮还是滑动关闭?

在这篇文章中,我尝试找到这些问题的答案,并明确一些模式标准。

体验设计思维养成 — 如何在中规中矩的常规项目中锻炼设计思维提高自身价值

分享达人

先聊一个我发现的当下普遍存在的问题,众所周知道,现在“大环境”不好,很多设计师在求职中会遇到两个比较尴尬的事儿,第一个就是在中小型公司工作几年,由于公司在发展阶段,所以更多的是在高强度的上需求加功能,所以做的需求更多是“实现产品功能”而没有机会像头部厂商一样去做大的改版升级,去突出“设计呈现”,最后就只能从中规中矩的页面中寻求数据上的设计价值;第二个就是人手不足,每个项目的项目周期自然比较紧张,到最后的结果就是 —— 留给设计研发的时间有限,在设计阶段的不得不将设计精度大打折扣,即使是这样在进入研发后,由于研发周期的原因,在研发还原度上还要再砍一刀,导致最后的呈现往往和自己的预期差距较大,结论:如此往复设计呈现拿不出什么,思维也会慢慢固化,最后成为无情的“图狗”甚至不知道什么该做什么不该做,最后换工作的时候一脸懵逼。那怎么办?

先说结论,我认得这种情况下个人有两个直接的办法给到大家参考:第一个,寻找新的机会,作为设计者项目周期是改变不了,而且我也认为常规设计者在产品孵化的流程中应该是一个在已经决定好的事上“推一把”的角色,所以很多时候我们无法产能不足带来的影响,那最好的办法就是再找一个你中意的公司。如果你因为种种原因,个人能力不足也好,房贷压力也好,无法跑路,那这时候我们就会面临一个问题,也是我认为的第二种方法:如何在中规中矩的常规项目中锻炼设计思维提高自身价值

我们平常在接到一个体验升级任务或者日常自发审视产品问题时,如果比较完善页面去寻找问题时常常会发现,找一圈回来发现页面哪哪好像都合理,感觉分析一波下来他好像就应该长这个样子。不排除他确实暂时没有改动空间的可能性,但是更多时候产品自身还是不可避免的有一些缺陷的,那应该如何发现这些潜在问题呢?这里随便找一个我在行业大厂的页面,来看看即使是我没做过的一个陌生产品和页面,在有部分行业经验的前提下,我都会做些什么来合理的发现问题解决问题的。

这里找一个我做的出行行业的头部厂商“百度地图”中的“打车业务”位例。

一个没做过的页面,有些同学会习惯先把页面拉到画板上,然后一顿分析,最后还是变成了前面说的“页面好像和我想的一样”,然后无从下手,暗自emo,这里和大家分享下我个人的小方法,自认为解决这个问题还是蛮有效果的。

首先,我不会先把页面放上来,我第一步往往是先确定思路,不管是有项目背景改版,还是自发审视产品问题的阶段,我会先确定目标,根据目标确定整个事情的大方向,这一步是为了保证你整体做的事儿不会偏离最基本的轨道。

 

 

 

 

在确定好了我这次要干一个什么事儿之后,,我第二步往往做的是思考 — 产品形态应该是什么样子的?先弄清楚了他应该是什么样子的,你才能发现和你预期中差异的点,然后去探究问题产生的原因或做相关调整。这里来说为什么我不提倡先把页面放过来直接找问题,因为如果那么干的话很容易就会变成“你来给页面设计者为什么这么做找理由”然后就会发现看着看着自己就被洗脑了。

但是在这一步的时候有一个需要注意的问题,用户要的是更好的产品,不管这个“更好”是指的什么,但是公司做产品最根本的是想赚钱,这按理说是一个完全冲突的事情。不过在产品的不同阶段,侧重是不一样的,我们首先要做的就是结合产品阶段与具体页面所在的节点,权衡产品侧重,就能在你心里建立起一个最基本的产品形态预期,这样在你下一步真正开始分析页面现状的时候就能帮助你一些发现功能的可优化点。

 

 

 

通过上面的推导可知,至少在当前产品的当前业务线来说,工具类产品公司关心的节点转化,还是要依赖于用户使用的满意程度,也就是说,两者冲突时,优先服务于用户体验。这里要注意下在真正的工作过程中,有些产品的阶段导致产品要优先服务于转化,也就是营收,这是很正常的事儿,要根据不同阶段来权衡设计中心,不要被“设计师就是站在用户这边的”这种话误导,具体场景具体分析。

接下来第三步就可以正式的进入到页面现状分析了。

 

 

 

 

主要分为三大点,第一个框架现状,首先得知道现在的框架是怎样的,这一步主要是看页面的功能区,找出他们并讲他们的层级用一维分析法列出,方便之后的对比。第二是合理性验证,将找出的模块用“十字交叉分析”画出坐标轴,这里我是根据“对用户的重要程度”和“盈利能力”来代表X轴与Y轴(XY轴并不是一直固定代表什么,可根据第二步你的产品重心来决定XY轴),决定好XY轴之后,结合产品侧重把刚才找出的大模块定位在坐标轴相关的位置上,这么做的目的是,你可以根据坐标轴的定位,来对比刚才一维分析法列出的模块层级是否合理;最后第三步根据分析结果,得出相关结论,用来指导你之后具体设计,将影响用户行为与体验的点进行改进,暂无问题的点根据时间成本选择暂时不动或在不影响产品功能和研发成本的基础上进行视觉升级。这一步往往能够解决设计者工作中遇到的一个最基本的问题: 项目周期不够,什么做什么可以放弃。

功能区的问题解决之后,就可以进行第四步,也就是我们最熟悉的工作了,小模块的优化,也是最考验设计师细节打磨能力的地方,这一步要做的就是根据你自己的经验与方法论,找出模块的设计目标,并且根据自己的方法论与经验积累,用你觉得达成这个设计目标最合适的设计方法。方法论这东西就很宏大了,主要是知识积累,然后自己拆分与结合,其实多定理之类的说的都是一个事儿,网上文章一大堆,所以就不过多描述了。

 

 

 

在做完这一步后,通常你就可以根据时间成本选择交付研发了,然后等待上线后一个周期后进行数据验证来验证设计的正确性。

但是如果你还有时间,你可以选择在不影响产品功能和研发成本的基础上进行视觉升级。这来引入一个新的技术来帮助高效进行设计产出,也就是当下大热的AIGC技术。这时候就有些人可能会说AIGC的产出不可控等问题,现在通常的解决方法是通过mj或手绘或拼接出你心中的画面,然后放进SD里进行边缘描摹,并通过openpose等插件产出你心仪的视觉效果,如果你没有训练有素的模型也可以之后再扔进MJ里进行画面细化。

什么?SD配置太麻烦?是不是就搞不了了?其实不是的,AIGC的发展如此迅猛,每天都在以我们想象不到的速度进化这,其实面对我们工作中一些不复用的视觉素材,MJ已经能够快速的产出构图相差无几的画面了,要求不高的话能够大大的减小设计者的成本。下面我们就以现在页面的一些视觉为例,让我们看看AIGC能够帮助我们做到什么程度。

 

 

 

相信大家不难看出,在我们心中已经有了一个合适的样子或者有了一个合适的参考之后,再通过合理的prompt描述方式,AIGC能够通过较小的时间成本帮助我们产出较高质量的图片,这样我们就能够选择性的把时间分配到更多的地方产出更为精致的设计呈现。

 

 



作者:MasonWang
链接:https://www.zcool.com.cn/article/ZMTU5Nzg2NA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计

软件qt开发软件wpf开发软件vue开发

UI设计中交互设计7大定律|北京蓝蓝UI设计公司

分享达人

01菲茨定律

A点移动到B点所需要的时间,距离(L)和目标大小(D)决定了这个参数!

我们可以理解成射箭,要想更容的打中靶心,可以放大靶心,或者移动两者之间的距离!

UI设计中其实包含很多,比说banner图点击任意地方就可以进入,或者是鼠标直接右键,或者是直接放大的按钮!

02席克定律:

当一个人面临选择越多的时候,所花费的时间就越长!

我们可以通过,将这些选择进行分类打包,以站酷为例子将类似功能进行分类或者分页面,帮助用户梳理进行梳理。

现实中比如超市的水果区,蔬菜区,以及厨房调料区也都是这个道理!

03接近原则

当两个物体里的比较近的时候,你就认为他们是有联系的,这个感觉简单到感觉不能算定律的定律,是格式塔心理学上的老知识了,就比如两个不认识异性同事从宾馆中走出,在别人眼中别人就以为他们是开房去了。

在UI中最常见的就是布局排版和归类的暗示用户相关联的元素,比如用更大的间距或者颜色隔开相同的元素。

04交互设计7±2

美国心理学家(乔治·米勒)研究中认为,人对5-9个元素之间会表现出比较良好的记忆状态,如果超出这个范围就会容易出错。

在UI设计当中的应用那就是真的太广泛了,比如说APP当中的底部栏或者金刚区,一般单行不会超过5个图标按钮,或者是文案标题,你仔细想想,单独超过9个字的标题是不是很少。

05泰勒斯定律

该定律认为每一个流程都有一定的复杂性,且存在一定临界值!超过这个零界点就不能在简化了,你只能将这些复杂的流程从一个地方搬移到另一个地方。

比如以前的电视机遥控器很复杂,但是遥控器很简单!现在的遥控器很简单,但是电视界面很复杂!

UI设计中最常见的就是认证流程,其实分步骤填写也是这个道理。
当然一些鸡贼的产品经理往往会把最复杂的流程放到最后,你都填写那么多了,总不能最后直接放弃吧!

这个定律也微信和qq经久不衰重大原因之一,好多不相关的网站都可以通过这些巨头的账号一键登录!
他们直接把数据库进行搬移或者共享,让用户省去复杂的认证流程!

06新乡重夫防错原则

大部分的操作失误都是因为设计不当造成的,我们可以通过优化设计去减少失误,比如说最常见的就是出现一些敏感操作的时候进行一些提示!

这个定律也可以反过来用,比如说你要卸载一些软件,或者是取消一些购物的时候。那个卸载或者是取消购物的按钮,他总是灰色的!

07奥卡姆剃刀原理

一切以简单实用为原则,去掉不必要的因素!减少用户反复操作带来的厌恶感!比如我做的这个后台管理,就比如说投影、描边、多色彩图标、以及没必要背景元素,统统不要!

这个定律是非常契合b端交互模式的,但是在C端当中有一些确实不适用的,比如说电商或者是产品活动网页,
需要用户更长时间的停留在这个界面,这个时候我们就需要对图进行填充更多元素,来激发用户的购买欲望或者停留时间!

作者:达达里鸭
链接:https://www.zcool.com.cn/article/ZMTU4MjI0MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~希望得到建议咨询、商务合作,也请与我们联系01063334945

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 cs界面设计ipad界面设计包装设计图标定制 用户体验交互设计网站建设 平面设计服务UI设计公司界面设计公司UI设计服务公司数据可视化设计公司UI交互设计公司高端网站设计公司UI咨询用户体验公司软件界面设计公司

卓越用户体验设计指南|北京蓝蓝UI设计公司

分享达人

“没有产品是一座孤岛。产品不仅是产品,这是一套有凝聚力、综合性的体验,思考产品或服务的所有阶段-从最初的意图到最终的反思,从第一次使用到帮助、服务和维护。让他们无缝的协同工作。”— Don Norman

用户体验 (UX) 设计是在获取和集成整个产品流程中全流程创建有意义的体验优化,不仅包括产品易用,更注重的是全程与全方面,关注产品并提供解决痛点难点的解决方案。在某些情景下,UX、UI、可用性等术语通常互换使用,但是可用性和UI仍为UX的子集,是UX构成的重要元素

UX设计涉及实施、组织项目和元素,来影响用户从产品获得体验。设计目标是通过影响用户心智、感知与行为方向,来优化产品路径与流程。通常在设计过程中保持“以数据驱动”和“以人为本”:

通过数据驱动的用户体验最优化

卓越精美的用户体验可以提高产品销售额,转化率,提高用户忠诚度,降低用户沮丧感并提升团队工作效率。科学优化的用户体验设计路径与流程可以精准获取用户并核对业务目标。

坚持“以人为本”智能化设计理念

设计过程中保持“以人为本”的设计理念,提前对市场、用户和目标群体进行调研,在多维度视角下构思产品用户体验路径与方案,通过卓越思维提供底线价值

国际标准化组织将UX定义为:“一个人因使用或预期使用产品、系统或服务而产生的看法和反应”

在UX设计过程中,设计师无法控制用户对产品的看法和反应,同时在用户未使用产品即得到体验结论的方式我们也无法认可。因为我们无法控制用户在使用产品过程中,他们的感觉,心智,眼睛,与操作流程,所以设计师能做的仅仅是在有限的产品功能与流程内达到极致的美学优化与路径优化。即:一个人无法设计用户体验,只能为用户体验而设计。

思考UX优化的最简单方式拆分用户体验,将其从动词与名词两个角度进行思考。动词:思考-计划-实施(优化),名词:对系统和产品的感知和响应

即:我们虽然无法控制用户如何使用产品,但是我们可以通过控制页面的美感、路径的精简、交互趣味性,来引导用户完成操作:直观浏览产品-引导实现目标-适当时间任务可见性,这些方面会帮助用户一定程度按照我们预先提供的方式使用产品并得到卓越体验感。

为什么-什么思维方式

设计师在优化用户体验感的过程中,应先找准“为什么”(为什么用户不喜欢这种交互方式?为什么用户操作体验感差?为什么转化率低?为什么用户忠诚度不够?),即先找准“痛点”,再“对症下药”,用“什么”方式,来解决用户痛点难点,通过无限个优化闭环-创建让用户有意义的体验产品。

体验环境-卓越体验计划

设计师在优化过程中,除了考虑产品本身的优化,还需要考虑用户使用产品的环境和情景,即:用户使用的外环境(室内、室外、光线强度),用户使用的情景(运动、静止、精力与功效),用户使用的设备(产品展现的实质),必须确保产品可以在使用场景、情景和设备都自由或符合实际应用前提下,提供给用户卓越、流畅的系统体验计划。

项目方法

参与卓越体验优化项目的方式可以是正规的瀑布式,也可以是非正式的敏捷,瀑布式优化方式可能不是很灵活,当需要变化时往往无法立即完成优化,而错过最佳优化体验机会,而敏捷恰巧能解决这一问题,避免繁琐流程和批准步骤导致优化延迟。从某种程度上,选择方式的优化也是体验计划优化的步骤之一。

业务需求

我们进行卓越体验计划时,首要条件是满足业务层需求,为业务赋能,当优化点与业务产生矛盾时,首要为业务让步,可以与相关方先进行沟通了解功能点与业务需求,再根据利益相关者访谈制定想法。之后根据功能划分不同组,再优化与过滤,生成有效且不重复的需求列表,之后进行优先级排序。

用户视野调研

用户调研往往从定性与定量两个方向进行

定义组 -为了体验计划的顺利实施,我们首页任务是创建需要使用应用程序或网站的用户类型的架构或模型。可能包括:投资者、成员、合作伙伴、客户和求职者……
研究——确定用户类型后,确定在整个项目中要执行的研究类型。例如:用户访谈、情境访谈、焦点小组、可用性测试、调查和卡片分类。

人物角色

在进行体验计划决策时,我们需要先构建虚拟画像,之后牢记可能使用该产品的“心理用户模型”与“逼真用户概念”,设计决策需要大量信息,在缺乏所需信息情况下,设计人员无法解决设计冲突,因此我们需要提前构建“虚拟用户画像”模型,在这里我们暂时称为“角色”

设计

进行最终的设计优化时,我们需要借助很多方式来完成优化计划,包括不限于仅仅在视觉层面。

视觉——通过完美的视觉带动用户感知,用户可能会认为设计良好的产品比视觉设计不太专业的产品更值得信赖、更有价值、更相关。
心理学——使用产品时,用户的初步印象可能是正面也可能是负面。有效的程序以适合用户心理模型并符合用户期望的方式响应用户输入。有效程序的设计需要对心理学有很好的理解。
站点地图 -用于表示应用程序或站点的不同“页面”或“视图”的图表。站点地图通常看起来类似于组织用来显示人力资源结构的图表。
任务流 –与站点地图类似,很容易与它们混淆。站点地图显示站点或应用程序的“页面”或“视图”的布局,而任务流则显示向用户提供的选项以及用户可以在系统中导航的路径。

由于用户体验设计涵盖了整个用户旅程,因此它是一个多学科领域。

用户体验设计师的典型任务各不相同,但通常包括用户研究、创建角色、设计线框和交互式原型以及测试设计。这些任务在不同组织之间可能存在很大差异。尽管如此,始终要求设计师成为用户的倡导者,并将用户的需求置于所有设计和开发工作的中心。这也是为什么大多数用户体验设计师以某种形式的以用户为中心的工作流程进行工作,并不断引导最明智的努力,直到以最佳方式解决所有相关问题和用户需求。

总之,设计体验优化是一个有趣的工作,它不仅要求设计师具备极强的专业素质,也需要拥有多学科思维,以“用户”的视角,以“相关方”的身份,以“产品”的思维,以“设计师”的专业 ,来解决并决策整个产品全流程过程的所有优化体验计划。通过持续探索,以设计艺术与科学满足用户需求和业务目标。

作者:十几个黄河大街
链接:https://www.zcool.com.cn/article/ZMTU4NDUyNA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~希望得到建议咨询、商务合作,也请与我们联系01063334945

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 cs界面设计ipad界面设计包装设计图标定制 用户体验交互设计网站建设 平面设计服务UI设计公司界面设计公司UI设计服务公司数据可视化设计公司UI交互设计公司高端网站设计公司UI咨询用户体验公司软件界面设计公司

如何利用激励体系提升用户粘性|北京蓝蓝UI设计公司

分享达人

用户激励体系是促进用户增长和活跃的常用手段,无论是节假日的各类运营活动,还是各种等级、积分体系,都称作激励体系。因此很多人会困惑:为什么有的产品有 “积分” 又有“金币” ,好像重复了?其实不然,它们是两套并行的激励体系,各自发挥着重要作用。激励体系复杂多样,因此笔者基于最近的实践经验和理论积累,将论述常见的用户激励方式,以及针对好看视频APP人群分层设计激励体系的思路。

希克定律 | 设计师需要知道的设计原则|北京蓝蓝UI设计公司

博博

一、希克定律的基本认识

1.产生背景
1951年,英国心理学家威廉·埃德蒙·席克(William Edmund Hick)做了一个随机开灯的试验,他以每5秒点亮10盏灯的方式测得反应时间和选择数量之间的对数关系;美国心理学家雷伊·海曼(Ray Hyman)也通过一定的实验确定的信息传输与反应时间的关系,声称这两者的关系应该呈线性。席克、海曼共同认为,人们在多重选项的刺激之下做出选择时、需花费的时间就越长,并且随着这种刺激的逐渐增大、所产生的阻碍就越大,还可能导致人们放弃选择,后续便以他们两人的名字将这种规律命名为「席克海曼定律」。直到如今也是一样,在选项复杂度相等的情况下,无论是对数还是线性,选择数量越多,我们就越难做出决定。

2.基本介绍
希克定律是一种心理物理学定律,我们还可以将其称为“席克定律、西克定律、希克-海曼定律、希克法则”等,本文为方便介绍,将统一称为「希克定律」。希克定律表明,用户面临选择的数量越多、决策时间就越长,并随着可选项的数量和复杂性而增加,运用这一定律的唯一宗旨就是:减少刺激的数量并获得更快的决策过程。该定律有一个数学公式,先由席克首次实验、然后由海曼进行完善,即“RT=a+b log2(n)”。RT:反应时间a:对信息的前期认知和观察时间(信息处理之前)b:对信息的处理时间log:某个数学符号,不做特别理解n:信息的数量

3.生活中的应用
希克定律在我们生活中的使用随处可见,如下图的两个遥控器,你更倾向于使用哪一个?毫无疑问,图2不管是从视觉上、还是操作上都更简单,特别是老少用户,简单地教一下就能快速学会。至于图1,有些图标、颜色、英文,很多年轻的用户也不清楚到底是干什么的,要想搞清楚,则需要更多的时间成本、学习成本以及试错成本,这就是希克定律在遥控器上的作用,以减少选择让用户更快决策。遥控器的这个案例虽然在交互设计四策略中也体现的淋漓尽致,但与希克定律并不冲突,让用户减少选择的方式可以是删除、组合,也可以是隐藏、转移。

4.设计中的应用
用户在界面中看到的选项越多、信息量越大,就意味着需要花费更多的时间与精力去识别和理解,直接延长了用户做决策的时间,在选择困难较大的情况下,一旦用户没有足够的精力或无法做出明确选择(不愿动脑)时可能直接放弃,导致任务失败。当信息/选项减无可减时,也可以通过对其分类分组、层级分布等方式提高用户决策效率,只要选项与选项之间保持着一定的联系,丝毫不会影响用户识别与理解。

二、希克定律在设计中的作用

1.提高选择效率
其实在很多页面中都存在信息过剩的情况,对用户来说,选择太多就等于没有选择,用户很可能会因为犹豫不决,造成时间成本上升而导致放弃当前任务。尽可能避免在用户面前出现过多的选择,根据信息权重删除或隐藏多余选项,只保留用户所需。有“度”的删减可保持内容足够简洁,提升用户对信息的理解以及操作效率。

2.优化版式布局
在设计过程中,如果没有对功能层级进行划分,一股脑地将所有功能入口平铺的话,就需要用户花费大量的时间和精力来查找需要的功能,无疑是一场灾难。我们可以通过希克定律来优化界面功能布局,根据业务的重要性对功能入口进行分类组合,减少用户的认知及理解成本,以便快速达到目的。

3.提升用户体验
通过减少选项以及对信息进行层级划分,不管是视觉浏览还是操作流程上,消耗的成本都会有所降低,用户在使用过程中的心情则更加愉悦,用户体验得到了很大程度的提升。

4.提高转化率
用户所做的选择越少、消耗的成本就越小,好的使用体验让用户心情愉悦,短时间内的流畅、愉悦操作都能让任务变得更简单、更容易完成,还能降低用户的付费感知,间接性的提高了产品转化率。

三、界面中的「希克定律」

1.减少选项、让用户更快选择
对用户来说,选项越多就越复杂,需要的决策时间就越长,尤其是用户在绝大多数情况下所看到的页面都存在信息过剩的情况,这时候,产品需解决的不是选项够不够的问题,而是选项够不够好。当存在大量选项时,可适度减少选项的数量,不仅能降低用户的思考时间,也提高了选项的质量。iPhone用户应该比较清楚,苹果始终在不遗余力的遵循希克定律,APP Store就是最好的例子,从改版前大量的推荐应用堆积到改版后信息量的减少,选择目标瞬间清晰了很多,用户体验得到了大幅度的提升

如果大量的选项无法减少,可将重要选项靠前,将其他的隐藏起来,方便用户决策及降低失误操作的概率。例如腾讯视频顶部分类后面的更多图标、支付宝首页金刚区的更多入口,点开后就会发现,里面隐藏了非常多的功能,这样做能减少用户认知负荷,提高信息筛选的效率。

2.选项分类、信息分层
这里最为典型的例子就是电商平台的分类,它通过一级、二级、甚至三级分类将商品所涉及到的类型合理的控制在有效范围内,这些选项被分类/分组之后,关键信息得到强化,能辅助用户快速作出决策。还有后面的二次筛选功能,帮助用户进一步缩小范围,选择效率明显会更高。当然,这不仅仅是依靠希克定律,还得结合运营需求、用户数据等因素进行合理化分类。

另外,我们在选择地址时,如果将所有城市一股脑平铺在界面上,用户想要选择自身所需,则需要花费大量的时间。对城市进行了分类分层,以及有了搜索历史、热门城市以及右侧的首字母索引后,用户就能通过不同维度快速找到想找的城市,选择效率直线上升。

3.分步骤展示、逐步完成
存在较长的表单页面,能给用户默认值的就不要让其选择、能让用户选择的就不要让其输入,每多给用户一个操作,其时间成本和出错率都将会上升。当表单内容减无可减、输入操作避无可避时,尽量将信息整合分类或分页展示,引导用户逐步操作,遵循一个页面只做一件事的原则,协助用户将注意力聚焦在当前步骤中。面对长长的表单,用户或多或少都有些消极情绪,产品要做的是通过视觉、操作感知来减少用户的负面情绪,以此提升表单完成率。常见的如调查问卷、信用卡申请等,它们并没有将全部信息堆在用户面前,而是进行分步骤或分页的形式,一次只做一件事,避免了其他信息带来的干扰,让用户有种简单的感知错觉,完成起来会更容易。

4.必要的多选项、展开/隐藏
有时候,我们不得不面对较多的选项,例如在线填写简历、功能设置列表、商品的二次筛选或后台管理系统的查找条件等,如此多的选项会给用户带去很大的心理压力,这时设计师需要去思考如何减轻用户的压力,展开/收起也许就是一个不错的解决方案。我们可以将所有选项进行分类,用户在操作当前类别时,其他所有类别暂时隐藏、并设定明确的可点击图标提示用户随时可展开对应的内容,间接的减少了选项,降低干扰。

5.必须平铺时、主次分明
当设计师面对大量选项、却又要必须平铺在当前页面的需求时,一定要做好选项的视觉权重区分。这种需求常见于首页、功能页、个人中心的图标入口,我们可以通过改变图标的大小、色彩(黑白/彩色)、类型(线性/面性/质感/3D)或添加微动效进行主/次权重之分,用户操作起来就不会有太多的疑惑或顾虑。

6.不可操作项、锁定/置灰
在特殊场景中,当页面存在不可删除、不可隐藏、不可降权且不能让用户点击的选项时,与其在用户操作之后提示不可操作,不如在用户操作之前就将选项锁定或置灰,明确告知不可点击,间接缩减选项,减少不必要的操作。

四、与交互四策略的完美结合

“合理删除、分层组织、适时隐藏、巧妙转移”,这一经典理论出自于 Giles Colborne 著名的《交互设计四策略》一书。删除、组织、隐藏、转移每一种方式无疑都是在向用户更好的展示信息,这个观点也完美的诠释了希克定律,那么他们到底是如何对应的呢?

1.合理删除(减少选项)
希克定律中,影响用户决策最主要的原因就是选项数量,虽然「一个页面只做一件事」受到诸多的限制与牵绊,但我们依然可以通过分清功能主次,删除次要、突出主要选项来帮助用户决策,增加效率。

2.分层组织(分类/分层)
分类是希克定律中很好的一种表达方式,虽然选项并没有实质性的减少,但用户可通过分类避开了很多不必要的选项,不管是通过父子及级还是平级,都做到了将大量选项明确区分,用户需要深挖时总会有迹可循。Giles Colborne 说过“不要用过于专业的标准进行分类”,用通俗易懂的组织方式更是促进希克定律加快用户决策效率的一种有效方式。

3.适时隐藏(展开/隐藏)
与删除不同的是,隐藏并没有删减选项的数量,只展示部分常用、高频的选项,去除其他信息的干扰,方便用户快速做出决策,而将其他不常用、低频选项隐藏起来,在需要时系统自动展示、或用户手动唤出。其实,不管是交互四策略中的隐藏、还是希克定律中的隐藏,其作用都是通过暂时性地减少信息数量来提升用户操作效率。

4.巧妙转移(分页/分步)
面对本身就较为复杂的产品,页面信息在无法删除、组织、隐藏的情况下,且需要用户无遗漏的去完成,使用交互四策略中的「转移」或可解决这一难题,将整个任务拆分成多个步骤,让用户逐步完成。大部分信息的转移,可避免不同步骤的信息相互干扰,认知负荷得以减轻,这一策略与希克定律分步骤、分页面展示大有相似之处。

五、常见问题处理

1.选项不要减到只剩一个
希克定律要做的是通过减少用户做决定的时间,来提升转化率以及用户体验,但不管在什么情况下,用户都希望自己还拥有选择的权利,如果设计师自作聪明的将选项减到只剩一个,就相当于告知用户必须接受,那么用户就有种被强制、绑架的感觉,只会存在两个结果:①被你的产品拿捏、②离开你的产品,笔者相信第一种可能性的概率极低,毕竟同类型的产品并不是只有你一家(垄断除外)。如下图的弹窗,用户即便不愿意进入任务流程,可别无选择,只能进入后再返回才能回到原位,这种做法无端增加用户的操作成本,极易引起反感情绪。不管产品如何希望用户转化,切不可强制他们接受,需要给用户留一条返回的“路”,即便不那么起眼,至少还有选择的权利。

2.极端场景要克制使用
任何定律都有其自身的使用局限,所以也不要极度推崇希克定律而简化到抽象的地步。大部分情况下,希克定律都是用在可交互界面中的元素,对于那些需要高度搜索、阅读或学习刷题类的功能并不适用,因为设计师只能决定信息呈现的视觉效果,并不能决定内容的质量、类型与数量。例如,刷题类应用,面对海量的选择题,希克定律虽然失去价值,但并不影响设计师结合其他方法论将界面设计的更好,总不能强行使用希克定律,将选择题删减到只剩两个(变成判断题)选项吧。

3.逆向使用-刻意增加操作成本
有时候,出于商业化的目的,同一个选项在二次操作时,产品会刻意增加用户操作成本,以降低选择效率,看似希克定律的反向操作,却一定程度地降低了用户退出率,实则对产品有益。例如,在关注微信公众号之前,非常醒目的关注按钮触手可及,可关注之后,弱化的幽灵按钮及文案,很难一眼看出这就是取消关注入口,需要用户花费额外的时间去理解或试错方可取关,这么做能降低公众号粉丝的取关量。为公众号留住粉丝,更是对内容认可的一种支持,后面的良性循环无需多讲。

作者:大漠飞鹰CYSJ
来源:站酷

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~希望得到建议咨询、商务合作,也请与我们联系01063334945

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 cs界面设计ipad界面设计包装设计图标定制 用户体验交互设计网站建设 平面设计服务UI设计公司界面设计公司UI设计服务公司数据可视化设计公司UI交互设计公司高端网站设计公司UI咨询用户体验公司软件界面设计公司

搜索金融精细化体验设计|北京蓝蓝UI设计公司

分享达人

精细化设计是可被复用标准化方法,通过精细化分析深入理解用户需求/痛点,制定有效的设计策略写在前面

为什么要做精细化设计

1)不同圈层用户需求不同,如股票小白、一般散户、专业用户群体,特点不同,需求也不同,充分对用户进行挖掘、细分才能更好的理解用户。

2)在产品同质化严重背景下,精细化设计是一条能持续产生创新收益路径。

3)互联网新流量获取困难,比起抢占流量,当下更重要的,是提升用户粘性、更好的服务用户、打造精细化服务体系。

UI设计体验如何提升?|北京蓝蓝UI设计公司

分享达人

SaaS 产品体验要求越来越高,用户体验已经成为产品竞争力的重要组成部分,怎样在多业务线的产品环境中做好体验设计,本文从贴合业务线的设计规范、敏捷易用的前端组件库、产品研发协作流程保障、UI体验文化打造、UI设计质量品控5个方面阐述项目快速、规模化提升多产品线整体体验过程中方法论和实践经验。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档