火星网校
UI设计师常疏忽的十个要点，为你成就UI大师!
发布时间：2023-12-21 15:30:13 浏览量：209次
有段日子没给大家推荐国外优秀设计文章了~今天小编逛UX Collective的时候，发现一篇2.8k高赞的设计文章，作者Danny Sapio是国外著名设计机构Confetti的联合创始人兼资深产品设计师，他为我们总结了他认为最重要、也最容易被设计师们忽略的10个设计问题，相信一定会对大家有所帮助哦~
原文内容
▼
此列表改编自Will Grant的《101个用户体验原则》，这是书中101条原则中我最喜欢的10条。
1.空状态
空状态≠空白页面
当用户第一次打开我们的界面时，很可能由于尚未添加任何内容，因此处于空白状态，比如阅读记录、项目、待办事项、好友、歌曲列表等等。
但在内容会出现的地方留下空白，会让我们错失一个和用户交流的好机会，我们完全可以利用空白状态来引导用户，提供指导和信息，说明你的软件可以做什么...
但不管你决定做什么，都别只说 "这里还什么都没有......"
2.滑块
请勿将滑块用于可量化的值。
你有没有遇到过想将滑块调节到6，却一直不小心滑到5和7的情况？这不是你的错，这是设计师的错。
虽然滑块对于亮度、音量、颜色选择器等定性值很友好。但我们绝对不要使用滑块来选择特定的数值，在某些情况下，滑块真的让人令人沮丧并且无效。
3.下拉式菜单
只有在有选项很多的情况下，才使用下拉菜单。
当我们有很多选项时，比如选择国家或生日，下拉菜单可以帮助我们提高可用性。但如果我们只有少数几个选项时，使用单选按钮或滑块会更适合。
ps.如果我们的下拉菜单非常非常长，可以考虑添加一个迷你搜索或过滤器，这样用户就可以快速找到他们需要的选项了。
4.控件
控件的大小应该保留足够的空间，以配合手指点击操作。
需要小心翼翼的躲避其他选项才能点击正确的选项是非常令人沮丧的。我的经验是元素之间至少保留2mm间距，这样可以有效防止用户误点。
Apple的《iPhone人机界面指南》建议最小目标尺寸为44px宽，44px高。
Microsoft的《 Windows Phone UI设计和交互指南》建议触摸目标大小为34px，最小触摸目标大小为26px。
5.无限滚动
无限滚动只适合feed流
无限滚动是所有社交媒体APP都在使用的。它的特点在于不需要点击到下一个页面，内容就会随着用户的滚动而异步加载。
这种方式在信息流中效果很好，但如果应用到消息、邮件、待办事项、搜索中，会让用户无法确定开头、中间和结尾在哪里。
比如当用户可以看到一个有945页的界面时，他们可以决定是用搜索、排序还是过滤来缩小列表的范围。但如果他们压根不知道列表中到底有多少个项目，那么也无法锁定自己想看的内容在哪个位置。
6.分页
对于有开头、中间和结尾的内容，应该使用分页。
分页虽然看起来有些过时，但它有几个好处:
1.它有助于用户确定自己的位置，而不是浏览一个无穷无尽的列表。
2.它会记住用户的位置并向他们显示当前页面。
3.它可以让用户清楚地知道内容的开头、中间和结尾在哪里。
4.帮助用户快速切换位置
5.帮助用户缩小搜索范围。
7.用户引导
用户不希望通过阅读来理解操作
“show don 't tell”源自于剧作家安东·契诃夫，这是一种使读者能够通过感官和感觉而不是作者的描述来体验故事的技巧。
用户不希望通过阅读来理解产品如何使用——相反，他们更加喜欢直观地体验。
虽然视频演示非常适合复杂的软件和界面，如果我们无法制作视频，那么界面提示也是很好的起点。不过，一定要让这些提示在视觉上更吸引人、且不会过多的抢占用户注意力。
8.标签
没有描述性标签的神秘图标不仅毫无用处，在用户测试中更是表现糟糕。
图标为我们提供了视觉参考，让用户可以通过它快速识别控件。但前提是：用户可以读懂这个图标的含义。
有些图标可以不使用标签，如粗体、斜体、下划线等。但是，在菜单或工具栏中的图标必须用描述性文本来解释其含义。
图标经常被误用，以至于用户有时很难指出大多数图标的单一含义。不同的设计师用不同的图标来解释同一件事，或者用同一个图标来描述不同的动作。
例如，放大镜可能在一个界面中表示“搜索”，在另一个界面中却表示“放大”。
9.本机组件
通过利用已经内置到产品中的组件，我们可以为用户提供熟悉的体验并避免操作失误。
无论你是一个多么优秀的设计师，你都没有理由从零开始设计一个日历日期选择器。因为即使你的产品比原先更好，但用户还是需要重新学习新组件，这对他们来说是很不友好的。
相比之下本地组件就简单很多了——使用它们可以为你的团队节省更多时间和精力，并减少用户认知障碍。
10.载入中
如果任务需要的时间不确定，那么最好使用旋转loading
当我们精确地知道一个加载过程需要多长时间，例如下载或上传时，带有百分比的进度条是完美选择，但是如果我们不能确定这个加载过程需要多长时间，那么最好使用只表示状态的旋转加载。
并且如果出了问题或出现错误，请确保你的旋转图标停止并向用户发出警告。不然你的用户就只能白白等待一段时间，而后台却没有做任何事。
～此文转载，如有侵权，请联系删除
热门课程推荐
热门资讯
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
1、PSCC—首选项，选择界面颜色
最新文章
