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

所属分类: 平面设计 / 平面其它 阅读数: 731
收藏 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个单元信息,否则就会遗忘或者记错。

用户界面是否最为精简?

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

是否使用了常见的版式? 

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

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

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

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多