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

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

然而,有些设计师会认为,符合设计规范,并经常从别人的作品中获得灵感,他们的创新能力会下降,导致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;如果你可以做的更好,不要害怕打破设计规范。

tag:交互设计模式交互设计最容易透视

相关内容