第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)(3)

时间:2018-01-17 09:52来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
如下图所示,语言版本介绍模块把一整段语言,分成四个模块的信息来介绍,而且每个模块都要自己的标题,再加上段落之间的空间留白,使得此段信息看

  如下图所示,语言版本介绍模块把一整段语言,分成四个模块的信息来介绍,而且每个模块都要自己的标题,再加上段落之间的空间留白,使得此段信息看起来清晰明了。

  

设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)

  案例二:比如支付宝和微信银行卡界面卡号信息的展示方式

  正如下图所展示的,为了便于记忆,支付宝及微信的银行卡展示界面,将卡号信息的展示采取了分段的方式,这个也源于我们现实生活中使用的银行卡,大家都知道银行卡的卡号是分段展示在卡上的。

  

设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)

  四、接近法则(The Law Of Proximity)

  1、接近法则(The Law Of Proximity)简介

  格式塔理论自1912年由韦特海墨(M,Wetheimer)提出后,在德国得到迅速发展。由于苛勒(K,Kohler)和考夫卡(K,Koffka)的访美以及他们的著作被翻译成英文,这种新的理论引起了美国心理学家的注意。格式塔理论是心理学中为数不多的理性主义理论之一。格式塔学派以某些相当抽象的,与知觉和思维的性质及心理经验的结构有关的观念解释了熟悉的观察资料。根据格式塔(Gestalt)心理学:当对象离得太近的时候,意识会认为它们是相关的

  2、接近法则(The Law Of Proximity)在设计中的应用

  将相似的、有关联的信息尽量摆在一起,不要让用户迷茫,要他在潜意识里就知道在哪里能找到自己想要的信息。

  案例一:比如登录界面的输入框与按钮

  我们在使用任何一款APP产品的时候都会遇到登录或者注册页面,而且输入内容部分下面一定会有个按钮,原因就在于输入内容和按钮本身存在联系,因为,输入内容之后需要通过点击按钮来提交输入的内容,通常输入框附近一定会有提交按钮。

  

设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)

  案例二:比如今日头条及爱奇艺视频信息布局

  在今日头条和爱奇艺视频的的信息条目中,我们一眼都能发现,标题和图片是表示的同一类的信息,因为它们是放在一起,具有相关性。

  

设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)

  五、新乡重夫:防错原则

  1、新乡重夫:防错原则简介

  新乡重夫( 1909年-1990年),在品质管理方面作出重大贡献,在美国出版了不少有关品质方面的著作。他还根据自己20年事业生涯中的系统性方法和精心笔记,著有18部书和无数管理文章。他指出,“零损坏”就是品质要求的最高极限。被尊称为“纠错之父”。他首创POKA-YOKE的概念,在这个概念中有一条是这么说的:我们不可能消除差错,但是必须及时发现和立即纠正,防止差错形成缺陷。

  2、新乡重夫:防错原则对于设计的价值

  防错原则认为大部分的意外都是由设计的疏忽,而不是人为操作疏忽。因此,在设计中要有必要的防错机制;在此,特别要注意在用户操作具有毁灭性效果的功能时要有提示,防止用户犯不可挽回的错误。

  案例一:比如知乎安卓版本的登录操作

  当用户在知乎中登录时,在没有填写完手机号码和密码前,底部的登录按钮是置灰不可点击的,只有两项都填写完整底部的登录按钮才会变为可点击状态,也就会蓝色的,这就是为了防止用户犯更多错误,也是防错原则的一种体现,如下图:

  

设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)

  案例二:比如安卓版微信发朋圈动态时,点击返回按钮出现的提示弹窗

  弹出框方式会增加不可逆操作的难度,当用户发一条动态一半的时候,因为误操作或者其它退出当前状态的时候,使用弹窗是是个不错的选择,因为用户这个操作会让之前辛苦编辑的内容删除找不回,想要再发只能从头开始,对用户造成损失比较大;这就是防错原则的另外一种体现,如下图:

  

设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)

  总结

  以上内容便是本文的上半部分内容,包含了「交互设计七大定律」中的五个,剩下的两个:泰思勒定律和剃刀原理将会在《设计法则 | 实例解析「交互设计七大定律」在设计中的应用(下篇)》中为大家奉上,敬请期待~文中观点有什么不合适的地方欢迎大家指正交流~~

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕