UI设计教程 让我看到未来的样子——浅析电影中的未来交互 解读iPhone平台的一些优秀设计思路
  

UI设计

  经常会听到有人议论,设计很主观化,很难有标准。但一些常见设计法则,还是能够让我们深入浅出,在设计过程 中给予我们一些帮助 。以下就简单介绍几个:

1.Flexibility-Usability Tradeoff 弹性-使用性衡量

  弹性,即样样知晓,无一精通。当弹性增加时,单个功效 的使用性就会降低,引发效率降低,复杂 性、时间以及开发的成本增加。

广州UI设计

广州UI设计

  如何兼顾功效 的丰富 和使用性,弹性需求在何种情况下是有意义的?简单来说,用户对其未来需求没有清楚的期望值时,可以多做一些功效 去试探用户的功效 需求。如,拥有多功效 的弹性设备个人电脑,合适 对自己需求并不是那么具体的用户。具有使用性的游戏机,则更符合对游戏有明确需求的发烧友用户。 广州界面设计

UI设计

  又如,QQ影像的快调,对一个不懂图像处理,对图形处理参数没有清晰认知的用户,可以多提供 一些快速调节设置,提供 更大范畴 上的弹性功效 。 UI设计工作室

  产品设计最终是偏向弹性还是使用性,取决于我们面向的用户,对其期待的功效 是否有比较精确化的描述。

  深圳界面工作室

2.Garbage In —— Garbage out垃圾进,垃圾出 UI设计工作室

  人机交互中,输入到系统的信息,如果本身就是垃圾,自然不能期待产生的内容是对用户有效的。 深圳界面工作室

墨默设计

  垃圾信息一般有两种情况:

深圳UI设计

  1、类别问题:比如要求输入字母,结果导入了数字
  2、质量问题:比如两次输入密码,第二次比第一次多出了一个数字。

  常见于表单数据填写的案例场景中,对于类别问题,可采用输入前事先告诉 ,和输入时的内容限制来规避: 广州UI设计

  对于质量问题,可以通过预先检查和确认等功效 来避免。

设计工作室

  最重要的是,如果是用户已经填写的内容,最好直接导入,减少用户导入信息的错误几率。 广州界面设计

墨默设计

  依赖于信息运营的社区类产品,如果有必要,也可做些门槛式的设计,能从源头把控,让用户不会那么容易的导入垃圾。 设计工作室

UI设计

  中国设计学堂

3.Expectation Effect 预期效应

深圳界面工作室

  因个人或对他人的预期,会引发认知与行为的改变。事前一项可靠的描述,会在任何群体中,引发约30%的期待。

  当推动某项产品或设计时,适当建立预期心理,引导目标用户,达到预想目的。如产品发布 前,让用户有预期,无论是后面收集用户反馈,还是下个版本的推进都可以得到更针对性的反馈。

中国设计学堂

广州UI设计

  反之,当我们在做用户研究访谈时,要采用适当的步骤,尽量避免因为预期效应而导致的偏见。 UI设计工作室

UI设计

  值得提醒的是预期效应虽然会影响认知行为,但是这种改变是暂时的,经过一段时间后,行为和认知均会回复到基准线。 广州UI设计

 

设计工作室

4.Five Hat Racks 五帽架 设计工作室

  1989年Wurman(TED主席/执行总监,第一次提出信息架构的概念)提出五帽架理论:无论信息对象如何,都可以使用五种方法 进行资料组织。 中国设计学堂

  1、字母:最常见的组织方法 ,具有强烈的指示性,适用于非直线方法 找到特定内容。 深圳设计工作室

深圳设计工作室

  2、时间:以时间为基准来组织资料,适用于时效性强的信息。

中国设计学堂

墨默设计

  3、地点:以地理或空间组织资料,适用于本身具备地理关联性的内容。

  4、连续性:按范畴 大小、最高到最低、最好到最坏等组织内容,适用于展示对照 性信息。

深圳UI设计

  5、种类:用类似或相关性来组织资料,适用于多层级信息分解。 UI设计工作室

  广州界面设计

5.Fitts’s Law 费茨法则 广州UI设计

  1954年由Paul Fitts提出:移动到一个目标的时间,跟目标尺寸及到目标的距离有关。移动对象不仅包含 直接接触,如手指,也包含 用一个物体去移动,如鼠标。 中国设计学堂

  MT=A+B log 2(D/S+1);

广州UI设计

  MT=到目标的移动时间;A=0.230s; B=0.166s; D=指示装置与目标的距离;S=目标尺寸。如图所示: 广州UI设计

墨默设计

  适用于快速、指示性动作,不合适 持续的动作。

 

6.Hick’s law 席克法则 深圳设计工作室

  以英国心理学家William Edmund Hick命名,当选项增加时,下决定的时间也增加。可以用来测出,当有多重选择时,需要多少时间能做出决定,适用于简单断定 的场景,对需要大量阅读和思考的情景并不适用。

  RT=a+b log2(n),

  RT=反应时间, 广州UI设计

  a=与做决定无关的总时间(前期认知和观察 时间), 广州UI设计

  b=根据 对选项认识的处理时间(从经验衍生出的常数,对人来说约是0.155s)。 墨默设计

  中国设计学堂

7.Gutenberg Diagram 古藤堡图表

墨默设计

  古藤堡把显示媒介分为五个区间, 视觉流从左上角到右下角。

设计工作室

  当元素是平均分散,性质相同的时,可以考虑用古藤堡表,来协助设计格式 和内容。否则,应该以元素的重要性来吸引眼球的移动。 广州UI设计

  网页上的浏览热点区分布,验证了古藤堡表的分区。 深圳界面工作室

 

广州UI设计

8.Serial Position Effects 序列地位 效果

  序列地位 效果:在列举项目中,排在前面与后面的物品,要比排在中间的物品,更容易被人想起。 中国设计学堂

  当列举的项目是视觉性质的,就把重要物件放在最前面。如果列举的项目是听觉性质的,就把重要的物件放在最后面。 墨默设计

 

中国设计学堂

9.Progressive Disclosure 递进展开 UI设计工作室

  以递进展开的方法 ,展现信息内容,即只有在需要时,才会显示资料。其思想为:根据 所面向的对象,对信息划分层级,对于初级用户,仅展示基础 、简洁内容,保证操作流程顺畅结束。同时,针对熟练用户,也能快速的找到更多信息。 深圳UI设计

  使用这种原则,最重要的是要定义不同层级的信息内容,以对应不同的服务对象。 广州界面设计

  中国设计学堂

10.Depth of Processing 处理深度 UI设计工作室

  一种关于记忆的现象:被深层分析 过的资讯,要比浅层分析 过的资讯更容易记得。例如一篇纯文本的文章,与图文并茂,并帮他进行了初始的信息梳理和加工的专题来比,后者被容易被记住和回想起。 深圳UI设计

深圳UI设计

  如:Qzone社区主页的热点专题,比纯粹的信息展示更容易被用户所认知。

设计工作室

广州界面设计

 

UI设计工作室

  以上为简单介绍几个的通用原则,很多情况的设计过程 ,往往都能归结为最简单的那几点,欢迎大家探讨,谢谢~ 中国设计学堂

 

中国设计学堂

参考资料:《Universal Principles of Design(设计法则)》

中国设计学堂


让我看到未来的样子——浅析电影中的未来交互 解读iPhone平台的一些优秀设计思路
Copyright © 2005-2010 MOMOSJ. 墨默设计工作室 版权所有
粤ICP备09189706号RSS订阅