经验分享:六条交互设计的基本原则和设计实践方法

所属分类: 平面设计 / 平面其它 阅读数: 715
收藏 0 赞 0 分享

这篇文章提了几条交互设计应该了解的基本原则和设计实践方法,其中有涉及Poka-Yoke(防误措施)原则、Fitts' Law、Hick’s Law 、人类短时记忆这几个方面,如果有兴趣的可以自行去查询相关资料。好了,下面我们一起来看看吧!

写在前面

最近一直挺忙的,之前信誓旦旦的至少要每月出一篇翻译也不了了之。

这两天因为工作上的事情在看很多交互和用户体验的文章,自己看完后又翻了给同事看,想想要不放上来大家众乐乐好了。

不是什么很新的文章,说不定网上也有很多译本了,不过我一直都是觉得好记性不如烂笔头,翻译的过程也是理解和学习的过程,所以尽量都看原文。

一直觉得做设计的交流和分享很重要,既然现在我还不是能够可以分享经验的水准,那么翻译文章学习别人分享出来的东西就很重要了,共勉之。

以下是正文,原文链接在标题下方有链接,保护版权,thx~

交互设计基本原则

交互设计聚焦的是根据用户行为设计契合的界面,因此理解用户如何与科技沟通交流就显得尤为重要。这样你也就能预测用户会如何与系统交互,提前发现问题并解决它,然后创造出新的交互模式。

交互设计的六条建议

在设计交互界面时请考虑如下几点:

定义用户如何与界面进行交互

当用户直接用手指、鼠标或者电容笔接触界面时,他们可以做什么?

包括按压按钮,拖拽界面元素等等。

用户可以发出什么指令,来间接地与界面互动?

 有一个“间接操作”的例子:当用户按了 “Ctrl+C”, 那么他们预期的是能够复制一部分内容。

 形式需反射功能

界面样式(颜色、形状、大小等等)隐喻怎样的功能? 

 这些都能帮助用户理解界面应该怎样去操作。

在用户做任何操作之前,你需要提供什么信息才能让他们知道下一步会出现什么? 

 在用户决定做下一步操作时这些隐喻就会告诉用户接下来会发生什么,比如带有标签(说明按钮功能的提示信  息)的按钮,在最终提交前出现的说明性文字等等。

 预测和减少出错

■有没有一些措施来预防错误的发生?

 Poka-Yoke(防误措施)原则认为,设定一些限制能够迫使用户调整自己的行为以便顺利地完成下一步操  作。 

■界面显示的错误信息中是否包含了解决问题的方法和产生问题的原因?

 包含解决方法和具体内容的错误信息才是对用户有帮助的。

④ 考虑系统反馈和响应时间

用户每做一步操作会得到什么样的反馈?

 当用户执行了一个动作,系统需要给出相应的反馈,让用户知道动作已被触发并显示动作当前的执行情况。

动作从触发到产品给出响应,多长时间算合适?

 响应(延迟)可以被分为四个阶段: 即刻(少于0.1秒), 断断续续 (0.1-1 秒), 中断 (1-10 秒), 断开连  接,无响应 (超过10秒).

⑤ 战略地安放界面上的每一个元素

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

费茨定律认为,诸如按钮之类的页面元素,应当设计成能够让用户点击的大小。这一点在设计包含可触控组件的app界面时尤为重要。

是否合理利用边界和边角来放置菜单之类的交互按钮?

 费次定律认为,由于鼠标或手指只能在界面边界范围内部活动,因此边界很适合放置菜单和一些按钮。

是否遵循设计规范?

用户已经认识和适应了一些交互样式,知道某些按钮按下去会出现什么样的反应。所以尽量遵循现有的设计规范(减少用户的学习成本),除非有更好的规范出现。

 易学性

一次出现的信息是否 7(±2)个单元内容组成?

George Miller 发现人类的短时记忆一次最多能记住5-9个单元信息,否则就会遗忘或者记错。

用户界面是否最为精简?

特斯拉的守恒定律认为:系统应当尽可能简单,这样才适合用户使用。而怎样才能称之为精简:余下的组件里缺少任何一部分都没法运作

是否使用了常见的版式? 

席克定律认为,下决定的时间取决于用户对于版式、选项的熟悉程度以及选项数量的多少。

以上就是六条交互设计的基本原则和设计实践方法介绍,希望能对大家有所帮助!

更多精彩内容其他人还在看

大众点评智慧餐厅LOGO诞生全过程分享

这篇教程是向脚本之家的朋友分享大众点评智慧餐厅LOGO诞生全过程,对于学习logo的朋友可以参考一下,一起来看看吧
收藏 0 赞 0 分享

设计必备:字体使用规范

下面为大家分享有关字体使用规范介绍,对于设计师来说是非常值得学习的,好了,下面小编就为大家详细介绍一下,一起来看看吧
收藏 0 赞 0 分享

移动端版式设计那些事 App版式设计配色原理解析

能称得上设计的要素:配色与版式,我们之前分享过很多关于配色的知识和小工具,今天要讲讲关于移动端的版式设计。其实对于设计师,APP中的版式比网页版式还要重要和有难度,在小小的尺寸里做到华丽简约,且重点突出,绝非易事
收藏 0 赞 0 分享

一个好的设计师需要什么样的性格?

大家都知道,做设计是很苦逼的,也是万人指点江山。我很想知道作为一名设计师大家觉得应该有怎么样的脾气和性格才能处理好这个在工作上被万人指点的情绪以及如何面对?来看看下文介绍吧
收藏 0 赞 0 分享

LR快速调出电影感的色调照片

这篇教程是向脚本之家的朋友分享LR快速调出电影感的色调照片方法,教程调出来的色调非常漂亮,难度不是很大,推荐到脚本之家,来看看吧
收藏 0 赞 0 分享

响应式设计LOGO进化史解读

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。来看看下文介绍吧
收藏 0 赞 0 分享

低多边形风格动物标志logo设计

使用多边形LOGO这些创意在设计项目不算很多,或许用多边形的风格来设计有点难度吧,又或者不适合和没好的灵感等等。虽然如此,但是多边形设计出来的作品确实很有特色
收藏 0 赞 0 分享

设计分享03-我的Banner设计三步曲

这篇教程是向脚本之家的朋友介绍设计分享03-我的Banner设计三步曲,教程真的很不错,值得大家学习,推荐过来,一起来看看吧
收藏 0 赞 0 分享

设计分享02-Banner横幅设计五重奏

这次为大家分享设计分享02-Banner横幅设计五重奏,教程比较非常不错,值得大家学习,好了,一起来看看吧
收藏 0 赞 0 分享

设计分享01-点线面的详解和日常设计应用

今天为大家带来一篇教程,主要是向脚本之家的设计朋友分享关于设计的心得,这次是向大家介绍点线面的详解和日常设计应用,有兴趣的朋友快快来看看吧
收藏 0 赞 0 分享
查看更多