优秀新媒体工具大全-媒帮派

常用
  • 站内
  • 图片
  • 动图
  • 视频
  • 图标
  • 头条
  • 百度
  • 知乎
  • 图片
  • 优质图库
  • 高清图
  • 高清图
  • 透明背景
  • 昵图
  • 图虫创意
  • 六图网
  • 素材公社
  • 站酷海洛
  • 闪萌
  • B7
  • 逗比表情
  • soogif
  • IconFont
  • easyicon
  • 创客贴
  • fotor
  • MAKA
  • 稿定设计
  • 叮当设计
  • 百度
  • 360搜索
  • 搜狗
  • Yandex
  • 谷歌
  • 微软PPT
  • 设计铺
  • 第1PPT
  • 优品PPT
  • 谷歌
  • 360翻译
  • 有道
  • 微软
  • 企业
  • 合同模板
自媒体大V交流群【微商】导航已上线,点这里查看【网站建设】导航已上线,点这里查看

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

原标题:UI设计师最容易忽略的10个错误!完美避雷你就是大神!

有段日子没给大家推荐国外优秀设计文章了~今天小编逛UX Collective的时候,发现一篇2.8k高赞的设计文章,作者Danny Sapio是国外著名设计机构Confetti的联合创始人兼资深产品设计师,他为我们总结了他认为最重要、也最容易被设计师们忽略的10个设计问题,相信一定会对大家有所帮助哦~

原文内容

此列表改编自Will Grant的《101个用户体验原则》,这是书中101条原则中我最喜欢的10条。

1.空状态

空状态≠空白页面

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

当用户第一次打开我们的界面时,很可能由于尚未添加任何内容,因此处于空白状态,比如阅读记录、项目、待办事项、好友、歌曲列表等等。

但在内容会出现的地方留下空白,会让我们错失一个和用户交流的好机会,我们完全可以利用空白状态来引导用户,提供指导和信息,说明你的软件可以做什么...

但不管你决定做什么,都别只说 "这里还什么都没有......"

2.滑块

请勿将滑块用于可量化的值。

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

你有没有遇到过想将滑块调节到6,却一直不小心滑到5和7的情况?这不是你的错,这是设计师的错。

虽然滑块对于亮度、音量、颜色选择器等定性值很友好。但我们绝对不要使用滑块来选择特定的数值,在某些情况下,滑块真的让人令人沮丧并且无效。

3.下拉式菜单

只有在有选项很多的情况下,才使用下拉菜单。

当我们有很多选项时,比如选择国家或生日,下拉菜单可以帮助我们提高可用性。但如果我们只有少数几个选项时,使用单选按钮或滑块会更适合。

ps.如果我们的下拉菜单非常非常长,可以考虑添加一个迷你搜索或过滤器,这样用户就可以快速找到他们需要的选项了。

4.控件

控件的大小应该保留足够的空间,以配合手指点击操作。

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

需要小心翼翼的躲避其他选项才能点击正确的选项是非常令人沮丧的。我的经验是元素之间至少保留2mm间距,这样可以有效防止用户误点。

Apple的《iPhone人机界面指南》建议最小目标尺寸为44px宽,44px高。

Microsoft的《 Windows Phone UI设计和交互指南》建议触摸目标大小为34px,最小触摸目标大小为26px。

5.无限滚动

无限滚动只适合feed流

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

无限滚动是所有社交媒体APP都在使用的。它的特点在于不需要点击到下一个页面,内容就会随着用户的滚动而异步加载。

这种方式在信息流中效果很好,但如果应用到消息、邮件、待办事项、搜索中,会让用户无法确定开头、中间和结尾在哪里。

比如当用户可以看到一个有945页的界面时,他们可以决定是用搜索、排序还是过滤来缩小列表的范围。但如果他们压根不知道列表中到底有多少个项目,那么也无法锁定自己想看的内容在哪个位置。

6.分页

对于有开头、中间和结尾的内容,应该使用分页。

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

分页虽然看起来有些过时,但它有几个好处:

1.它有助于用户确定自己的位置,而不是浏览一个无穷无尽的列表。

2.它会记住用户的位置并向他们显示当前页面。

3.它可以让用户清楚地知道内容的开头、中间和结尾在哪里。

4.帮助用户快速切换位置

5.帮助用户缩小搜索范围。

7.用户引导

用户不希望通过阅读来理解操作

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

“show don 't tell”源自于剧作家安东·契诃夫,这是一种使读者能够通过感官和感觉而不是作者的描述来体验故事的技巧。

用户不希望通过阅读来理解产品如何使用——相反,他们更加喜欢直观地体验。

虽然视频演示非常适合复杂的软件和界面,如果我们无法制作视频,那么界面提示也是很好的起点。不过,一定要让这些提示在视觉上更吸引人、且不会过多的抢占用户注意力。

8.标签

没有描述性标签的神秘图标不仅毫无用处,在用户测试中更是表现糟糕。

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

有些图标可以不使用标签,如粗体、斜体、下划线等。但是,在菜单或工具栏中的图标必须用描述性文本来解释其含义。

图标经常被误用,以至于用户有时很难指出大多数图标的单一含义。不同的设计师用不同的图标来解释同一件事,或者用同一个图标来描述不同的动作。

例如,放大镜可能在一个界面中表示“搜索”,在另一个界面中却表示“放大”。

9.本机组件

通过利用已经内置到产品中的组件,我们可以为用户提供熟悉的体验并避免操作失误。

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

无论你是一个多么优秀的设计师,你都没有理由从零开始设计一个日历日期选择器。因为即使你的产品比原先更好,但用户还是需要重新学习新组件,这对他们来说是很不友好的。

相比之下本地组件就简单很多了——使用它们可以为你的团队节省更多时间和精力,并减少用户认知障碍。

10.载入中

如果任务需要的时间不确定,那么最好使用旋转loading

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

当我们精确地知道一个加载过程需要多长时间,例如下载或上传时,带有百分比的进度条是完美选择,但是如果我们不能确定这个加载过程需要多长时间,那么最好使用只表示状态的旋转加载。

并且如果出了问题或出现错误,请确保你的旋转图标停止并向用户发出警告。不然你的用户就只能白白等待一段时间,而后台却没有做任何事。

今天的内容就到这里~

如果对你有帮助

记得点

UI设计师最容易忽略的10个错误!完美避雷你就是大神!

让我们知道哦~

我们会持续为大家输出有用的设计干货!

作者:Danny Sapio

原文链接:https://uxdesign.cc/10-commandments-for-ui-design-29ee9687a4

BIGD翻译整理,转载请注明出处。

BigDcc

有用(1)

文章来源于搜狐。原文链接请点击 这里
文章版权归作者所有。如作者或来源不同意请直接联系小编删除。
本文地址:http://123.meibp.com/article/6332.html

本类最新

文章分类

新媒体QQ群

新媒体工具交流群

871678631(点击加入)

本群只做工具应用交流,广告即踢

wechat

媒帮派

媒帮派-一站式新媒体运营助理

微信号:MeiBP_com