Shark UI

我来做淘宝商城的首页设计

Shark — Wed, 05 May 2010 12:28:34 +0000

今天淘宝首页的导航又改版了，和上一次淘宝商城改版一样，微博上的朋友七嘴八舌给了不少意见，粗粗看来大多是负面的意见。我一向认为负面意见大家都会提，重要的是能提出有建设性的意见。刚好现在已经离开淘宝，反倒可以公开地说说我的意见，对错都请大家多指教了。

这两次改版，从交互上来说没有大的问题。大首页中规中矩，横向Tab为主导航、左侧纵向Tab为辅导航（非二级导航，如为二级，最好还是横的），把淘宝目前的“主业”、“辅业”说得非常清楚了。

商城首页交互更有“出彩”的地方，就是左上角的“所有商品分类”。这个交互在搜索结果页面可以体现出它的优势来，算是一个很好的借鉴（应该来自amazon )。

但是，从视觉设计上来讲，两个页面都有一些问题。特别是大首页的视觉设计，可以算得上是重大失误。

(...)
Read the rest of 我来做淘宝商城的首页设计 (31 words)

Feed enhanced by Better Feed from Ozh

启航了

Shark — Fri, 23 Apr 2010 07:17:08 +0000

目前我们还在一间毛坯房内办工，不过这里挺有趣的，放几张照片让大家看看，也许你也会喜欢：）
这是我们的办公桌，现在一张桌子就是整个公司了。注意后头的落地大窗，很亮很阳光。

昨天刚买的二手服务器，边上的兰花是从我从山上挖来的^_^

从落地大窗往外望

注意这是一线江景（不过这里的一线是指能看到的江只有一横线那么多）

下面露脸的是我们公司的吉祥物，这是卷牛：

这是卷包。和卷牛打架打得脏乎乎的，不过也算是打扫卫生为公司作贡献了。

顺便说下，我们的公司和网站名字也都是“卷”字辈的^_^

Feed enhanced by Better Feed from Ozh

客户、员工、股东

Shark — Sun, 21 Mar 2010 09:56:19 +0000

关于“客户、员工、股东”谁先谁后的问题，每个公司都有自己的判断。比如阿里巴巴是“客户第一、员工第二、股东第三”。

这几天一直在思考这个问题，我发现应该把客户分为“社区”与“客户”这两种不同的概念（当然这个社区不是我们常说的BBS）。社区代表着“使命”，客户代表着“利润”。特别是对互联网公司来说，尤其如此。比如Google的社区是大量免费使用着Google的产品的用户，而客户主要的是广告主（也就是掏钱的那些人）。如果Google不能在经营的过程中分清楚这两类群体，那就一定会影响它对自身价值的追求。

同时，我认为“员工”这个概念应该用“组织”来替换，以强调群体目标而非个人利益。

如果用一个人来类比这几个概念——公司本身（组织/员工）即是人的肉体，它需要空气和水（利润/客户）才能生存下去，但空气和水不应该是这个人对自我价值的追求。一旦解决了生存的问题，他就会开始思考自己为什么而存在，逐步建立自己的价值观，并开始追求自身价值的实现（使命/社区）。当然，在这个人的成长过程中，很有可能需要外界的力量注入才能渡过某些特定的阶段，比如婴儿时期需要母乳的喂养、少年时期需要师长的指导，这就很类似投资（股东）的主要作用。

而员工与组织的关系，像极了细胞与人身的关系，无需赘述。

所以我的排序是：社区>组织>客户>股东（使命>公司>利润>投资）。

===================

社区是我们存在的理由(使命)
组织是我们存在的本身(公司)
客户是我们存在的基础(利润)
股东是我们存在的助手(投资)

===================

Feed enhanced by Better Feed from Ozh

寻创业种子团队成员

Shark — Mon, 08 Mar 2010 16:20:53 +0000

原本打算在辞职之后好好休息两个月，再回味一遍学生时代“暑假”的感觉，那才真的叫长假啊……

可惜我这个人可能命中注定是劳碌的，以为要花一个月准备的事情，居然两个星期就差不多了，真是又高兴又遗憾。高兴进展的顺利，至少初期不用担心钱的问题了；遗憾接下来不光没有长假，恐怕双休都要够呛了-_-

所以今天正式开始组建种子团队的成员。因为公司正在注册的过程中，具体的项目也不便轻易公开（可以说关键词：互联网、电子商务、营销），所以只能用我这张脸来当作诚信证明了^_^

了解我，又有兴趣加入一个全新创业团队的朋友，请联系我（sharkui@gmail.com）；

了解我，愿意帮我转发这个消息的朋友，谢谢你！

以下是简单的JD，按我心目中的理想人选描写，仅供参考：

PHP架构师与开发工程师

（必选）有比较丰富的LAMP开发经验；
（必选）全能型选手，只要是和机器打交道的问题都能在google的协助下解决；
（可选）有高并发、高实时性系统经验（如果你有这个经验，我会可能会激动得跑去灵隐亲那几位菩萨的~~）；
（可选）大型分布式系统开发经验（暂时用不上，但我有信心很快用得上）；
（必选）聪明、有好奇心、不挑食、夜猫子、喜欢《Matrix》。

前端开发工程师

（必选）真的精通xHTML、CSS、JavaScript；
（必选）不拘泥于技术的细节和潮流，但保有一些技术洁癖；
（可选）对可用性、可访问性、兼容性有充分的了解；
（必选）机灵、简单、完美主义倾向；

UI设计师

（必选）喜欢Flickr的设计风格；
（必选）有基本的美术功底和网页设计经验；
（必选）了解交互设计的基本原理，有一定实践经验（真不了解也没关系，我会教的）；
（必选）谦虚好学、模仿能力强但同时具备创新能力、有爱心、乐于倾听；
（可选）美女，有大幅加分。

工作地点：杭州

薪酬待遇：不会很高，也不会很惨

最后啰嗦几句，创业公司总是非常艰苦的，碰上我这个天生劳碌命的人可能就更加艰苦了。同时，虽然钱是好东西，但我更看重我所做事情的社会价值。所以对于我们将来的团队，我目前能许诺的，只有艰苦和梦想。

——————-

如果你有兴趣想了解更多，请联系我（mail or Gtalk）：

sharkui@gmail.com

Feed enhanced by Better Feed from Ozh

开封

Shark — Sun, 17 Jan 2010 14:44:09 +0000

这次扫黄风暴就是一次言论控制大演习。

Feed enhanced by Better Feed from Ozh

三个大饼

Shark — Fri, 27 Nov 2009 13:18:29 +0000

记得07年给UED做培训的时候，讲过“三个大饼”的理论。
简单说来，也就是两句话：

1. 设计 = 解决问题

2. 好的设计 = 用户、技术、商业的交集（所谓的三个大饼）

今天在看HarryPotter时，考虑到为什么电影叫“创作”而网站叫“设计”？有点奇怪吧，其实它们都是为了取悦用户（观众），获得收益（票房）。

所以电影也应该是被设计出来的，要考虑观众（口味、喜好）、技术（3D、摄影、后期等）和商业（什么题材好卖、走什么渠道卖等等）。一部成功的电影，从一开始就应该是针对这三方面的交集来设计的。

书也是如此。也许这就是为什么这么久了，中国还没有特别成功的电影和文学，因为他们都认为这是一种创作，但事实上它们是要被设计出来的。

放大一点讲，这三个大饼其实是 —-

1. 人性。（用户的喜好、习惯）

2. 社会性。（商业是社会性的重要体现之一，还有政治、军事等。）

3. 自然性。（技术的基础就是自然、世界、宇宙、上帝，what ever…）

能在这三个层面找到交集，当然是非常不容易的一件事。

而前提是，我们在自己的心智中，对人性、对社会、对世界，都建立了比较准确的模型。

至于建立的办法，各有妙招了。可以看书、可以旅行、可以恋爱……各显神通吧。

Feed enhanced by Better Feed from Ozh

超大市场与饱和竞争

Shark — Tue, 29 Sep 2009 15:35:01 +0000

中国大。
地广、人多，文化同根却地域差异明显，经济总量巨大却贫富不均，结果就形成了一个巨大的差异需求市场。
以致于到目前为止，绝大多数的领域内，都没有形成饱和竞争。
竞争不饱和就给了商人们极大极多的空子，只要产品或服务还过得去，然后有一点点独特的资源（政府关系、媒体、渠道等等），就能胡赚海赚。
至于现代化的管理、高超的工艺、完善的服务、持续的创新，那都是不必要的。
但是，早晚会有饱和的一天，也许是十年后，也许是二十年后。
彼时所争比的，就是制度、体系与生态圈。
现在隐忍练内功的企业，只要能熬住不死，必有所向披靡的未来。
欲求王霸之气，先做乌龟王八。

Feed enhanced by Better Feed from Ozh

遭遇”慢连接”攻击小记

Shark — Sat, 26 Sep 2009 11:31:49 +0000

9月18日

晨，网站访问突然变得非常困难，最初怀疑机房的路由出问题（曾经出过一次），和机房联系后更换了路由，但问题仍旧。

中午，偶然发现有大量处于SYN_RECV状态的链接，google后怀疑遭到SYN Flood攻击。

查询处于SYN状态的连接数，可以用这个命令：

netstat -atn | grep -c SYN

查询连接最多的ip：

netstat -atn | grep “SYN” | awk ‘{print $5}’ | awk -F’:’ ‘{print $1}’ | sort -nr | uniq -c | sort -nr | head

发现有若干ip的连接数在200以上，基本确定为SYN攻击。

然后开始用手工方式BAN掉这些IP：

iptables -A INPUT -p tcp -s 攻击者ip –dport 80 -j REJECT

因为在上班，没有更多时间处理，只能隔一阵子BAN一些连接数超过50的IP，勉强维持网站的访问。

9.19凌晨

在几位朋友的帮忙下，改了一个脚本，把上述工作改成了自动执行。每隔一分钟检查SYN状态下连接数过高的ip，然后BAN掉。
9月19日

脚本非常有效，除load稍高之外，访问正常。

9月20日

攻击方发现SYN无效后，改为使用WAIT状态的连接攻击。这个相对好办，只要把上述代码中的SYN改成 “SYN\|WAIT”即可。如：

netstat -atn | grep -c “SYN\|WAIT”

9月22日

攻击加剧，可能是攻击方调用了更多的机器发动攻击。服务器load高达800-900，ssh完全无法登录。

通知机房停掉了电信ip，对方果然不知道这机器的网通ip。电信ip停掉后，顺利地通过网通ip登入Shell。

暂时没有更好的办法，改了一些shell内核参数，包括启用syn cookie等，然后把自动BAN IP的脚本改为超过30个慢连接就BAN。

但这样很容易误杀，比如一些学校、公司和网吧用户，他们是同一网站ip的。

这样改了之后又勉强撑住。

9月23日

终于找到一个治本的办法：使用nginx当apache的反向代理。

nginx是老毛子开发的一个web服务器和反向代理，把它架在apache的前面，作为前端web服务器。

因为它本身具有防慢连接的机制（原理不说了，google一大堆），所以先把所有对80端口的访问交由nginx来处理。

对于图片/js/css等静态文件，由nginx直接返回，不交给apache。

而php文件才交给apache处理。

TIP：这么做还有一个好处，如果把nginx的connection设为keep-alive，而apache设为close，整体效率还会高很多。

这么一来，居然效果奇好。apache的进程数直接从200+降为15左右，而nginx本身的进程才2个，系统load直接下降。

而且对慢连接，即使有几个ip的WAIT状态链接高达1000+也对网站访问毫无影响。

TIP：记得把apache设为只侦听127.0.0.1的访问，以免外部直接绕过nginx冲击apache。

这里有一篇文章讲这个结构：http://kovyrin.net/2006/05/18/nginx-as-reverse-proxy/

Feed enhanced by Better Feed from Ozh

网瘾和电击

Shark — Mon, 17 Aug 2009 09:50:00 +0000

看了网易关于这个新闻的网友评论（链接），发现两派都走进了误区。

其实有一个很简单的事实，这些孩子自懂事起就开始使用网络了，网络已经成为他们的家常便饭。他们与网络的关系，就像呼吸空气一样自然。

换句话说，上网成瘾的小孩和边饶饭边看电视的大妈，在心理需求上是完全一致的。

个人意见：“网瘾”产生的唯一原因是老一代自身对网络的不了解、不接受和不理解，所以，没药可救。

Feed enhanced by Better Feed from Ozh

书

Shark — Mon, 17 Aug 2009 08:18:17 +0000

书籍是人类进步的阶梯，网络是人类进步的电梯。

Feed enhanced by Better Feed from Ozh