在做交互设计时,你需要知道这几大定律

形式是跟随功能的,功能是满足用户需求的。尊重你的用户,让每个产品的细节都是合情合理的,然每一寸体验是“走心”的!


形式是跟随功能的,功能是满足用户需求的。尊重你的用户,让每个产品的细节都是合情合理的,然每一寸体验是“走心”的!

在做交互设计时,你需要知道这几大定律

在产品经理这个岗位上,不懂点儿交互设计,貌似就缺点儿什么似的。在我们生长的环境中,不乏有各种以大写U开头的缩写,交错呈现在每一个产品经理心中:

  • UI:User Interface 用户界面(也就是我们俗称的“射鸡师”)
  • UE or UX: User Experience 用户体验
  • IxD:Interaction design 交互设计(通常情况下,UE/UX+IxD=PM)

在此基础上,衍生了三类设计方式:

  • User Interface Design 用户界面设计
  • User Experience Design 用户体验设计
  • UCD:User Centered Design 以用户为中心的设计

在大型的公司,也许你还能分清每个U所代表的分工。然而在一般创业型公司,一个好的产品经理已经被默认认为应该具备所有这些大写U开头的素质。不同程度的掌握这些所谓的基本素质将成为你生存在创业公司的砝码。

既然为了做好产品经理,我们就必须得努力“get”到这些技能,给自己的产品经理生涯加分,那么既然是技能或者说是基本素质,我们是不是应该首先知道这些所谓的看似高大上的知识,他们的基本原理是什么?所谓的学科或者专业,能支撑他们的科学依据又有哪些呢?

交互设计之父的阿兰·库珀有一句名言:“除非有更好的选择,否则就遵从标准”。

1.Fitt’s Law/菲茨定律

在此不在累述基本原理,找度娘满屏都是!

启示:屏幕的边和角很适合放置像菜单栏和按钮这样的元素,因为边角是巨大的目标不管你移动了多远,鼠标最终会停在屏幕的边缘,并定位到按钮或菜单的上面。

举个栗子:下图是某职业在线教育平台,官网首页改版前后的截图对比(左图为改版前,右图为改版后),我们可以从对比图看出,改版后的首页把网站的边界区域利用的非常充分,通过边和角的优化,更加突出产品的核心定位及给用户传达的方向,即:”我们是一个在线教育平台,我们这里有很多好的课程,我们很专业….”。

在做交互设计时,你需要知道这几大定律

在做交互设计时,你需要知道这几大定律

2. Hick’s Law/席克定律

这个定律简单归纳一句就是:让复杂的东西变得简单,Don’t make me think! 

席克定律不适用的情况::在一个非常复杂的层次结构中进行分层选择;每个选项需要大量的阅读理解;

举些栗子:如果你本来就是一个内容丰富,层次结构很多的产品,譬如商品购买类。那么你所有的分类选项就只能合理分层并归纳选择,如京东、携程、去哪儿。那么这类产品的这部分功能就不太适合席克定律,同时当你的产品内容已经非常丰富了,一打开app就是茫茫多的内容,那么请别在用不太能立刻读懂的文字或者短语去表达你的选择及分类信息,徒增用户的阅读理解,如下图最右侧的截图:

在做交互设计时,你需要知道这几大定律

3. Tesler’s >Law/泰思勒定律

复杂性守恒定律。

启示:每一个过程都有其固有的复杂性,存在一个临界点,超过了这个临界点就不能再简化了,你只能将固有的复杂性从一个地方转移到另外一个地方。除了现在很多产品使用“查看更多”、“查看全部”、“查看详情”之类的文字,将更多的内容从用户的操作范围转移到另外一个地方以外。其实我们可以想到一个最为常见的栗子去支撑以上的定律,那就是ios相册选择图片:

在做交互设计时,你需要知道这几大定律

4. 7±2法则

启示:我们可以看到所有的底部导航模块,从未超过5个模块,所有的内容区块展示也从未超过5;我们的电话号码也是7位数字,不会超过9位数字或者小于5位数字。

在做交互设计时,你需要知道这几大定律

5. Others

在做交互设计时,你需要知道这几大定律

讲了这么多交互设计中的定律后,你是否已经在反复琢磨,原来我们很多时候做的产品功能都是有科学依据且都是有很严谨的总结的?当然所有的定律只是支撑你更加自信的实现产品体验的低层建筑。正所谓“经济基础对定上层建筑。”在产品经理这条路上,如果你想要得到满足感,生产超出用户预期的产品,那么你就一定先花时间“买”到这些定律,让它们成为你的财富,然后在实际工作中“拆”掉它们,做到“心中有时自然有,心中无时自然无。”

最后送给所有产品人er一句装逼的话:“形式是跟随功能的,功能是满足用户需求的。尊重你的用户,让每个产品的细节都是合情合理的,然每一寸体验是“走心”的!”

 

作者:权莉,微信昵称:Mandy权。一名快乐的产品经理!~

本文由 @权莉 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/28281/

(0)
CatherineCatherine
上一篇 2017-05-20 11:30
下一篇 2017-05-20 13:26

相关推荐

  • 相当便利的UI交互演示工具

    做为一个移动端的互联网产品设计师,天天心心念的就是如何做出一款款能让用户爱不释手的应用,想来轻松,做起来点点滴滴都是功能、美观和用户体验的契合难题,在一个个经典创意最终拍板前,产品原型及其演示体验,…

    UI设计 2016-06-08
  • 品牌基因法做图标——实战篇

    菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!如果你忘记了之前的品牌基因法(升级篇),可以先去回顾一下,网址如下:品牌基因法做图标(升级篇)

    2017-08-04
  • HTML5规范尘埃落定,5个开发工具推荐

    摘要:关于HTML5开发工具,专制动画的HTML5 Maker、构建原生应用的SproutCore和着眼可维护性和性能设计的MontageJS等。 HTML5规范终于在今年正式定稿,对于从事多年HTML5开发的人员来说绝对是一个重大新闻。数字天…

    2014-11-20
  • 5个2016年UI/UX设计趋势

    随着“响应式Web设计”以及“Google提升移动友好性设计” 持续升温,在过去的一年开始流行的一些UI/UX设计趋势,将会在新的一年里继续流行下去。鉴于此,我总结了一下在2016年仍会持续大热的一些UI/UX设计趋势。

    2017-05-26
  • 如何设计可交互的email,调动用户的参与感?

    Email营销通常与市场推广活动挂钩,是帮助你达到推广目标的最有效途径之一。但如何确保你的营销邮件的内容与品牌紧密相连?这一直是营销人员面临的一个挑战。用来克服这一挑战的战术多如牛毛,而可交互的email正迅速崛起为最具创新性、动态性和最流行的方式,他们让用户深深着迷、参与其中,相关设计师和开发人员都应该引以为豪哦!

    2017-05-17
  • 【案例】LOFTER 信息框架改版(iOS版)

    对于一款APP的信息框架改版,可以分为以下几个步骤 竞品的信息框架分析 目的:找出差异点和共同点 作用:差异点可以根据产品的定位,做特色设计,成为产品特征;共同点是指同类产品的框架/布局共同点,可以用来寻…

    2016-07-01
  • 这些设计灵感,或许可以改变我们阅读新闻的方式

    在做设计之前,我们都需要很多的灵感,这就是我写这篇文章的目的。本文中我将重点介绍和评论一些新闻类APP或网站中的一些让人眼前一亮的优秀设计。有些是已经上线的,有些则只是概念设计稿。

    2017-05-14
  • 译文 | 我为什么喜欢丑陋的,凌乱的界面

    漂亮的,新颖的,干净的,简洁的,极小化。在有关设计的讨论中这些单词频繁出现。看下面的这个优秀作品集收集网页:http://www.creativebloq.com/portfolios/examples-712368。单词“漂亮的”被用了6次,“简单的”被用了11次,仅仅还是在一篇文章中。

    2017-05-24
  • 饿了么 UED 又搞事情啦!

    近日,据保洁阿姨匿名举报,在上海饿了么总部的榴莲酥会议室内,有人在工作时间聚众搞事情……据说场面隆重,气氛活跃,不堪入目。本台记者 @孟小雨 迅速赶往了现场。-----据调查,这次始作俑者是作为宇宙霹雳无敌超级吃货公司饿了么中最有逼格+设计感的团队—— UED 部门。在这个辞旧迎新、恭喜发财、还不放假的时刻,该部门秘密召开了第一届 UED 年度颁奖典礼!记者被大会的美食吸引,潜入该组织内部,随即被惊呆了。说到颁奖会,你以为是这样的?领导...

    2018-02-25
  • 在不同屏幕和设备上,创建用户体验设计的8个步骤

    从具有微型屏幕的智能手表到最广泛的电视屏幕,其中所开发的内容,应以便在各种屏幕尺寸之间进行查看和交互。但针对不同设备的设计更多的只是调整在不同的屏幕上显示的内容大小。它涉及到很多复杂性:设计师需要把每个设备中的用户体验最大化,以便用户相信实际上应用程序是为他们的设备设计的,而不是简单地拉伸到适合屏幕。为了创建一个好的用户体验,有必要制定一个针对各种设备和屏幕尺寸的策略。

    2017-04-29