美文网首页
交互设计法则及原理

交互设计法则及原理

作者: OblivionO | 来源:发表于2016-01-27 18:07 被阅读165次

暂时我只是一枚“法则“的搬运工,负责提炼关键点

接近法则与格式塔

http://www.ui.cn/detail/32754.html
格式塔一词来源于德语中的“Gestalt”(“形状”和“图形”)

  • 接近法则(分组):彼此之间靠近的物体看起来属于一组, 强调的是位置,主要应用于页面内容的组织,以及分组设计
  • 相似法则(分组内容的区分):接近强调位置,而相似则强调内容,在分组设计中使用文本、颜色、图像等,可以更好的区分各个模块和内容
  • 交互设计启示:相互靠近的功能模块如果不相关,设计可能是有问题的
Fitts定律 (菲茨定律)

http://www.ui.cn/detail/32753.html

  • 保罗.菲茨在1954年首先提出Fitts’ Law:从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离和目标的大小,时间 T = a + b log2(D/W+1),定位一个目标的时间,取决于目标与当前位置的距离,以及目标的大小
  • 交互设计启示
    1.按钮等可点击对象需要合理的大小尺寸,将用户最有可能点击,最想要点击的按钮尽量放大
    2.让相关的操作按钮靠近彼此,增强相关性,减少移动时间
    3.屏幕的边和角适合放置像菜单栏和按钮,因为边角是巨大的目标,它们无限高或无限宽
    4.出现在用户正在操作的对象旁边的控制菜单比下拉菜单或工具栏可以被打开得更快,因为不需要移动到其他位置
奥卡姆剃刀原理

http://www.ui.cn/detail/32758.html

  • 奥卡姆原理也被称为“简单有效原理”,由14世纪世纪哲学家、圣方济各会修士奥卡姆的威廉提出。即“如无必要,勿增实体。”也就是说:如果有两个功能相等的设计,那么我们选择最简单的那个。
  • 交互设计启示
    1.只放置必要的东西,使用“更多”来链接其他信息
    2.减少点击次数
    3.“外婆”规则:外婆也能轻松使用页面
    4.减少段落
    5.给予更少的选项
  • 实例:苹果的官网用一种很有效和有礼貌的方式提供了足够多的信息,所有的文字,链接和图片都很集中,并没有一些使你分心的广告和其他商品的不需要的信息
Hick定律 (席克法则)

http://www.ui.cn/detail/32759.html

  • Hick’s Law说:一个人面临的选择(n)越多.所需要作出决定的时间(T)就越长.用数学公式表达为反应时间 **T=a+b log2(n).其中a=与做决定无关的总时间(前期认知和观察时间),b=根据对选项认识的处理时间(从经验衍生出的常数,对人来说约是0.155s
  • 交互设计启示:菜单栏设计过程中,对选项进行同类分组和多层级分布,提高使用效率并缩短时间
7±2法则

http://www.ui.cn/detail/32760.html

  • 1956年,美国心理学家米勒(George A. Miller)教授发表了一篇重要的论文《神奇的数字7加减2:我们加工信息能力的某些限制》,明确提出短时记忆的容量为7±2,即一般为7并在5~9之间波动。这就是神奇的7±2效应。
  • 交互设计启示:
    1.导航或选项卡尽量不要超过9个
    2.导航或选项卡内容很多,可以用一个层级结构来展示各段及其子段,并注意其深广度的平衡:深度过大的网站不利于用户快速获取信息,广度过大的网站则容易让用户在无数并列的超链接面前不知所措
    3.把大块整段的信息分割成各个小段,并显著标记每个信息段和子段,以便清晰的确认各自的内容
  • 实例:不论信息多少,通过结构化将简化为符合7±2法则的短信息组块;手机号18796789324(较难记忆)187 9678 9324(便于记忆)
原文消化时间预计120min,总结篇消化时间预计20min,预计为您节省100min个人宝贵时间

相关文章

  • 交互设计法则及原理

    暂时我只是一枚“法则“的搬运工,负责提炼关键点 接近法则与格式塔 http://www.ui.cn/detail/...

  • 万字雄文!超多案例帮你读懂交互设计7大定律

    在交互设计领域,有很多经过时间检验过的定律及法则,来作为设计的指导原理,它能够帮助产品设计者对界面上的各种视觉元素...

  • 一篇文章读懂交互设计7大定律

    在交互设计领域有很多经过时间检验过的定律及法则来作为设计的指导原理,它能够帮助产品设计者对界面上的各种视觉元素进行...

  • 交互设计(转)

    目录导读 1.交互设计概念 2.交互设计输出物 3.交互设计相关理论 4.交互设计流程及方法 5.交互设计常见案例...

  • 产品 目标导向的设计过程,你知道吗?

    数字产品的设计过程 交互设计基础知识 交互设计的焦点 :如何设计行为 交互设计借鉴了传统设计,可用性及工程学科的理...

  • 2019-05-13

    人机交互及原理第十次实验报告 引言 Bootstrap是美国Twitter公司的设计师Mark Otto和Jaco...

  • 行为型-Observer

    行为型设计模式主要解决的就是“类或对象之间的交互”问题。 原理及应用场景剖析 观察者模式(Observer Des...

  • 交互设计法则

    1. Fitts’ Law / 菲茨定律(费茨法则) 菲兹定律即指用以预测某点到目标中心位置所需要的时间的数学模型...

  • 互联网人看完这篇文章,已掌握《交互设计精髓》中的设计原则

    一、《交互设计精髓》这是本什么样的书? 这是一本数字产品和系统的交互设计指南,全面系统的阐述了交互设计过程、原理和...

  • 美食直播app交互设计-食赞

    前言 此次以网络直播为主体,设计了一款美食直播app,本文含页面排版布局设计及交互说明,交互设计文档,及对产品的主...

网友评论

      本文标题:交互设计法则及原理

      本文链接:https://www.haomeiwen.com/subject/uhodkttx.html