首页

如何设计让人一看就明白的说明书?

资深UI设计者

你有一些东西需要向别人说明或解释?不要说出来,而是展现出来!

掌握尼尔森十大可用性原则,从小白快速进阶产品大神!

ui设计分享达人

 
无论是刚刚入行的小白,还是已经积累了一定经验的产品经理,都有一个共识:用户体验是产品成功的关键。而说到用户体验,就不得不提尼尔森十大可用性原则,这些原则为产品设计提供了清晰的方向和实用的方法,让产品的用户满意度直接拉满!
本文将带你系统了解尼尔森十大可用性原则,并通过实际案例帮你真正掌握它。无论是优化现有产品,还是构思新的创意,这些原则都能助你少走弯路,快速掌握可用性设计的精髓,真正向“产品大神”迈进!
 
1、系统可见性原则
用户在与产品交互时,必须随时“可见”当前的系统状态,这种状态反馈可以通过视觉、声音或其他形式呈现,确保用户对操作的结果心中有数。
简单说,就是产品得随时告诉你 “我在干嘛”。
比如,你点了个下载视频按钮,要是几秒钟内却没有任何响应,你肯定会着急,觉得是不是点了没反应?但如果它显示下载进度条,或者给个简单的“加载中”提示,你心里就踏实多了。
再比如,逛淘宝时,点击“提交订单”后,页面会立即弹出“订单提交成功”的确认信息,同时附带订单编号和预计送达时间。这不仅明确了用户的操作成功,还通过下一步指引(如“查看订单详情”或“返回首页”)引导用户继续操作。
以上这些设计细节,都属于系统可见性原则,别小看这点,它能大大提升用户体验!如果产品不及时把信息呈现给用户,用户就像在黑暗中摸索,容易烦躁甚至放弃使用。所以,好的产品都得把这个原则拿捏到位。
掌握尼尔森十大可用性原则,从小白快速进阶产品大神!
 
 
 
2、贴近场景原则
该原则强调设计得贴近用户熟悉的场景,包括使用用户常用的语言、概念和逻辑,而不是让人费解的专业术语、抽象设计。这样,用户可以自然地理解系统功能,而无需额外的学习成本。
一个典型例子是“文件夹”的设计,大多数操作系统和产品会以真实办公环境中的文件夹为原型,用直观的图标告诉用户这是做什么的,让用户轻松上手使用。如果改用抽象符号代替文件夹的图标,用户可能需要额外的时间去学习和适应,甚至会感到迷惑。
此外,现实世界的流程也可以被巧妙地运用到产品设计中。拿在线支付举个例子,许多平台会模拟现实中的结账体验:将商品“添加到购物车”,然后进入“结账”页面,再完成付款。这非常符合线下购物的习惯,用户可以快速上手完成操作。
总之,产品设计要尽可能地降低用户理解和操作的门槛,这样不仅能更好地契合用户的需求,还能让产品的实用性和易用性蹭蹭往上涨!
掌握尼尔森十大可用性原则,从小白快速进阶产品大神!
 
 
这里推荐一个原型模板社区:
https://www.mockplus.cn/example/rp
,不仅涵盖了各个领域的精美模板,还有热门产品的实际案例。这些模板案例都很好地运用了尼尔森的可用性原则,交互完善、体验流畅,非常值得产品经理和设计师借鉴~
 
3、
可控性原则
用户必须要随时掌控自己的操作,如果不小心点错了,要能轻松撤销,给人一种“无论做错了什么,都能改回来”的安全感。
比如,你正在编辑一份文档,不小心删掉了一段关键内容,如果系统没有“撤销”功能,直接就会崩溃。这也是大多数编辑工具都会在显眼的地方放一个“撤销”按钮,或者提供快捷键组合,帮用户一键恢复误操作。这就是可控性原则的典型应用。
再比如,购物网站的“清空购物车”按钮,往往会在你点击后弹出确认框:“你确定要清空购物车吗?注意操作不可撤销!”虽然只是多一步确认,却极大地降低了误删的风险。
简单说,这条原则的精髓在于让用户始终觉得是自己说了算。无论是提供撤销功能、设置确认提示,还是简化退出流程等,都能减少用户的焦虑感,提升产品的使用体验。
 
4、一致性与
标准化
原则
产品设计必须保持所有界面的一致性,让用户在使用时不会被不同的风格、术语或功能逻辑搞得一头雾水,最好让用户“见过一次就会用”,而不是每次都得重新学习。
像现在很多产品通常会将“返回”按钮固定在左上角,如果某个页面的“返回”按钮突然出现在右上角,用户的第一反应可能就是:咦,这个怎么跟别的页面不一样?这种不一致就会让用户操作不便。
还有一种常见场景是网站或APP的术语使用,保持统一的语言和表述,可以显著降低用户的理解成本,让产品更直观。
总的来说,一致性与标准化原则就像用户体验中的“基本法”,让产品变得更简单易用。遵循这个原则,用户可以“少想一点”,快速上手。而违背它,则容易让人摸不着头脑,甚至放弃使用产品。
掌握尼尔森十大可用性原则,从小白快速进阶产品大神!
 
 
 
5、
防错原则
好的产品从不让用户为“操作失误”买单,而是用细致的设计提前为用户保驾护航。在设计中,我们应尽可能减少用户犯错的机会,或者在错误发生前提供明确的警示。
说白了,就是“防患于未然”,让用户操作得更顺畅、更安心。
比如,表单设计中,很多时候用户可能会漏填信息或者格式不正确。如果没有即时提示,用户提交后才发现错误,不仅浪费时间,还会觉得体验很糟。而一个实时的提示功能就能完美解决这个问题,当用户填写邮箱时,如果格式不对,系统立刻弹出“邮箱格式有误”,这种设计就既贴心,又能帮助用户快速完成任务。
还有一种场景是删除操作,用户点击“删除”按钮时,会弹出一个确认框,“您确定要删除吗?此操作无法撤销。”虽然只是简单的一步确认,但却能有效避免用户因误操作而造成的损失。这种设计,不仅让用户更有安全感,也提升了产品的可靠性。
总之,防止错误原则的关键在于站在用户角度思考,提前预见可能出错的地方,并通过智能设计减少或避免错误的发生。
 
6、
协助记忆原则
产品设计应尽量减少用户需要记住的信息,而是通过界面或功能的设计,让用户“看一眼就明白”,更容易找到所需信息。
就像浏览器的历史记录功能,用户想要回到之前访问过的网页,如果需要凭记忆输入网址,那对大多数人来说无疑是个挑战。而通过查看历史记录,用户只需简单点击即可回到目标页面。
再比如,电商网站的分类导航,用户进入页面后,可以清晰地看到“男装”“女装”“数码”“家电”等分类标签,无需花费更多时间查找。
归根结底,协助记忆原则的目是减轻用户的心理负担,让他们高效完成交互,同时还能感觉“操作很轻松”。
掌握尼尔森十大可用性原则,从小白快速进阶产品大神!
 
 
 
7、
灵活高效原则
产品设计应同时满足新手和老用户的需求,就是让新手易上手,让高手更省时,让不同层次的用户都能灵活高效地达成目标。
就像手机摄影APP的“自动模式”和“专业模式”,对于普通用户,直接使用“自动模式”拍照就能获得不错的效果。而对于摄影爱好者,产品还提供了“专业模式”,允许他们调整快门速度、光圈大小、ISO等参数。这种灵活性不仅满足了不同用户的需求,还提升了产品的适用性和用户黏性。
灵活高效原则的核心在于给用户选择权,因为一个好产品,就是让每个人都能找到最适合自己的使用方式。
 
8、
审美和简约设计原则
设计既要美观,又要简洁,避免堆砌不必要的元素。复杂冗余的设计不仅影响视觉体验,还可能让用户分心,甚至阻碍他们完成任务。而简约的设计则能直击用户需求,让界面既赏心悦目又高效实用。
苹果的设计就是这一原则的典范,产品设计干净利落,没有多余的装饰元素。包括苹果网站上,产品图片和文字内容排列有序,重点信息一目了然。这样的设计不仅让人觉得“高级感满满”,还避免了用户被无关内容分散注意力,能够快速找到自己需要的信息。
要注意,美学与简约原则并不是简单地“删减内容”,而是通过设计取舍,让界面更清晰、更有逻辑。
掌握尼尔森十大可用性原则,从小白快速进阶产品大神!
 
 
 
9、
容错原则
容错原则的重点是,当用户犯错时,系统不仅要清楚地告知错误发生的原因,还要提供有效的解决方法。
举个例子,当用户在填写表单时,如果密码设置不符合要求(比如少于8位或缺少特殊字符),系统应该明确提示“密码长度至少8位,需包含一个特殊字符”。这种直白、清晰的错误提示能让用户快速明白问题出在哪里,而不是模棱两可地弹出“输入无效”的错误信息,让用户摸不着头脑。
再比如,很多电商网站在用户提交付款时,如果网络问题导致支付失败,系统会弹出“支付失败,请检查网络连接”的提示,并提供“重新支付”或“联系客服”的按钮。这种设计不仅让用户知道错误原因,还引导他们下一步该怎么做,避免因为无从下手而流失用户。
总之,这条原则强调的是在用户犯错时,产品设计要有“救场”的能力。清晰的错误提示和有效的解决方案,既能减少用户的挫败感,又能提高整体的产品体验。
 
10、
人性化帮助原则
尽管优秀的设计应该尽量让用户无需查阅说明就能使用,但在某些情况下,提供清晰的帮助文档或指引是必要的。
所以产品中的“帮助中心”功能必不可少,用户可以快速定位到自己关心的内容,同时加上搜索功能进一步提升了帮助的可用性,用户只需输入关键词,就能立即获取相关答案。
还有,操作复杂的产品(如视频剪辑软件)通常会附带新手教程,甚至直接在功能界面上提供悬浮提示,这种方式比传统的文字说明更直观,也更容易让用户接受。
人性化帮助原则的意义在于,当用户面临困惑时,产品能够及时提供有价值的指导,让用户对产品充满信任。
 
通过深入了解尼尔森十大可用性原则,你会发现,优化用户体验并不是靠灵光一现的创意,而是建立在科学设计和用户心理学基础上的细致打磨。每一条原则看似简单,但在实际应用中,只有将它们深刻融入到产品的每个细节中,才能真正提升用户的满意度和产品竞争力。
如果你是产品设计的小白,尼尔森十大可用性原则将是你快速进阶的捷径;如果你已经是经验丰富的产品经理,这些原则依然是不可或缺的准则,它们会提醒你在优化产品时抓住核心,少走弯路。
做好设计不易,但只要你掌握了这些关键原则,距离“产品大神”的目标就不远了。应用起来,让你的产品脱颖而出吧!

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

以指标为舵,领航卓越体验的产品之旅

ui设计分享达人

以指标为舵,领航卓越体验的产品之旅
 
 
我以这句引言开篇,旨在阐述用户体验(UX)设计的科学本质,这归根结底源于一个基本原则:在条件允许的情况下,尽可能消除体验中的模糊性。这正是指标(当被正确使用时)所能发挥的作用。在多年的业务及项目工作过程中,将指标与产品设计和开发过程相结合的重要性被多次证实。通过这样做,我们可以确保我们的数字产品和服务不仅满足用户需求,还能实现业务目标。
 
在本文中,我将引导大家了解在产品开发的每个阶段需要考虑的关键指标,并提供见解,帮助大家区分哪些是
“至关重要的”
,哪些是
“锦上添花”
的。
让我们以一家名为“ABC"的虚构公司为例,该公司正在开发一款语言学习应用。以下是ABC如何将指标与其产品开发过程相结合的方法。
 
以指标为舵,领航卓越体验的产品之旅
 
 
在这一阶段,ABC应重点关注用户研究指标,例如完成的用户访谈和调查数量,以收集有关用户需求、偏好和痛点的宝贵见解。这些指标有助于团队更好地了解目标受众,并为产品的方向提供信息。虽然发现阶段将更多地关注收集研究材料,但确保项目一开始就以大量的用户和客户研究为指导,将为ABC的成功奠定良好的基础。
在发现阶段,虽然主要任务是收集和分析研究材料,但确保有足够数量的用户和客户研究是至关重要的。这是因为这些研究将提供关于目标受众的宝贵信息,从而指导产品的设计和开发方向。对于ABC来说,通过进行大量的用户访谈和调查,他们可以更深入地了解潜在用户的需求和期望,从而确保产品能够满足这些需求,并吸引目标用户群体。
因此,在发现阶段,ABC应该密切关注用户研究指标,如访谈和调查的数量和质量,以确保他们有足够的信息来指导后续的产品设计和开发过程。这些指标不仅有助于消除产品开发中的模糊性,还能确保产品能够真正解决用户的问题,并满足他们的期望。
 
需避免的陷阱:
在这一阶段,市场研究并不能替代用户研究,反之亦然。尽管两者在某些需求上可能存在重叠,并能为你提供一些关于ABC如何在市场中“定位”的见解,但它们并不能相互替代。
发现阶段是后续每一步的基础,是想法成形的关键。通过投入时间和资源进行深入的用户研究和分析,你可以发现宝贵的见解,这些见解将指导你的产品开发过程,并帮助你创造出一个真正与目标受众产生共鸣的解决方案。
 
以指标为舵,领航卓越体验的产品之旅
 
 
当ABC进入设计阶段时,线框图和原型指标成为了核心。用户任务完成率、任务耗时以及任务到完成率对于验证设计概念并识别改进领域至关重要。任务到完成率衡量的是在原型或线框图中成功完成特定任务的用户百分比,这为设计的有效性和清晰度提供了宝贵的见解。
平台可以跟踪和衡量成功率,为我们提供有力的数据支持。
需避免的陷阱:
我们的目标不是盲目地优化与任务相关的指标,而是确保它们与每个部分的目标保持一致。用户引导需要花费一定的时间,以确保用户理解产品的核心机制和价值。这需要一些耐心。
在评估应用的信息架构(IA)时,关注树测试成功率和卡片分类结果至关重要。虽然这些不是严格的指标,但它们将为设计过程提供更深入的信息,并有助于为提升用户满意度奠定基础。
在设计阶段,我们必须谨慎行事,不仅要关注数据,还要确保设计能够真正满足用户的需求和期望。通过合理的用户引导和有效的信息架构,我们可以创造出既美观又实用的产品,从而赢得用户的青睐。
 
以指标为舵,领航卓越体验的产品之旅
 
 
在产品开发的各个阶段中,可用性测试无疑占据了举足轻重的地位。为了确保产品能够真正满足用户需求,我们不得不关注一系列关键的测试指标。其中,用户错误率和系统可用性量表(SUS)分数更是被视为核心中的核心。
用户错误率是一个直观反映用户操作流畅度的指标。它通过计算用户在完成任务过程中出现的错误次数与任务尝试总次数的比例,再乘以100得出。这一指标越高,就意味着用户在使用产品时遇到的障碍越多,需要我们对产品进行优化以提升用户体验。
而系统可用性量表(SUS)则是一个更为全面的评估工具。它通过对用户在使用产品后的主观感受进行量化打分,从而得出一个综合性的可用性评分。这一分数不仅能够帮助我们了解产品在用户心目中的整体印象,还能够为我们提供改进产品的具体方向。
除了这些可用性测试指标外,无障碍性测试也是不容忽视的一环。在现代社会,越来越多的人开始关注产品的无障碍性设计。因此,我们需要确保产品符合无障碍性指南的相关标准,以便让更多的人能够轻松地使用我们的产品。
综上所述,可用性测试指标和无障碍性测试都是产品开发过程中不可或缺的环节。它们不仅能够帮助我们了解产品的实际情况,还能够为我们提供改进产品的具体方向。因此,在产品开发的道路上,我们需要时刻关注这些测试指标,以确保我们的产品能够真正满足用户的需求和期望。
以指标为舵,领航卓越体验的产品之旅
 
 
需避免的陷阱:
如果前几个阶段的工作都做得妥当,那么错误率将会降低,系统可用性量表(SUS)的评分应该会更高。然而,一旦错误率上升,就必须立即解决。这好比产品的心率监测器发出轻微的慢速报警,提醒我们注意。
此刻,警惕“沉没成本谬误”至关重要——即因为已经投入了大量资源,就倾向于继续投资某个项目,即使它并未带来预期的结果。如果可用性测试揭示了重大问题,ABC应准备转变方向或做出重大改变,而不是继续推出一个不尽如人意的产品。
 
以指标为舵,领航卓越体验的产品之旅
 
 
随着ABC即将发布其应用程序,测试版测试指标变得至关重要。用户参与度指标,如会话时长和功能使用情况,对于评估应用程序吸引用户的能力至关重要。用户反馈和漏洞报告同样不可或缺,它们有助于在发布前识别和解决任何问题。尽管用户验收测试(UAT)指标,如任务完成率和用户满意度评分,并非必需,但它们可以为整体用户体验提供额外的见解。
需避免的陷阱:
虽然会话时长和功能使用等用户参与度指标很重要,但过于关注这些“虚荣指标”可能会产生误导。高会话时长或功能使用频率并不一定意味着令人满意的用户体验或长期用户留存。ABC应将这些指标与其他关键因素相结合,如任务完成率、用户满意度评分和定性反馈,以全面了解应用程序的性能和用户接受度。
通过综合考虑一系列指标和用户见解,可以做出明智的决策,并优先改进那些真正能够提升用户体验的方面。在追求卓越的道路上,保持清晰的视野和务实的态度至关重要。
 
以指标为舵,领航卓越体验的产品之旅
 
 
在ABC应用成功上线后,使用指标的监测变得尤为重要。用户参与度指标,如日活跃用户数(DAU)和会话时长,是评估用户接纳度和参与度不可或缺的工具。这些指标能够直观地反映出用户对应用的活跃程度和使用习惯。
此外,转化指标同样重要,它们衡量的是应用在推动用户采取期望行为方面的有效性。例如,关键用户行为的转化率和漏斗完成率等指标,能够让我们深入了解用户在应用内的行为路径和转化效率。
除了上述指标外,用户满意度指标也是衡量应用成功与否的重要参考。虽然Net Promoter Score(NPS)和用户评价等指标并非必须,但它们能够为我们提供用户情绪和忠诚度的宝贵信息,帮助我们更好地理解用户需求和市场反馈。
需要避免的陷阱:
需要强调的是,这些指标并非仅仅用于展示数据或讲故事。它们是将产品性能与用户满意度相结合的关键工具。通过在产品开发的每个阶段跟踪和分析这些指标,我们能够做出基于数据的决策,从而优化用户体验并推动业务成功。
 
以指标为舵,领航卓越体验的产品之旅
 
 
整合关键要素:确定北极星指标
将指标与产品开发过程相结合的一个关键方面是确定你的“北极星”指标。北极星指标代表了你希望用户完成的特定行为,该行为能够同时推动用户接纳度和收入增长。
在定义你的北极星指标时,请考虑以下关键问题:
  1.  
    有多少活跃/回头用户正在采取这一行为?这能够反映出该行为的用户基础大小和活跃度。
  2.  
    用户完成这一行为所需的参与度有多深?这有助于我们了解用户完成该行为所需的努力和投入程度。
  3.  
    每个用户多久进行一次这一行为?用户完成这一行为的速度有多快?这些问题能够揭示出用户对该行为的频率和效率,从而帮助我们评估该行为对用户粘性和活跃度的贡献。
综上所述,通过关注这些关键指标并确定北极星指标,我们能够更好地了解用户在应用内的行为路径和转化效率,从而优化用户体验并推动业务成功。
 
以北极星指标为引领,打造卓越产品策略
请记住,你的北极星指标是组织和产品独有的。它应由公司内部负责产品和业务利益的人员,包括创始人和关键利益相关者共同制定。产品团队之间的积极管理和协调配合对于有效维护和利用北极星指标至关重要。
要避免将产品变成“功能堆砌场”,不要盲目追求每个利益相关者的想法。相反,应让北极星指标指导你的产品决策,确保你正在打造一款真正符合用户需求并推动业务成功的产品。对于ABC来说,这可能意味着优先开发那些直接支持课程完成的功能和改进,如个性化学习路径、游戏化元素或鼓励责任感和参与度的社交功能。
通过将产品开发过程与明确且以用户为中心的北极星指标相结合,你可以创建一个更加闪耀且能够带来成功成果的产品策略。对于ABC而言,将课程完成率作为北极星指标,有助于他们在竞争激烈的市场中打造一款脱颖而出的语言学习应用,从而推动用户成功和业务增长。
以指标为舵,领航卓越体验的产品之旅
 
 
结论
将设计为中心的指标与产品开发过程相结合,不仅是为了衡量产品的健康状况,更是为了指导其发展方向。这些指标就像指南针一样,帮助团队在产品开发的过程中导航,并在每个阶段做出明智的决策。
将指标与产品开发过程相结合不仅是最佳实践,更是打造用户愿意参与并实现业务目标产品的必要条件。通过利用数据驱动的见解,在明确定义的北极星指标的指导下,并据此做出产品决策,团队可以创造出卓越的用户体验,从而推动用户参与度、转化率和忠诚度。
如果你想将产品开发过程提升到新的高度,可以考虑投资于创意和研究研讨会。这些研讨会将设计、研究和战略方面的专家聚集在一起,快速生成和测试创新想法,确保你的产品始终符合北极星指标的要求。通过早期且频繁地验证概念,团队可以在长期内节省时间和资源,并确保他们正在打造真正符合用户需求并推动业务成功的产品。


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

ui设计师的产品体验日记

蓝蓝设计的小编

产品体验日记01
 
 
 
 
 
体验目录
一.标签栏图文转换设计
二.3D元素运用
三.笔记本个性化封面设计
四.古风APP视觉赏析
五.通关模式学习设计
六.宠物养成陪伴成长
七.品牌化设计
八.寓意深远的微动效
九.IP元素的场景应用
十.优秀产品分享
 
 
一.标签栏图文转换设计
开眼在标签栏设计中,采用了独特的图文切换点击模式,这一设计颇为新颖。动效在图文之间切换时流畅自然,为用户带来了极为舒适的视觉体验,整体表现尤为亮眼,令人印象深刻。
产品体验日记01
 
 
 
 
二.3D元素运用
知源中医在“VIP会员”页面设计中,融入了3d视觉元素,这一创新极大增加了页面的空间层次,为用户带来焕然一新的视觉体验。
产品体验日记01
 
 
 
 
三.笔记本个性化封面设计
千本手账个性化“创建笔记本”功能,让用户可以自主选择或设计封面。借鉴实体笔记本,融合数字创意,既保留质感又便捷。个性化设计既满足用户对美观笔记本的追求,又无需额外花费即可拥有心仪的笔记本。精准捕捉用户个性化需求,激发情感共鸣。持续提供吸引力功能,吸引用户关注与参与,记录生活同时享受创造乐趣。
产品体验日记01
 
 
 
 
四.古风APP视觉赏析
长相思产品设计,古风宋韵独树一帜,视觉冲击力强,如细腻古风画卷,引人穿越千年雅致。每一处细节尽显文化底蕴与匠心,令人沉醉,不仅是视觉盛宴,更是心灵触动,激发无限遐想,每一次接触都是难忘文化之旅。
产品体验日记01
 
 
 
 
五.通关模式学习设计
在百词斩的“一起背”页面设计中,其创新地融入了游戏通关领取奖励的背诵模式。这一设计策略巧妙地激发了用户的好胜心和好奇心,使得用户在挑战自我、追求成就的过程中,对产品产生了更深的依赖与喜爱。通过这种方式,百词斩不仅提升了用户的学习动力,还进一步增强了用户对产品的忠诚度与粘性。
产品体验日记01
 
 
 
 
六.宠物养成陪伴成长
"我要做计划"这款App创新融合虚拟宠物陪伴成长,针对用户“三分钟热度”,让宠物成为计划的忠实监督者。通过定时提醒、情感互动,深度链接用户情感,增强依赖与归属感。这款App不仅高效有趣地助力自我提升专注力,还营造温馨激励的成长氛围,让用户在成长路上感受宠物“小伙伴”的温暖力量。
产品体验日记01
 
 
 
 
七.品牌化设计
在古茗的首页设计中,品牌元素以精致入微的动效形式巧妙融入页面布局之中,这一创意手法极大地加深了用户对品牌的记忆点与认同感。微动效过渡自然流畅,更以鲜明的视觉冲击力脱颖而出,成功吸引并锁定了用户的注意力。在增强页面活力的同时,也保持了整体视觉效果的和谐与统一,使得用户在享受流畅浏览体验的同时,对古茗品牌留下了深刻而美好的印象。
产品体验日记01
 
 
 
 
八.寓意深远的微动效
得到在电脑端“每日成长”设计中,微动效寓意深远:高山象征阻碍,预示挑战将过;书障寓意学习难关,书指明路,积智前行;大雁述说坚持与梦想,终达辉煌。这样的设计,不仅让页面充满了生动与活力,更在无形中传递着一种积极向上的力量,激励着每一个人在成长的道路上不断前行,不断超越自我。
产品体验日记01
 
 
 
 
九.IP元素的场景应用
在coStudy咨询处页面设计中,IP元素融入功能图标,增强品牌展现,吸引用户,让图标彰显品牌魅力,用户交互中深刻感受品牌特色;此设计提升体验,巩固品牌形象,实现品牌与功能完美共生。
产品体验日记01
 
 
 
 
十.优秀产品分享
小日常产品采用了一种扁平化的手绘线性风格,这种风格清亮简约且独具特色。产品中的各项功能大多以图标的形式直观展现,设计巧妙,极大地提升了用户的操作便捷性。其学习成本极低,所涵盖的功能均为日常高频所需,能够迅速帮助用户记录下各类重要事项,有效避免遗忘。对于现代忙碌的上班族而言,小日常产品无疑是一个理想的选择。它以其便捷性、快速响应和简单易用的特点,完美融入了快节奏的工作生活中,成为了用户不可或缺的日常助手。
产品体验日记01

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

平面理论告诉你,UI设计如何更有吸引力?

资深UI设计者

初入职场是否有困惑过自己的设计平淡,不够抓人眼球。本期讨论下设计基础理论中的
造型质感、配色、排版、画面故事
是怎么影响视觉体验的,以及如何设计更有吸引力?

超长干货!UI设计师必须要懂的4个设计心理学

资深UI设计者

设计方法论在UI设计中的应用带来了显著好处,通过系统性的设计流程和框架,团队能够更有效地处理挑战、创造出用户关注的界面。它促进了团队协作与沟通,强调问题解决与创新,同时重视持续的用户测试与反馈循环,有助于提高设计质量和用户满意度,使得设计过程更为高效、有条理并具备创造性。

在浅色UI设计中,有哪些色彩心理学原则?

蓝蓝设计的小编

在浅色UI设计中,色彩心理学原则可以帮助设计师更好地理解色彩对用户情感和行为的影响,从而创造出既美观又实用的界面。以下是一些关键的色彩心理学原则:

1. 色彩与情感

  • 冷暖感:浅色背景通常给人以轻盈、明亮的感觉,适合营造清新、舒适的氛围。例如,浅蓝色和浅绿色可以传达宁静和放松的情绪。
  • 情感传达:不同的颜色可以激发不同的情感反应。例如,浅粉色和浅黄色常用于传达温暖和友好,而浅灰色则可以传达专业和稳重。

2. 色彩与认知

  • 对比度:在浅色背景上,确保文字和其他重要元素与背景有足够的对比度,以提高可读性。例如,使用深色字体在浅色背景上可以确保文本清晰可见。
  • 层次感:通过色彩的明度和饱和度差异,建立信息的层次结构,引导用户的视觉焦点。例如,使用较深的色彩来突出重要的按钮或链接。

3. 色彩搭配原则

  • 主色调与辅助色:选择一个主色调来定义界面的整体风格,并用辅助色来补充和强调重点元素。例如,浅色背景可以搭配鲜艳的辅助色来吸引注意力。
  • 色彩和谐:使用相似色或互补色来创建和谐的视觉效果。例如,浅蓝色背景可以搭配浅绿色或浅橙色来增加视觉层次。

4. 文化差异

  • 文化背景:不同文化对色彩的解读可能不同,因此在设计时需要考虑目标市场的文化背景。例如,在某些文化中,白色可能与纯洁相关,而在其他文化中可能与哀悼相关。

5. 用户行为引导

  • 引导注意力:通过色彩的对比和饱和度来引导用户的注意力。例如,使用鲜艳的色彩来突出重要按钮或操作提示。
  • 情感引导:利用色彩来引导用户的情感反应和行为决策。例如,在健康应用中,使用浅蓝色和绿色来营造放松和健康的氛围。
  • 通过合理运用这些色彩心理学原则,设计师可以在浅色UI设计中创造出既美观又易于使用的界面,提升用户的整体体验.

    兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

UI设计公司分享:浅色 UI 界面设计颜色搭配

蓝蓝设计的小编

浅色 UI 界面设计的颜色搭配是一门艺术,需要设计师深入了解色彩心理、用户需求与产品特性,通过精心调配基础色、主色调、辅助色以及把控对比度,方能打造出美观舒适、功能与美学兼具的优质 UI 界面,让用户沉浸其中,畅享数字交互之美。

用户体验思维:以人为本的设计之道

蓝蓝设计的小编

 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道
 
 
用户体验思维:以人为本的设计之道


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

如何在UI设计中营造出“设计愉悦感”

蓝蓝设计的小编

当我们谈及用户体验的时候,“愉悦”这个词是最常听到的一个形容词。让用户爱上一个产品,“愉悦”的用户体验就是核心要素,这也是设计力图达到的效果。
在一个产品的体验中,使用户在情感上感到愉悦的时间节点是不固定的(large or small),合理的设计能够满足用户在情感上的需求。
恰到好处的成就感和让人感到惊喜的细节能够唤起人们内心的幸福。
我们总会对那些体现着愉悦性的设计细节赞赏有加
我们总会对那些体现着愉悦性的设计细节赞赏有加
 
分享目录:
一、深度愉悦与表面愉悦
二、了解 Kano 模型
三、只有满足基本期望才能让用户产生愉悦情感
四、时机
五、负面效应
六、总结
 
一、深度愉悦与表面愉悦
愉悦分类
愉悦分类
 
从根本上来说,创造卓越的用户体验是获得深度愉悦的先决条件。
而现在仅仅聚焦于产品功能、实用性和特色已经远远不够了,我们要在这之上考虑更多东西。为了能够在市场上实现差异化并进行自我提升来超越竞争对手,我们需要专注于提升用户满足感、兴奋感与参与感。这事先就应该被考虑进设计过程中,而不应该搁置到过程结束之后再考虑。
这对于整个体验是非常特别的部分,就像招牌菜的秘方,故事的反转。
  1.  
    深度愉悦是你创造终身客户价值的方式。
  2.  
    深度愉悦是你让你的产品融入用户日常生活的方式。
  3.  
    深度愉悦是你与客户建立心理安全的方式。
 
在你的设计中营造“愉悦感”
 
 
二、了解 Kano 模型
东京理工大学狩野纪昭(Noriaki Kano)教授于1979年发表了《质量的保健因素和激励因素》,并与1984年1月18日正式发表《魅力质量与必备质量》,标志着KANO模式的确立。
因为在互联网圈内贴合度很高,可以对需求进行分类、优先排序。也就变成了产品经理的方法论之一。
五大需求类型
五大需求类型
 
1、基本型需求
基本型需求也称为必备性需求、理所当然需求,是用户对企业提供的产品或服务因素的基本要求。它是用户认为产品“必须有”的属性或功能,当基本性需求满足时,用户不一定会很满意;但如果没有被满足,用户就会很不满意。
对于这类需求,企业的做法就是注重不要在这方面失分,不断地调查和了解用户需求,并通过合适的方法在产品中体现这些要求。
2、期望型需求
期望型需求也称为意愿型需求。是指用户的满意状况与需求程度成比例关系的需求,即这类需求做的越好,用户的满意度就会越高。虽然期望型需求没有基本型需求那样苛刻,要求提供的产品或服务比较优秀,在互联网圈内,也成为“痒点”,即体现企业竞争能力的表现。企业能通过这类需求来提升产品的独特性与质量,超过竞争对手。
3、魅力型需求
魅力型需求也称兴奋型需求,是指提供给用户的完全出乎意料的产品功能或服务,使用户产生惊喜感的需求。虽然没有这个功能不受影响,但是提供之后会让用户非常的兴奋和满意。与期望型需求区别之处在于,魅力型需求是指数型的曲线,而期望型需求是线性曲线。
4、无差异型需求
无差异型需求是指就是你有没有这个功能用户都不太在意,对用户没有影响。
5、魅力型需求
反向型需求又称逆向型需求,指引起强烈不满的、导致满意度降低的需求功能。提供了反向型需求反而会使用户满意度降低。
KANO模型-四象限图
KANO模型-四象限图
 
Kano发现,如果你不满足基本需求,客户就不会对体验和性能感到满意,而愉悦感则毫无意义。他还指出,随着时间的推移和曝光度的提高,愉悦感可以成为性能需求,而性能需求可以成为基本需求。 想想 Twitter 的下拉刷新模式,或者 Slack 或 Discord 中的斜线命令。这些功能已经从令人兴奋的功能迅速转变为基础的UI模式,当它们不存在(或无法按预期工作)时,会让人不满意。
 
 
三、只有满足基本期望才能让用户产生愉悦情感
我们把 “令人沮丧”和 “令人愉悦”作为一个维度的两端来评估一个设计。而这个维度的中点,意味着设计既不令人感到沮丧但也不令人感到愉悦,它还好,它可以正常运行,它能用,它实用,它并没有令人难忘或者脱颖而出。它提供的是表现一般 平平无奇的用户体验。
把一个设计从令人沮丧移动到维度的中点, 意味着我们需要了解我们的用户并达到他们的预期和需求。要去掉任何能够让用户产生“难用”和“困惑”的因素,解决导致处理工作任务变慢。
Aaron Walter-用户需求的5个等级
Aaron Walter-用户需求的5个等级
 
1、解决用户的失败操作
我们经常会遇到类似的问题,项目里的每一个人都急于想设计出“理想”的视觉界面。然而,想要达到所谓的“完美”效果,往往痴人说梦。我们都知道,人与人之间存在极大的差异,即使我们的产品功能再完美,用户在使用产品的时候,哪怕只是遇到一个小小的障碍或断层,就会对产品的印象大打折扣。因此,我们应该将重点关注在解决用户的痛点,这一点很重要,可以让我们避免陷入“理想”设计和“完美”产品的漩涡之中,可以将影响面降到最低。
 
2.简化用户的复杂操作
过度密集是设计的最大阻碍。过多的元素会让用户感受到困扰,极大破坏用户体验。过度密集的设计涉及到界面中元素的数量,也涉及到视觉特征的多样性。过多的颜色和形状组合肯定会产生混乱。坚持美学的连贯、整体表达,形成让用户易于理解的设计语言。
互联网 30 年,桌面和移动界面的解决方案都已经标准化。符合用户习惯,就能够加速产品的学习周期。例如,用户习惯右上角看到个人资料或登录按钮。移动端搜索栏应该在列表的顶部。
这个规则不仅适用于单个界面元素以及元素的位置,也适用于整个页面或功能。如果忽略这些用户行为模式,出乎寻常的设计可能会延长用户的学习曲线,通常也会导致失败。
所有界面元素都可以根据用户的优先级来定位。考虑界面元素在用户执行任务时的作用,通过强调不同视觉的手法,我们可以在每一屏中确定界面元素的优先级。字体、颜色、形状、图标。这能够帮助用户遵循流程和界面逻辑行动。适当的将界面分区,这能够帮助用户划分关键场景。
当用户使用产品时,就会在脑海中构建一张心智地图。能够及时的提示用户操作某些特定的场景,提示寻找某些信息和服务等等。
 
四、时机
引起用户愉悦的体验一般都会由一个特殊场景或者特定的客户触点触发,比如等待时间、消费数据、升级过程等等。然而没有一种通用触发情绪手段适用于所有情况。我们所在的市场竞争激烈,我们要寻找新的方式使自己在一众竞争者中脱颖而出,同时为用户增加价值是我们一直努力的目标。我们都在为同一个目标而努力,即创造有意义的设计和用户体验来和产品建立深层联系。
让用户看到意料之外的结果能让沮丧的情绪转化成愉悦
有许多种方法和途径可以激活产品的“情绪愉悦”。而 第一步通常都是花费时间去真正了解用户痛点——找出什么对用户来讲很重要,并找机会填补这些空缺。
1、品牌个性
在众多不同的行业中,你需要一个能让你的产品在众多同类产品里 脱颖而出的品牌命名。
2、微互动
关注用户的情绪在 UI 交互中有非常重要的作用。我们都知道产品中的 微动画 有多么重要,我们可以利用这些动画来回应人们在屏幕前做出的反应。
在你的设计中营造“愉悦感”
 
 
在开发产品时,把 UI 界面体验变得 更感性,让用户觉得屏幕另一端运行程序的是 真实的人类 而不是冰冷的计算机。在用户完成一项个人目标时给予他们 奖励。例如,即便用户的收件箱没有新增邮件时,可以利用动画让用户在体验上有更多的 参与感 。
触感反馈就能体现应用软件在用户进行界面操作时给予了积极反馈。这样的举动会让页面加载时间变得更加有趣,不那么难以忍受。
Twitter 为用户改进了下滑刷新界面。就是这样简单而有效的产品反馈,让其他数千款 app 都不约而同地使用了同种交互语言,因为这让数据刷新体验更加流畅。
在你的设计中营造“愉悦感”
 
 
3、在用户没有抱有期待时提供帮助
让用户感到愉悦的瞬间并不需要高度可视化元素或动画。我们的目的是寻找这样一个机会,当他们没有意识到或者没有期待被帮助时,给予用户帮助。在这个案例中,正要输入繁杂冗长的 Wi-fi 密码时,界面跳出了“分享密码”的弹窗。这一举动使用户分享私密信息变得更安全,更简单,同时用户体验变得更轻松。
苹果:分享Wi-Fi密码
苹果:分享Wi-Fi密码
 
4、实时追踪反馈
实时追踪反馈是另一个行业变革技术应用。
Uber 的司机分享应用让用户在等车的同时,了解更多当前情景里的实时信息,例如你的司机是谁、接车车型、该司机的乘客评价等。有了这个功能,用户会认为自己有被很好的关心到。据我们了解,很多公司也在他们的应用产品上使用了这一策略和服务。现在你可以在手机上看到你订的披萨外卖已经走到哪里,大概什么时候会被送到。
在你的设计中营造“愉悦感”
 
 
5、自动填充
验证码发送后可以选择自动填入,不需要手动输入操作。
这是另外一个用户无需输入完整信息就可以达到目的,从而让用户的生活变得更加轻松的设计。
在你的设计中营造“愉悦感”
 
 
五、采取行动
设计能够愉悦用户体验的关键是什么呢?
我该如何在我的产品或者服务上实现这些呢?
愉悦用户情绪需要为体验中的某一关键时刻而设计,但是功能性又是放在第一位的。在设计过程中,你需要仔细并系统地处理用户情绪,而不是事后才考虑到这一点。
 
1、做好调研,从情绪板开始入手:
从外部和内部寻找灵感,不要局限于类似的产品,灵感可以以任何形式出现。
2、确定你所定义产品的使用案例:
找出你的产品能够让人感到意料之外惊喜的时刻。在建立的这种情感联系里,你的产品可以在哪些方面获利?
3、专注于一个目标,细节很重要:
让自己专注在一件事上,或者一个时刻。如果你同时想实现很多事,结果可能就是和愉悦用户背道而驰,还可能导致一屏信息过载,并且会让你的用户处于认知超载的状态。
你可以从以下 3 个层次入手对用户的情感做出反馈:
  •  
    本能层
    (外观,视觉语言,基调)
  •  
    行为层
    (如何运作,表现,回应)
  •  
    反思层
    (如何解释和理解)
4、传达意义即输出结果:
为情绪愉悦而设计的意义就是为了达成某一目的。你应该为了意义(达成目的)而做设计,二者应该是因果关系而非包含关系。这里的意义比情感更有力量,超越了本身的价值。
5、设计和演示:
和产品设计的其他过程一样,我们应该不停的测试、设计、测试、设计。让“愉悦情绪驱动的设计”变得有意义,就是一个不断迭代的过程,需要持续不断的实验和改进。
 
六、负面效应
当然,具有愉悦性的事物在某些情况下同样会带来负面效应。某些笑话可能冒犯到他人,温馨的广告可能误导部分观众,即便是可爱的音效也会因为运用不当而使人抓狂。
在UX领域,我们总会对那些体现着愉悦性的设计细节赞赏有加;而另一方面,对其负面效应的了解也将有助于我们更好、更全面的掌握这一设计原则,避开陷阱。
1、增加认知负荷与交互成本
一旦运用不当,意在愉悦用户的界面元素反而可能破坏可用性,增加界面的认知负荷及交互成本。
在你的设计中营造“愉悦感”
 
 
这是一个第一次见会被惊艳到,但实际上用起来可能没这么好的配色网站,界面排版视觉上非常舒服。
当随机换颜色的时候,背景会适配颜色变化,且有一个颜色渐变过度的效果。网站有个“颜色动态”的开关,点开后颜色数据旋转,由于中心旋转的缘故,使用时会产生眩晕、不适的感受。
过度追求视效及愉悦性,置可用性而不顾,穷极所能在每一个元素当中体现着“设计感”,最终结果便是信息难以获取,操作难以进行。
视觉表现层面的愉悦性可以为产品赋予生命与性格,使品牌形象更加生动饱满。然而一旦处理不当,愉悦性反而会破坏产品最基本的可用性,阻碍用户获取信息、完成任务。
2、审美疲劳
“惊喜”是构建愉悦体验的关键要素。新鲜的、不期而遇的美好事物总会让人感到开心。
通常情况下,愉悦感都会随着时间而渐渐淡化,你能想到的最为精彩出奇的细节表现也只会在最初的一段时间内给人以新鲜感,而维系的方式似乎只有在情感化的方向上一遍又一遍的重设计。
3、愉悦的定义是主观的
见过那些试图融入幽默元素的出错页面?本质上讲,这种做法相当于在很坏的状况下通过开玩笑来缓解尴尬。通常,在人们试图获取信息、保存数据或完成任务却遭遇意外状况而导致失败的时候,任何带有“搞笑”味道的反馈信息都会显得缺乏同情心,用户很可能感到被冒犯,甚至因此被激怒。
此外,“愉悦”的定义也因人而异。在一部分人看来十分新鲜有趣的东西,对另一部分人可能会很糟。普遍适用的愉悦标准几乎是不存在的,“情感化”是一个复杂地带,良好的设计初衷未必如愿带来正面的结果。
令人不适的缺省设计
令人不适的缺省设计
 
4、安全的愉悦性策略
对愉悦性的负面效应了解后,我们知道,挑战和风险确实存在,但这并不意味着你需要彻底规避这个概念,关键在于识别一些适合承载愉悦体验的时间点。
在那些用户不常见到的界面当中尝试愉悦性元素是最为安全的
譬如:
  •  
    app启动页面
  •  
    帐号设置成功页面
  •  
    新功能游历
  •  
    用户初次完成某个重要操作之后的反馈页面
  •  
    空状态页面
这些状态通常只会被体验一次,情境都以正面情绪为主,无需担心反复无趣或是恼人一类的问题。
所以我们时常在新手引导流程当中看到一些有意思的表现形式,例如改版后的Google Sites。这类产品环境当中的多数页面都很简单直白,高度聚焦于任务,没有多余的元素干扰流程,只有在这些“一次性”的环节当中给人以惊喜,通过引发情感共鸣来促进信息的传递。
在你的设计中营造“愉悦感”
 
 
当下对于愉悦性的运用方式大家都在摸索,因为这是一个很主观的概念,任何绝对化的规则都难以成立。 对于如此抽象和感性的概念,恐怕每个人心中都会有着不同的定义。
 
七、总结
永远不要低估“愉悦”在优化用户体验方面能够发挥的作用。我们应该对它持有积极的态度并找到机会让“用户情感愉悦”在我们的产品里发挥作用。同时我们要牢记,制造“愉悦”情绪的根本是,我们要为用户提供从未期待过的奖励,而不是仅仅是为用户开发一个产品。
我们的最终目标一直都是功能性、稳定性、实用性,而追求“愉悦”并不应该成为限制这些目标的枷锁。每一个要实现的目标都应该能够相互衔接融洽互不干扰。我们需要移除科技术语,遵循自然语言,在产品里添加“有趣”“幽默”的特性,最重要的一点:你的设计和产品需要别有用心。
不要一味的注重产品的功能,同时还要考虑用户的情绪。我们需要为用户提供一个有趣味性的使用体验。
在你的设计中营造“愉悦感”


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

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档