当前位置:首页 > 日记 > 正文

交互设计透视:谈论最容易被滥用的交互设计模式

交互设计透视:谈论最容易被滥用的交互设计模式
本教程是为朋友们介绍最容易被滥用的交互设计模式,教程很不错,很适合大家学习,推荐给大家,请大家尽快学习。
如果你是一个有经验的设计师,你应该同意的想法,从其他人的作品不算偷别人的作品中获得灵感,这属于研究的深入设计,这也是设计的模式,并坚持设计规范。所以,当然,你必须创建一个可用性的界面模式,用户熟悉。

然而,有些设计师会认为,符合设计规范,并经常从别人的作品中获得灵感,他们的创新能力会下降,导致mdash;mdash;应用程序的所有的日子,你是一个怎样的长。
从交互设计的角度来看,我们会发现一个问题,问题是什么

习惯用一些所谓最好的设计模式,可以让你感受到眉目传情,脸谱网,Instagram或其他一些应用程序总是你最爱是伟大的,你会觉得他们的设计目标和设计自己的目标并没有什么区别,但是他们成功了。你的工作已经失败了,因此,我们推荐一些公认的最好的设计模型(至少一次被认可),也许这是第一次,这些设计模式也是一样的。

1。隐藏导航
关于汉堡包图标,只有50万的文章可以争论,如果你没有读过其中的一个,试着读一两篇。实际上,这些文章中讨论的主要主题是图标中的导航,而不是图标本身。
上面的图片对设计师很有吸引力,而且非常方便,根本不用担心屏幕尺寸。它只需要这样一个图标。然后,所有的导航被添加到可以上下滚动的东西,然后让他默认地隐藏。

然而,实验表明,与完全隐藏的导航相比,一些导航可以提高用户的依赖度和满意度,甚至给您带来更多的收入,因此许多大公司现在扔掉他们以前的汉堡包图标,并向用户展示一些最常用的导航。
如果您的导航更复杂,那么请在考虑优先级的基础上适当地隐藏导航。
2、图标、图标随处可见
由于移动终端的屏幕大小的限制,许多大脑的设计师在任何文本域,可以通过更换图标为节省空间使用图标。我们都认为,象形文字或图标,不占用空间,不需要额外的转换是必要的,而且人都熟悉这些图标。真的如此吗所以,每个应用程序都这么做。
设计师把上述假设的思想,所以他们有时把实用功能的图标,但事实上,图标是很难确定的。例如,你能猜出发送的信息可以点击后在下图的Instagram这个图标
或者,如果您从未使用过谷歌翻译,那么您希望这个图标做什么呢
你总是认为你的用户对抽象图标非常熟悉,或者你总是认为用户会花很多时间学习和研究图标的含义,这是一个很常见的错误,很多设计师会犯这个错误。
一个困惑的标签栏上的bloom.fm

如果你曾经设计过一个图标,它需要一个弹出框来解释和提高可用性,即使你的用户能理解它,你也错了。
当然,这并不意味着你在设计中根本不使用图标,你的用户对很多图标都很熟悉。这些图标中的一大部分能够代表常见的功能,比如搜索、播放视频、邮件、设置等等(不过,用户可能不太确定当他们点击一个心形图标时会发生什么)。
一些可以被大多数用户识别并被认为是通用的图标。

对于复杂和抽象的图标,在显示时,应该始终将文本添加到显示中。这样,您的图标非常有用。同时,它还可以改进菜单的发现,并为您的应用程序添加漂亮的触摸和个性。
导航工具

对于基本功能,您可以使用图标来显示它们;然而,对于复杂的函数,您需要使用文本来说明(如果您想使用图标,请定期进行可用性测试)。
三.基于手势导航

当苹果公司于2007发布iPhone时,多点触控技术已成为人们关注的主流技术。用户发现他们不仅可以点击屏幕,而且可以放大、缩小和扫描。
手势在设计圈子中很流行,许多应用程序都是围绕手势设计的。
在明确的手势

像隐藏的导航栏和使用图标而不是文本,手势似乎可以为设计者节省一些屏幕空间。人们只需要清除左或右走。我们再决定怎么做。)
至于手势,你首先需要知道的是,手势是看不见的。人们需要记住它们,比如汉堡包菜单。如果你隐藏了一个选项,那么使用这个选项的人就越少。
此外,手势的问题类似于图标。众所周知的手势是点击、放大、上下滚动。同时,每个应用程序都有一些需要慢慢发现和学习的手势。

不幸的是,触摸屏的设计仍然是一个新的领域,而且在每一个应用程序中,大多数手势都不是标准和统一的,一个非常简单的手势,如左右光清除,在各种邮件应用程序中可能会有很大的不同。
在苹果的邮件应用程序,正确的扫描到右边,显示未读选项
在邮件框中,同样的手势表示邮件已归档。

或者,想想,摇动你的手机,并在两个应用程序,有两种不同的含义。撤销在iOS表达和传递反馈信息在眉目传情的地图表示。

永远记住,手势是隐藏的操作,人们不得不记住他们。这需要很多的努力为你的用户。如果你是一个赞助商,也许你可以让全世界的正确含义扫的方式是一样的:mdash;mdash,但只有当它是你的应用程序的概念设计中必不可少的一部分。
4、新手辅导

新手指南是最近的热门话题,它适合用户第一次处理应用程序,在很多情况下,这种简单的方法可以向用户显示一些透明覆盖层上的标签来解释接口元素。
在dcovery APP的新手引导
为什么这是一个糟糕的解决方案因为很多用户都会跳过你的介绍,他们要做的是使用这个程序快。即使他们注意到你的成绩,当他们关闭,这些所谓的教程是完全忘记了他们(特别是当屏幕全信息)。最后,重要的是在你的屏幕上添加这些引导标签和不提高应用程序的可用性。记住以下内容:
用户界面和讲笑话是一样的。如果这个笑话还需要解释才能理解,那就不是个好笑话了。
对于你的用户来说,新手的引导可能在其他方面更有用。例如,应用程序使用第一个屏幕来创建用户场景。
让你的第一批客户一个更有效的方式是一步一步的指导。例如,Duolin没有向用户解释如何应用工作,但促使人们做一个指定的语言快速测试(甚至不需要登录),因为用户可以学习如何在测试过程中应用软件的使用。同时,它也是一个更具影响力的方式来显示应用程序的价值。
你还记得苹果邮箱和邮箱中的左右手手势之间的区别吗看看他们是如何一步一步地做指导的:用户在应用程序提供的一个锻炼场景中开始使用应用程序时,必须尝试使用应用程序中的每一个手势。
当你要在半透明的覆盖层上设计你的引导标记时,停下来想想你的用户第一次使用你的应用程序的经验。注意环境的使用,一般来说,有一个更好的方法来欢迎你的用户。
5,充满创意,但不是直观的空白状态。
许多缺乏经验的设计师很容易忽视应用程序的空白状态,然而,这是应用程序整体用户体验的一个重要方面。
有时,设计师使用错误的信息和空白状态界面作为显示他们创造力的画布。

首先看,这很好,不是吗一个矢量加美观完全符合设计规范的布局。
但是再看一遍,你觉得写作有点奇怪:
这个屏幕上没有收藏,但是为什么这里有这么显眼的搜索按钮呢您希望用户搜索不在界面中的内容吗

第二很显眼的元素是矢量图,这显然是不点击(尽管很多人会去点击)。

屏幕上的提示说我应该找到超不起眼的_fcksavedurl =上。

首先看,这很好,不是吗一个矢量加美观完全符合设计规范的布局。
但是再看一遍,你觉得写作有点奇怪:
这个屏幕上没有收藏,但是为什么这里有这么显眼的搜索按钮呢您希望用户搜索不在界面中的内容吗

第二很显眼的元素是矢量图,这显然是不点击(尽管很多人会去点击)。

屏幕上的提示说我应该在顶部找到超级不起眼的+标志。为什么这个提示不包含一个Add按钮这就像说继续按钮继续。

总之,上面的空白屏幕不能帮助用户理解用户所在的环境:
什么是收藏它们为什么有用

为什么我什么都没有

我能做什么我该怎么办

当需要创造力时,它的用处就越小。下面的空白状态屏幕非常适合可用性。

在Lootsy的空白状态屏幕

请记住,空白状态(类似于网页中的404页)不仅仅是美学和品牌特性,更重要的是可用性,让空白状态更直观。
更多的问题和更多的想法
不要说我错了:设计模式和最佳实践仍然是你的好伙伴,但你知道,应用程序不同于用户:应用程序中的解决方案,在你自己的应用程序中,可能不一样,这不是一般计划所能解决的,此外,你永远不知道为什么会用某种方式设计一个应用程序。

我想多思考,多设计,多研究。

测量、试验、验证mdash;mdash;如果你可以做的更好,不要害怕打破设计规范。

在Lootsy的空白状态屏幕

请记住,空白状态(类似于网页中的404页)不仅仅是美学和品牌特性,更重要的是可用性,让空白状态更直观。
更多的问题和更多的想法
不要说我错了:设计模式和最佳实践仍然是你的好伙伴,但你知道,应用程序不同于用户:应用程序中的解决方案,在你自己的应用程序中,可能不一样,这不是一般计划所能解决的,此外,你永远不知道为什么会用某种方式设计一个应用程序。

我想多思考,多设计,多研究。

测量、试验、验证mdash;mdash;如果你可以做的更好,不要害怕打破设计规范。

相关文章

有趣的经典签名报价

有趣的经典签名报价

报价,有趣,经典,电脑软件,最可怕的事情不是分手。分手后,我发现我的女朋友会做出一个新的姿态。这是萧边的搞笑个性签名给你。我希望你能从中吸取教训。 有趣的经典签名: 起床早可以做很多事情,比如睡觉。 当我不再要求时,那就是我们结束的时…

电子商务设计师需要学习什么数据电

电子商务设计师需要学习什么数据电

数据,学习,理论,设计师,理论学习,电商企业的设计师需要学习很多朋友都不是很清楚的东西。今天,萧边将分享数据你基于电商的设计理论。电子商务的设计者值得一读,让我们一起学习。 在电子商务的视觉创意中,一个好的页面应该做的不仅是感觉它是…

经典签名2015经典签名的最新版本

经典签名2015经典签名的最新版本

经典,最新版本,电脑软件,Ldquo;一个简单的旋律总是提出一个非简单记忆。选择你的QQ经典签名。 1,不要轻易怀疑个性,不要相信自己的知识。 2、你不珍惜那个人,命运会给他一个更好的安排。 3,过了很长时间,我意识到,如果你想记住我,当你说再见的时候,…

如何使Word2003复制的内容没有保存

如何使Word2003复制的内容没有保存

教程,剪贴板,格式,内容,电脑软件,你应该知道,当你使用Word办公软件,你经常使用Ctrl + C复制的内容。但往往在这个时候剪贴板将立即发挥出来。虽然剪贴板也可以给我们带来很多便利,但每次都会出去玩,有时不能使用,也可以影响到电脑的运行速度。你…

沧桑的情感签名男孩的感性人格签名

沧桑的情感签名男孩的感性人格签名

感性,沧桑,人格,男孩,情感,QQ签名是指即时通讯软件QQ,在那里人们可以设置自己的签名表明自己的personalities.qq个性签名一般分为传统的个性签名,签名图片签名,男、女签名,等等。在这里,每个人的小编辑推荐伤感签名男生有些沧桑,我希望你能像它一…

CorelDRAW12步过滤应用详解

CorelDRAW12步过滤应用详解

过滤,详解,电脑软件,本教程是为一个朋友一步一步解释CorelDraw 12。介绍了滤波器的应用。非常适合初学者学习。 本教程介绍你的朋友到过滤器的CDR的应用,和位图使用过滤器可以是位图处理最有吸引力的操作。由于使用的是位图过滤的位图对象…

Javascript高级教程5.6的基本包类型(详细)

Javascript高级教程5.6的基本包类型(详细)

类型,教程,高级,详细,电脑软件,为了方便的基本类型的值的操作,还提供了3个特殊的ECMAscript引用类型:布尔值,数字,字符串。 事实上,当读取基本类型值时,后台处理对象创建相应的基本打包类型,这样我们就可以调用一些方法来处理这些数据。 一些文本; VaR S…

word2007xml介绍Word2007教程

word2007xml介绍Word2007教程

教程,电脑软件,word2007xml,HTML和XML文档中包含的数据都在标记中,但标记也是两种语言之间的不同位置。在HTML中,标记定义数据的外观(标题位置、段落开头等)。在XML中,标记定义数据的结构和含义(数据是什么)。 当描述的结构和意义的数据,数据可以以…

设计科学普及:民族科学在标志设计中

设计科学普及:民族科学在标志设计中

科学普及,标志,民族,科学,电脑软件,本教程是向朋友介绍中国在标志设计中的应用。这个教程真的很好。对于学习和设计的朋友来说,这是一本很好的教程。好吧,让我们现在学习。 今天我们引入了设计理论课程,主要介绍了汉学在标志设计中的应用。本…

很颓废的感性人格签名情感人格签名

很颓废的感性人格签名情感人格签名

人格,感性,颓废,情感,电脑软件,当你悲伤的时候,所有的快乐都是一种讽刺。为你的QQ选择一个多愁善感的签名,这是不同的。下面是小编辑推荐的情感签名。 1。世界上最遗憾的事情是有两件事,一件是不可用的,二件是遗失的。 2,学会倾听是夫妻相处最重…

excel如何绘制二维集群柱状图的基

excel如何绘制二维集群柱状图的基

柱状图,绘制,二维,集群,基础,Office Excel是微软公司开发的一个电子表格程序,是微软Office系列的核心组件之一。它可以为XML和新功能提供支持,使分析和共享信息更加方便。 以下是学习excel知识。 excel的二维聚类图可以直观地比较这两组数据,…

如何在WPS文本中制作联合文档标题W

如何在WPS文本中制作联合文档标题W

文本,教程,文档,标题,如何在,如今,电脑的使用越来越普及。很多人需要使用WPS办公软件来工作或生活。但是,一些小的知识,如WPS文档的形式,如何编制一个联合文档头,这里要详细回答。 WPS是英语文字处理系统的英文缩写(文字处理系统)。它集编辑与打印…