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

体验共享:六种交互设计的基本原则与设计实践

体验共享:六种交互设计的基本原则与设计实践
为方便产品经理,设计师,项目开发和相关人员可以看到的视觉效果,有效的沟通;在交互设计的过程中会产生不同的输出,如流程图、思维地图,论文的草稿,即使是高保真的介绍,下面小编分享六交互设计实践的基本原则和设计方法
本文提出了一些交互设计的基本原则和设计方法应该理解,包括防错(防错原理,Fitts',Hickrsquo);Law,在这方面人类的短期记忆,如果感兴趣可以去相关信息查询。好吧,让我们一起看看它。
在前面写:

最近一直很忙,至少每月至少有一次翻译不清楚。

这两天,由于工作经验,我阅读了很多关于互动和用户体验的文章。看了之后,我把它交给了我的同事们,我考虑我是否会玩它。

这不是一篇很新的文章。也许因特网上有很多译本。但我总觉得我的记忆力不如写作好。翻译的过程也是一个理解和学习的过程,因此我尽量尽可能地阅读原文。

一直认为重要的是分享和交流设计,现在我不能分享标准的经验,所以翻译学习分享一些非常重要的东西,分享。

以下是原文。文本链接链接在标题下,保护版权,谢谢!

交互设计的基本原则

交互设计关注的是基于用户行为的界面,因此了解用户如何与技术进行通信是非常重要的,通过这种方式,您还可以预测用户如何与系统交互,提前发现问题并解决问题,然后创建新的交互模式。

互动设计的六点建议

在设计接口时,考虑以下几点:

定义用户如何与接口交互

-当用户直接用手指、鼠标或电容笔接触界面时,他们能做些什么

包括按键、拖放界面元素等。

-用户可以向间接交互接口发出指令

有一种间接操作;一个例子:当用户按下Ctrl +;C然后他们希望能够复制内容的一部分。

形式需求反射函数

风格界面(颜色、形状、大小等)隐喻的功能如何

这些都有助于用户理解界面应该如何操作。

在用户做任何操作之前,你需要提供什么信息可以让他们知道接下来会发生什么

当用户决定做下一个操作时,这些隐喻会告诉用户下一步会发生什么,比如带标签的按钮,指示按钮的信息,以及最后提交前的解释性字符。

误差预测与约简

-有什么措施防止错误的发生吗

防错原理认为,设定一些限制可以强制用户调整他们的行为,使他们能够顺利的进行下一步操作。

-界面显示错误信息包含在解决问题的原因和问题上

包含解决方案和特定内容的错误信息对用户有帮助。

(4)考虑系统反馈和响应时间。

在每个步骤中,用户将得到什么样的反馈

当用户执行一个操作时,系统需要给出反馈,让用户知道操作已经触发并显示动作的当前执行。

-从触发器到产品给定的响应,多长时间合适

反应(延迟)可分为四个阶段:即时(小于0.1秒),中断(0.1-1秒),中断(1-10秒),断开,没有反应(超过10秒)。

界面上的每个元素都具有战略性。

界面上的元素大小是否合理交互

Fitz定律认为,页面元素,如按钮的设计应该被用户点击,这是特别重要的在设计应用程序界面,包含触摸组件。

-是否合理使用边界和角放置交互菜单按钮呢

根据法律,由于鼠标或手指只能在界面的边界内移动,所以边界非常适合放置菜单和按钮。

-是否遵循设计规范

用户已经认识到并适应了一些交互样式,并且知道按钮会做出什么反应,因此,除非有更好的规范,否则要遵循现有的设计规范(降低用户的学习成本)。

习性

是否在一个消息中从7(+ 2)一个单位的内容

乔治·米勒发现,人的短时记忆可以记住一次到5-9单元信息,否则会被遗忘或记得。

-是否最精简的用户界面

特斯拉的守恒定律认为,系统应该尽可能的简单,这样它就适合用户使用。你怎么能称它为流线型的:其余的部件没有任何部件都不能工作

是否使用通用格式。

决定时间取决于格式的用户数、熟悉选项和选项的法则。

以上是交互设计与设计实践方法的六个基本原理介绍,希望对你有所帮助!

相关文章

手牵手教你PS的速度和激情海报教程

手牵手教你PS的速度和激情海报教程

教程,激情,教你,手牵手,海报,本教程教你做一个超酷的速度和激情海报7。 最终效果: 1。首先,新画布,这里是选择3840个PX * 3072像素。 2。添加渐变填充层。 渐变参数设置如下: 颜色:c0c0c0,并添加一个面具。 三.材料:地板,拖进去,放在左上角。 4。添…

对jQueryUIdatepicker时间控制使用

对jQueryUIdatepicker时间控制使用

控制,时间,电脑软件,jQueryUIdatepicker,finalplate,在不久的将来,我们使用日期控件,感觉不错,写下来与大家分享,我限制开始时间和结束时间跨度不超过三天,并配置清晰的时间,重新选择时间等功能。 让我们先给你们看两张照片。 在示例中,我的控件…

AdobeFireworksCS6软件不能及时的

AdobeFireworksCS6软件不能及时的

内部错误,电脑软件,Adobe Fireworks CS6软件无法摆脱内部错误的提示。最近,当打开烟花CS6,有问题。打开时,总是提示内部错误,无法关闭。我该怎么办下面分享解决方案,有需要的朋友可以参考下。 该软件已经打开,提示内部错误;并已关闭,在以后遇到这种…

允诺异步问题的详细解释

允诺异步问题的详细解释

解释,异步,详细,电脑软件,到目前为止,每个Javascript开发者和他们的祖母有过承诺。如果你没有,那么你会承诺的概念是由在承诺CommonJS组成员提出 /规范。承诺逐渐作为一种方法来管理异步运行回调,但他们的设计,他们远比这更有用。事实上,因为他们的许…

在Word2007域结果自动更新教程Word

在Word2007域结果自动更新教程Word

教程,自动更新,快速,电脑软件,总之,你可以做一些简单的数据计算。以Word2007为例,只要你切换到布局选项卡,单击扩大数据命令组公式按钮,并选择相应的功能命令。 使用此功能来提高工作效率,但如果你忘了带翅膀的老虎补充更新,但它也将拖累,这是因…

利用PowerPoint制作竞赛计时器PPT

利用PowerPoint制作竞赛计时器PPT

计时器,课程,电脑软件,PowerPoint,PPT,让我详细描述一下生产过程。 输入标题 打开PowerPoint 2003,选择空演示文稿;;格式为只有标题在标题文本框中输入英语口语比赛计时系统;字体设置为增厚因为我们玩滑梯,我们需要使用简单的宏命令,所以我们也…

Word2010界面介绍Word2010教程

Word2010界面介绍Word2010教程

教程,界面,电脑软件,Word2010界面介绍 下面是2010版Office Word接口介绍的讲解。 1。标题栏:正在编辑的文档的文件名和所使用软件的名称。 2、文件选项卡:基本命令(如新建、打开、关闭、保存为…Rdquo,打印在这里。 三.快速访问工具栏:常见命令…

布局设计中的四条原则

布局设计中的四条原则

布局,四条,原则,电脑软件,本教程是向朋友介绍布局和布局设计中的四个布局原则。本教程是比较基础的,对初学设计的朋友很有帮助。我建议像你这样的朋友可以和教程一起学习。 本文详细介绍了布局布局中的四种排列原则,这是实用的。 本教程…

UI设计者必须知道:在线图表和详细的

UI设计者必须知道:在线图表和详细的

图表,在线,设计者,详细,电脑软件,UI设计师往往画上美丽的框架、原型、视觉稿,超级棒的,惊人的。今天,设计师为你精心制作的接线图和设计问题的小编辑,可以来学习哦 背景:两年或三年前,我发现了很多信息技术的朋友(非设计师)设计使用上面列出的词。…

如何打开excel文档的excel库

如何打开excel文档的excel库

文档,电脑软件,excel,Excel经常使用Office中的软件,在启动Excel之后,它通常需要打开一个Excel文档。一般来说,您可以使用以下两种方式。 1、启动Excel,创建空白文档,打开文件选项卡,选择,,打开,选择中,选择打开,在列表中,计算机选项,点击鼠标,右侧的浏览…

在Word中使用技术、文字插入GIF动

在Word中使用技术、文字插入GIF动

动画,方法,文字,技术,电脑软件,相信大家都喜欢用文字来渲染画面,以增强视觉效果。然后问题就来了。如何插入GIF动画的字,你怎么教萧边晓边,希望萧边能对你有用。 1、首先百度AniGIF.ocx很容易找到这个小文件,下载文件。 2,将此文件复制到C: Win…

解释接收阵列形式通过Struts2中Aja

解释接收阵列形式通过Struts2中Aja

阵列,方法,解释,两种,形式,使用struts2的形式来传递值,非常灵活方便,通过一个或一个对象的所有属性。但我们应该做些什么如果我们需要传递一个数组并希望Struts正确收到了吗 下面我将从两种方式来解释它:普通表单和ajax。 student.java 学生…