Attention, Zin 的交互设计之路。

2009 July

{ I am SOHO:Researching in Design Pattern and Human-Computer Interaction. }

Research has to be good for something before it is good for everything / 研究必须在对某件事情确实有效之后,才谈得上推而广之

本站放弃对IE6的支持,抛弃一切该抛弃的东西

《Open Arms》 - 5566

这是《我盛大的同志婚礼》I Now Pronounce You Chuck and Larry里的一首歌,名为Open Arms,这里是5566的版本,还有Journey的Revelation也有这首歌。

从设计师的角度谈产品设计

一些个人观点,可能会有些偏颇。这里不讨论产品设计的具体方法或理论,而是探讨关于产品在团队工作中以及与设计师之间的关联。

1. 产品策略


产品策略谁来定?

一些产品在最初设计时就有着模糊不清的地方,而后发现除了问题又不得不重新进行评估,进行市场研究、用户调研,这种亡羊补牢的方法是很浪费成本的,本身可以避免。在产品策划之初应该明确需求,产品只有满足一定的需求才会有生命力。那么,该有谁来定产品策略?或者说有没有定义好一个产品策略在设计之初?

设计师也起到了很重要的影响意义。

如果设计师拿到一个产品方案没有进行自己的思考,没有调研、分析,不了解产品定位、用户需求,或者以为这个产品已经设计的很棒了,而只要做好UI和产品的UE就可以,这种高调的UX工作往往会避讳产品本身设计的缺陷,就像之前提到的产品策略不准确,需求不明晰的问题。而设计师这种“一如既往”的倾注往往也会对产品的“误入歧途”有推动作用。

设计师该如何去做呢?

最好的方式就是设计师参与进来,从初期策划、调研到中间设计直至最后执行上线。
策划过程中,设计师可以提出自己作为一类型用户的理解,提出自己的需求,甚至可以把握产品的方向;
调研中,设计师可以根据自己的设计需求设计一些辅助的调研问题,来帮助解决后期会遇到的问题。
也就是说,设计师应该了解一个产品的策略,包括市场定位、需要设计什么以及为什么而设计。设计师可以建立一个自己的产品页面在wiki上,填上设计师分析,包括产品策略、设计原则、用户对象(类型及行为或任务分析)、需要解决的设计问题、自我释疑,直至每个设计过程例如补充流程图、线框图以及原型到效果图等等。

回到第一个问题,产品策略谁来定?在产品设计中往往需要一个决策人员,我们应该允许犯错,但不能犹豫不前。

2. 快速上线


在把产品放入市场前,我们没有一个准确可行的法则来判断其是否会成功,或至少已经满足了我们认为的需求,当然前期的调研是可以在一定程度上解决这个问题。但新产品肯定有很多的问题,我们需要一个更快的方法来确定,如何改进。
产品在一定阶段中应该快速投入市场使用,让用户来验证我们的设计,这需要勇气跟信念,当然也需要专业的能力。否则每次拿给用户的都是一堆垃圾最后就不会有人愿意尝试了。
而且,设计师或产品策划人员应该早期制定了一套评测方案,用来收集反馈、分析、结论,来帮助产品本身的改进迭代。

使用YUI Compressor进行Javascript及CSS压缩

前提是,系统要安装java运行时环境,这里下载
1. 下载YUI Compressor
2. 解压到C:\Documents and Settings\你的系统用户名\yuicompressor\
可以在C:\Documents and Settings\你的系统用户名\yuicompressor\build目录下看到yuicompressor-x.y.z.jar(具体根据你下载的版本不同)。
3. 把一个javascript或css拷贝到build目录,如in.js
4. 打开 开始>运行 输入cmd,出现命令提示行,会看到默认在C:\Documents and Settings\你的系统用户名位置,这也是上面放置在那个目录的原因。
使用cd yuicompressor\build定位到目录,然后输入
java -jar yuicompressor-x.y.z.jar in.css -o out.js
回车,在同目录就能看到out.js了,这里的压缩并不是很强,可以使用http://dean.edwards.name/packer再次压缩,如果是CSS那就基本ok了。

淘宝商城改版在即?





目前只有在Firefox3.5下遇到过,其他浏览器下看不到最新效果。
与之前的版本比较,颠覆了老式的凌乱的井字格布局,以各类商品的推荐为主,右侧栏只放了充值、品牌、类别热门(容易受马太效应影响,放在侧栏是比较好的决策)。内容区有了更多的留白,信息简洁明了,看起来很舒服,在国内敢于做这么大的改变的决策,很佩服淘宝商城的团队以及决策者的英明。在二级页面就更加的简洁实用了。
而之前的分类内容,放在了导航条左侧,这种类似亚马逊式的布局还是很实用的,信息的集成化,同时可以看到在二级页面时候分类导航是自动收缩起来的,鼠标滑过以后就会展示出来,这种用户教育以及一致的体验都能帮助用户很方便的“逛”商城。
在首页及二级页面都能看到上部留了一个很大的区域给产品做广告,甚至二级页面都是没有链接的,看来,此次改版还是很注重为企业品牌提供的营销策略辅助,也即是广告业务了。

对比线上的淘宝商城

UE设计师如何与工程师进行项目沟通

首先说明,由于工作的特殊性,这里的UED负责了原型设计、UED、交互到视觉的设计等工作,而工程师不仅是开发人员,也是项目的评估和负责人之一。

1. 客观的心态
1) 认识到每个人多产品的认知可能不够准确,而工程师对产品设计(功能、信息架构)有自己专业背景造成的影响;
2) 每个人都有新要做好这个产品,每个人都是热血的,但,还是会判断失误
3) 不要带有感情色彩的去评论
4) 自省的素养,因为这里是设计师去试图说服别人,如果不成,是否是因为自己的能力不到位,而不只是游说能力好坏或者强势与否的原因

2. 论证
1) 用数据论证,有时工程师很难定性的从设计的专业角度衡量,多数只能主观的进行判断,而设计师有时又会从自己的经验角度去阐述方案
2) 引证对比分析

3. 话题
1) 话题选择:有针对性的,避免模棱两可的问题
2) 引导:向客观的方向,从信息架构、功能易用性的方面,不要从美观等过于主观而又不是工程师所擅长的领域。
3) 真正的用户:设计者、开发者也是用户,但都是特例,不是最终用户,所以应该避免“我会……”这样的话题,要了解最终用户会在意什么,用户判断以及我们成功的关键因素是什么。

还有很多需要考虑的,这里只是列出了几点可能要注意的问题,而更深入的探讨仍然在思考中,往往沟通的成本会造成项目的拖沓,甚至沟通的不准确会直接导致产品变质甚至失败,为了一个共同的美好目标,每个人都应该向着更好的方向努力。

W3C机构宣布2009年终停止对XHTML2的倾注而转向HTML5

显然,在XHTML掌权与HTML进化之间的抉择,W3C选择了HTML5这一有更多人来支持的标准。
或许这只是一个概念上的区别,说到应用只是标签及标准的不同。
XHTML将何去何从?XHTML的出现是为了解决HTML的可移植性及扩展性问题,是基于XML的一种HTML系列(an XML serialization of HTML),包含了XHTML 1.0, XHTML 1.1, XHTML Basic 1.1, and XHTML Modularization系列,而新的HTML5将继承这一目标,变得更加标准、严格,具有良好的移植性及扩展性,而且增加了更多新的标签,如radio,video标签等。可以从这里了解更多关于HTML5
HTML5以及CSS3始终感觉带有一点科幻色彩,更好的稳定性及可扩展性、支持XML的命名空间,更丰富可用的标签,更强的的布局机制类如多列显示,圆角、阴影、拖拽API等等等等,之所以说科幻色彩,是在想,有多少浏览器厂商会为促进这一进步而做出贡献呢?让我们拭目以待。
以下是W3C通知XHTML 2 Working Group Expected to Stop Work End of 2009, W3C to Increase Resources on HTML 5原文:
Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C's position regarding the future of HTML. A FAQ answers questions about the future of deliverables of the XHTML 2 Working Group, and the status of various discussions related to HTML. Learn more about the HTML Activity.

我的语录

Follow me on Twitter!

用户体验是一个品牌属性。

一切都是起源于需求,无论产品还是人员。

做一个懂设计的开发人员,设计不仅是UI design,更是UED,是Product Design,成为一个建设者,而不是评论者或参与者,最终的产出是可以上线的产品!

优秀的设计需要大胆的尝试、良好的判断力、无限的激情,还有,认可的支持。

简洁实用,less is more!花哨而不没有实际意义的效果即使在传达寓意有时也会给使用带来干扰。

阅读全部

Firfox3.5发布支持HTML5及更多的CSS2.1属性

Firefox3.5发布了,抛开其所说,更安全、更快速、更小巧且具有扩展性不谈,其对HTML5的支持以及对更多CSS2.1特性的支持无疑对整个WEB 开发行业起到很大的推动作用。
来自官方的报道:

HTML 5 支持


使用声音或视频元素
Firefox3.5增加了对audio及video元素(标签)的支持
离线资源
Firefox 3.5 现在完全支持HTML5的离线资源使用规范
拖拽
HTML5中对元素拖拽API的支持,这无疑给那些基于Mozilla开发的插件带来了很大的便利,可以基于此API实现简单的拖拽交互

CSS特性的新支持


可下载字体(自定义字体)支持
新的 @font-face 规则使页面可以下载自定义字体字体,而使其按照设计者期望的形式表现出来

CSS 多媒体判断
Firefox 3.5 现在可以支持根据不同媒介选择而表现的样式表属性了

:before 和 :after 的支持已经升级至 CSS 2.1
伪类选择器 :before 和 :after 已经升级完全支持 CSS 2.1, 增加了对 position, float, list-style-*, 及一些其他显示属性的支持
其他还有ch 长度单位,opacity透明属性而之前的 -moz-opacity被放弃,text-shadow,word-wrap,还记得在fx下那些英文如代码之类的不会自动换行的尴尬吗,不用怕了,使用word-wrap:break-word就可以解决了,white-space 属性支持 pre-line等等
更多可以看https://developer.mozilla.org/en/Firefox_3.5_for_developers
第一页1最后一页

朋友的

常去的

订阅

  • 欢迎订阅我的博客Attention!
  • 订阅到有道阅读

© 2008 7thPark.com. Some rights reserved! Z-blog inside. 粤ICP备05035430号

返回页首