恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
你不了解的10条交互设计原则
0.0°
2017-11-23 原创文章 经验/观点 举报 1432 6 9 1

你不了解的10条交互设计原则。

交互设计,又称互动设计,(英文:Interaction Design, 缩写 IxD ), 是定义、设计人造系统的行为的设计领域。以人的需求为导向,理解用户的期望、需求,理解商业、技术以及业内的机会与制约。基于以上的理解,创造出形式、内容、行为有用,易用,令用户满意且技术可行,具有商业利益的产品。最重要的是以人为本,用户体验是最重要的.。关于交互设计的原则,网上已经给予诸多信息,但大多数都很混杂,本文阐述的主要是基本的交互设计原则,不管是针对传统的图形用户界面还是针对任意的可联网的智能电子设备都是非常有用的。


Image title


个人认为交互设计唯一的原则:

能用:是前题; 好用:是要求: 易用:是目标。

做到以上三点,则需要遵循以下几点基本原则才能使得产品在原型阶段就能达到理想的效果。

1. 遵循用户的心理模式

用户在使用你产品时,是基于用户的心里和本能意识去操作界面。简单来说,当他遇到一个按钮时,他会想到这个按钮将会触发什么样的动作来满足他的需求。如果这个按钮不是用户预期想的操作模式,那么这个按钮设计就是有问题的。比如说,你每天都会去逛朋友圈,看看好友的动态,当有一天微信把朋友圈关闭了,用户每天的预期行为受到了限制,这样的操作就不符合“人性化”。


Image title


 

2. 符合用户的使用需求

设计一个产品,最基础的原则就是要符合用户的使用需求。确定需求是一个产品经理的基本工作内容,有很多方法和工具可以帮助我们找到用户的需求。例如观察用户行为、分析数据、构建用户场景等等。从产品策划角度,我会把一个产品的体验分为3个层级,分别是能用、可用、易用。


Image title


 

3. 一致性原则

一致性是产品设计过程中的一个基础原则,它要求在一个(或一类)产品内部,在相同或相似的功能、场景上,应尽量使用表现、操作、感受等相一致的设计。一致性的目的是降低用户的学习成本,降低认知的门槛,降低误操作的概率。


Image title


 

4. Less is More

它最初由建筑大师Ludwig Mies van der Rohe提出,是一种提倡简单,反对过度装饰的设计理念。这个原则历史悠久,在很多行业中衍生出了很多不同的解释。在互联网行业,类似“简约的设计风格”、“做减法”、“把不必要的内容收起来”、“7加减2原则”等等说法,都或多或少与这个原则有关。

Less最初的意思是反对“过度装饰”,并不是一味的追求所谓的“简单”。我所理解的Less,是我们要努力降低用户的认知和操作成本,这才是在互联网行业Less的本质。


Image title


5. 使用用户的语言与之沟通

产品的最终使用权是在用户,用户不是设计师也不是开发者,他们大多数不懂设计理念和开发过程,对于产品的使用语言和文字要绝对靠向普通用户思维。但不要把用户当成不聪明的人,适当的为中层用户做优化。


Image title


 

6. 设计目的性大于美观性

用户界面设计往往是UI设计师们发挥的最佳领域,美观的产品带来的不仅仅是视觉的冲击感受更是产品的升级迭代。但要注意的是,产品设计的目的性一定要大于美观性,不可因为产品的美观失去最基本的操作模式。大多数情况下,还是要基于标准的普通操作。


Image title


 

7. Don't make me think

这一原则可谓是贯穿于整个用户体验设计。我的理解就是用最简洁的方式和最短的时间,帮助用户完成目标就是好的用户体验。


Image title


 

8. 直觉化

正确的操作部位必须显而易见,而且还要向用户传达出正确的信息,并且这些操作模式不需要学习,仅仅凭生活经验和本能就能操作。


Image title


 

9. 允许犯错原则

允许用户在操作过程中犯错。这很大可能是设计上的问题而不是用户操作的问题。在用户犯错的时候,提供有效的信息引导他去正确的操作。要避免容易发生错误的情况,或者检查并在实际动作前确认选项提示用户。


Image title


 

10. 信息反馈原则

人与机器之间的“交流”,本质上都是信息的传递过程。信息有去有回,才能连贯,才会形成有效的交互与彼此的理解。所以及时有效的反馈和解释尤为重要。
在几乎所有需要人机交互的界面上,当用户进行了某些操作,系统都需要使用变色、形状改变、振动、发光等方式来给用户即时的反馈,目的是告知用户,你刚才的操作我已经知道了。例如下图的iOS 11的控制中心的设计会高亮用户点击的图标并且使用不同颜色,未被点击到的图标则会显示灰色,用户能一眼就了解到自己的操作得到了反馈。


Image title


 

除了熟知交互设计原则,你还需要什么?

交互设计师在画线框图的时候需要把大致的交互过程和信息结构构建好,才能在原型设计时正确的传达用户需求。无论是做高保真原型图还是中低保真的原型图,交互设计是整个产品设计的关键所在。在做原型的过程中,除了要遵循以上的10条基础原则外,还需要一款简单实用的交互原型设计工具以提高设计效率。Mockplus,是一款国内做交互最快最简单的原型设计工具,轻松的拖拽就能实现一个简单的交互。200个封装的组件,让你快速实现菜单,导航,列表等设计。你还可以到官网了解更多的新功能。

总结:

都说交互设计是“以人为本”,“用户体验为中心”的设计。它的最大作用就是让人能够掌握和操作产品,与之产生互动,建立对产品的基本认知能力,让产品的操作模式符合设计的意图。所以我们应该更多的关注Service design,而不仅仅是UX design。

更新:2017-11-23

收藏

6人已收藏

mo311

一名PM,分享个人与设计(UI/UX等)相关的经验与教程。

  • 205

    作品

  • 271

    粉丝

  • 5

    关注

  • B端和C端产品设计有哪些差异?
  • 用户体验之如何设计一个完美的新手引导流程?(附带案例)
  • UI设计、交互设计、UI交互设计的联系和区别是什么?
  • 前方高能!15个外挂级别的设计插件, 助你效率逆天

    猜你喜欢

      2017-11-23 原创文章 经验/观点 举报 1432 6 9 1

      你不了解的10条交互设计原则

      0.0°

      你确定要举报你不了解的10条交互设计原则

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年11月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      9
      6
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录