Archive for 11月, 2007
星期四, 11月 29th, 2007
以下内容，虽然贴在团队Blog上，但仅代表Panda个人观点。
这次年会的本身，不想多去评价，中国的这个行业需要这样一个交流的平台，但商业化运作的是否成功还是取决于能给我们带来多少价值。
Alex的workshop虽然只有我们几个人，但是引发我很多思考，是这几天下来最大的收获。我的很多观点和Alex一致，也许我们都是怀疑论者。我们都在反思UCD作为设计方法和设计流程，是否能给设计本身带来更大的价值。
UCD作为一种设计方法，先研究用户建立Persona，再在各个设计的阶段加以测试，是目前对UCD设计方法的普遍认识。在Alan Cooper的About Face2.0有详细的阐述。Alex的疑问，UCD的设计方法这些年来并没有很多赢得巨大商业成功的案例，这个设计过程对创新提的很少，更多的只是防止出错，让用户能够接受。由此他引出了他的6.5条设计哲学，我在这里就不详细说了。
我的Workshop本意是想介绍UCD之外的设计方法，也是想大家暂时抛开UCD，开拓一下思路。因为包括Norman最近这几年也在反思他的UCD理念，提出了ACD的思想。我的理解，设计是要给人类带来价值的，与其围绕着用户来做设计UCD，不如围绕着用户的目的来做设计。用户本身并不产生价值，帮用户满足了他的目标，才能给用户带来价值，用户也才能转化为客户。
不断的测试是UCD的一个特征，但测试本身只能验证想法，并不能带来直接的创新。而创新是我认为设计的核心价值。
另，用户体验的构成，有用>易用>想用>品牌，对应马斯洛需求层次论，是有价值的不同的。现在我们看到绝大多出网站，都不易用，但为什么这么火爆，Alexa上排名很高也被证实了巨大的商业价值，关键还是这些网站“有用”，抓住了用户的核心利益点，给客户提供了价值！ 所以设计师在设计网站产品时，除了考虑我的设计是否能被用户接受，还需要深入思考，思考我的设计是否能给客户带来更大的价值。 能给客户带来更大价值的设计，即使难用一点，也会有客户去学习去适应，只要能给客户带来更多的实际利益。
上述想法的实践，貌似已经在互联网的商战中被证实很多了，细节不啰嗦了，明天下午，西湖边南山路淘咖啡，Team内部交流。
Posted in Interaction Design, UED | 5 Comments »
星期一, 11月 26th, 2007
在页面中，网站导航条的位置一般在接近顶部或网页左侧的地方，它为用户提供一个直观的指示，让用户知道现在所在网站的位置。
导航条所占的位置大多是被用户第一眼所关注到的，它的样式设计往往也代表了整个页面的设计风格。
清爽的渐变效果、绚丽的色彩对比、细腻的花纹背景、复古的手绘元素、强烈的质感效果等...
------------------简洁------------------
Posted in UED, Visual Design | 1 Comment »
星期一, 11月 26th, 2007
<div class="A" style="position:relative;">A (relative)
<div class="logo" style="position:absolute;z-index:99999;"></div>
</div>
<div class="B" style="position:relative;">B (relative)</div>
最近做minisite项目时，碰到了个奇怪的定位问题: 以上的A，B两个盒子是相对定位,
标牌logo是A的子级，基于A做绝对定位
问题描述：我们希望标牌logo显示在最上面，但在IE下logo标牌部分被B区域遮住,B在最上层显示，调整logo的z-index的数值调整无效，firefox下显示正常。
解决方案：先了解一下所涉及到的几个定位特性（非官方解释）：
1. 相对定位元素默认的z-index的数值是0。
2. 当两个相对定位同时出现时，代码靠后的z-index优先。
3. 子级遵循父级设定的z-index；如果子级设定了绝对定位、z-index，可以冲破父级显示
这个问题主要是ie对上面第3条错误解释导致的---在ie下子级的z-index不能冲破父级。网上解决这个bug的办法一般用hack使B为负值，来降低 B 在IE下级别，这种方法绕了一个大圈：z-index为负值时，产生了新的ie bug。
按照定位的特性，ie的这个bug是可以回避的，从表面上看 B 遮住了logo，实际上是 B 遮住了logo的父级 A ，只要将 A 的z-index设定大于B即可。
<div class="A" style="position:relative;z-index:1;">A (relative)
<div class="logo" style="position:absolute;"></div>
</div>
<div class="B" style="position:relative;">B (relative)</div>
Posted in Web Developer | 6 Comments »
星期四, 11月 1st, 2007
国际站的Persona一直想建的完善一些，一直也没有合适的时间和资源。最近参加百年网站的讲师讨论，看Scott和JJ准备的“我们客户”已经是非常充实了，且比我们请外部调研公司做的更准确，除了大家去听课之外，在实际工作中更好的运用，也是我一直在思考的问题。
所以有了一个想法，搞一批人偶，贴成我们的persona，放到每位员工的桌面上，让大家时刻记得我们在做的所有工作是服务于这些客户的。
也许还要买个椅子桌子和电脑，让人坐在电脑前，再次强调UI，强调网站界面和用户的交互。
没时间自己去搞人偶了，还是去淘宝逛逛，能买到类似的，那是最好。
淘宝果然有不少好东西，房子，车子，全有逼真小模型啊。呵呵，抛开这些先别管，发现了一批金属折叠的抽象小模型，顺着注释看到了英国Sam的网站，很有个性的网站，及简约的风格中透露出设计师对人，空间，生活的理解。赶紧先买四个回来，咱在淘宝也要冲钻啦！（钻石买家）
我已经折好三个放在我的显示器上面了，还没空折第四个，汗，这一点时间都没有，先贴点图片出来，和大家分享吧。
这个是和我想法最接近的人机交互模型。
这是工作空间，也是我们一直在强调的了解用户的工作环境，毕竟Alibaba的用户后面还有一家企业。
在英国Sam的网站上还看到不少有趣的模型，又买了一些。
这是我最近向往的业余时间和休息生活，西湖边骑骑车，很舒服的事情。
这是财务自由后的终极目标，溶入大自然了。
在这里免费给淘宝的买家做广告了，大家要买去淘宝搜索MIKRO就是了。
Posted in Life & Feeling | 1 Comment »