火星网校
16个总能带来增长的UX及UI设计技巧
发布时间：2024-08-16 19:17:55 浏览量：184次
嗨小伙伴们大家好～☀️
今天小编给大家带来的文章是16个总能带来增长的UX及UI设计技巧，本篇文章我们挑选了16个能够带来增长的UX和UI技巧，从而节省你的脑力专注于更复杂的UX和产品挑战，一起来看看吧！
用户体验是一个发现的过程。我们经常主张用户体验并不随着某个项目而开始与结束。只要你的产品还在，用户体验流程就永远不会结束。当涉及数字产品时，总有改进和成长的空间值得探索，所以设计过程是产品成长过程中不可分割的一部分。
不过在谈及可用性和设计原则时，我们可以毫不犹豫地应用一些经过验证和测试的原则。大可不必重新造轮子。
我们挑选了16个能够带来增长的UX和UI技巧，从而节省你的脑力专注于更复杂的UX和产品挑战。
如果为按钮添加上下文信息，那么效果会更好，但是信息尽量不要超过三个单词，比如可以用”加入购物车“替代”加入“，用”立即购买“替代”购买“。
已经有大量的测试表明，移动设备上最好的可读性原则是确保每行单词个数不超过9个，即不超过50—60个字母。
移动端的召唤行动按钮应该比大多数设计师使用的大小都大。麻省理工学院(MIT)的触觉实验室的研究结果表明，大多数成年人食指的平均宽度为16—20毫米，因此合适的按钮尺寸应该为40—50px宽。
不确定何时使用单选按钮何时使用下拉列表。这个UX原则非常简单：当选项少于5个时候使用单选按钮，当选项超过5个时使用下拉表单。
许多UX设计师都倾向于使用无限滚动来让设计更具时尚和现代感。然而，这不适用于试图找到正确内容的用户。实验证明无限滚动页面适用于内容探索，而分页适用于以目标为导向的用户体验，比如电商网站或数据丰富的网站。
输入和额外的点击具有很高的交互成本。要提高表单的转化率，可以提供默认选项，提示用户所需的以及高频的选项。
滥用图标是一个UI错误，经常会有损用户体验。图标的使用应该具备明显的用意，加强无法用文字表达的内容，一定不要将实际功能隐藏在模糊的图标下。UX黄金法则是：当文本不足以解释操作时，可以使用图标。
为了提高转化率，请务必提供纠正错误的建议，从而减轻用户的认知负担。保持人性化和幽默感，避免用户在面对错误屏幕或错误消息时流失。
这里的UX原则很简单：对于多选使用清单，对于单选使用单选按钮。任何设计师都应该这样做。
使用占位符可以设定更好的情境并增加表单转换率。但是你需要再多做一步，使用示例而不是只显示用户需要输入的内容项。例如，显示电话号码如“+44 757 869”，而不是“输入电话号码：”或者是“hi@pony.studio”而不是"电子邮件"。这是一个经过验证的用户体验原则。
回顾第三项法则中提到的麻省理工研究，移动端上更宽的按钮以及可点击区域总是比小的UI组件效果更好。所以如果设计允许，一定要在移动端上使用比单选按钮、下拉菜单或复制链接更宽、更大的视觉选项。
采用颜色标签用于分类可以降低用户认知负担，所以可以在关键的设计元素上使用颜色区分。但风险在于不要过度使用颜色，因为这可能会产生相反的效果，并影响用户体验的层次。
始终为文本输入框旁的按钮使用不同颜色，以确保该按钮不会与文本输入区域融合在一起，并作为CTA按钮突显出来。
我们都希望字体大小和行距之间能有一个完美的比例，但是很抱歉我们将打破这个希望——并没有通用的完美比例。通用UX原则是：保持行间距比字体大小高20–30％，从而提高可读性。通常这个比例范围可以适用于大多数情况。
如果所有设计都使用相同的字体大小，那么世界将会变得非常无聊。如果你为了保险起见，16px字号和1.5倍行高是通用的方案。这是适合正文的最安全的选项。
如果你想给设计增添些别致的色彩，可以选择重叠图片，这尤其适用于设计用户个人资料页面或卡片。为确保样式的平衡，请确保图像边缘颜色与背景色匹配。
---
来源网络
想要了解更多UX和UI设计技巧，快来火星时代教育，我们有游戏设计培训、动画培训、UI设计培训等课程，点击点击咨询，一起进步吧！
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
