发布时间:2020-3-30 分类: 行业资讯
作为产品经理,有必要了解某些UI设计指南。
作为产品经理助理,在短短几个月的产品工作和学习中,我发现学习产品的人真的需要通过不断的学习将自己变成“T型人才”,也就是说,不仅仅是在他们自己的产品中。学习领域很深,并且需要或多或少地涉及其他领域,例如心理学,广告,操作和UI交互。这样,当您考虑设计时,可以避免与UI交谈。但是,由于他在这方面没有理论知识,他无法张开嘴,无法说服人,或被不喜欢此类产品的用户所操纵“rdquo;而且不知道该说些什么。
因此,为了避免这些令人尴尬的事情再次发生,我只能在互联网上阅读一些UI设计指南,我打算通过互联网学习,当我有机会下次面对用户界面时,我可以说我自己。例如,原因引用了某本书的某个定理,因此用户界面再也不会觉得我是一个不懂任何东西的设计理念。
哈哈,回到主题,我现在将选择一些我认为更有用的规则。根据我所看到的书籍和实际例子,这些理论更容易理解,让与我处于同一水平的小白人可以学习。
一致性原则
定义
让我们在页面的相同结构上放置相同的信息和控件,这可以减少用户的思考时间,并使用惯性来选择我们需要的相关控件,大大降低了运营成本。不同页面上提供的相同功能的控件和数据显示应放在每页的相同位置,并应具有相同的颜色,字体和阴影。这种一致的性能允许用户快速查找和识别它们并减少误解。
示例说明
例如,在代购源码网站中,如果其中一个网页的提交按钮与其他网页提交的按钮不同,则按钮的操作成本和相应的思考时间将大大增加。
习惯原则
人们在判断,一开始会有相应的阻力,也就是问题会对问题更加敏感,但是更多的人会放松警惕,问题的类型也不会那么敏感。
因此,如果单击某个位置的特定按钮,按钮的灵敏度将在后期逐渐降低。我们可以使用此功能将重要的事情放在显示过程的背后。
例如,当我们下载某个产品时,在下载完成后,弹出框会勾选一些用户默认会反对的内容。如果浏览器是此类型的产品,则将选择默认弹出窗口。默认浏览器或注册术语(如用户注册过程)也默认设置一些使用户在最后一步中感到不舒服的元素。
接近原则
定义
物体之间的相对距离影响我们对它们是否以及如何组织在一起的感知。彼此接近的对象(相对于其他对象)看起来像一个组,而那些距离较远的对象则不是。设计人员使用此原则使用组框或屏幕控制和数据显示将它们分开。这使整个画面看起来更清晰,更有条理。对于每个人来看一个例子,就像一些网页UI设计会制作这样的图片
因为斜杠太接近文本,所以人们很容易认为斜杠和文本是一个组,这将导致格式看起来很奇怪。它让人们感觉轨道前面的文本组后面跟着横杆。
深度和深度原理
两种颜色越浅,它们越饱和,就越难以区分它们。例如,白色和米色,Tiffany蓝色,浅蓝色或浅绿色,因为这些颜色太近而且饱和度不高,如果这些颜色在选定状态和未选择状态下使用,则当前步骤和状态非当前步骤然后,用户无法在视觉方面做出明显的判断。不可能区分哪一个当前在哪一个,哪一个不在。
因此,如果您使用的用户界面已经离开家,或者如果您没有对专业进行彻底的研究,如果您使用这种无法识别的颜色来完成这一过程,您可以对PM说硬-working PM:根据色块深度原理这样做是不合理的。
无法识别的书写和字体
比较研究表明,具有阅读技能的人比阅读小写文本的人慢10%-15%。目前的研究表明,这主要是由于缺乏阅读大写字母的培训。中空轮廓的形状使得特征识别更加困难。
关闭原则
我们的视觉系统会自动尝试关闭一个开放的图形并将其视为一个完整的对象而不是一个分散的部分。因此,我们将散射圆弧视为圆形:描述整个对象堆栈或抽象对象的两个表示。
体/背景
当一个小物体与一个较大的颜色块重叠时,我们倾向于认为小物体是主体而大物体是背景。当对象重叠时,我们将小对象视为背景上的主题。当弹出Toast时,用户注意力焦点的内容暂时成为新信息的背景,并且新信息被简要地用作新主题。
Fitz定律在设计中的应用:
目标(图形按钮,菜单和链接)应该足够大,以使人们感觉到它们。不要让实际的可点击对象至少与它看起来一样大。不显示大按钮,但只有一个小点击区域接受点击。例如,在控件的文本标签中,例如复选框单选按钮和切换开关,我们应该让他们接受像控件本身一样的点击,从而扩大点击区域并使用户体验更好。
将重要目标放在靠近屏幕边缘的位置,方便用户点击。我们删除了ICON。
指导法
沿限制路径移动指针。指针在已被限制的路径上移动并移动到目标,因此路径越宽,指针移动到目标的速度就越快。宽路径意味着您不必小心移动指针,您可以快速移动目标。例如,右侧菜单在应用程序中非常常见,例如项目列表,右键单击出现的弹出窗口。
行动呼吁
使用形状上的渐变,阴影和圆角,按钮文本上的文字使用紧迫性和即时性,使按钮更加召唤并激发用户的点击欲望。
时间感知
视觉事件与我们对其地面的完全感知之间的时间差:0.1S,因此吐司提示的时间差优选大于0.1S。
可以感知导致另一事件的事件不超过0.14S。:例如,如果触发事件但事件对应的时间超过0.14秒,则此事件没有意义,因此单击按钮。时间最好超过0.14S。
有一些小理论
1人们倾向于更多地关注搜索结果,而不是特别注意搜索框。因此,如果你搜索,最好有一个页面提示,如百度搜索
2导航深度:在具有两个以上级别的结构中,“面包棒”导航路径可以指示当前用户的位置。这种情况现在在代购源码网站页面上比在APP上使用的更多。/P>
3人们需要不断强化和回忆短期记忆,而对于长期记忆,他们需要使用工具来不断强化他。因此,在提供安全问题的情况下,我们还应该允许选择提供安全问题。用户创建自己的安全问题,这可以减少用户忘记的程度,从而在忘记密码时更好地设置安全密码。
4使用这些功能的人越多,它们就越明显:许多人需要的功能非常明显,用户可以查看和识别他们拥有的选择,而不必记住它们的位置。相反,可以隐藏训练有素的人特别使用的一些功能。例如,以虾音乐为例。用户最常用的是搜索音乐和听音乐,因此搜索框放在显而易见的页面上,然后像图片一样。记分员将在专家级别使用的功能放在帐户的第三级页面上–侦探实验室–
5使用视觉提示让用户知道他们的位置。一些企业代购源码网站使用图像告诉用户他们确实是在一个真实的公司代购源码网站而不是一个虚假的网络钓鱼代购源码网站(这是一个相对较早的理论,我觉得现在没多少实用性)。
6措辞会影响我们的选择:您的治疗可以达到90%的生存率。你有绝症,有治疗,死亡率是10%。
7种色盲无法区分的颜色对:深红色和黑色蓝色和紫色浅绿色和白色。
本文最初由@crystals发布。未经许可,禁止复制。
该地图来自Unsplash,基于CC0协议