今天继续和大家分享一个jQuery弹出框的代码。代码本身很简单,最关键的问题就在于兼容性方面。
HTML CODE:
<a class="popBtn" href="javascript:void(0)">Click Me</a>
<div class="popLayer">
<div class="popLayerTit">
<h2>Title</h2>
<i class="close">[ 关闭 ]</i>
</div>
<div class="popLayerCon">
<p>Text or Other content</p>
</div>
</div>
<div class="maskLayer"></div>
[ 查看全文... ]
这是我蛮早以前写的一个插件,自己平时的一些项目也是用的这个。一个页面中可以多次调用,并且支持自定义样式。使用的方法也很简单,只要类名一一对应就行。使用方便,如果有什么问题,直接给我留言就行。
调用方法:
$(function(){
$(".tabs").UblueTabs(); //默认调用方法
$(".custom").UblueTabs({ //自定义选项卡区域
tabsTit:".customTit", //自定义标签区域
tabsTab:".customTab", //自定义标签
tabsCon:".customCon", //自定义内容区域
tabsList:".customList", //自定义内容列表
tabsHover:"customHover", //自定义鼠标点击后样式
eventType:"click" //鼠标经过标签切换内容 (此处不写则默认为hover事件 当然也可以把这里的click改成hover)
});
});
[ 查看全文... ]
第11章 移动互联网产品设计的15个原则
1、绝不考虑Web形态,一切考虑都基于APP。
2、产品优先级:
(1)有趣高于功能,产品必须有趣,必须Cool,才可能形成传播和口碑。
(2)功能高于交互,明确的功能满足明确的需求,用户不会在意炫酷交互效果。
(3)交互高于UI。便捷、快速的交互设计为先,围绕具体功能实现UI,而非有优质UI方案为此专门设立一个功能。
3、聚焦:一个APP只做一件事情,一个大而全的APP意味着全面的平庸。
4、永远一维化:让用户在一个维度里解决具体的问题,Twitter的Timeline就是一个好的范例。而类似Facebook、Path那样的滑出式菜单则是一个灾难,因为这使得产品拥有两个维度,加大了用户理解的困难。 [ 查看全文... ]
第7章 微信背后的产品观
2012年7月24日下午14:20---23:30,我应邀参加了《腾讯大讲堂》的特别讲座,由微信之父张小龙主讲《微信背后的产品观》。张小龙的讲演长达8小时20分,是我此生参加过的最漫长讲座。
腾讯为此开设17个分会场,同步直播讲座,参加者超过1700人。晚上19:10分听众晚餐,20:30继续进行。恢复演讲时在线直播用户依然有600余人,加上分会场听众,总计有超过800人听完全程讲演。很多人并不知道,这可能是张小龙第一次也是最后一次做公开讲演,在公众面前讨论产品。在这次演讲中,他把自己15年来关于产品的所有经验和心得一次性全部公开,今后将不再做类似公开课。
这一讲座受到腾讯保密协定约束,因此其中令人惊叹的新产品特性演示不可以对外公开。同时腾讯大讲堂举办的这一公开课的目标群体是腾讯两万余员工中的产品经理,其中涉及大量腾讯公司业务也不宜对外公开。因此,作为唯一的受邀外界自媒体,我只能根据授权部分内容进行阐述。因此,腾讯相关人士请先阅读下一段落的内容: [ 查看全文... ]
第5章 产品定位和人性化满足用户
用一只蝴蝶引发一场风暴,虽然这样的事在自然界非常少发生,但理论上也是有可能的。所以我们更多的聊一聊这个功能,觉得挺自豪,因为它是非常简单的一个东西,但是在用户里面引起了一场“风暴”。
产品定位很重要,我们说很多时候产品经理做的是功能而不是定位。功能是做需求,定位是做一种心理诉求,也就是说定位是更底层的一些心理供给。
最后说我们做的东西,能够把它做到底层的需求。就像我们做微博,如果只是说我们要打开微博,跟用户无关系,跟用户的心理动机无关。如果我们说微博能够满足用户的心理诉求,让他获得安慰感、排除孤独感,让他获得成就感,让他在里面更加自信,让他在里面像一个敌人一样,虽然这些诉求对用户来说不一定是好事,但是他自己意识不到。 [ 查看全文... ]
这是我在手机上所看到的一本书,阐述了他对微信的一些产品观念。里面的内容还是不错的,值得大家一看。
目录:
第1章 从一个小故事讲起
第2章 从微信“摇一摇”看简单就是美
第3章 产品经理应该像上帝那样了解人性
第4章 群体用户与个体用户
第5章 产品定位和人性化满足用户
第6章 产品如何从用户体验出发
第7章 微信背后的产品观
第8章 微信的演化
第9章 移动互联网产品的方法论
第10章 移动互联网产品经理的素养
第11章 移动互联网产品设计的15个原则
第12章 “自然流”的设计思路
第13章 思考题
第14章 结语
引言:
本文来自互联网收集,感谢微信之父张小龙无私的分享。
每一个做产品设计,产品策划的人,都应该好好读一读本文,相信你一定会有收获。
“我所说的,都是错的” --- 张小龙
[ 查看全文... ]