08 2011 档案

关于陈列设计和一些细节的体验
摘要：本篇文章从7月20日开始，将对提出的12条进行逐条详细解读，以子母篇的形式开帖，统一用【子篇】标记！转载请注意文章之间的关系！【子篇一】新顾客的体验http://www.blueidea.com/design/doc/2011/8527.asp【子篇二】老顾客的需求http://www.blueidea.com/design/doc/2011/8528.asp文章并不是一篇严谨的UED指导论文，我在标题都说明是我个人的“体验”，其实本意是希望大家能从这个思路引开去，能引发更多的设计思路！关于陈列如线下商场要重视动线和陈列一样，我们在线上的页面中也非常要重视关于陈列的一些细节！ 搞设计的习惯统一 阅读全文

posted @ 2011-08-25 15:54 kpbiao 阅读(274) 评论(0) 推荐(0) 编辑

JQuery设计思想-
摘要：jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。目前，互联网上最好的jQuery入门教材，是Rebecca Murphey写的《jQuery 阅读全文

posted @ 2011-08-24 17:23 kpbiao 阅读(152) 评论(0) 推荐(0) 编辑

滚动
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2011-08-24 16:09 kpbiao 阅读(175) 评论(0) 推荐(0) 编辑

优秀产品经理的核心技能
摘要：在我以前的工作中，曾经设计过产品经理职位的核心能力模型，今天看到Michael的文章，和我思路非常相像，翻译整理出来和大家共享。 1、沟通能力 优秀的产品经理一定是个成功的沟通者， 沟通能力包括口头沟通能力和文字沟通能力。产品经理的一个最主要角色是做为沟通的中心，如下图所示： 产品经理的沟通能力不仅体现在和不同工作岗位的人进行有效沟通，同时还体现在如下方面： 和不同个性的人沟通。例如，大部分工程师的性格偏内向，而大部分销售和市场人员则很外向 和不同工作岗位的人沟通时采用不同的”语言” 。如果要进行高效沟通，很重要的一点是说沟通对象关注和易于理解的”语言”。比如，在和市场人员沟通和与... 阅读全文

posted @ 2011-08-23 17:53 kpbiao 阅读(255) 评论(0) 推荐(0) 编辑

产品经理经常犯的错误--李可按
摘要：看身边，看朋友，看同事，看看我们这个并不成熟的圈子，优秀的产品经理总归很少。他们已经犯完了应该犯的错误，然后才牛逼起来。 反思我做产品经理的漫长历程，我把我以前犯过的错误，把后来带人的所见，以及与朋友聊天时的所闻，都列出来，以备大家各自警醒。 1、想当然。 这个是产品经理经常所犯的最大错误了。我们接到一个需求，我们想了想，然后就认为自己想的是对的。因为我们用过很多同类产品，想过很多类似的事情，等等。我们也想去做市场调查，但漫长而经常不靠谱的市调结果，往往让我们更加不知所措。所以我们反思：除了想当然我们还能干嘛?也就只能想当然了。 为了不让自己想当然，我们找目标用户听取需求，我们绘制... 阅读全文

posted @ 2011-08-23 17:50 kpbiao 阅读(166) 评论(0) 推荐(0) 编辑

网站产品设计应避免的7个误区
摘要：你的网站是在吸引客户还是赶走客户?如果犯了下面提到的某些问题，带来的损失可能会令你欲哭无泪。避免下列设计误区，可以事半功倍。 求大求全而不求精。弗吉尼亚州罗浮市Grow Interactive工作室创始人德鲁·安格瓦斯基认为，一个网站不可能面面俱到。仔细挑选要放上网的内容，精心组织，做到条理清楚，整洁明了。“很多人堆砌了太多东西，特别是在主页上，有种掐着客户的脖子硬往里填的感觉。”他说。 程序复杂。从打开网站到完成交易的整个过程必须非常简单。安格瓦斯基表示，评估网站设计优劣时首先要站在顾客和浏览者的角度思考。他有一个习惯：结账前一定要建个账户。他建议，要让消费者可以在你那里买得顺心。 阅读全文

posted @ 2011-08-23 17:36 kpbiao 阅读(143) 评论(0) 推荐(0) 编辑

网站上线之前需要检查的13个问题
摘要：废话少说：Y% *^xie 1、用了Google分析等统计工具了吗? 你应该跟踪每个页面的访问情况，哪些受欢迎，哪些挣得钱多。 2、用了Pagespeed和Yslow了吗?Y% *^xie 70%用户看得到的速度提升都是通过客户端优化完成的。这两个工具可以帮你了解你的网站是否符合最佳惯例，并提供改进建议。 3、通过feedbackarmy.com和usertesting.com进行可用性测试了吗? 哪怕只有5个用户参与测试，你也能发现85%的问题。Y% *^xie 4、当网站出现错误时管理员能收到错误通知邮件。 天有不测风云，不管你准备得多么充分，网站都可能出现意外错误，如果你... 阅读全文

posted @ 2011-08-23 17:34 kpbiao 阅读(160) 评论(0) 推荐(0) 编辑

tools
摘要：1. Min.us: 上传图片的最简单方式任何开发人员、设计师、网络管理员都必须跟客户和同事在线分享图片。Min.us的全部服务就是让你极度简单地上传图片：只需把图片拖拽到Min.us的网页里，图片就会保存在服务器上。并且自动生成短网址，这样你就可以通过这个网站分享图片了。访问Min.us2. Wirify: 把任何网页转换成线框图设计网站时线框图非常有用。Wirify是一个可以把任何网页立刻转换成线框图的书签工具，这样你就可以学习或应用到自己的工作中。访问Wirify3. CSS Resetr: 查看和比较CSS resetsCSS resets是所有样式表的必需品，以在不同的浏览器之间渲染 阅读全文

posted @ 2011-08-23 14:08 kpbiao 阅读(190) 评论(0) 推荐(0) 编辑

常见错误
摘要：即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。1. 检查html元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2. 检查CSS是否书写正确检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。3. 用删除法确定错 阅读全文

posted @ 2011-08-23 11:38 kpbiao 阅读(137) 评论(0) 推荐(0) 编辑

工具-
摘要：http://www.colorzilla.com/firefox/page saver截图工具（保存整个网页）web developerfirebugyslowview soure in DWseo statuscss usagemarkman 阅读全文

posted @ 2011-08-23 11:37 kpbiao 阅读(129) 评论(0) 推荐(0) 编辑

CSS的未来：一些试验性CSS属性
摘要：但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，但是其它的属性应该得到更多的认可。最伟大的财富隐藏在Webkit的下面，而且在iPhone、iPad和Android apps的时代，开始了解它们会灰常有用。就连Firefox等使用的Gecko引擎，也提供了一些独特的属性。在本文中，我们将看一下鲜为人知的CSS 2.1和CSS3属性以及它们在现代浏览器中的支持情况。说明: 对于每个属性，我们这里规定：”WebKit” 即指代使用Webkit内核的浏览器(Safari、Chrome、iPhone、iPad、Android 阅读全文

posted @ 2011-08-23 11:26 kpbiao 阅读(456) 评论(0) 推荐(0) 编辑

css好处--忽悠的时候用
摘要：业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P> 是一样的。DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascADIng style Sheets的简称，中文译作“ 阅读全文

posted @ 2011-08-23 11:23 kpbiao 阅读(232) 评论(0) 推荐(0) 编辑

css缩写
摘要：高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：color：#113366可以简写为color：#136所有用到16进制色彩值的地方都可以使用简写，比如background-color、border-color、text-shadow、box-shadow等。盒子大小这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个 阅读全文

posted @ 2011-08-23 11:20 kpbiao 阅读(348) 评论(0) 推荐(0) 编辑

jQuery性能指标和调优
摘要：本文的写作灵感源自读者关于先前一篇文章的电子邮件反馈;该邮件这样写道 “jQuery 在简单的页面上无可挑剔，但在复杂的页面上性能极其低下。在解决性能问题之前，您必须对复杂页面使用常规的 JavaScript。” 这立即让我想到 “jQuery 和 JavaScript 之间的性能比较会是什么样的?”事实上，我很少看到将 jQuery 库与 JavaScript 或其他 JavaScript 库进行比较的文章。我可能像大多数人一样，仅看到用 jQuery 编写客户端代码的简易，而忽略了可能的性能问题。在我看来，在易用性和性能之间进行折衷是值得的。但是，存在这样一种折衷吗?jQuery 是不是比 阅读全文

posted @ 2011-08-23 11:16 kpbiao 阅读(308) 评论(0) 推荐(0) 编辑

div+css牛人也得看的15个css
摘要：DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。下面为你介绍几点注意事项，希望对你有帮助。1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零 阅读全文

posted @ 2011-08-23 11:05 kpbiao 阅读(262) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示