- 浏览: 662317 次
- 性别:
- 来自: 深圳
文章分类
最新评论
-
zhouyicang:
为嘛人气不够,这么好的文章,我找了几十篇博客,才找到这篇解惑了 ...
HTML 块级元素/内联元素 -
young7:
不错,解惑了
HTML 块级元素/内联元素 -
lvjin948:
获取浏览器语言的完美方案。http://blog.csdn.n ...
JavaScript获取浏览器语言类型 -
tarena_hhh:
我用了css优化工具,发现他的顺序有很大不一样?????
CSS属性书写顺序及命名规则 -
deng131:
谢谢你的提醒,是有个地方写错了
javascript事件绑定addEventListener,attachEvent
1、产品设计和交互设计有什么不同?
产品设计是对整个产品设计过程和生命周期有策划、把握、控制、协调、维护的能力,这是一个团队的事情,也是一个团队的领导需要的基本视角,整体设计方法。
交互设计是关注产品设计环节中的交互部分。
2、UI设计和视觉设计有什么不同?
UI的视觉层面是interface,做好interface的视觉设计,未必就是好的UI设计。
3、ucd中提到的易用性测试工作和测试工程师所做的工作有什么不同?
易用性测试强调以UCD设计思想为指导的用户体验评测分析,测试工程师是做软件,硬件的标准化BUG排除测试。思考方式,工具设备,实验环境,都不同。但流程有可借鉴之处。
4、ucd是在做信息架构师+需求分析师+交互设计师+测试工程师的工作?一人多能?其他的人干什么去?
这是一个团队的事情,一人多能没什么不好,但是精力有限,项目周期和成本无法cover到。如果真有一个可以做到关注UCD全流程设计细节的家伙在,并且他的精力比牛还旺盛,那么其他的人该干嘛干嘛去 - 为他做好配合就行。(案例可以参考steve jobs)
产品设计是对整个产品设计过程和生命周期有策划、把握、控制、协调、维护的能力,这是一个团队的事情,也是一个团队的领导需要的基本视角,整体设计方法。
交互设计是关注产品设计环节中的交互部分。
2、UI设计和视觉设计有什么不同?
UI的视觉层面是interface,做好interface的视觉设计,未必就是好的UI设计。
3、ucd中提到的易用性测试工作和测试工程师所做的工作有什么不同?
易用性测试强调以UCD设计思想为指导的用户体验评测分析,测试工程师是做软件,硬件的标准化BUG排除测试。思考方式,工具设备,实验环境,都不同。但流程有可借鉴之处。
4、ucd是在做信息架构师+需求分析师+交互设计师+测试工程师的工作?一人多能?其他的人干什么去?
这是一个团队的事情,一人多能没什么不好,但是精力有限,项目周期和成本无法cover到。如果真有一个可以做到关注UCD全流程设计细节的家伙在,并且他的精力比牛还旺盛,那么其他的人该干嘛干嘛去 - 为他做好配合就行。(案例可以参考steve jobs)
产品设计、UI设计,是一个知识领域,而不是一个title和职能。
UI设计应该包含:ID(交互)和VD(视觉)
产品设计更加广:UI设计是产品设计的一个方面,额外的内容还有:用户研究、市场研究、产品策略等等
Accessibility—-可访问性/无障碍访问
Accessibility在此处指网页的可访问性。W3C的网页可访问性定义如下:
“网页可访问性是残障人士可以无障碍的使用该网页。更具体的说,网页可用性是残障人士可以感知、理解、操纵网页,并与之互动,还能对网页做贡献。网页可访问性也惠及非残障人士,包括由于老化而能力变弱的老人。网页可用性包括所有影响。”
网页可用性概括了所有影响接近或使用网页的残障因素,包括视觉、听觉、身体、语言、感知和神经的残障。
WAI(Web Accessibility Initiative)即网页可用性倡议通过其全球的组织开发战略、指南和资源以帮残障人士制定网页可用性。
延伸阅读:
* [1]Web内容可访问性指南 1.0
* [2]《在 30 天内打造更具亲和力的网站》
HCI/CHI(Human-Computer Interaction)—-人机交互
人机交互 CHI(Computer Human Interaction),国际上也称(HCI,Human Computer Interaction)是一门跨学科的研究,它的研究内容很广,包括心理学领域的认知科学,心理学;软件工程领域的系统构架技术;信息处理领域的语音处理技术和图像处理技术;人工智能领域的智能控制技术等。
总的来说,人机交互本质上是认知过程,人机交互理论是以认知科学为理论基础;人机交互系统是一个闭环系统,人机交互研究是以系统科学作为人机交互研究的框架的方法学;同时,人机交互是以信息技术作为用户界面的技术基础,通过信息系统的建模、形式化描述、整合算法、评估方法以及软件框架等信息技术最终实现和应用人机交互理论。
延伸阅读:
* [1]人机交互历史
IA(Information Architecture)—-信息体系架构
《Information Architecture for the World Wide Web》作者Louis Rosenfeld的观点,信息体系结构包括“对系统的组织、标注、导航以及搜索所进行的设计工作,这些功能能够帮助人们更加成功地找到和管理信息” (2000)。
信息体系结构,或简称为IA,是高层的信息结构设计,它规划出了用户最终将如何从系统获取信息和知识。信息体系架构师可以被认为是用户体验团队的 “系统工程师”,这意味着他(或她)将对内容是如何被组织的、在任何给定时刻哪些页面元素需要可见或可用以及其它的较高层次的决定负责。信息体系架构师直接和用户体验团队的主任一起工作,以便将商业需求和用户需求转换为系统原型。这些原型通常是以一个对系统或过程的描述图表的形式交付的。一个优秀的信息体系架构师的知识背景通常会略微侧重于工程而非设计,同时他们在进行信息结构设计时更倾向于采取以一种较为务实的观点,而非追求创新。
Interaction Design—-交互设计
Alan Cooper的定义
简单地说,交互设计是人工制品、环境和系统的行为,以及传达这种行为的外观元素的设计和定义。交互设计首先规划和描述事物的行为的方式,然后描述传达这种行为的最有效形式。交互设计是一门特别关注以下内容的学科:
* 定义与产品的行为和使用密切相关的产品形式
* 预测产品的使用如何影响产品与用户的关系,以及用户对产品的理解
* 探索产品、人和上下文(物质、文化和历史)之间的对话(Riemann和Forlizzi)
《Interaction Design——Beyond Human-Computer Interaction》作者的定义:
交互设计指的是:设计支持人们日常工作与生活的交互式产品。具体地说,交互设计就是关于创建新的用户体验的问题,其目的是增强和扩充人们工作、通信及交互的方式。Winnogard(1997)把交互设计描述为“人类交流和交互空间的设计”
延伸阅读:
* [1]什么是交互设计(Interaction Design)?
* [2]交互设计:不是什么和是什么
* [3]Alan Cooper 畅谈交互设计
UCD(User-Centered Design)—-以用户为中心设计
一个成功的交互系统必须能够满足用户的需要。这意味着不仅要能够识别各种用户群,而且还可辨别各个用户所掌握的技能、经验以及他们的偏好,但是设计人员并不是想象中的那样了解目标用户。
关于以用户为中心的设计的构成内容尚未达成明确的共识。但是 John Gould 和他在 IBM 的同事于 20 世纪 80 年代开发了一种称为 Design for Usability (GOU88) 的方法,它包括了最为普遍接受的定义。它从若干交互系统的实践中发展而来,其中最著名的系统是 IBM 公司的 1984 Olympic Messaging System (GOU87)。 该方法由四个主要部分组成,如下所述:关注用户、集成化设计、初期用户测试、迭代式设计。
延伸阅读:
* [1]以用户为中心的设计
UI(User Interface)—-用户界面
在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。
GUI(Graphical User Interface)图形用户界面是UI一个部分
Usability—-可用性
可用性(Usability)是交互式IT产品/系统的重要质量指标,指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何,主观感受怎样,实际上是从用户角度所看到的产品质量,是产品竞争力的核心。
ISO 9241-11国际标准对可用性作了如下定义:产品在特定使用环境下为特定用户用于特定用途时所具有的有效性(effectiveness)、效率(efficiency)和用户主观满意度(satisfaction)。其中:
* 有效性 -用户完成特定任务和达到特定目标时所具有的正确和完整程度;
* 效率 -用户完成任务的正确和完整程度与所使用资源(如时间)之间的比率;
* 满意度 -用户在使用产品过程中所感受到的主观满意和接受程度。
可用性工程(Usability Engineering)是交互式IT产品/系统的一种先进开发方法,包括一整套工程过程、方法、工具和国际标准,它应用于产品生命周期的各个阶段,核心是以用户为中心的设计方法论(user-centered design – UCD),强调以用户为中心来进行开发,能有效评估和提高产品可用性质量,弥补了常规开发方法无法保证可用性质量的不足,九十年代以来开始在美、欧、日、印等国IT工业界普遍应用。
延伸阅读:
* [1]可用性ABC
* [2]编织可用性与文化: 可用性的维度:定义会话,推动进程
UXD/UED(User Experience Design)—-用户体验设计
“用户体验”,UX(User Experience)指的是软件应用和审美价值,是以用户至上的观点作为基石的。主要由以下四种因素构成:
1. 印象(感官冲击)
2. 功能性
3. 使用性
4. 内容
这些因素相互关联,不可分割,共同形成正确的用户体验。这些因素也是一个软件成功,所必不可少的主要因素。其中“印象”也可以归结成这个软件塑造的一个“品牌”效应。UXD就是指围绕UX而进行的一些列设计。
延伸阅读:
* [1]用户体验设计师的职责
* [2]如何量化用户体验UE(How To Quantify The User Experience)
发表评论
-
IE浏览器stylesheets加载资源限制问题
2015-03-08 20:30 1030@import url()做一下总结: 1:@import ... -
理解Javascript原型及继承
2012-08-15 22:13 1308js初次使用起来觉得很简单但是在使用一段时间后很不深入的理解原 ... -
JS判断IE浏览器支持版本
2012-02-01 19:00 2908/* * @description 判断是否是IE,返回具体 ... -
jsonp动态创建script方式IE9问题
2012-02-01 16:28 2335在IE9浏览器创建一个script元素,然后指定其src属性u ... -
IE9下使用jsonp方式调用问题
2012-01-31 19:03 22511. 如果JSONP返回的Content-Type不符合规范, ... -
JavaScript获取浏览器语言类型
2011-12-31 18:24 7744获取浏览器语言: IE: navigator.browser ... -
IE Security Comprehensive Protection
2011-12-19 20:14 1713IE浏览器安全方面的处理,本人英文不好建议大家直接看英文: ... -
javaScript 中比较数字字符串问题
2011-10-10 21:49 4614在实现前端页面排序功能过程中遇到的问题,由于自己的粗心导致了生 ... -
javascript设置label标签 for属性
2011-09-11 10:36 3545js创建label标签的for属性用来增加操作响应区域。 v ... -
javascript事件绑定addEventListener,attachEvent
2011-07-31 18:55 3439为了考虑浏览器的兼容性问题,都需要对浏览器进行类型检测。 f ... -
readyState五种状态详解
2011-07-24 14:15 1552(0) UNINITIALIZED 未初始化 The obje ... -
getElementByTagName 与 querySelectorAll
2011-07-14 11:29 1440虽然网上有中文翻译但是还是直接看英文有感觉。getElemen ... -
拖放 Drag and drop 方法
2011-07-10 18:55 1488虽然网上又很多实现方法,但是还是需要理解拖放原理。通过绑定on ... -
闭包传入参数 window & undefined
2011-07-03 08:53 2257大家在前端开发中对闭包应该和熟悉了,也就是几种常见的闭包方式: ... -
textarea光标位置插入文字
2011-06-18 18:14 2094各浏览器TextArea获得焦点后的光标位置情况: text ... -
IE6上Array不支持indexOf方法
2011-06-06 10:17 2221在IE6不支持Array上indexOf方法,又是可恶的ie, ... -
处理不支持JavaScript脚本情况
2011-05-26 10:24 1309现在主流的浏览器都支持javascrip, 但还是有小部分不支 ... -
动态创建iframe设置属性name问题
2011-04-20 13:54 2662通常iframe的name可以是link或者form的targ ... -
WebSocket and Socket.IO
2011-04-06 15:39 3417WebSocket API是下一代客户端-服务器的异步通信方法 ... -
Preload CSS/JavaScript预加载
2011-04-06 10:20 1415希望达到效果是页面第一次载入以后,如果在次刷新页或者进入下一个 ...
相关推荐
百个前端设计常用Javascript语句,很实用
Javascript Web前端设计常用语句 非常好用,对Javascript不太熟悉的人看了可快速掌握Javascript编程进行web页面功能设计。
1500个前端开发常用JavaScript特效1500个前端开发常用JavaScript特效1500个前端开发常用JavaScript特效1500个前端开发常用JavaScript特效1500个前端开发常用JavaScript特效1500个前端开发常用JavaScript特效1500个...
前端毕业设计:基于Vue的校园论坛 前端毕业设计:基于Vue的校园论坛 前端毕业设计:基于Vue的校园论坛 前端毕业设计:基于Vue的校园论坛 前端毕业设计:基于Vue的校园论坛 前端毕业设计:基于Vue的校园论坛 ...
大学生Web前端静态网页设计期末大作业(高分必看)大学生Web前端静态网页设计期末大作业(高分必看)大学生Web前端静态网页设计期末大作业(高分必看)大学生Web前端静态网页设计期末大作业。大学生Web前端静态网页...
前端JS常用工具
如果日常工作中不在实验室动手操作,不注意放大器和变压器(巴伦)的最新技术趋势,那么前端设计,特别是高频(>100MHz IF)下的前端设计可能非常困难。大部分设计人员都会把数据手册或应用笔记的设计作为起点,但相对于...
《大巧不工:Web前端设计修炼之道》适合于经验还不够丰富的前端工作者(前端设计师、前端开发工程师、前端架构师和用户体验设计师),希望它能帮助大家从复杂、繁琐、无序的前端设计、开发和维护工作中解放出来,以...
【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码【Web网页设计制作-毕业设计期末大作业】HTML、CSS、...
本书签记录了前端学习中的常用网站,适合新手前端,希望能对大家有帮助。
前端设计原则
(自己)前端设计常用效果-总结1
Web前端设计课程思政教学设计.pdf
bootstrap,vuejs,jquery,fileupload,jquery.json,validate,detect-element-resize等前端常用包
60个前端JS常用工具方法
仿小红书前端设计的网页源码(网页设计作业).zip仿小红书前端设计的网页源码(网页设计作业).zip仿小红书前端设计的网页源码(网页设计作业).zip仿小红书前端设计的网页源码(网页设计作业).zip仿小红书前端设计的网页...
前端设计与开发的基本模式 前端设计与开发的基本模式
前端网页设计课件 ppt 前端网页设计课件 ppt 前端网页设计课件 ppt 前端网页设计课件 ppt 前端网页设计课件 ppt