Blog

我承认在过去的设计开发中很少考虑这样的思想。。。问题是一个CSS写的是否高效，取决于浏览器能够以多快的速度去完成渲染。 这貌似是一个浏览器提供商应该关心的问题（加载越快，当然浏览器用户用着也就更开心）。Mozilla有一篇文章https://developer.mozilla.org/en/Writing_Efficient_CSS">about best practices. Google也经常为了给web和浏览器提速进行一些重大举措。这里还有另外一篇相关的文章https://code.google.com/speed/page-speed/docs/rendering.html。 想让我们把这些宏伟的想法抛在一边，来讨论一下具体的实践措施去优化CSS的渲染速度。 从右到左 第一件，也是最重要的一件事是去了解浏览器是怎么去阅读CSS选择器的：那就是“从右向左”读，意思是，比如这一段选择器“ul > li a[title="home"]”，首先被解释出来的是“a[title="home"]”，这部分也最终被作为这段选择器的“主选择器”。 ID选择器最高效，遍历（通用）选择器的效率最低 有四种形式的“主选择器”：ID、Class、tag、和遍历，现在排出的顺序就是按照渲染效率从高到低的进行的： #main-navigation { } /* ID (最快) */ body.home #page-wrap { } /* ID */ .main-navigation { }…

活动介绍 “UXDC体验设计峰会”每年举办一次，本届是由深圳市工业设计行业协会（SIDA）和深圳体验设计专业委员会（UXDC）联合主办，腾讯公司协办。2011体验设计峰会的主题为“跨界”，旨在让最顶尖的体验设计翘楚（行业包括互联网设计，家居设计，移动通信，珠宝设计，广告传媒等）讨论和分享体验设计的个性与共性。 温馨提示: 时 间: 2011年12月1日 全天 9:00开始 地 点: 中国深圳市海景奥思廷酒店（深圳地铁罗宝线-华侨城站-A出口） 与会嘉宾排名按字母序 黎万强小米科技联合创始人、副总裁 MIUI手机操作系统项目总裁，主要负责MIUI的整体研发、设计、运营。曾任金山词霸总经理，2000年7月西安科技工程学院工业设计专业毕业，进入国内知名软件公司金山软件的人机界面设计部。在2000年至2003年期间，参与金山毒霸、金山词霸、WPS Office等多个知名软件项目不同版本开发，主力完成其交互及界面设计创作工作。 栾世丽哥力思设计总监 台湾籍品牌艺术顾问 歌力思集团旗下ELLASSAY FIRST系列设计总监，韩籍“外援”，毕业于日本东京designer学院，从事服装行业达20年之久，曾担任多家知名品牌的主设计师和商品企划顾问。 麻长炜淘宝网产品技术中心用户体验设计总监 亚洲区在线客户体验大奖得主。麻先生拥有超过10年的互联网网站体验设计从业经验，致力于为互联网在线用户提供最佳人机交互设计体验，是全球企业间(B2B)电子商务的著名品牌阿里巴巴网站18位创始人之一，也是亚洲最大网络零售商圈淘宝网的创始人之一，2005年8月曾参与了阿里巴巴并购雅虎中国后的一系列前期整合工作。其领导的团队致力于人机交互、图形化设计、界面设计、用户体验研究等技术领域，为每一位淘宝会员打造更安全高效的网络交易平台。 孙 磊飞亚达公司研发部经理、设计总监 中国航天表首席设计师，深圳设计联合会副会长、产品设计专业委员会主席，中国工艺美术学会旅游工艺品专业委员会副秘书长，华南理工大学兼职副教授等职务。在飞亚达公司主要负责公司的产品创新及与之相关的新技术、新材料、新工艺的研究应用，直接参与企业产品策略的研究和制定，带领企业设计研发团队平均每年为公司开发40-50项新产品。 唐 沐腾讯用户研究与体验设计部总经理 腾讯用户研究与体验设计中心的创建者和负责人。自2001年起，唐沐致力于在中国互联网领域推广用户体验设计及研究。在十年的时间里，在设计管理、视觉设计、交互设计、用户研究等多个领域进行理论研究和设计实践。 汪方进网易用户体验设计中心设计总监 网易用户体验部门创始人，在网易7年的工作时间里，负责网易门户、邮箱、无线、社区、移动等产品体验设计，推行“以用户为中心”的设计理念。执着于设计行业与互联网，座右铭是“精雕细刻，精益求精”。 王…

还没用过HTML5，对吧？我想你可能有充分的理由，比如：它还没有被采用；它不支持IE；你不喜欢你的网站有“用户”；你不喜欢赶时髦，或者你只是热情在爱写严格的XHTML代码。HTML5是网页技术需要的一场革命，不管你喜欢或是不喜欢，事实上，它终究是网页的未来，这是你所阻止不了的。HTML5并不是很难使用或理解，即使它没有完全采纳，但仍有充足的理由开始使用它。而且，就是现在-当你读完这篇文章的时候。 有很多文章吹捧HTML5的使用，并赞扬它的好处，这篇文章也是其中之一。我们有所有这些文章，苹果公司的推动，而且Adobe围绕它打造出新的开发产品，还有这么多纯HTML5的网站。然而还是有很多网站开发者，设计师，前段工程师因为种种原因并没有采纳这项技术。我认为主要问题是，对于大多数人它仍然像个神秘生物。对许多人来说，它的感觉更像是变形金刚这种不可思议的东西，能够激发人们的想象力，但使用起来还是不够踏实。其实你想错了，其实它是非常实用！这可不像是最新的奔驰概念车，从一个展厅拉到另一个展厅的巡回展览会。而像是那种在马路载客上的交通工具。 为了进一步揭秘HTML5，帮助那些淡定的设计人员和开发人员改变这种思维模式，我要罗列十个的原因去阐述一个问题--“为啥现在就要用HTML5？”。对于那些已经使用过HTML5的，这十项描述可能略显老旧，没有什么新东西或者说没有突破性的意见，但我希望它能鼓励你去和他人分享HTML5的好处。那现在就开始倒数为什么使用HTML5的十大原因之十 – “无障碍”。 10 - 无障碍 HTML5更容易去创建无阅读障碍（可读性更强）的网站，主要有两个原因：语义丰富和ARIA。新的html标题标签（有些现在已经能用了），像<footer>，<nav>，<section>，<aside>等，他们允许屏幕阅读器更方便地访问内容。此前，你的屏幕阅读器有没有办法确定一个给定的<div>标签到底是什么，即使你分配一个ID或类。有了新的语义标记，屏幕阅读器可以更好地检查HTML文档，并为使用这些标签的页面创建一个更好的体验。 ARIA是一个W3C规范，主要是用来在HTML文档中指定特定的“角色”，有了角色属性，我们便可以在页面上轻松创建重要的着陆点：比如页眉，页脚，导航或文章。在这一属性生效前，这是一直被人忽视的一个块，但是，HTML5将验证这些属性。此外，HTML5将使角色属性有效化。如果想了解更多HTML5和ARIA深入的讨论，请访问https://www.w3.org/WAI/intro/aria。 9 - 视频和音频支持 忘掉那些Flash Player和其他第三方媒体播放器吧，利用<video> 和 <audio>等标签，可以让你的视频和音频能够直接在HTML5中被访问。以前，让那些媒体正常有序播放简直就像一场噩梦，你不得不使用<EMBED>和<OBJECT>等标记，还要配置一大堆参数来让它正确播放和显示。所谓的媒体标签就是这些讨厌的，混乱的大块代码段。HTML5的视频和音频标签基本和插入图片文件的方法一样; <video src=”url”/>。那问题是，所有那些参数，如高度，宽度和自动播放怎么去配置呢？不用担心，只需要要在标签中定义这些属性，就像任何其他的HTML元素一样：<video src=”url” width=”640px” height=”380px” autoplay/>。这简直太简单了，就是因为那些个不友好的浏览器还没有把HTML5当做自己的伙伴。以上的步骤还少了些代码来让媒体文件正确播放，这些代码如下，是不是看起来比<object> 和 <embed>舒服多了： <video poster="myvideo.jpg" controls> <source src="myvideo.m4v"…

（二） 社交和网络营销 首先我们需要思考另外几个问题：社交网络从何而来？带给我们什么？将以怎样的方式发展下去？这个看似和营销团队毫不相干的话题，对于我们在不同社交平台部署相应的策略有着特殊的意义。首先，我们来看看Facebook，Facebook最初只是一个大学社区照片分享和评论的网站。暂停一下，这样看来，原来图片是最初的社交元素，想想看，正是这些照片和档案（profile）使虚拟环境显得真实起来，从来带来了相应评论和对话（comment & dialogue）和好友。 我们在进行社交网络营销的时候，有没有考虑到营销材料营造的”真实性（reality）”，我们至少需要“一位摄像师和一位数据图形设计师”去完成这项任务。 社交网络带首先给我们的是档案（profile）这个概念，然后给了我们朋友 （friends）和群组（groups）。作为营销者，你是在网络的社交圈里一个人战斗，你没有朋友，只有敌人或者说竞争者，你唯一能做的就是不断的展示自己，哗众取宠？也不完全是这样，前提是，你找准了圈子，让你的“广告”得到最大范围的推广。如果你没有这样的眼光和运气去融入这样一个圈子，那就创造一个这样的圈子，让人群推动你的营销活动，运筹帷幄，岂不快哉。借助社交平台，创造一个互动性很强的圈子，至少需要“一个应用开发和设计团队”，这和网站营销的组成比较类似。 社交网络包含了我们社交生活的方方面面，丰富的产品和高度的整合，使社交网络营销更加复杂，各个社交网站存在竞争却各有特色，相同点：分享，和娱乐功能；不同点：地区，文化，受众群体。 几乎每一个社交网站都具备了浏览图片和视频等娱乐内容的功能，我们不在用社交网络去和朋友联系，而更多的，我们利用他们作为我们日常生活的一个平台，我们在上面阅读报纸，分享视频，甚至是进行艺术创作。我们需要迎合这种娱乐性和工具性，把我们的营销平台打造成为一个娱乐中转站，提供受众的娱乐功能，具备一定的工具性质。那么，我们至少需要“一位信息情报员或者新闻编辑”。 To be continued: （三） 网络应用和网络营销 作者：Johnny CCJK网络营销团队 用户体验设计