UED.Alimama.com

气泡提示中的div与ul容器

分类-视觉设计 | No Comments » | 作者-cricy

我们会常常有气泡提示这个需求，现在就要做一个这样的效果。

下面就是一个效果图:

当鼠标移到预警上时，气泡就会显示出来，如果鼠标移到气泡上，气泡还是会显示，当鼠标移出去后，气泡就会隐藏。一般的代码是<div>预警<div style=”display:none;” id=”tips”>泡里的内容</div></div>,气泡的内容本来是事先都是隐藏的，只有当鼠标移上去才会显示。我是用onmouseover=”tips.style.display=’block’” onmouseout=”tips.style.display=’none’”，如果你气泡里的内容都是text,这样没什么问题了。

而当气泡里有用ul标签时，可能情况就有会变了，而鼠标移动到ul标签上时，在预警外的div就会做onmouseout事件，这样气泡就会隐藏，这样鼠标再移也没用了。这个问题是相当的烦，有的时候也是有时候出来，有的时候不出现。

只能想想别的出路了，后来就把气泡的隐藏延时了，也就是在做onmouseout事件时，var hidetimer= setTimeout(隐藏,300)，在气泡上也加个一个鼠标移入事件onmouseover,就做if(hidetimer) window.clearTimeout(hidetimer)；这样也就的勉强实现了功能。

不知大家可有好的idea.

妈妈list页功能易用性调整！

分类-视觉设计 | 1 Comment » | 作者-banner

先睹为快!下个星期里妈妈list页面做功能易用性调整！改变很多哦！~~希望大家喜欢

列表统一

翻页统一

筛选条件统一

分享一篇文章：《长尾》

分类-问题&思考 | No Comments » | 作者-kimi

http://www.google.com/notebook/public/17225268385456559601/BDUThIgoQjfbkl48j

《长尾》注：原文引用至 译言 网站。
我的一些看法：
里面列举了书籍以及歌曲等常见物品在”长尾”影响下，通过互联网形成的一个”长尾”市场，它的规模甚至要大大的操作了过去的”流行”而带来的市场。
但是，这个长尾市场的形成，基础在于 书籍、唱片等商品，在市场上，本身就存在一个很大的消费基础，只是在过去的环境中，由于物理条件等等的限制，消费者无法寻找到。
返回到阿里妈妈的广告位，现在也是在互联网上面，应该说，长尾的卖方市场我们已经开始尝试建设，但是长尾的买方市场还没有看见，原因在那里？我在想，是否我们有能力将现在的”广告位“商品包装成为一个不仅仅拥有”广告”目的的商品，变成一种可能的大众消费品，这样，他的市场规模是不是可以被大规模的放大，从而真正形成一个”长尾”的买家市场。
如果这个想法是可行的，那么如何包装这个”广告位”商品？

即将推出！阿里妈妈button 调整!

分类-视觉设计 | 1 Comment » | 作者-banner

　　我们的头部button 做了统一调整，原先的8个头文件！改到现在3个文件的识别！ 统一称呼：
所有cpt、cpc、cpm 广告统一叫法“包时广告、点击广告、展现广告”

统一结构：
原先的结构不是统一做的！在位置和内容上有些区别,统一

统一色彩：
原先的色彩，也有个别不一样，统一

原来的

即将要推出的

客户在阿里妈妈上购买广告位的习惯引发的产品更新思考

分类-问题&思考 | No Comments » | 作者-kimi

阿里妈妈在推向市场以后, 跟传统的联盟一个明显的不同是:

1. 它是阿里巴巴的子公司, 哈哈, 这个不是本质不同.
2. 它是联盟? 噢, 不
3. 那么, 有什么不同?

前一段时间, 连续的跟部分经常购买阿里妈妈广告位的客户作了电话沟通, 客户告诉我, 阿里妈妈跟其他广告联盟的一个最大的不同是, 可以一个, 一个的挑选网站, 而不是像过去那些联盟一样, 投放到什么地方都不知道. 客户告诉我们, 这个很喜欢.

但是, 这个回答, 又引发了新的思考, 客户到底如何在网站上挑选网站呢? 如何让客户方便的一个一个购买广告位呢?

今天的日志里面不会谈如何帮助客户更加高效的选择广告位, 留到下次说, 因为相关的一些产品已经开始设计.

今天说一下, 购物车和阿里妈妈”包时计费广告”的新调整.

从客户的角度来看, 包时长计费广告是一种新的形式, 然后这个新的形式在客户实际使用的使用, 跟阿里妈妈原先的设计是有很大的不同的, 根据数据显示, 客户有95%的广告计划, 里面只包含了一个广告位, 也就是说, 一个广告计划里面, 绝大多数是不存在批量操作的, 而原先阿里妈妈在设计广告计划的时候, 更多倾向考虑的是批量的操作, 所以, 接下来会对这个地方做一个重要的调整:

• 包时长广告计划的概念会被淡化, 还会有入口, 但是更多的是给客户一个批量购买的批次的概念, 而在管理上, 突出单独的某一个广告位, 即单个的交易, 这样方便用户快速的评估某一个广告位的投放效果, 查看有关的报表.

另外, 如何满足客户一次性购买多个广告位的需求呢? 阿里妈妈这一次要重新设计一个”购物车”, 会基本上类似于传统B2C网站的购物车模式, 当然购物车决不是简单的批量存储货物, 更重要的是, 购物车将成为一个重要的营销渠道, 向用户推荐更好的更合适的广告位.

大家拭目以待.

按钮psd模板（可供下载）

分类-视觉设计 | No Comments » | 作者-banner

你在做活动时候！~广告时候是不是常常为做按钮花不少时间？

如果你是设计师，或者是ps爱好！你多可以用这个按钮模板，可以在你设计和制作的时候少用很多时间在做按钮设计！~

下载地址！http://img.alimama.cn/cms/images/1205719555650.psd

坚强是最好的用户体验

分类-用户体验 | 1 Comment » | 作者-yuhuan

1.团队
如果你想创业的话，那么你从始至终都离不开团队，而且会不停建设团队。对你来说最重要的不是股东（尽管你要为他们创造利益）、VC（你也会为他们创造利益），而是你的团队。因为他们是协助你去完成目标的人，也是你最初的用户。如果你提出想法，那他们才是真正实施你想法的人。
这一点我现在感触良深，产品、技术、UI等各个方面的Leader到位之后，我才感到某些部分的压力在逐渐减轻，而我们的速度也在加快。

2.节奏
节奏是真正折磨人的东西。这个问题是值得创业者去深思的问题，用什么样的速度扩张人员和服务，是每一个创业者都要考虑的问题。且这个速度不在于快或者慢，如何把握快慢的节奏呢？

3.坚持
坚持不光是对事业的坚持，也是要有自己的焦点。 任何产品都会有不完善的地方。关键在于是否有持续改进的意愿，持续的坚持才是对用户最大的负责。不然一段时间之后，如果企业消失了、服务没有了，最受损失的还是用户。

4.坚强
每个设计者、创业者都会听到各方的声音。它们来自用户、来自评论者、来自VC，其中最应该倾听的是来自用户的声音，并且认真的去改进它，如果暂时改进不了的话，也要告诉用户原因和时间表。我相信他们会理解我们。
坚强一点是给不信任者最好的打击，就是做好你的事情，让他们去后悔曾经对你的漠视。但是记得一定要保持谦虚地态度，在这个人才辈出的时代，谁都可以成为高手，但是你未必就是那个最优秀的，因为优秀的人实在太多了，要保持最初的那份诚恳的态度，去认真地倾听每一个意见，并尽己所能的去改进缺陷。

这群个流氓~~

分类-视觉设计 | No Comments » | 作者-可乐

今天把电脑的系统重装了一边~~！（一般电脑系统我3个月重装一次，装装更流畅嘛）等我装好电脑，把一些专业软件以及常用的装机软件装好之后发现电脑上多了一些不速之客（百度超级搜霸、易趣、中文上网官方版……）。这些不速之客对于我来说已经不是初次遇到了~~基本上每次装机之后，都要我手动把他们驱除  对于这些不速之客怎么无声无息的流进我的电脑~~而且可以避开一些流氓软件的发现我深感神奇~~一般我在装软件时候都会把一些附属的插件去除掉~~~而且装完之后也会用奇虎360安全卫士扫一遍就是没把他扫出去；最让我感到不爽的是下面我删除他的时候遇到的一些操作~~ 1、必须要提供你为什么要删他的理由（其中的一条竟然是问~~你是不是被强制安装的，大有在被qj之后歹徒还回过头来问你“你被qj了吗？？”之感————不爽） 2、要填验证码（以前的中文上网官方版就是要填的） 3、电脑要重起，等我完成他们要求的手续后，认为终于卸载成功了~~但是却跳出说还有程序在运行需重启~~愕然原来我电脑的速度越来越慢就是这些蛀虫们搞得鬼啊~~~ 感触： 对于这些流氓软件可恶我想都深有体会，在我仔细读了那些软件的功能之后才发现他们也是又一定功能的（如中文上网官方版他就可以拦截广告的功能~~至于他有没有真的拦我也不清楚，）其实这对很多电脑用户来说是好的啊~~但是我想他就是流氓在他的行径上~~电脑好比一个私人空间~~你不请就入室而来视为盗也（没有明显的提醒，故意躲躲藏藏~~~~你想大家怎么会对这种软件有好感呢~~我想肯定是见一次删一次绝不手软~~

好的互联网广告

分类-问题&思考 | 1 Comment » | 作者-kimi

 大凡提起广告，我想大家无不皱起眉头，我想这个地方，CCTV造的孽有不少，电视媒体极端发达的今天，由于广告创意设计方面的匮乏，以及企业厂家对广告带来的美誉度的漠视，大家在电视看到的“无数”的“富含创意”的广告，最终留给大家的结果就是，看到广告就不停的按动遥控器上的按钮，而一圈轮回下来，发现，“敌人”无处不在。

我个人感觉，平时看电视，遇到广告，就是一种痛苦。

互联网媒体的出现，给广告的发展又提供了一个全新的舞台，然后不幸的是，无耻的“猥琐”还在继续，如果你敢打开国内各个门户网站的首页，你能够承受各种QJ的存在吗？

但是没有办法。

真的是没有办法吗？也不尽然，Google和雅虎等在尝试的“点击”广告，根据当前文章的内容，然后猜测并安排广告内容，应该是说一个巨大的进步，因为，广告开始根据实际的情况会做实时的调整了，然而这还不够，广告的真正本质应该是浏览者的需求，如果能够做到这一点，那么广告将不再是“为难我”，如果你年收入30W，年纪30，而且正在关注汽车，那么推送一个“奥迪新款A4”的广告给你，可能正合你的心意。

而这时候，广告已经变成了网页上的内容，你将不在会感觉到这是广告。这也是Facebook目前正在尝试的朋友推送广告的尝试思路。

当然，这个的基础毫无疑问是要对浏览者的属性进行充分的了解和长期的跟踪，在这个基础上，逐步的提升。广告投放系统了解你更多，跟踪你时间更长，给你的广告的准确性将会更加好。google的永久性Cookie ，以及History功能，我想正在做这个有关的事情。

但是这里要问我们自己一个问题：我们能够默认被广告系统这样大量的收集信息而无动于衷吗？大家可以不断的看到各种隐私保护组织正在组织起来跟Google抗争，跟Yahoo抗争，但是从我的角度看，只要这样的广告系统能够做到“不作恶 ”，就让他收集吧。

返回来，到国内，现在还没有一家公司开始真正做这个事情，大家还是习惯，我给你××元，你给我在这个地方竖一个牌子，无论是电视，还是网站，都这样。

我想阿里妈妈有责任来改变这个现状，让互联网广告成为互联网 内容的一部分，让用户通过广告能够真正的收益。这是我们的未来的重要期待。

在Flash中使用HTML和CSS

分类-前端技术 | No Comments » | 作者-sunlin

在Flash里使用HTML和CSS，代码是这样：

var myStyle:TextField.StyleSheet = new TextField.StyleSheet();
myStyle.load(”sample.css”);
content_txt.styleSheet = myStyle;
content_txt.multiline= true;
content_txt.wordWrap = true;
content_txt.html = true;
var story:XML = new XML();
story.ignoreWhite = true;
story.load(”sample.html”);
story.onLoad = function () {
content_txt.htmlText = story;
}

这个是加载外部CSS跟HTML（其实是加载XML当HTML用-_-b ）的。后来Den写了两种把样式写在AS里的方式：

var css_str:String = ".aoao{color:#010101;font-weight:bold;}

 .aoao:hover{color:#ff0000}"; myStyle.parseCSS(css_str)

myStyle.setStyle(".aoao", {color:'#010101', fontWeight:'bold'})

; myStyle.setStyle(".aoao:hover", {color:"#ff0000"});

其实HTML也可以写在AS里面，直接拼string就行。对于CSS在写在AS里还是加载外部CSS就要看情况了，用Web上还要考虑请求数，文件大小，缓存，更重要的是维护成本。不过在Web应用我也没想到有什么比较适合的应用，在浏览器里使用HTML加载Flash之后再用Flash加载HTML和CSS意义并不大，而且支持不是一般的弱，看一下支持的HTML标签跟CSS属性，＝。＝ 本来想用来解决中文下划线的问题，结果还是不行，据说别人是用flash画下划线滴。

浏览器的应用玩玩就算了。还是留在桌面应用吧。