立方光年 的个人资料幻想之都照片日志列表更多  |  工具 帮助 |
|
9月3日 简洁的网站设计助你提高成交量最近很多电子商务网站在登陆页面上放置了大量信息。而他们“汗牛充栋”的逻辑很简单：信息越多，用户越多。不巧的是，网上购物的人总是很挑剔。 Jacob-Nielson报导说网络用户在挑选和购买的过程中，变得越来越急躁。他们不会根据分类或产品介绍，花时间到网上查找信息，大部分人更愿意使用方便的搜索引擎。如果用户找不到他想要的，这笔交易就告吹。 这就使得简洁的网页设计成为关键，特别是你需要销量的时候，它能让用户更快地找到资讯。如果一个网页充斥着大量无用的文本、widget或无关的产品，那么这个网页可以说已经作废了。 不过，有些电子商务网站恰恰相反。他们喜欢搞“多点开花”，以图给潜在的用户尽可能多的选择，在网页上添加了许多无用的信息、广告和无关的产品。而不是清楚的一个网页一件产品。 更少的产品意味着更多的关注许多网络公司可能忘记了一条电子商务的基本规则：网络购物越简单越好。可以在亚马逊点几下鼠标就买到的DVD，谁也不想驾车跑几公里外去买。如果购物的过程简单快捷，顾客甚至不会介意多花点钱或多等些时间。
苹果公司已经完全掌握了极少主义艺术网页设计。如果你打开他们的主页，只会看到三样东西：
除了标准的页脚导航，整个主页仅由这三个部分组成。以下是点击一件产品进入的网页（以 iPhone 为例）。
在产品页面，你第一眼就能了解这个网页是关于什么的：iPhone。产品本身占据了大部分的页面，周围是新 iPhone 的特点和一些应用程序。但更重要的是，我们要了解这个网页上没有什么：
苹果公司用一个舒适的页面展示了足够多的信息。展示大量的信息没有错，只要让它看起来并不多。这样你同样可以看到所有的信息，链接和图片排列在 iPhone 的周围，同样发挥了作用。网页上没有任何无聊的广告或无用的其它产品的信息。 这儿有一组经过实践考验的方法，任何设计师或网页开发者都可以学去，免得糟糕的页面布局把顾客赶走。 只有你需要的。简单的网页设计中最重要的一个方面就是，只展示你要卖的产品。但这不是说你不能向用户展示大量的信息。你只需要确定用户想了解更多的信息。苹果大量使用“Learn more”链接达到这一点。 减少点击次数。顾客到达想要的页面点击次数越少，对你来说可能的回报就越高。可别让顾客劈荆斩棘去买你的产品。 “奶奶”规则。如果你的奶奶（或任何年老的人）可以通过你的网站了解如何购买产品，那么产品被购买的几率就很大。无用的信息会很快把你的奶奶搞晕的。 减少分栏。你每增加一个分栏，显示内容的空间就少一截。顾客不想要的东西占据了太多的版面，这就无法强调主要的产品。 尽量减少操作菜单。展示产品应当避免无关的干扰，推动顾客购买的进程。顾客在选购时都希望尽可能少的思考，要让顾客有更多思考的空间并专注于购买的过程。 保持整洁。一个干净的设计可以让访问者心情愉悦。多花点时间确保你的网页布局美观，这样才会有回头客。 作为设计者应该从顾客的角度审视网页设计。你会在自己设计的网站上购物吗？ 其它优秀的电子商务设计实例
Bell.ca 只使用了很少的色彩来展示品牌，而给浏览者的操作菜单只有主导航栏。注意设计者是如何安置这么多不同的菜单——购物导航，还要同时照顾到私人和企业客户。 网页不仅不凌乱，反而显得简洁明快，提供了很多菜单，但并没有迫使浏览者一一浏览查找。同时也要注意到顶部的产品导航设计得有多聪明，我想没有谁还会选错 产品了吧。
Shoeguru.ca 展示了一个完全以用户和产品为中心的设计。似乎产品本身就是一名推销员。网页上除了产品毫无其它无关的东西；甚至连导航菜单都“少得可怜”。
Etsy 在主页上放置了如此多的信息却丝毫不显凌乱，简直是网页布局的样板。Etsy 的产品目录很繁杂，但优秀的设计使其显得轻松朴实。事实证明，一个实用性的主页也可以有很好的商业效果。
Crupress 是一个文雅的图书网站，没有什么娱乐成分。主页上有大量的文本，并没有搅乱用户的思绪。顶部的导航很醒目，但也只需要瞟一眼就能了解。所有的设计元素水乳交融。
Tokyocube 是个有趣时髦的销售日本产品的小网站。网站没有浪费宝贵的空间来介绍产品，而是把他们摆放在屏幕的右侧。网站使用大量的留白使得用户能够快速清晰地欣赏产品。谁也忍不住要点击几个玩偶好好瞧瞧。
Furious Tees 相对前面几个网站更注重图形设计，主要有两点作用：
访问者也不会忘了 Furious Tees 是卖什么的，产品不都在面前吗？把产品都放在主页对于那些销售新奇产品的网站特别有益，因为通常人们都不会去找这些东西。 但是把产品都集中放在主页上，很容易把布局搞乱。Furious Tees 很好地避免了这些问题。他们把关注都集中在 T-shirt 和风趣的设计上，没有在网页上放任何侧边栏或是广告。
论混合不同种类信息来销售产品，恐怕没有比 37 Signal 的项目管理工具 Basecamp 更牛B的了。但网页上的信息数量恰到好处。每个词语、每个图片都经过权衡。如果没有足够的信息，用户不会浪费时间去理解产品；太多的信息用户也无法招架。 得当的顶部背景色彩和公司徽标，使得下面的主体部分更引人注目。他们将各种不同的媒体融合在一起的同时，还留出大量的空白，使得用户不会一下子被繁杂的文本、图片搞晕。 最后的总结每个网站都会要求不同类型的布局、图样和文章以便销售产品。但作为设计者有些事半功倍的办法：
记住，网上购物的人总是很挑剔。他们不会磨磨蹭蹭地挑选商品，而会使用搜索引擎搜索关键词来找到他们想要的。如果他们不喜欢看到的网页，对不起，拜拜。对于网站来说，只能用一个不大的界面来吸引这些潜在客户。一个雅致的、整洁的设计可以将关注集中到产品上（而不是其它任何东西），并帮助顾客更快地找到他们想要的。 8月14日 网页设计师的谋生方式【网页】 【VI】 【UI】 【设计】 【杂志】 6月1日 取名小议【取名原则】 1月7日 网页设计流程及效率提升网站设计流程： 如何提高效率？ 1.【需求】客户及老板毕竟不是设计类专业人士，所以提出的需求往往比较抽象，要使得他们的需求具体化，容易让设计师理解，这个阶段就需要很好的把握，提供些模板让他们选择，这将省去后续不必要的返工； flash歌曲MV制作经验总结一.流程 二.细节 三.软件 11月26日 通用研究方法思考目的：为什么想做 方法二 10月20日 CSS框架什么是框架？框架是一种你能够使用在你的web项目中概念上的结构。CSS框架一般是CSS文件的集合，包括基本风格的字体排版，表单样式，表格布局等等，比如：
Elements CSS FrameworksElements 是一个基础CSS框架，它用来帮助设计者书写CSS更加快捷简单。它不仅是一个框架，它拥有自己的工作流。它拥有你需要完成项目的各种元素，查看介绍：Overview .
YUI Grids CSS很不错的框架，基础的YUI Grids CSS提供4种页面宽度，6种边框模板，以及控制行列能力。4kb文件提供了超过1000个页面布局，点击这里查看更多： Other features include:
YAML CSS FrameworkDirk Jesse的能够对(X)HTML/CSS 框架扩展，支持复杂web项目。YAML基于web标准和支持各种流行浏览器，尤其支持所有IE版本包括从 5.x/Win 到 7.0.
Blueprint CSSBlueprint是一个CSS框架，它的目标是减少你的CSS开发时间。它提供给你强大的CSS基础来创建你的项目，包括易于使用的grid，有效的字体排版，以及可打印的stylesheet .
Schema Web Design FrameworkSchema 是一个展示层web框架，修饰重复的CSS和HTML代码，它提供基础的框架让你能够马上运行项目。
CleverCSSCleverCSS是一个小型修饰语言用于CSS，从Python得到灵感，采用通过简单和干净的结构方式。 它甚至比CSS2更强大.
Tripoli CSS FrameworkTripoli 是一个一般的CSS标准用于HTML渲染，通过重置和重建浏览器标准。它非常坚固，支持跨浏览器渲染。 以下框架不详细说明，请点击链接查看详细内容。
ESWAT Web Project Framework
Boilerplate CSS Framework
WYMstyle CSS Framework
ESWAT Web Project Framework
That Standards Guy CSS Framework
That Standards Guy CSS Framework
960 Grid System
Emastic CSS Framework10月17日 常用SNS开源系统比较这几天看了很多关于SNS(社交网络服务) 的东西..得到了不少启发..目前的IDEA是..可以在学校弄一个试试..主打的东西不能和现有的SNS冲突(如校内网).利用本地优势..在活动举办这里做文章..将用户链接起来的纽带不是共同的兴趣爱好，而是通过一个城市本地正在发生的热门活动，比如公益活动、派对、 DotNode：功能和界面完全是Orkut的克隆版。最早的开源SNS系统。目前还处于开发的初期，功能和安全都还比较脆弱。DotNode更像是一个实验版本（因为Orkut本身就不算是一个成功的产品）。(演示:http://dahuoer.com/pub 目前尚不能注册和邀请，测试帐号test 密码test) AroundMe：定制性强。默认提供的功能就比较多，如果要达到自己的使用标准，需要进行一些二次开发。因为AroundMe已经递交到SF.Net，这看起来更像是程序员们使用的一个实验品，所以在功能上比较全，包括Blog、WIKI、论坛、圈子、频道等功能。(详细介绍:http://www.wangtam.com/50226711/aroundme_eaeeaeae_myspace_101053.php ) (下载 ：download.savannah.gnu.org/releases/aroundme/aroundme_1_0.zip) Elgg：更像一个博客程序，每个人拥有自己的blog地址，类似于donews.net的url方式。每个作者之间可以互加好友。与blog.donews不同的是，Elgg每个人都可以建立自己的社区主题板块，并且这个社区的形式跟Google Group类似。值得一提的是，Elgg的汉化是这四个程序中最好的。 PeopleAggregator：相比之下，PeopleAggregator更像是MySpace的翻版。从官方的示例站点来看，不论是色调布局，还是相关功能，都有MySpace的影子。PeopleAggregator在用户体验上做的比较好，几乎每一步要做什么、怎么操作，都能够一目了然。从对PeopleAggregator相关介绍来看，PeopleAggregator系统不论是从程序结构还是产品结构，都做的比较严谨。在国外的对SNS社区软件的消息中，PeopleAggregator也是备受关注的项目，TechCrunch上就有消息说看好PeopleAggregator倡导的”开放识别标准”。很多人认为”PeopleAggregator将是真正意义上的Web2.0门户。” OpenKaku OpenKaku为开源SNS软件，您可以自由下载使用，也可以自由地发布或保留您所修改过的代码。 OpenKaku派生于日本非常著名的OpenPNE2.8。在短期内，以OpenPNE的中文本土化为重点，也尽量融合OpenPNE2.4的另一个派生项目MyNets的诸多方案。 OpenKaku主要开发团队位于上海，以后将和OpenPNE及MyNets并行开发，使各SNS项目能够互惠互利，共同发展。 这5个程序我都分别注册登录，做了亲身体验，以上所述大致为体验感受。如果要在这四个系统中选择一个来搭建SNS系统，我推荐AroundMe或PeopleAggregator，但我更倾向于PeopleAggregator。目前二者都没有完全的汉化版本。从演示站点来看，PeopleAggregator提供的界面比较丑陋，AroundMe就要好很多，从可扩展性和发展前景来看，我看好PeopleAggregator。OpenKaku可能由于刚刚开源 功能和外观都不是那么好..不过至少有中文支持团队.. 附：SNS是英文Social Networking Service的缩写，直译就是“社交网络服务”，SNS是Web 2.0体系下的一个技术应用架构。SNS 基于六度分隔理论运作，这个理论的通俗解释是：“在人脉网络中，要结识任何一位陌生的朋友，中间最多只要通过六个朋友就可以达到目的。”放在Web 2.0的背景下，每个用户都拥有自己的Blog、社会化书签。用户通过Tag 、RSS或者IM、邮件等方式连接到一起。按照六度分隔理论，每个个体的社交圈都不断放大，最后成为一个大型网络，这就是SNS。 下面在附加上一些WEB 2.0 开源程序供自己参考.. Pligg——开源digg类程序(php) 2007年最新web2.0开源程序代码下载 10月2日 我的GTD方法：第一步：收集，随时收集各种头脑里的东西，分类：想法、问题、执行、项目、学习 第二步：处理， 第三步：规划，对项目进行细化，拆分成可以执行的任务 第四步：回顾，每天定期回顾 1月18日 第一次写博,自己祝贺下 |
|
|
