首页 相关文章 JavaScript框架提升用户体验(UE)

JavaScript框架提升用户体验(UE)

提升用户体验(UE)

到目前为止,这篇文章完全集中于使用JavaScript框架的好处,以及如何更容易的构建交互式应用程序。但是,另一方面,各个框架都有各自诱人的前景,包括用户界面(UI)组件和用户体验(UE)增强,这需要花大量的精力。

这章将分别探讨下面框架的用户体验:Prototype、 jQuery、YUI、ExtJS和MooTools。

Prototype

Prototype是少数几个不包括现成的UI组件或用户体验提升。相反,它顺从所有姊妹库script.aculo.us (Scripty2,这是所知的最新版本)。script.aculo.us 增加了对Prototype效果和行为的广泛支持。这些效果包括:高亮、变形、折叠、震颤、滑动、膨胀。script.aculo.us 还支持拖拽、滑动、Ajax实时编辑以及自动提示。Script.aculo.us将控件(如:slider和autocomplete)的设计交给开发者,没有提供标准的皮肤。

jQu...[ 查看全文 ]

2016-02-20 标签:
  • 标签:Web开发
    刚刚在Google Reader里通过Gtalk联系人分享的条目,看到JunChen写的贴子《心流理论(Flow)和设计(Design)》。他简要介绍了Movable Type 的设计师Jim Ramsey的文章Designing for Flow。 Csikszentmihalyi 塞克斯哈里的Flow理论(Wikipedia上的Flow条目在这里),有时候被翻译为心流,有时候被翻译为涌流,有时候则被翻译为福乐体验。小容比较喜欢福乐体验 这个译法。Csikszentmihalyi的个人主页在这里。 ...[ 查看全文 ]
  • 都说好的设计是为商业服务的,今天腾讯设计师真真正正演示了用设计提高QQ音乐专辑销量的过程,涉及大量干货,强烈推荐阅读。 在互联网+时代,数字内容的持续发展尤为重要,为了音乐生态系统的健康发展,一直着力支持正版音乐的QQ音乐,正在尝试在线售卖数字音乐专辑,一举扬起音乐圈数起波澜,整体销量非常不错。 设计背景&目标 在国外,音乐的版权市场相对规范,有像iTunes这样的音乐售卖平台,...[ 查看全文 ]
  • 标签:Web开发
    web2.0时代后到SNS社区再到云算法网站的SaaS平台。多交互流程和用户自定义的复杂化,都需要各种各样的提示信息来给用户带来引导。 通用提示是网页的重要组成部分,应用的多元化造成复杂的提示场景: 网站运者会在网站的变更中加上提示文字; 开发人员的系统提示也会出现在页面上; 一些网站独特的功能中也必须给出相应的提示信息来引导用户; 种种的情况导致每当有提示出现时,需...[ 查看全文 ]
  • 标签:Web开发
    使用JavaScript框架 在讲述 window 对象的时候,我们提到过,一个框架内的网页也是 window 对象,也就是说,Frame 对象也是 window 对象。用最容易理解的话说,每一个 HTML 文件占用一个 window 对象,包括定义框架的网页(“框架网页”)。在 IE 里用“iframe”标记在文档中插入的框架也是 window 对象,但是用“包含网页...[ 查看全文 ]
  • 一般人对於企业产品的预期,可能仅停留在功能要强大,信息要安全,能够帮助企业提高工作效率。但今时已不同往日,除此以外,人们开始更注重产品的用户体验。那么,在面对企业产品的设计上,有什么方法可以提升用户体验呢? 接下来,为大家带来一些国内外的优秀案例以及一些设计WebApp时的思考方向。 WebApp设计要点 1.配色 颜色作为设计师传达情感的主要元素之一。一个明确的品牌颜色,对信任度,认知度都...[ 查看全文 ]
  • 如果网站上的文字无法阅读或者用户根本没有兴趣,这个设计就是失败的。而文字并不是仅仅放在网页上就可以了,还需要合理的布局和样式搭配才能起作用,本文和大家分享如何用合适字号提升用户体验。 在一个网站中,文字的大小是用户体验的一个重要部分。随着网页设计潮流的不断变化,文字大小上的设计也在不断改变。 虽然网页上字号不像字体那样受到多种客观因素制约,看起来似乎设计师可以自由选择字号,但...[ 查看全文 ]
  • 说到电商支付流程的用户体验,有大量关于转化率的议题,也有很多有用的建议能够解决可用性问题。但这些资料都没有包含甚至触及到一个特殊的电商领域在线酒店预订。在用户体验方面,这是一个被忽视的话题,可能的原因之一,是它缺乏一些基本的可用性准则。 随着在线交易占酒店销售额比重的提升,拥有强劲的在线销售工具变得至关重要。酒店网站甚至面临更大的挑战,要与Expedia, Booking.com和其他整合者竞争...[ 查看全文 ]
  • 标签:Web开发
    摘要 :现代网站和web应用程序趋向于依赖客户端的大量的 javascript 来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本(或数据系统)中得到响应。在这篇文章中,你将会了解到javascript框架如何更快、更方便的创建互动性强、响应快得网站和web应用程序。 导言 :JavaScript是一种面向对象的脚本语言,一直以来用作Web浏览器应用程序客户端脚本接口的选择。JavaScript允...[ 查看全文 ]
  • 今天百度的同学来聊聊产品思维,让设计师从产品的角度入手,站在多维度考虑用户的问题、解决方法、产品目标和产品营销等,来看看不一样的思维能碰撞出哪样的火花。 当想起用户体验,我们经常会想到一款简洁、美观、易用产品的一系列功能,它让我们的生活更简单。但其实功能仅仅是产品微小、精细的一部分。针对用户遇到的问题,产品试图通过多种方法去解决,功能只是这众多可想出方法的一小部分。从产品的角...[ 查看全文 ]
  • 我想要根香蕉,你却给了我一车苹果。这句话常用来形容爱情里那些沉溺于自我感动,完全不了解对方真实需求的人,而在设计师眼中,产品需求就像女人心,让人头疼,今天腾讯的同学情景出发,聊聊如何将需求变成可用性设计,都是干货,来学习吧。 前言 为了优化产品,提升用户体验,产品团队经常做很多事情:数据监测、数据分析、竞品分析,然后给交互设计师提需求,让交互设计师把需求转化为可用的功能和良好...[ 查看全文 ]
  • 支招:宝宝不爱吃饭怎么办? 一、营造温馨用餐环境 进餐环境要温馨简洁,在温馨简洁的就餐环境中,宝宝和家人都可以专心吃餐,不会被其他事物所吸引。让宝宝的心态安静下来,才能有好的进餐效果。若餐桌附近有电视、电脑等,在就餐时要关掉,以免在吃饭时转移宝宝的注意力,使宝宝不能专心用餐。 二、有规律定时用餐 安排规律的就餐时间,一日三餐都要有固定的时间,不要随意安排。...[ 查看全文 ]
  • 标签:Web开发
    每个JavaScript框架都实现跨浏览器的事件处理,鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的jQuery例子,使用hover事件高亮显示div元素。 清单6:使用jQuery附加hover事件 $('#the-box').hover(function() {    $(this).addClass('highlight'); }, function() {    $(this).removeClass('highlight'); }); 这是jQuery的一个特殊事件,你会发现它提供了两个函...[ 查看全文 ]
  • 标签:Web开发
    也许你刚刚来到一家公司,他们希望进行一些可用性工作。你可能是一名UI设计师,业务分析师,或前端开发人员,一名产品经理,或者负责用户体验部门的经理或副总。你知道,如果更好地了解使用产品/软件/网站的人,就可能开发出更好的产品/软件/网站。不管怎么样,不管你是谁,也不管你在哪里,用户体验这件事,现在就归你管了。 那么,你也许会希望建立一个关于用户体验(UX)的过程,当然,这样一个过程可能...[ 查看全文 ]
  • 标签:Web开发
    用JavaScript实现更复杂的交互 二、如何访问框架 在前面我们介绍过使用document.forms[]实现单一窗体中不同元素的访问。而要实现框架中多窗体的不同元素的访问,则必须使用window对象中的Frames属性。Frames属性同样也是一个数组,他在 父框架集中为每一个子框架设有一项。通过下标实现不同框架的访问: parent.frames[Index1].docuement.forms[index2] 通过parent.frames.length确定窗口...[ 查看全文 ]
  • 标签:Web开发
    一、什么是框架 框架Frames最主要功用是"分割"视窗,使每个"小视窗"能显示不同的HTM L文件,不同框架之间可以互动(interact),这就是说不同框架之间可以交换讯息与资料。例如:假设您开了两个frames,第一个frame可显示书的目录,第二个frame则显示章节的具体内容。 框架可以将屏幕分割成不同的区域,每个区域有自己的URL,通过Frames[]数组对象来实现不同框架的访问。实...[ 查看全文 ]
  • 标签:Web开发
    实用函数 许多 JavaScript框架 都带有大量的实用函数,这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充,所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过 JavaScript 数组,你可能对使用循环来迭代数组操作其值非常熟悉。例如,想想清单2的代码: 清单2:迭代JavaScript数组的传统方法 var fruit = ['apple', 'banana', 'orange']; for(var...[ 查看全文 ]
  • 标签:Web开发
    看了itcast里面老师的讲课,下面是我一些体会 (function(){ window['czf'] = {} 命名空间 var $$= function(){ alert('这个是私有的方法'); } window['czf']["$"] = $$; $11= function (){ aler...[ 查看全文 ]
  • 标签:Web开发
    一、概念分析1:UE用户体验 英文叫做user experience,缩写为UE, 或者UX。 当指电子商务网站的时候也被称作顾客体验(CUSTOMER EXPERIENCE). 它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来/使用。他们能够忍受的问题,疑惑和BUG的程度 附英文原文供参考: the user experience, mostly called "customer experience" when ref...[ 查看全文 ]
  • 标签:Web开发
    Classes: Collections Arrays ArrayList SortedList extends ArrayList HashMap HashSet */ /**************** Collections NOTE:sort() return a new List ****************/ function Collections(){} Collections.sort=function(){ if(arguments.length==1){  var s=new SortedList();  s.addAll(arguments[0]);  return&n...[ 查看全文 ]
  • 题目为把简单留给用户,下一句就是把复杂留给自己。能把复杂的事情经过处理变的简单那是本事。记得有句广告语不是说嘛:把简单的事情变复杂了太累;把复杂的事情变简单了贡献。 道理大家都明白,做起来未必容易。这个理念要时刻放在心里。 繁变简的思路 内容整理 分类 关联度 区分主打产品/功能/话题 适当删减等 繁变简的技术手段 但是切忌不要说,用了此些技术手段就真的把复杂变简单了。要...[ 查看全文 ]
手机页面 收藏网站 回到头部