站长二维码

当前位置:首页 > 科技动态 » 正文

UI设计的十大戒律

 人参与  2020-08-13 10:38  分类 : 科技动态  点这评论

本文根据Will Grant的101个用户体验原则整理的。这是我最喜欢的书中的101条原则中的十条。
 
一、空状态下请显示一些内容 
你应该在空白状态下展示一些内容而不是让用户什么都看不到。如果用户是第一次打开一个应用,那应用中某些页面可能没有内容可以显示。这个页面可能是一个包括书籍、项目、待办事项、客户或歌曲的列表,但由于用户还没有添加任何内容,所以它是空的。如果你在一个页面中留下了大面积的空白那么你就错过了一个为用户提供有关您的软件可以做什么的指导和信息的好机会。

 
您应该充分利用空状态页面来帮助你的新用户。您可以使用空状态页面为用户提供建议、指导、可能的操作,或者简单地将空状态替换某些缺省信息。无论你决定做什么,确保你不要只是说,“这里什么都没有……”
 
二、不要使用滑块控制精确的数值 
你不能让用户使用滑块控制一个精确的值。当你想把滑块设为6,但它总是停在5或7时,你因此感到沮丧吗?这不是用户的错,是设计师的错。滑块对于诸如亮度、体积、颜色等定性值非常有用。你不应该使用滑块来选择特定的数值,在这种情况下滑块是令人沮丧和无效的。
 
三、选项太少的情况请不要使用下拉菜单 
如果有许多选项那你应该选择使用下拉菜单。当有几个选项时,比如选择您的国家或最喜欢的口袋妖怪,那么下拉列表是最适合使用的组件,只要您遵循下拉列表的规则来提高它们的可用性。但是,如果您只有几个选项,那么可以考虑使用单选按钮或滑块。如果你的下拉列表太长,有很多选项,那么考虑添加一个小搜索或过滤器,这样用户就可以快速得到他们需要的选项。

下拉菜单
 
四、确保点击区域的足够大 
你需要把控件设置的足够大以便于手指进行操作。如果你的界面是通过触摸来使用的,那么需要给可点击元素一个合适的尺寸。如果用户选择了一个他们不想选择的选项,他们会觉得这样的体验很糟糕。控件之间需要保持的2mm间距可以有效防止用户误触。苹果的iPhone人机界面指南建议最小目标尺寸为44x44px。微软的Windows Phone用户界面设计和交互指南建议触摸目标尺寸为34px,最小触摸目标尺寸为26px。
 
五、信息流页面推荐使用无限滚动
你应该为信息流类型的内容提供无限滚动。无限滚动是所有社交媒体应用都在使用的东西。无需点击下一页,内容在用户滚动时异步加载。这在新闻类应用中非常有用,但是如果应用于消息、电子邮件、待办事项、搜索等,那么用户将无法确定开始、中间和结束的位置。
 
当用户看到一个列表中有945个页面时,他们可以决定是否使用搜索、排序或筛选来缩小列表范围。如果他们不知道列表中有多少项,他们就不能做出这样的决定。
 
六、对于有限内容推荐使用分页
对于有开头、中间和结尾的内容,应使用分页,分页可能看起来过时了,但它有几个好处:它能够帮助用户确定自己的位置,而不是感觉像是在搜索一个无止境的列表。它会记住用户的位置并向用户显示当前页面。它明确了内容的开始、中间和结尾在哪里。如果需要,用户可以通过页面底部的标签访问对应的页面。这使得用户很容易缩小搜索结果的范围。
 
 七、向用户展示好过向用户说明
你不应该要求用户费力的阅读来理解程序是如何工作的。“秀不说”这一表达方式通常被认为是剧作家契诃夫的一种技巧,即让读者通过感官和感觉而不是作者的描述来体验故事。用户不想为了理解而阅读,直接向他们展示并直观地体验是不错的做法。向用户展示如何使用你的产品比用文字告诉他们更好。视频演示是复杂软件和界面的理想选择,但是如果不能使用视频,那么屏幕提示也是一个很好的开始。不过,一定要让这些提示在视觉上更具吸引力。
 
八、标签和图标应该配合使用
你应该给图标加上描述性的标签;没有描述性标签的神秘图标是无用的,并且在用户测试中一直表现得很糟糕。图标提供了一个快速的可视参考,用户可以通过它立即识别控件。
 
但是,在发现和理解它的功能之前,标签会解释其用途。有些图标可以不用加标签,比如粗体、斜体、下划线等等。但是,菜单或工具栏中的图标需要描述性文本来解释其含义。图标经常被误用,以至于很难为大多数图标指出一个单一的含义。不同的设计者会使用不同的图标来解释同一件事,或者用同一个图标来描述不同的动作。例如,放大镜可能意味着在一个界面上“搜索”,在另一个界面上“放大”。
 
九、使用本组件可以提升效率
尽可能使用内置的系统组件;通过利用产品中已经内置的组件,我们可以为用户提供熟悉的体验并避免输入错误。不管你是一个多么优秀的设计师,你不需要从零开始设计一个日历日期选择器。即使这样让你的产品看起来更好,当你们为用户设计了一个完美的组件时,用户仍然需要学习新的组件。本地组件可以无脑使用-使用它们可以为您的团队节省时间和精力,并减少用户的认知摩擦。
 
十、根据实际情况选择活动指示器
如果任务需要的时间不确定,则应使用活动指示器。使用活动指示器可以告诉用户发生了什么事,但并不说明这个过程需要多长时间。如果您确切地知道一个过程需要多长时间,例如下载或上传,那么使用进度条是完美的。
 
显示一个带有完成时间百分比的进度指示器是理想的,但是如果您不能确定一个过程需要多长时间,那么使用活动指示器。如果发生错误,请确保活动指示器停止并向用户发出该问题的警报。如果没有,那么你的用户将继续等待,同时屏幕上没有其他变化。
 

本文标签:

上一篇:小米回应被印度禁用;扎克伯格谈TikTok禁令;特 下一篇:产品经理必须要知晓的知识点!

  • 网友评论
  • 赞助本站

赞助演示站
说点什么吧
  • 全部评论(0

推荐文章

标签列表

小编推荐

    热门文章 | 最新文章 | 随机文章

首页 业界动态好文分享网络营销科技动态文章投稿

Copyright © 2008-2020 them 版权所有 皖ICP备15013088号

全站搜索