美文网首页jobs产品交互设计交互设计
学期笔记03 - 用户界面设计

学期笔记03 - 用户界面设计

作者: 光明奶人 | 来源:发表于2015-06-14 07:41 被阅读395次
用户界面设计

人机交互(Human-computer interaction)涉及到设计,实现和评估三个方面。它关于人与计算机这两个复杂体之间的交流。 用户界面就像是人类使用者和电脑系统之间的翻译。

我说的用户界面设计不是国内不少人所理解的描绘Icon或精绘一套闪屏,用户界面设计是关于设计使用系统的整体体验,他是交互设计的一种形式(a form of interaction design )。用户界面设计决策一般被分为两个部分,一个是视觉设计决策,另一个就是结构设计决策。

针对交互系统的用户界面设计包含三个部分:
a. 确认用户和信息:确认用户是谁(年龄段,性别,文化背景... ),信息(你的目标用户偏爱的体验类型和结构,用什么感觉去传递信息)是什么是非常重要的。
b. 确定使用设置:你得很清楚你的交互系统会被如何使用,比如说在哪儿被用,在什么类型的设备上被用,一般会被用多久?
c. 创建用户体验:决定什么类型的用户体验是必要的,你得确定目标用户的偏好。不同类型的外观和使用感受提供了不同类型的用户体验。这里你需要清楚,结构和导航部分与视觉部分一样重要。

有一些很重要的用户界面准则需要记住:
a. 考虑需求:仅提供必要的功能,记住别画蛇添足。
b. 提供一致性: 在提供功能时保证一致性,让用户在使用过程中能有很大的信心去探索整个系统。
c. 减少用户负担: 尽量把用户的使用负担降低到最低,让用户用很少的成本即可实现任务。
d. 先发制人:一个好的界面应该可以预测用户接下来想要做的事。
e. 透明(简单):一个高效率的界面应该是透明的,用户应该专注于他们在做什么,而不是怎么去做。

用户界面设计同样应该遵守易用性的三大要素:
a. 可见的: 视觉设计在用户界面设计中承担着很重要的角色(视觉设计决策至关重要),高效率的视觉设计能鼓舞用户去与系统进行交互行为。

b. 反馈: 当与界面进行交互时,用户需要及时得到反馈。反馈可能是通过视觉,声音或者是触感等等来表现。但要记住反馈信息需要一致性,比如相同的按键;反馈的方式也应该是相同的,比如按键颜色的变化。

c. 概念模型 (隐喻与一致): 概念模型就像是一个街道地图,让用户清楚知道自己在哪儿。有的用户界面有很多不同的图形,如何让用户清楚知道哪里可以点击,哪里又不能点击呢?用户界面本身应该需要提供一些提示去帮助用户了解如何进行交互,这可以通过隐喻与视觉一致性来实现。

c1. 隐喻允许用户去把他们现实生活中的知识应用到用户界面的交互过程中,交互的系统可以把现实生活给模型化,用户界面上的东西表现的就像现实生活中真实的事物一样(降低用户学习成本)。当然要记住,别太过分了,比如用在手机上模仿转盘电话,滑动手指来拨打电话这类自作聪明的交互,在绝大多数场景下简直就是逗比。

c2. 隐喻揭示了系统的概念交互模型,视觉一致性则是告诉用户在不同界面部分做什么的细节,让用户去把界面上的图形联想到现实生活的某个真实常用的物品,比如可翻页的书本。另外它提供一个交互的建议,比如说光标移至某物体上呈现手状,即告诉用户该物体可以被移动的。

相关文章

  • 学期笔记03 - 用户界面设计

    人机交互(Human-computer interaction)涉及到设计,实现和评估三个方面。它关于人与计算机这...

  • 了解界面设计

    简说界面设计 界面设计是什么? 这里主要提到的是网页界面设计,在网页上实现的用户界面,用户在浏览页面时会受界面设计...

  • GeoQuiz项目总结

    用户界面设计Android 与MVC模式Activity生命周期第二个Activity心得体会 用户界面设计 用户...

  • 用户体验要素-笔记总结(下)

    4.框架层 界面设计、导航设计、信息设计界面设计 界面设计:提供用户做某些事的能力,通过它,用户能真正接触到那些“...

  • UI设计师必须要懂的九个设计法则

    UI设计-用户界面设计,是做用户界面设计的,所以离不开用户的体验,视觉设计可以直接影响到用户的体验,所以UI设计师...

  • 应该了解的设计法则-交互设计篇2

    嘎嘎,文章末尾有福利 用户界面设计规则从何而来? 1976年Cherition为早期的交互提出了用户界面设计准则;...

  • web的设计理论笔记

    web-ui是什么--网页的界面设计 UI就是用户界面,包括三个方向:用户研究,交互设计,界面设计。 WUI是网页...

  • 学期笔记02 - 用户评估

    评估是交互设计中的一极重要部分,而且应该贯穿于每一个步骤中。 用户为什么要评估? 我们完全可以在通过调研得到用户的...

  • UI界面创意图标如何设计

    图标是图形化用户界面设计中的重要元素之一,也是图形化用户界面设计中最直接、最生动的视觉形态,有着优秀图形化用户界设...

  • Web设计----Banner

    一、UI(user interface):用户界面设计 内容 1、GUI:图形界面设计 2、ID设计(UX国内的交...

网友评论

本文标题:学期笔记03 - 用户界面设计

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