博客
由LifestyleMirror引发的Shop the Style联想
当读到i黑马的文章《LifestyleMirror:一幅图片包含所有的购物信息》时，我的脑子里同时冒出 “shop this look”“group product”这些字眼和一些一闪而过的网页画面的影像，它们无一例外的给人同一种印象：“我不是在买东西，我只是在寻找属于我的那种风格！”我把这种电子商务网站的特质叫作shop the style。下面是关于Shop the style 的一些发现。
- 与高端时尚杂志跨界
- 加上social的标签
- 定制化
- 回到最初的shopping
- 中国式的shop the style
意大利Vogue主编Franca Sozzani的儿子Francesco Carrozzini和他的拍档Emanuele Della Valle开设了一个新网站lifestylemirror.com，并请名媛Daphne Guinness作为网站的首页模特。(这是i黑马的一段原文。)这类冠以“高端”的网站重在通过文化传播品牌价值，并对时尚生活态度潜移默化的引导。
接下来的事情顺理成章。在首页吊足大众胃口之后，点击图片进入，视线没有落在传统的购物页面上。编辑用一个动人的故事说明这张图片所要传达的意思：何种情境下，怎样的人做出了怎样的选择。故事讲完了，读者被感动到了，想要体会一下故事主人公的心境？产品链接等着你去点！其实你看看下面这张图片里的Meryl Streep，谁知道她涂的是CHANTECAILLE的唇膏呢？编辑会去问她的化妆师吗？化妆师还记得吗？
说到social shopping不能不提到Polyvore，它允许用户自己创建服饰搭配，允许其他用户分享、评论、引用到博客，单品导向购买店铺，另外提供相同风格的单品、同一单品不同搭配，其他爱好者的同类收藏品，同一家店铺相同风格单品。Polyvore贴近消费者的地方在于，对style作了深度分析，在了解消费者购买特征的基础上充分挖掘潜在购物可能，使网购变得更加具有连贯性。
我一度像沉迷微博一样沉迷其中不可自拔，总觉得有那么多的style看都看不完，挑好了这套又想会不会还有更完美的搭配？时间久了难免有些审美疲劳，相比瀑布流的形式，不禁怀念那些可以选择“每页显示10/20/50个”和按标签浏览的网站了。
Shop the style到了真实消费者那里就成了shop my style，通过提供极致的用户体验满足个性化需求增加品牌好感度。my own bike就是这样一个例子。（我居然说不出任何一个自行车柄的样式名称，残念……）传统的自行车商大概只会告诉用户“我们有ABCDEFG型自行车柄，你要哪一种？”在my own bike这里，你只要具备看图和辨别颜色的能力就行了。选毕金色座椅蓝色车轮红色横杠，你心满意足自我膨胀自言自语“啊，这是宇宙中独一无二的我的车。”
不同于上述为客户提供的极端定制化，下面的这个Max Furniture（2010年Top 100 Online Retailers中4家家具网店之一）将风格预先搭配好，客户可以整套购买也可以只购买单品。用户浏览途径是：选择商品类别“户外家具”- 进入户外家具页面 – 在各种户外家具摆设组图中挑选出心仪的coronado系列 – 买一整套或者单品。
当用户们认为网店提供的搭配已经足够好，假如恰好他们也没有太多的时间和耐心再细细查看其他选择，就容易成为网店买手的拥趸。对买家来说，有人提供免费精致符合心意的家装设计，何乐而不为？
LINKCHIC被称作是“时尚类的导购媒体”，重心偏向“导”而弱在“购”，即在style的present阶段而不是引导shop。大多数页面和众多中国网页一样永远都是考验网民耐心的，一个页面分成十几个板块，一个fold中出现超过5个不同区域，原本高清的图片被压缩成小块。
相较而言，从导向购的部分显得有点单薄了。如下图风格页面，“带点休闲风格的西装短裤……打造极简风格。”这段文字同时出现在slide中和slide下方，slide下方的文字中又对关键字“西装”和“凉鞋”进行了链接处理（没有与其他文字明显区分样式）。“搭配中的单品” 与slide中的单品一样显示产品名称、链接到相同的页面，另外多了价格标签。
节省click的一种方法是，将“搭配中的单品”模块改为与关键字有关的产品推荐，如“更多/其他西装”“更多/其他凉鞋”“更多/其他极简风格搭配”。
引用发现1作结论，shop the style是shop your lifestyle 和show your attitude的结合。国外的模式比国内更多样化更成熟。中国的消费者们，你们准备好迎接shop the style时代了吗？
谈谈架构模式的优先级别
理解软件体系架构和不同架构间的权衡对理解任何一个软件项目来说都十分重要。无论是内容管理系统如Drupal，编程语言如PHP，或者是一个独立的网站，熟悉系统框架对项目初期体系的建立和后期团队内部沟通都起着决定性作用。
为了能够恰当地表达并便于思考架构设计，首先需要理解与该系统相关的权衡。架构设计精于一方面的同时必定在另一方面有所欠缺。因此在搭建系统前就需要明确优先级别是怎么样的，针对Drupal这样一个分布合作式开发环境至少要在很大程度上界定好优先权。
接下来就具体分析一下这些考量因素和必须的权衡关系。
架构模式
软件体系架构是构建大型逻辑体系的环节之一。实现方法有许多种，包括无数常见模式和途径。架构模式是一种最普遍的设计模式，典型的有MVC（模型-视图-控制器）设计模式、PAC（表示-抽象-控制）结构模式，还有比较少见的如Pipes and Filters（流水线）模式（Unix命令行基础）、裸体对象模式。
架构模式没有好坏之分。就系统本身和优先等级来说，每一种模式都是恰当的。不深刻理解这些优先级就无法正确说出对应的合适的架构模式是怎样的。
典型案例并非出自软件领域，而是来自汽车行业（关于的计算机讨论似乎都可以类推到汽车行业）。1960年雪佛兰科维尔推出了一种旋启式轴悬架系统汽车，这种悬架系统更常见于跑车，它对汽车把手进行改造，使跑车在飞驰过程中轮胎触地面积比普通轿车小，而普通轿车驾驶员一般对此不太熟悉。对跑车来说这种系统当然是非常受欢迎的，但是如果在市内道路上尤其当驾驶员不那么习惯使用时行驶就非常危险了。并不是这个系统不够好，只是因为它不适于普通轿车。这也是造成Ralph Nader事件的起因之一。
某些情况下，没有架构是最合适的架构，这就是所谓的整体架构，即忽略架构思想仅通过代码实现。这也是广义上的一种架构模式，尤其适用于小型或者短期项目。
架构轴心因素
考量一个架构模式是否合适，需要考虑以下因素：
可修改性 - 今后修改程序是否简单？
可延展性 - 添加或删除其他附加功能是否方便？
可测试性 - 代码结构是否利于分段测试？
可验证性 - 能否通过数据证明在任何情况下代码皆可行？
性能 - 程序运行是否快速？完成某项任务需要多久？
可扩展性 - 流量很大的时候程序表现如何？（虽然改进性能通常能改进可扩展性，可扩展性并不等同于性能。）
可用性 - 终端用户使用最终程序是否方便？
易理解性 - 二次开发者理解和改进程序的难度大吗？这对API开发尤其重要。
可维护性 - 软件的更新和问题修复是否方便？
工作量 - 程序编写要多久？
这些不同的因素经常是彼此冲突的。例如可延展性和可修改性往往一致，但会使得不易验证和不易测试。良好的性能通常（并不总是）有助于可扩展性，但过度抽象的可扩展性有时会导致性能下降。可维护性和工作量经常是一个非彼即此的问题，因为要书写一个清晰可扩展同时又易维护的软件非常有难度。Perl语言被认为是只读语言，因为从语法上来说它的开发工作量很小性能很好，相比之下可维护性或者可理解性并不理想。
Drupal 的架构
在架构模式的上述因素中，Drupal不很明显的表现出一种厚此薄彼。这不是坏事，对于我们理解和获得共识十分重要——Drupal架构模式的优先级是怎样的，为什么是这样的。
例一、Drupal经常强调可延展性。我认为由于Drupal采用了Hooks机制，可延展性一直都是架构优先级中最重要的一个。但是注重可延展性的同时必然导致可测试性和可验证性下降，那么要实行有益的Drupal7自动测试，从其架构上来说很难执行甚至无法执行单元测试。
单元测试要求能够完全把一段代码独立出来，这样才能在真空环境下分析。Hooks设计使分割代码变为了不可能，任何一段代码都有可能影响整个程序，而用户会安装何种插件使用什么代码是完全不能控制的。
这算是不错的权衡吗？假如开发一个特定领域的模块，确实是的。但是如果要调试程序的话，这个权衡真是糟糕透了。
例二、Drupal的Hook 机制以及Giant Undocumented Arrays of Doom(tm) 规范利于模块化和延展，在任何地方可以添加任何一个Hook。假如不熟悉这个特殊的设计模式，就别做梦了。即使熟悉，仍然很难理解又不好维护。要是你习惯的是传统的学院派编程方式，大概要像大多数技术人员一样大骂Drupal了。
这样的权衡有利于特定领域的非专业开发者。假如目标开发者已经具备多年PHP系统或CS开发经验，Drupal，还是算了吧。
例三、许多开发者都一致认同Drupal 7的可扩展性。这是不错的主意，而在某些情况下会降低性能。例如Field API storage现在是可扩充的，准入非SGL后端。但是它所必须的额外的抽象概念令编程和combined storage都雪上加霜。同样地，获取有效SQL存储设备驱动使得必须放弃Drupal 6中CCK的动态表模式，这就意味着JOINs增强的同时性能减弱。
如果你是Examiner.com或Sony BMG 或 Acquia 的Drupal花园，这一点并不坏。对非营利性组织、教堂或租用共享空间的个人站点，绝对不是好的方案。
从某些角度来看，Drupal7创造了很大的进步。转换一个角度，它也是一个很大的退步。这就要看需求和优先级别是什么样的了。这并不是说Drupal7不好，也不是开发者做错了。
展望
其实确实如此。我们自己知道优先级别是什么吗？如果必须在可扩展性和可验证性之间做一个选择，我们会选择什么？
下面哪一个市场的快速发展更重要：占据了95%市场份额，租用廉价共享空间，没有PHP支持人员的网站？还是拥有独立的服务器集群，可以从容安装Mongo和Varnish，雇佣四个全职开发而首先支付Drupal开发工资的另外5%市场？
如果有办法使这些用户都能快速使用Drupal，并以牺牲可修改性和可延展性为代价，我们应该去做吗？
如果可以令Drupal对新手开发者更易读而不顾性能，我们该做吗？
如果能做到新站用Drupal搭建非常方便而进行二次开发就难度大大提高，我们是否会去实现？
这些都是我们需要收集起来反思的。同时正视问题思考如何才能兼而有之。
译自：http://www.garfieldtech.com/blog/architectural-priorities
拿什么来吸引你的注意，我的客户
先讲一个小故事，是本人的亲身经历。买鞋可以去好乐买和乐淘，而我更愿意去好乐买。前几次去好乐买都会观察一下它的logo，一个穿着红鞋的漫画小黑人，觉得很有趣；产品的拇指图很有特色，是统一的一排圆形图像。后来一买鞋就先想到好乐买，看见小黑人倍感亲切；鼠标在圆形图中滑动体验产品图片的速度切换也成为了一种“恶”趣味。
我想说的是，打败对手，有时候很简单，只要先行一步让自己变得与众不同，让客户体验到不一样的东西，让客户记住你。网页设计亦是如此，接下来就要揭秘网页设计的各种巧思：
1. 产品呈现出立体效果
一直以来在展示产品时，设计师们喜欢在产品图片外加一个边框，其他功能模块也都是通过一个个方框加以区分。Hughandcryem的设计师们另辟蹊径，通过图像处理和拍摄角度制造出一种浮于屏幕的立体效果，缩短人机距离，令人产生上前抓住实物、即刻拥有的错觉。
2. 字体排版产生的美感
字体排版的应用一向被极简主义者奉为武器，近些年来由于网络字体的升级和众多优秀排版的出现日趋成熟。正如传统书法在米字格中“习”比“翻”更容易写，仅用字体的效果来体现设计思想，文字摆放在什么位置、使用何种字体、大小怎样、间距多少、留白如何控制，每一项都非常考验设计师功力。合理排版的效果是可以令人惊艳的，或优雅，或内敛，或大气，或文艺，或高调，或神秘。
3. 信息图表成为交流新方式
无图无真相，互联网用户认可图片内容，图片也能够反映问题。 图片可以被用来阐述一连串完整的重要信息，而不是仅以文章、日志的附件形式出现的插图，同时图片本身的可观赏性也比段落文字更佳接受度更高。
4. 垂直情境浏览
上面这个网站叫做Ben the Bodyguard，基于iPhone和iPod touch的数据安全app。猜我访问完上这个网站后做了些什么？——加入书签，分享到微博，@好友，告诉他们有个很有意思的东西一定要去看看，可以下载到iphone和ipod touch上玩。
情境的运用或许要得益于网络游戏的盛行。将用户置身于情境中，将信息融入到情境中，用户更加喜欢以探索发现的形式去寻找和了解。当然如果有一天鼠标滚轮有左右滚动的功能，也是有可能会出现水平情境浏览的。
5. 开门见山地告诉大家你在做什么
如上图，Chart.io是Google分析的商业数据应用，所以设计师在首页第一屏以文字加图片的形式直接告诉大家这是什么，一目了然，颇袭Google首页简洁利落之风。当然，这样的呈现需要有足够的气场才能Hold住，上图光影的使用、经典的Apple笔记本图像、背景插画、字体的份量无形中都增加了砝码。
6. 任何分辨率下都很完美
想要页面加宽的设计可是又担心在不同分辨率下不能尽善尽美？The Manual的设计师独出心裁的使文字部分向左对齐，其余部分靠右。
还要考虑移动设备的分辨率。移动互联网和移动电子商务将出现快速发展的趋势，随着网速提升和不同尺寸移动设备的出现，移动版兼容的网站将面向更多潜在用户，移动销售额有望渐长。1600像素和400像素宽的网站在排版上将呈现完全不同的风格。
7. 品牌卡通形象
文章开头提到的好乐买正是此项设计的实践者。国外网站可以找到更多更精致的品牌形象设计，但在国内尚属先锋。卡通造型可以作为logo，也可以置于内容部分引导用户浏览。将品牌人性化，赋予更多人文内涵的同时，也拉近了与访问者的距离。
8. 传统纸质设计的影响
杂志板式的设计已经流行好几年了，杂志的排版应用到网页经常转换成复古的样式。现在优秀的设计师们手法已经非常纯熟，摆脱了杂志的固有模式，与网页设计元素结合得非常好。例如上图，不仅保留了纸质设计整齐、分明的特点，又不失变化。
9. 网页设计的无厘头
无厘头风格在网页中通常表现为自我调侃的俏皮话和戏谑的图示。这样离经叛道的做法假如与品牌形象吻合，合用户口味，无疑会被潜在用户津津乐道沾沾自喜。
10. 关注输入框
获得询价令人激动。尝试把问询表单设计得引人入胜一点，用户应该会喜欢这种被细致服务的感觉。
文章来源：seomoz.org/blog 。
跨文化网站设计的六大因素
国际品牌想要进入中国市场建立一个中文网站，不是只要把原网站内容翻译成中文就好了。在文化因素影响下，设计师需要从内容、关键字、色调、布局等各方面对网站设计进行重新考量。
1. 内容言之有物
内容为王，不仅仅是针对搜索引擎优化而言。高质量的内容可以为网站带来流量，相比于平凡枯燥的流水账也更容易帮助提高转化率、增加用户粘度。有80%的互联网用户是非英语的，为了使流量和客户不至于因为语言问题流失，英语站长至少要把网站内容翻译成目标地区所说的语言，或者请一位专业的翻译或者使用Google翻译工具。一篇内容质量高、没有语法错误的文章无论如何都是受欢迎的。
上海的网站设计开发公司不胜枚举，也有提供网站翻译服务的，比如戴文。我周围的同事就组成了一个小小的联合国——法国人、澳大利亚人、美国人…，说着好听的法语、标准的英式英语、亲切的粤语，还有一时兴起飘来的上海话。请法国同事帮忙翻译Store，她会仔细的问你是实体店还是网上商店，在法语中有magasin和boutique en ligne之分，假如用Google Translator大概就直接犯错写magasin了。
2. 不要忘记关键字翻译
假如你的公司不看重品牌的本地化表现，也不寄希望于在本地市场增加更多的曝光率，或者没有请一位专门的SEOer帮忙，那很可能就会忽视关键字了。实际上关键字优化布局已经成为网站建设很重要的一个步骤了。除了关键字，还有meta description、meta keywords等各种优化标签等。
假如确定要翻译关键字了，那我也不建议机器翻译。这些优化标签对网上形象如此重要，值得精致对待。雇佣一位既对SEO有所了解又能充分理解优化意图的当地人，一点都不难。他们的专业知识可以帮助找到比机器翻译更精确的表达。
3. 注意网页主色调
毋庸置疑，不同的文化对颜色有不同的理解。这一点同样适用于网页设计。同样是红色，欧洲人看到的是活力，在中国传递喜庆的气氛并代表权势，在印度象征着纯洁。还有，许多欧美的时尚网站广泛的使用黑色，在中国这一现象就不多见了。在传统中国文化中，黑色使人联想到死亡，给人一种喘不过气来的压迫感，很少有网站足够勇敢采用大面积的黑色.
这就需要网页设计师对网站的目标客户群有所了解，询问目标客户群、主要流量分别是来自哪些国家和地区，怎样的色调和配色方案既贴合品牌形象又能引起情感共鸣。
4. 正确使用图片
接下来我要说一个“很久以前”的故事，虽然听起来可能会有点老掉牙，但是放在这里做例子我认为十分合适：2006年《名利场》的封面启用了半裸的Kate Moss。名模戴帽、穿靴、戴手套、身穿——什么也没穿，她瘦骨嶙峋、代表着病态美学、被媒体揭发吸毒丑闻。这份杂志当年不知道吸引了多少目光，招来了多少赞誉。
不论性感程度当时的中国民众能否接受，这样一个形象绝对不会出现在当年的名利场中文版上：1. 西方美学在东方不一定被认可；2. 丑闻女明星登中文杂志封面？想都别想！3. Kate Moss当时在中国的认知度很低。
图片的一大好处就是吸引用户注意，再华丽如果不能引起共鸣也是失败的编辑。
5. 选择合理布局
从技术上说，要使用结构良好符合语法规则的CSS，使用UTF-8字符集。
关注留白。中文段落通常要比相同内容的英文段落所占网页空间小，段落间距/模块间距都需要酌情调整。三栏布局在中国比两栏布局更常见，例如淘宝网和Amazon.com。
大多数语言阅读顺序是从左到右；也有从右到左的，如阿拉伯语，波斯语，乌尔都语，维吾尔语，哈萨克语。将导航菜单设计成纵向排列的样式，这样的网站更加国际化，对用户更友好。
6. 网络链接各地不同
各个地区用户的网络带宽不同。一段揭秘尼斯湖水怪的30分钟高清视频在英国或许会聚集极高人气，要是放在中国，将有相当一部分用户因为不堪忍受断点和频繁的缓冲忍痛关闭页面。类似的境况还有背景音乐，Flash，高清图像等。
要用户体验还是用户粘度，设计师们需要与站长好好沟通和衡量。
实现跨文化网站的区别设计初衷是尊重用户的文化和思维习惯，取悦用户。这样的网页设计才是好的设计，才有可能带来回报。
再见 IE 6！
9月12日，Drupal创始人兼项目主管Dries Buytaert 正式宣布Drupal8将放弃对IE6的支持，暂时继续支持IE7。这对开发者而言可谓福音，将大大减轻开发者的负担，他们可以更方方便地使用简洁的代码和先进技术。
IE6时代造成的诸多BUG将得以避免——stepdown问题，不支持PNG格式的透明图像，不支持 min-width、max-width、min-height、max-hight 属性，Box Model，双 margin，鼠标悬停，自动给斜体字加粗，将height认定为min-height等。（了解更多）
随着其他浏览器如IE 8，IE9，Chrome、Firefox等崛起，IE6发展到第十年用户数已下降至9.73%，Microsoft公司也打算让其退休，另外其他全球知名网站如Google、YouTube、Facebook、WordPress也早已不再支持IE6。
离Drupal发布还有一段时间，如今Drupal圈中讨论的焦点已转移到是否要继续支持IE7——http://drupal.org/node/1217788 。
九月Drupal小组聚会@戴文
每月一次的Drupal小组聚会将在我们公司举行。依旧是每月的第二个星期三，晚上七点，本月为14号。(原帖见Drupal官网。)
到时Drupal友将分享交流关于新技术、新应用的想法和经验。可以是以简短的形式作概念的阐述并加上问答环节，也可以详细说明项目理念。
现已确定的分享有：来自INsReady的Edxxu将讨论条形码模块；来自戴文的史海波，将分享他对Drupal7结构层重大变革之一entities的理解。
期待！
专业解读CMS系统:Drupal,Joomla,Wordpress
新手开发者/建站者经常会问，内容管理系统（CMS）中，Drupal、Joomla、WordPress，哪个更好用？分别有什么特点？
国外已有先行专业开发者作出评述：（原文见http://foliovision.com/2011/04/02/drupal-vs-joomla-mambo-vs-wordpress）
Drupal——
优势：
1. 核心代码清晰
2. 商业公司Acquia提供了有力的支持
3. 开发者素质总体而言比较高
4. 可扩展性强
不足：
1. 现成的插件不多，大多需要额外定制
2. 后台用户管理界面交互性不佳
3. 开发者数量少
4. 定制成本高
Joomla/Mambo——
优势：
1. 好用的菜单系统
2. 静态页面结构（博客）
3. 内置会员/社区功能
4. 发展早，影响力大
不足：
1. 有许多冗余代码，执行缓慢
2. 动态URL非常不利于SEO
3. 博客功能弱
4. 风格定制不够灵活
5. 内置SEO功能不可用。主要的一个SEO插件由个人开发者拥有，并经过加密。即使购买使用，仍然需要对此插件进行额外的二次定制并加密。
6. 核心代码紊乱，BUG难修复
7. Joomla自2006年从Mambo分离出来之后社区发展出现断裂
8. 大多数插件收费
9. 开发者参差不齐，总体一般
10. 定制价格没有相对统一的标准
WordPress——
优势：
1. 社区庞大
2. 集中了一大批专业开发者
3. 性能优化方便，其中Donncha O Caoimh和Frederick Townes作了很大贡献
4. 风格定制灵活
5. 强大的插件结构
6. 插件种类丰富
7. 版本更新频繁
8. 团队活动积极，尤其是在Mark Jaquith领导下社区顺利地朝正面积极的方向发展。
不足：
1. 核心代码相比Drupal质量不高（高于Joomla！），但仍逐年提升
2. 低级开发者众多
3. 许多常见的插件并不好用，影响了网站整体性能使得升级非常困难，例如NextGen Gallery
4. 收费主题质量不高，使面临升级/更换主题两难
5. 静态页面管理需加入插件方才可用
6. 更新过于频繁。用户出于安全因素必须经常更新网站，对使用许多插件的商业用户来说十分麻烦，使得用户在选择插件时必须仔细考量插件代码质量和插件作者的更新频率
综上所述，作者以为，Drupal适合大多数大型商业网站，其中定制开发占费用的大部分，高质量代码是一大优势。
Joomla/Mambo没有未来。笔者的第一个内容管理项目就是用Mambo搭建的，去年又用Joomla重新开发了其他站点，源代码质量令人咋舌。假如你建站不久，仍有此项预算，或者没有母公司强制要求必须使用Joomla/Mambo，那就赶紧换吧，别用Joomla了。
WordPress适用于博客、企业信息站、会员制站点、网店、全球新闻网络站，插件功能也比较丰富多样，如编辑管理模块，页面管理模块，电子商务模块，会员制站点模块。WordPress的核心代码相对整洁，小型博客不需要加载不必要的代码。
笔者在很多领域都使用了用WordPress建站——房地产、保险业、家具租赁、厨具、文学评论、政治、新闻、法律。
许多WordPress的商业模板都没有吹嘘的那么好用，例如DIYthemes.com and Thesis, WooThemes and ElegantThemes。另外还有一些不那么专业的开发者或灌水者出于私利提供一些不那么专业的关于插件和优化的建议。假如你想把网站做得更强大一点，希望性能、外观、兼容性更佳，那就需要更专业的服务。一旦你的网站流量大大提升或者需要购物车功能，WordPress对非技术人员来说都是不错的选择。
笔者建议网站起步的时候用WordPress，当有了一定的用户基础或者需要更复杂的功能时就换成WordPress代管服务。WordPress几乎无所不能。
